@charset "utf-8";
/* CSS Document */


html, body {
	margin:0;
	padding:0;
	background: #ededed;
	font-family: "Karla", sans-serif;
	font-size:14px;
	height:100%;
	}
	a {
		margin:0px;
		padding:0;
		border:none;}
	a:hover {
text-decoration:none;}
#left {float:left;}
#main {
	margin:0 auto;
	width:1000px;
	background:#FFF;
	height:auto;
	overflow:hidden;
	}
#main-contacto {
	margin:0 auto;
	width:1000px;
	background:#FFF;
	height:auto;
	overflow:hidden;
	background:url("images/header-contac.jpg") #FFF top no-repeat;
	}
#header-contacto {
	height:113px;
	overflow:hidden;
    width: 1000px;
	}	
#header {
	height:113px;
	overflow:hidden;
	background:url(images/header.jpg);
    width: 1000px;
	}
.link-home { background:url("images/icos.png") top left; display:block; height:22px; width:22px; float:left; margin-top:66px; margin-left:8px;}

.link-cont { background:url("images/icos.png"); background-position:-26px 0px; display:block; height:22px; width:22px; float:left; margin-top:66px; margin-left:8px;}


.link-fcbk { background:url("images/icos.png"); background-position:22px 0px; display:block; height:22px; width:22px; float:left; margin-top:66px; margin-left:8px;}

.link-valores { background:url("images/signo_pesos.png"); background-position:25px 0px; display:block; height:25px; width:25px; float:left; margin-top:66px; margin-left:8px;}

.link-cont2 { background:url("images/icon-mail2.png"); background-position:32px 32px; display:block; height:32px; width:32px; float:left; margin-top:-10px; margin-left:76px;}
.link-cont3 { background:url("images/sticker_d.png"); background-position:0px 0px; display:block; height:71px; width:200px; float:left; margin-top:45px; margin-left:2px;}

#btn-comparte { display: block;
    float: right;
    height: 22px;
    margin-right: 10px;
    margin-top: 68px;
    width: 92px;}
	
#content {
	width:1000px;
	height:440px;
	padding:0;
	overflow:hidden;
	}
	
.txt-menu {
display:block;
width:220px;
height:40px;
font-size:18px;
font-weight:bold;
color:#FFF; text-align:center;
padding-top:100px;
margin:0 auto;
visibility:hidden;}

.txt-menu2 {  color: #00487e;
    display: block;
    font-size: 23px;
    font-weight: bold;
    height: 40px;
    margin: 0 auto;
    padding-top: 66px;
    text-align: left;
    text-decoration: none;
    width: 406px;}

#up {
overflow:hidden;
width:963px;
height:auto;
margin:0 auto;
color:#003b68;}


.dest-01 {
	width:335px;
	height:224px;
	float: left;
}

.dest-02 {
	width:316px;
	height:224px;
	float: left;
}


.dest-03 {
	width:312px;
	height:224px;
	float: left;
}


/*.dest-01 a   {
	display:block;
	background:url(images/dest-01.jpg);
	width:335px;
	height:224px;
	float: left; 
}
.dest-01 a:hover   {
background:#356bab;}

.dest-01 a:hover .txt-menu  { visibility:visible;
}

.dest-02 a   {
	display:block;
	background:url(images/dest-02.jpg);
	width:316px;
	height:224px;
	float: left;
}
.dest-02 a:hover   {
background:#ee088f;}

.dest-02 a:hover .txt-menu  { visibility:visible;
}

.dest-03 a   {
	display:block;
	background:url(images/dest-03.jpg);
	width:312px;
	height:224px;
	float: left;
}
.dest-03 a:hover   {
background:#63cc0f;}
.dest-03 a:hover .txt-menu  { visibility:visible;
}

*/

a .dest-01 {
	display:block;
	background:url(images/dest-01.jpg);
	width:335px;
	height:224px;
	float: left;
	cursor: pointer;
}
a:hover .dest-01 {
background:#356bab;cursor: pointer;}

a:hover .dest-01 .txt-menu  { visibility:visible;cursor: pointer;
}

a .dest-02 {
	display:block;
	background:url(images/dest-02.jpg);
	width:316px;
	height:224px;
	float: left;
	cursor: pointer;
}
a:hover .dest-02 {
background:#ee088f;cursor: pointer;}

a:hover .dest-02 .txt-menu  { visibility:visible;cursor: pointer;
}

a .dest-03 {
	display:block;
	background:url(images/dest-03.jpg);
	width:312px;
	height:224px;
	float: left;
	cursor: pointer;
}
a:hover .dest-03 {background:#63cc0f;cursor: pointer;}
a:hover .dest-03 .txt-menu { visibility:visible;cursor: pointer;}

#down {
overflow:hidden;
width:963px;
height:auto;
margin:0 auto; color:#003b68;}


.dest-04 {
	width:326px;
	height:216px;
	float: left;
}

/*.dest-04 a   {
	display:block;
	background:url(images/dest-04.jpg);
	width:326px;
	height:216px;
	float: left;
}
.dest-04 a:hover   {
background:#f76c07;}

.dest-04 a:hover .txt-menu  { visibility:visible;
}*/
a .dest-04 {
	display:block;
	background:url(images/dest-04.jpg);
	width:326px;
	height:216px;
	float: left;
	cursor: pointer;
}
a:hover .dest-04 {
background:#f76c07;cursor: pointer;}

a:hover .dest-04 .txt-menu  { visibility:visible;cursor: pointer;
}


.dest-05 {
	width:637px;
	height:216px;
	float: left;
	background:#f5dc37;
	
	background:url(images/dest-05.jpg);
}

.dest-qr {
	width:637px;
	height:216px;
	float: left;
	background:#f5dc37;
	
	background:url(images/dest-qr.jpg);
}


#qr {
    background-image: url("images/qr-code.jpg");
    height: 184px;
    left: 258px;
    overflow: hidden;
    position: relative;
    top: -304px;
    width: 184px;
}
.qr-sp{
width:184px;
height:184px;
background:url(images/qr-code.jpg);}


	/* ACTIVACION */

#acti-l {width:386px;height:100%; float:left; background:url(images/activacion-img.jpg) bottom left no-repeat; color:#003b68;}

#acti-r {width:auto; overflow-y:scroll; overflow-x:hidden; height:440px;}
/*#form-act {overflow:hidden; width:580px; height:auto; margin-bottom:8px;}*/
#form-act {overflow:hidden; height:auto; margin-bottom:8px;}
.f-t-act { display:block; float:left; width:170px; padding:4px;}
.form-tit {display:block; width:170px; text-align:center; font-size:16px; margin-top:24px; color:#003b68;}
.boton {display:block; margin:40px 20px;}

/* QUIENES SOMOS */

.img-qs {
	display:block;
	background:url(images/dest-01.jpg);
	width:335px;
	height:224px;
	float: left; 
}

.dest-t-r {
    display: block;
    float: right;
    font-size: 15px;
    width: 590px;
	margin-top:10px; text-align: justify; color:#003b68;}

.txt-qs-d {    display: block;
    font-size: 13px;
    height: 78px;
    margin-top: 20px;
    overflow: hidden;
    text-align: justify;
    width: 240px;}
	
.txt-qs-d2 {
display:block; 
    width: 306px;
    margin-top: 2px;
    margin-top: 2px;
    font-size: 13px;
	text-align: justify;}

/* COMO FUNCIONA */

.img-cf {
	display:block;
	background:url(images/img_como-funciona.jpg);
	width:335px;
	height:224px;
	float: left;}
.dest-t-r2 {
    display: block;
    float: right;
    font-size: 15px;
    width: 590px;
	margin-top:24px; text-align: justify; color:#003b68;}
.casco {
	background:url(images/casco-cf.jpg);
	display:block;
	width:320px;
	height:216px;
	float:left;
	}
	
#dest-app { height: auto;
    margin-left: 60px;
    margin-top: 30px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 400px;}
.espacio {display:block; margin-left:30px; margin-top:6px; font-weight: bold;}
	
	/* CONTACTENOS */


#contac-l {width:300px;height:100%; float:left; background:url(images/activacion-img.jpg) bottom left no-repeat;}	
.contac-tit {color: #003B68;
    display: block;
    font-size: 24px;
    margin-bottom: 20px;
	text-align:left;}

#contac-r {width:auto; overflow:hidden; height:auto; padding-top:15px; }
.f-t-con { display: block;
    float: left;
    padding: 4px;
    width: 126px; }
	
#contac-casco {
    height: 317px;
    width: 286px;
    overflow: hidden;
    position: relative;}
	
.contac-casco2 {background-image: url("images/casco_.png");
    height: 317px;
    width: 286px;
    left: 700px;
    overflow: hidden;
    position: absolute;
    top: -70px;}

/* TERMINOS CONDICIONES */

#terminos{width:450px; height:577px; padding-bottom:35px; background:url(images/bg-terminos.jpg); overflow:hidden;}

.terminos-tit { display:block; margin-top:140px; margin-left: 40px; color:#003b68; font-size:18px; margin-bottom:20px; color:#003b68;}
.terminos-txt {display:block; margin-left:40px; margin-right:36px; overflow:scroll; height:406px; text-align: justify; width:370px; padding-right:10px; }


/* TABLA DE VALORES */

#tablavalores{width:320px; height:412px; padding-bottom:25px; background:url(images/bg_ficha_valores.jpg); overflow:hidden;}

.tablavalores-tit { display:block; margin-top:110px; margin-left:60px; color:#003b68; font-size:18px; margin-bottom:10px; color:#003b68;}
.tablavalores-txt {display:block; margin-left:60px; margin-right:36px; font-size:12px; height:400px; text-align: justify; width:200px; padding-right:10px; }



#pago-l {width:350px;height:100%; float:left; background:url(images/pago-casco1.jpg) top left no-repeat;}	
.pago-txt {display:block; margin-bottom:6px; margin-right:16px;}
.pago-tit {display:block; margin:14px; font-size:16px; color:#003b68;}

#pago-r {width:auto; overflow:hidden; height:auto; padding-top:10px; width:620px;height:100%; float:left; background:url(images/pago-casco2.jpg) bottom right no-repeat;}
.f-t-con { display: block;
    float: left;
    padding: 4px;
    width: 126px;}



#footer {
	width:100%;
	height:62px;
	overflow:hidden;
	background:url(images/footer.jpg);
}

#main-ficha { width:1000px; height:1368px; background:url("images/bg_ficha_1000_1300.jpg") no-repeat top left; margin:0 auto; overflow:hidden;}

.boton2 {display: block;
    height: 50px;
    margin-left: 180px;
    *margin-left: 70px;
	margin-top: 20px;
    width: 120px;}

/*#ejemplo {width:520px; height:705px; margin:0 auto; background:url("images/ejemplo.jpg");}*/

#ejemplo {width:100%; height:100%; margin:0 auto; background:url("images/bg_ejemplo_1000_1300.jpg") no-repeat top center;overflow:hidden;}