@charset "UTF-8";
/* CSS document */
/* Descripcion: estilo para Blue american
Autor: Omar De Luna
actualización: junio 2013 */


img{border:0;}

* { margin: 0; padding: 0; font-family: 'Aller_Rg', Helvetica, Arial, Verdana, sans-serif;}

a, li, input{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
	
body{
	background:#fff;}

#wrapper {
	width: 990px;
	margin: auto;
	padding:0 15px;
	}
	
#logo{
	width:250px;
	float:left;
	z-index:9;}
	
#top{
	width:100%;
	height:125px;
	border-bottom:solid 1px #999;
	}
	
#topcentro{
	width:990px;
	margin:0 auto;}
	
#top ul{
	text-decoration:none;
	width:590px;
	float:left;
	padding-left:150px;
	}
	
#top li{
	display:inline-block;
	float:left;
	cursor:pointer;
	padding-top:40px;
	background:url(images/fondobtn1.png) center top no-repeat;
	}
	
#top li a{
	font-size:15px;
	line-height:40px;
	color:#808285;
	font-weight:400;
	padding:0 15px;
	}
	
#top li:hover{
	background:url(images/fondobtn2.png) center top no-repeat;
}

#top li.active{
	background:url(images/fondobtn2.png) center top no-repeat;
}
	
#header{
	width:990px;
	height:290px;
	}
	
#header2{
	width:820px;
	height:290px;
	float:left;
	}
	
#header3{
	width:170px;
	height:290px;
	background:#f1f2f2;
	float:left;
	}
	
	
#header3 ul{
	text-decoration:none;
	padding-top:35px;
	}
	
#header3 li{
	display:block;
	float:left;
	cursor:pointer;
	padding:0 0 20px 10px;
	}
	
#header3 li a{
	font-size:12px;
	line-height:20px;
	color:#808285;
	font-weight:400;
	padding:0 15px;
	}
	
#header3 a:hover{
	color:#f4a81c;
	}

	
#container{
	width:990px;
	padding:40px 0;
	margin:auto;
	}
	
#col1{
	width:115px;
	height:auto;
	margin-left:170px;
	margin-right:20px;
	float:left;
	}
	
#col2{
	width:220px;
	height:auto;
	float:left;
	}
	
#col3{
	width:445px;
	height:auto;
	margin-left:20px;
	float:left;
	}
	
	
#col4{
	width:590px;
	float:left;
	}
	
#col5{
	width:400px;
	float:left;
	}
	
#col6{
	margin-left:150px;
	width:200px;
	margin-right:100px;
	float:left;
	
	}
	
#col7{
	width:500px;
	float:left;
	height:auto;
	}
	
#col8{
	width:165px;
	height:auto;
	margin-left:160px;
	margin-right:20px;
	float:left;
	}
	
#col9{
	width:180px;
	height:auto;
	float:left;
	}

	
	
h1{
	font-size:25px;
	line-height:25px;
	color:#1c3e72;
	font-weight:700;
	margin-bottom:15px;
	}
	
h2{
	font-size:36px;
	line-height:45px;
	color:#fff;
	font-weight:700;
	text-align:left;
	}
	
h3{
	font-size:24px;
	line-height:30px;
	color:#545759;
	font-weight:700;
	}
	
h4{
	font-size:22px;
	line-height:30px;
	color:#fff;
	font-weight:700;
	}
	
h5{
	font-size:25px;
	line-height:30px;
	color:#C72029;
	font-weight:700;
	margin-bottom:20px;
	text-align:left;
	}
	
h6{
	font-size:23px;
	line-height:35px;
	background:#C72029;
	color:#fff;
	font-weight:700;
	margin-bottom:20px;
	text-align:center;
	display:block;
	padding:5px 0;
	}
	
	
p {
	font-size:14px;
	line-height:22px;
	color:#666;
	}
	
p.grande {
	font-size:17px;
	line-height:25px;
	color:#666;
	}
	
	
a {
	font-size:14px;
	line-height:20px;
	color:#213d7b;
	text-decoration:none;
	}


.cleare {
	display: block;
	clear: both;
}

#footer{
	width:100%;
	text-align:center;
	height:115px;
	border-top:1px solid #333;
	}
	
#footer2{
	width:990px;
	height:115px;
	margin:0 auto;
	}
	
#foo1{
	width:190px;
	height:60px;
	float:left;
	text-align:left;
	}
	
#foo2{
	width:800px;
	height:60px;
	float:left;
	text-align:right;
	}
	
#foo2 p{
	font-size:12px;
	line-height:60px;
	color:#333;
	font-weight:300;
	}
	
#foo1 p{
	font-size:12px;
	line-height:17px;
	color:#213d7b;
	font-weight:300;
	margin-top:10px;
	text-align:right;
	padding-right:10px;
	border-right:5px solid #f4a81c;
	}

.campo2{
	width:320px;
	height:25px;
	padding:10px;
	background:#f4a81c;
	border:0;
	margin-bottom:10px;
	font-size:13px;
	outline:none;
	}



@media only screen and (min-width:0px) and (max-width:768px){
	
	
	}



@font-face {
				font-family: 'Aller_Rg';
				src: url('fonts/Aller_Rg.eot');
				src: url('fonts/Aller_Rg.eot?#iefix') format('embedded-opentype'),
						 url('fonts/Aller_Rg.woff') format('woff'),
						 url('fonts/Aller_Rg.woff2') format('woff2'),
						 url('fonts/Aller_Rg.ttf') format('truetype'),
						 url('fonts/Aller_Rg.svg#daxcompr') format('svg');
				font-weight:lighter;
				font-style: normal;
		}
		
@font-face {
				font-family: 'Aller_Bd';
				src: url('fonts/Aller_Bd.eot');
				src: url('fonts/Aller_Bd.eot?#iefix') format('embedded-opentype'),
						 url('fonts/Aller_Bd.woff') format('woff'),
						 url('fonts/Aller_Bd.woff2') format('woff2'),
						 url('fonts/Aller_Bd.ttf') format('truetype'),
						 url('fonts/Aller_Bd.svg#daxcompr') format('svg');
				font-weight:lighter;
				font-style: normal;
		}