﻿/********General*******/

@font-face{font-family:'fontawesome';
			src: url('fuentes/fontawesome-webfont.eot'),
			url('fuentes/fontawesome-webfont.svg'),
			url('fuentes/fontawesome-webfont.ttf'),
			url('fuentes/fontawesome-webfont.woff');			
			}

body{
	background-color:#F3F3F3;
	margin:0;
	font-family: Trebuchet MS;
	font-size:14px;
	color:#7B7B81;
	height:100%
}
a {
	color:inherit;
	text-decoration:none;
}
.contgeneral{width:100%; border-bottom: 1px solid #fff; overflow:hidden;}
.contgeneralb{width:100%; overflow:hidden;}
.contenedor{width:960px;margin:0 auto;}
h1{font-size:2.8em; color:#333; width:700px; border-bottom: #204B80 solid 2px; margin-bottom: 2px; height:45px;}
h2{font-size:1.8em; color:#333;padding-left:20px; font-weight:normal}
h3{font-size:30px; color:black}
h4{font-size:20px; color:#1f4b7f;}
h5{padding-bottom:8px; border-bottom:2px solid white; font-size:1.8em; width:100%; color:white; padding-left:10px; font-weight:normal; margin-bottom:0}
h6{font-weight:bold; font-size:120%; margin: 10px 5px 2px 3px}
h7{text-align:justify; font-size:120%; line-height:1.1em; margin-bottom:15px}
h8{width:275px; color:#333; border-bottom:thin #204B80 solid;margin-bottom:10px; margin-top:20px; float:left; text-align: left;}
h9{font-size:20px; color:#333; margin-bottom:20px; display:block; font-weight:bold}

/*******menu*********/
#contmenu{width:100%; height:104px; border-bottom: 1px solid rgb (255, 255, 255); box-shadow:0px 0px 7px rgba(0,0,0,0.5);padding-top:10px;}
#menu{margin: 0px auto; width:960px; height:114px}
.contlogo{width:150px; height:60px;display:inline; float:left; position:relative; margin: 15px 70px 10px 17px; padding:15px; background: url('../imagenes/logotipo.png')no-repeat;}
#logo{background: url(imagenes/logotipo.png)no-repeat;}

/******Botonera******/

#contbotonera{width:550px; float:left; margin:0 20px; padding:15px}
#botonera{list-style: none outside none; margin:0px; padding: 0px; float:left; width:700px; vertical-align:center}
.boton{border-radius:5px 5px 5px 5px; margin-right:5px; padding: 9px 14px 7px; width:auto; height: auto; float:left; font-weight:bold; color:#fff; font-size:16px;}
.activo{ background:rgb(37, 87, 148) url('../imagenes/readon.png');  box-shadow:inset 0 1px 3px rgba(0,0,0,0.7);color:#fff}
.boton:hover{color:#204B80; }
.inicio{width:16px;height: 28px}
.subactivo{color:#204B80;}

#nav { list-style:none; margin:0; padding:0;}

#nav li a {
				display: block;
				text-decoration: none;
				font-weight: bold;
				padding:10px 15px 10px 10px;
				color:inherit;
				background: url('../imagenes/vta.png') no-repeat;
				background-position: 154px 20px; 
}

#nav div{
				padding:0;
				color:inherit;
}
/*#nav li a:hover { color:#D3D3D3; }*/
/* Submenu */
#nav ul.submenu { 
				font-size:13px;
				background-image:url(../imagenes/backgroundcolor.jpg);
				width:180px;
				margin:0px;
				color:white;
				padding:0px ; 
				position:absolute;
				list-style:none; 
				z-index:1000;
				box-shadow: 0 0 6px rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 6px rgba(0,0,0,0.4);
				border-bottom-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;
				border-bottom-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-bottom-right-radius:6px;
}
#nav ul.submenu :hover{color:#204B80;}

#nav ul.submenu li { float:none; text-align:left; padding:13px 14px 10px 25px}
#nav ul.submenu a{padding:0}

/********Slider*******/
.cntdrSlider{width:1018px;height:421px; margin: auto}
.slider{width: 1018px;height: 421px;overflow: hidden;position: relative;}

/********contenido*****/
.contsociales{float:right; font-style:italic; margin: 40px 80px -35px -10px; width:210px; height:37px;}
.followus{float:left; margin: 5px 8px 0 0;}
.socialfb{background: url('../imagenes/social-icons.png') no-repeat;background-position:0 0; width:31px; height:31px; display:block; float:left; margin-right:10px;}
.socialfb:hover{ background: url('../imagenes/social-icons.png') no-repeat; background-position: 0 -34px;}
.socialtw{background: url('../imagenes/social-icons.png') no-repeat;background-position:-39px 0px; width:31px; height:31px; display:block; float:left; margin-right:10px;}
.socialtw:hover{ background: url('../imagenes/social-icons.png') no-repeat;background-position:-39px -34px;}
.historia{width:910px; margin:0 auto; background:url('../imagenes/comillas.png') 0 0px no-repeat; padding:5px 0 0 35px; font-style:italic; font-size:16px; line-height:22px} 
.historia p{background:transparent url('../imagenes/comillasc.png') 100% 100% no-repeat; padding:0 35px 5px 0}
.izquierda{width:700px; float:left; font-style:normal}
.textizq{float:left; width:700px; border-top: #7B8181 solid 1px; padding-bottom:20px}
.cont184{width:184px; float:left;}
.cont466{text-align:justify; width:466px; padding:50px 0 0 20px}
.cont300{width:300px; float:left; text-align:center; padding:20px 20px 20px 0px;margin:0}
.cont300 p{float:left; text-align:left; line-height:1.7em; padding-left:10px;}
.cont300 a{color:#204B80}
.cont300 a:hover{color:black}
.cont350{width:350px; float:left; text-align:justify; padding:30px 25px 20px 0px;margin:0}
.cont350 ul{padding-left:15px; line-height:1.7em}
.cont430{text-align:justify; width:430px; padding:20px 0 0 0px}
.cont430 p{line-height:1.7em; font-size:13px}
.cont430 ul{line-height:1.7em; padding-left:25px; font-size:13px}
.mapa{border: 1px solid #CFCFCF; box-shadow: 0 1px 3px rgba(0,0,0,0.15); border-radius: 5px; width:660px; padding:20px; margin-top:30px; float:left}
.mapa2{border-top: 1px solid #CFCFCF; width:660px; padding:30px 20px 20px 20px; float:left}

#derecha{width:220px; float:left; position:relative; margin-left:19px;}
#derechag{width:430px; float:left; margin-left:50px; position:relative; padding-top:75px; text-align:justify;}
#derechag p{line-height:1.7em; font-size:13px}
.tweets{height:225px; width:100%; float:left;}
.cotizador{float:left; height:213px; width:100%; border:1px solid #CFCFCF; box-shadow:0 1px 3px rgba(0,0,0,0.15); border-radius:5px; margin-top:70px}
.contcoti{padding:15px}
.azul{color:#fff; border: 1px solid rgba(0, 0, 0, 0.2); background: url(../imagenes/readon.png) #255794; font-size:1.8em ; border-radius: 5px 5px 0 0; padding:15px; text-align:center;}
.cotice{border-radius:0 0 5px 5px; padding:15px;}
.cotizar{color:#204B80}
.cotizar:hover{color:black}
.contacto{width:220px; height:463px; border:1px solid #CFCFCF; box-shadow:0 1px 3px rgba(0,0,0,0.15); border-radius:5px; float:left; text-align:center; margin-top:20px}
.titulocontact{background:url(../imagenes/modtitle-overlay.png); padding:15px; font-size:1.8em; color:#333; background-repeat:repeat-x; background-position:0 100%; border-bottom:1px solid #CFCFCF;}
.titulodest{float:left; background:url(../imagenes/modtitle-overlay.png); padding:15px 15px 15px 30px; font-size:1.8em; color:#333; background-repeat:repeat-x; background-position:0 100%; border:1px solid #CFCFCF; border-radius:5px 5px 0px 5px; margin:0 0 -11px 29px; width:575px}
.titlearrow{width:15px; height:15px; background: #204B80 url(../imagenes/large-arrows.png) no-repeat; float:left; border:1px solid rgba(0,0,0,0.3); border-radius:1em; position:relative; background-position:4px -102px; top:22px; left:12px}
.vineta2{width:23px; height:23px; background: url(../imagenes/vineta2.jpg); float:left}
.vineta3{width:23px; height:23px; background: url(../imagenes/vineta3.jpg); float:left}
.vineta4{width:95px; height:23px; background: url(../imagenes/vineta4.png) no-repeat; float:left; background-position-y:3px; padding-left:12px; color:#204B80}
.vineta4:hover{color:black}
.capital{font-size:300%; float: left; margin:0 13px 0 0; line-height:110%}

/*******tab**************/
.cont{width:680px;height:1000px;}



/***********footer******/

.contmfooter{margin:0 auto; position: relative; float:left}
.menufooter{width:960px; margin:28px 0 -28px; position: relative; border-radius: 10px; box-shadow: 0 0 0 3px rgba(153, 153, 153, 0.2); background: #e2e2e2}
.barra{box-shadow: inset 0 1px 3px rgba(0,0,0,0.6); padding:15px; border-radius: 10px}
#footer{width:100%; overflow:hidden; background: #222327 url(../imagenes/footer-overlay.png); color:#CFD0D2; box-shadow:inset 0 0 6px rgba(0,0,0,0.8); margin-bottom:25px}
.barra a{margin-right:25px; font-size:1.1em; font-weight:bold; color:#333}
.barra a:hover{color:#204B80}

.copyright{width:100%; overflow:hidden; height:35px}
.copyright div{width:1023px; margin:0 auto; }

.contop{padding:3px 25px; font-size:0.85em; font-weight:bold; border-radius:4px; margin-top:-40px; background-color:#F3F3F3; border:1px solid #9F9F9F; box-shadow:0 0 3px rgba(0,0,0,0.3); color:#60676F; float:right; text-align:center; margin-right:360px}
.contop a:hover{color:#204B80}
.arrowtop{background:url('../imagenes/totop.png'); background-color:#42413C; width:15px; height:10px; margin:3px 0 0 5px; float:left;}
.arrowtop:hover{background-color:#204B80}