html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{ outline:0; border:0; text-decoration:none; }
a img{ outline:0; border:0; }

.anim-300{
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}


/* STYLES */

body{ background:url(img/fondo.jpg) top left repeat-x; width:100%; height:100%; }

.ingresar{ width:1024px; border:4px solid #FFF; margin:4px auto; height:725px; 
background:url(img/degrade-inicio.jpg) top center no-repeat #FFF; }
.ingresar .logo{ margin-top:180px; }
a.ingresar-boton{ display:block; margin:4px auto 0; width:200px; position:relative;margin-top:20px}
a.ingresar-boton img{ position:absolute; top:0; left:0;}
a.ingresar-boton img.normal{ filter: alpha(opacity=100); opacity: 1;}
a.ingresar-boton img.hover{ filter: alpha(opacity=0); opacity: 0;}
a.ingresar-boton:hover img.normal{ filter: alpha(opacity=0); opacity: 0;}
a.ingresar-boton:hover img.hover{ filter: alpha(opacity=100); opacity: 1;}
.ingresar .empresas{ margin-top:43px; }

.page-wrapper{ width:1024px; border:4px solid #FFF; margin:10px auto; background-color:#FFF; position:relative; }
.header{ width:100%; height:200px; background-position:top center; background-repeat:no-repeat; background-image:url(img/header-fondo.jpg);
position:relative;}

.header ul{ overflow:hidden; position:absolute; bottom:0; /*left:547px;*/ right:45px; margin-right:56px;}
.header ul li{ text-transform:uppercase; font-size:11px; float:left; margin-left:38px; }
.header ul li:first-child{ margin-left:0px; }
.header ul li a{ color:#019ADD; font-weight:bold;}
.header ul li a:hover{ text-decoration:underline;}

.footer{ height:29px; background:url(img/footer-bg.jpg) top left repeat-x; border-left:1px solid #fff; border-bottom:1px solid #fff;
border-right:1px solid #fff;}
.footer p{ text-align:center; line-height:29px; color:#000; font-size:12px; }

.nav-wrapper{ width:850px; margin:auto; position:relative;}
.nav{ position:absolute; right:0; }
.nav a{ width:38px; height:31px; display:block; float:left; position:relative; margin-left:10px;}
.nav a img{ position:absolute; top:0; left:0;}
.nav a img.normal{ filter: alpha(opacity=100); opacity: 1;}
.nav a img.hover{ filter: alpha(opacity=0); opacity: 0;}
.nav a:hover img.normal{ filter: alpha(opacity=0); opacity: 0;}
.nav a:hover img.hover{ filter: alpha(opacity=100); opacity: 1;}

.nav a#contacto img{ margin-top:4px;}

.content{ width:850px; overflow:hidden; position:relative; margin:60px auto 45px; }

.content .col{ width:48%; float:left;}
.content .col.der{ float:right;}

.content .col.der p{ text-align:center; color:red; font-size:12px; line-height:16px; font-weight:bold; margin-top:12px; }

.content .col img{ max-width:100%; display:block; margin:auto; }

.content .col ul.sub-menu{ width:100%; overflow:hidden; margin-bottom:10px;}
.content .col ul.sub-menu li{ float:left; margin-right:8px;}
.content .col ul.sub-menu li a{ color:#019ADD; font-size:12px;  line-height:16px; height:16px; }
.content .col ul.sub-menu li a:hover{ text-decoration:underline;}
.content .col ul.sub-menu li a.current{ font-weight:bold; font-style:italic; font-size:14px;}
.content .col ul.sub-menu li a.current:hover{ text-decoration:none;}

.texto-wrapper{ font-size:12px; line-height:18px; color:#999; padding-top:8px; max-width:95%;}
.texto-wrapper strong, .texto-wrapper b{ font-weight:bold; }
.texto-wrapper h2{ font-size:15px; line-height:22px; color:#019add; margin-bottom:16px;}
.texto-wrapper h2 span{ text-transform:uppercase; }
.texto-wrapper h4{ font-weight:bold; text-decoration:underline; font-size:14px; line-height:18px; color:#000; }
.texto-wrapper p{ margin-bottom:16px; }
.texto-wrapper a{ color:#019add; }
.texto-wrapper a:hover{ text-decoration:underline; color:#019add; }

.texto-wrapper .contacto-box{ display:block; margin-bottom:20px;}
.texto-wrapper .contacto-box a{ font-family:Tahoma, Geneva, sans-serif;  font-size:18px; line-height:22px; color:#019add; margin-bottom:2px; display:block;}
.texto-wrapper .contacto-box p{ font-family:Tahoma, Geneva, sans-serif;  font-size:14px; line-height:18px; font-weight:bold; color:#019add; margin:0;}

.link-box-wrapper{ width:420px; overflow:hidden; }
.link-box-wrapper a.link-box{ position:relative; width:200px; height:200px; float:left; margin-bottom:4px; margin-left:4px; }
.link-box-wrapper a.link-box img{ position:absolute; top:0; left:0; max-width:100%;}
.link-box-wrapper a.link-box img.normal{ filter: alpha(opacity=100); opacity: 1;}
.link-box-wrapper a.link-box img.hover{ filter: alpha(opacity=0); opacity: 0;}
.link-box-wrapper a.link-box:hover img.normal{ filter: alpha(opacity=0); opacity: 0;}
.link-box-wrapper a.link-box:hover img.hover{ filter: alpha(opacity=100); opacity: 1;}

.content a.pdf{ overflow:hidden; height:30px; display:block; }
.content a.pdf img{ float:left; margin-right:12px; }
.content a.pdf p {
  color: #019ADD;
  float: left;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  text-transform: uppercase;
}
.content a.pdf:hover p{ text-decoration:underline;}