/*
Stylesheet APIVER - Sitio de Calidad
Author: fogostudio.com
Client: APIVER
Date: 2014.04.16
*/

.estadisticasIcon{
	float:left;
	width: 20px;
}

p{
	text-align: justify;
}

section ,article{
	display: block;
}
#notasBG p{
	color: #fff;
	font-family: Arial;
	font-size: 12px;
}
#notasBG h2{
	color: #fff;
}
#notasBG li{
	color: #fff;
	font-family: Arial;
	font-size: 12px;
}
#notasBG img{
	float:left;
	margin-right:40px;
}

#historial h2{
	font-size: 18px;
}
#frame{
	position: relative;
	width:765px;
	height:300px;
	float: left;
	min-height: 450px;
	margin-bottom: 60px;
	overflow: auto;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	background-color: #0082ce;
}
#historial{
	position: absolute;
	width: 230px;
	color: #fff;
	top: 328px;
	float: left;
	right: -25px;
}
#historial a{
	color: #fff;
	text-decoration: none;
	width: 260px;
	display: block;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
}
#historial a:hover{
	background-color: #000;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#historial ul
{
	/*list-style-type: none;*/
	padding: 0px;
	margin: 0px;
}
#historial li{
	padding-left: 0px;
	padding-bottom: 15px;
}

#barras{
	-webkit-overflow-scrolling: touch;
}
#notas{
	margin-top: 50px;
	background-color: #fff;
	-webkit-overflow-scrolling: touch;
	height: 450px;
	float: left;
	width: 900px;
	margin-bottom: 90px;
	position: relative;
	border-style: none;
	overflow-y: scroll;
	overflow: hidden;
	background-color: #0082ce;
	left: -50px;
}
.lop{
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-animation-delay: 1s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.bounceIn{
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	animation-duration: 3s;
}
.animated.flash{
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	animation-duration: 3s;
}
#hex1{
	position: absolute;
	left: 130px;
	top: -60px;
}
#hex2{
	position: absolute;
	left: 260px;
	top: 16px;
}
#hex3{
	position: absolute;
	left: -1px;
	top: 16px;
}
#hex11{
	position: absolute;
	left: 130px;
	top: -60px;
}
#hex22{
	position: absolute;
	left: 260px;
	top: 16px;
}
#hex33{
	position: absolute;
	left: -1px;
	top: 16px;
}

#boton032{
	position: relative;
	top: -105px;
}

body{
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #fff;
	color: #000;
	margin:0;
	padding:0;
	background-image:url('../bitmaps/mainShadows.png');
	background-repeat: repeat-y;
	background-position: center top;
}
html{
	color: #fff;
}
h1,h2,h3,h4,h5{
	font-family: Arial;
}
::selection {
	background: #3fda58; /* Safari */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
::-moz-selection {
	background: #3fda58; /* Firefox */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* FONTS */
.museo9{
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}
.museo4{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
.museo5{
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}
.fsXXL{
	font-size: 90px;
}
.fsXL{
	font-size: 70px;
}
.fsL{
	font-size: 50px;
}
.fsM{
	font-size: 30px;
}
.fsS{
	font-size: 20px;
}
.fsM{
	font-size: 35px;
}
.fsMM{
	font-size: 25px;
}
.k5{
	letter-spacing:5px
}
.k10{
	letter-spacing:10px
}
/* DISTANCES */


.mcol{
	width:300px;
	float:left;
	padding-right: 20px;
}

.mtablas{
	height: 500px;
}


.t10{ position:relative;top:10px;}
.t20{ position:relative;top:20px;}
.t30{ position:relative;top:30px;}
.t40{ position:relative;top:40px;}
.t50{ position:relative;top:50px;}
.t60{ position:relative;top:60px;}
.t70{ position:relative;top:70px;}
.t80{ position:relative;top:80px;}
.t90{ position:relative;top:90px;}
.t100{ position:relative;top:100px;}

/* COLORS */
.white{
	color: #fff;
}
.green{
	color: #3fda58;
}


/* NAVIGATION */
.navi {
	list-style:none;
	margin:0;
	padding:0;
}
.navi li {
	padding:0;
	float:left;
	display:inline;
	text-transform: uppercase;
	font-size:11px;
}
.navi li a {
	display:block;
	width: 90px;
	height:25px;
	padding: 4px 0px;
	padding-right:10px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	display:table-cell;
	vertical-align: middle;
}
.navi li a:hover {
	color:#ddd;
	/*background-color:#003366;*/
}
/* FLOATS */

.left{
	float:left;
}
.right{
	float:right;
}
.center{
	text-align: center;
}
.abs{
	position: absolute;
}
.rel{
	position: relative;
}

/* SECCIONES */

#topMenu{
	width: 100%;
	height: 123px;
	background-image:url('../bitmaps/bg_topMenu.png');
	background-repeat: repeat-x;
	z-index:999;
	position: fixed;
	top:18px;
}
#topMenu img{
	position: absolute;
	left: 420px;
	top: -43px;
}
#topMenuContainer{
	width:1200px;
	margin:auto;
	position: relative;
	top: 63px;
}

#mainContainer{
	margin: auto;
	width: 1200px;
}
#slide1{
	background:url('../bitmaps/homeBg.jpg') 50% 0 repeat scroll; min-height: 800px;
	background-repeat: no-repeat;
	height: 800px;
	position: relative;
}
#slide2{
	background:url('../bitmaps/dosBg.jpg') 50% 0 repeat scroll; min-height: 900px;
	background-repeat: no-repeat;
	height: 900px;
	position: relative;
}
#slide3{
	background:url('../bitmaps/tresBg.jpg') 50% 0 repeat scroll; min-height: 950px;
	background-repeat: no-repeat;
	height: 950px;
	position: relative;
	background-color: #0095e5;
}
#slide4{
	background-color: #0082ce;
}
#slide5{
	/*background-color: #0082ce;*/
	background: url('../bitmaps/cincoBg.png') 50% 0 repeat-y scroll;
	/*background-color: #0095e5;*/
}
#slide52{

}
.slide53{
	background: url('../bitmaps/cincoBg.png') 50% 0 repeat scroll;
	*/*
	min-height: 900px;
	height: 900px;
	*/
	background-repeat: no-repeat;
	position: relative;
	background-color: #fff;
}
#slide8{
	background: url('../bitmaps/ochoBg.jpg') 50% 0 repeat scroll;
	min-height: 900px;
	background-repeat: no-repeat;
	height: 900px;
	position: relative;
	background-color: #0095e5;
}
#slide9{
	background-color: #e5e5e5;

}
#homeBottom{
	background-image:url('../bitmaps/homeBottom.png');
	background-repeat: no-repeat;
	width: 1200px;
	height: 140px;
	text-align: center;
	position: absolute;
	top: 745px;
	z-index: 3;
	/*background-color: #0082ce;*/
}
#homeBottom2{
	background-image:url('../bitmaps/homeBottom-off.png');
	background-repeat: no-repeat;
	width: 1200px;
	height: 140px;
	text-align: center;
	position: absolute;
	top: 745px;
	z-index: 2;
	/*background-color: #0082ce;*/
}
#homeBottom2 span{
	position: relative;
	top: 125px;
}
#dosBottom{
	background-image:url('../bitmaps/dosBottom.png');
	background-repeat: no-repeat;
	width: 1200px;
	height: 200px;
	text-align: center;
	position: absolute;
	top: 750px;
	/*background-color: #0082ce;*/
}
#dosBottom2{
	background-image:url('../bitmaps/dosBottom-off.png');
	background-repeat: no-repeat;
	width: 1200px;
	height: 200px;
	text-align: center;
	position: absolute;
	top: 750px;
	/*background-color: #0082ce;*/
}
#homeTitle{
	top: 240px;
}
#dosTitle{
	top: 40px;
	width: 650px;
	height: 225px;
	position: relative;
	text-align: left;
}
#slide1Col1{
	position: absolute;
	top: 225px;
	left: 50px;
	width: 424px;
	text-align: center;
	line-height: 40px;
}
#slide2Col1{
	position: absolute;
	top: 225px;
	left: 120px;
	width: 300px;
}
#slide2Col2{
	position: absolute;
	top: 225px;
	left: 330px;
	width: 300px;
}

.level1,.level2,.level3,.level4 {
	position: relative;
}
.level2{
	/*z-index: 2;*/
}

/* SLIDE02 GRID */

.dosGrid{
	width: 240px;
	height: 250px;
	float: left;
	text-align: center;
	margin-top: 30px;
}
.dosGrid h2{
	color: #18b631;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 20px;
}
.dosGrid p{
	color: #666;
	font-size: 14px;
	width: 210px;
	margin-top: 10px;
}

#dosBeneficios{
	background-color: #e5e5e5;
	width: 960px;
	height: 630px;
	margin: auto;
}

/* TRES GRID */

#tresTitle{
	text-align:center;
	position: relative;
	top: 180px;

}
#tresPuntos{
	width: 960px;
	margin: auto;
	position: relative;
	top: 230px;
}
.tresGrid{
	width: 300px;
	height: 468px;
	background-image:url('../bitmaps/tresGrid.png');
	background-repeat: no-repeat;
	margin-right:20px;
	float:left;
}
.tresGrid h2{
	color: #00a5f2;
	font-size: 24px;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 40px;
}
.tresGrid li, .tresGrid p{
	color: #10296c;
	font-size: 14px;
	width: 235px;
	margin: auto;
}
.tresGrid li{
	/*list-style:none;*/
	padding:0;
}

/* CUATRO GRID */
#cuatroPuntos{
	width: 960px;
	height: 1000px;
	margin: auto;
}
.cuatroGrid{
	float: left;
	padding-right: 20px;
	margin-bottom: 20px;
}
#cuatroMain{
	position: relative;
	top: 210px;
}
#cuatroTitle{
	text-align: center;
	margin-bottom: 40px;
}

#cincoMain{
	position: relative;
	width: 960px;
	margin: auto;
}
.kare{
	/*height: 1200px;*/
	background-color: #0082ce;
}
#cincoTitle{
	text-align: center;
	padding-top:200px;
	margin-bottom: 40px;
}
#cincoTitleNoticias{
	text-align: center;
	padding-top:200px;
	margin-bottom: 0px;
}
#sexion1{
	width: 970px;
	display: block;
	clear: both;
	height: 810px;
}
#sexion2{
	width: 970px;
	display: block;
 	height: 680px;
}
#sexion3{
	width: 970px;
	display: block;
 height: 780px;
}
.quadd{
	width: 300px;
	display: block;
	overflow: hidden;
	float:left;
	margin-right: 22px;

}
.cincoGrid{
	width:295px;
	height:300px;
	/*height: 35px;*/
	text-align:center;
	margin-right:30px;
	margin-bottom: 50px;
}
.cincoTitle{
	width:295px;
	height: 100px;
	text-align:center;
}
.tablemid{
	display: block;
	/*vertical-align: middle;*/
	/*height: 300px;*/
}

table.sample td{
	height: 18px;
	padding: 10px;
}
table.sample th{
	font-weight: bold;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px 8px;
}


.seisGrid{
	float: left;
	margin-right: 35px;
	position:relative;
	z-index: 99;
}
.seisGrid h2{
	position: relative;
	color: #18b631;
}
.seisGrid img{
	margin-bottom: 20px;
	margin-top:60px;
	position:relative;
}
#seisIcons{
	width: 960px;
	margin: auto;
	padding-left: 20px;
}
#seisMain{
	width: 960px;
	margin: auto;
}
#slide6{
	background:url('../bitmaps/seisBg.png') 50% 0 repeat scroll; min-height: 770px;
	background-repeat: repeat-x;
}
#seisMain h3{
	color: #666666;
}
#seisMain a{
	text-decoration: none;
}
#cuadroVerde{
	width: 960px;
	background-color: #33cc00;
	color: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.cvv{
	height: 100px;
}
.cvv h2{
	text-align: center;
	font-size: 16px;
}
.cvv p{
	text-align: center;
	margin-top: 10px;
}

#cuadroVerdeViewer{
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 80px;
	position: relative;
}
#seisIndicator{
	position: relative;
	top: 7px;
	left: 53px;
	width: 70px;
}

#seisBottom{
	background-color: #0082ce;
	color: #fff;
	text-align: center;
	height:145px;
	width:1200px;
}
#seisBottom div{
	position:relative;
}
#seisBottom img{
	position: absolute;
	left: 550px;
	top: -45px;
}
#seisBottom h2{
	position: relative;
	font-size: 22px;
	top: 55px;
}

#slide7{
	background-color: #0082ce;
	height: 900px;
	position: relative;
}
.sieteGrid{
	width: 450px;
	height: 120px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.sieteGrid img{
	float: left;
	margin-right:30px;
}
.sieteGrid h3{
	color: #00f0ff;
	font-size: 14px;
	font-weight: bold;
}
.sieteGrid p{
	color: #fff;
}
.sieteGrid a{
	color: #00f0ff !important;
}

#ochoPlaca{
	background-image:url('../bitmaps/contacto/ochoPlaca.png');
	background-repeat: none;
	width: 960px;
	height: 464px;
}
#ochoCol1{
	width: 300px;
	float: left;
	position: relative;
	top: 3px;
	left: 30px;
	color: #666666;
}
#ochoCol1 img{
	padding-top: 25px;
	padding-bottom: 6px;
}
#ochoCol2{
	position: relative;
	top: 31px;
	left: 24px;
}
#ochoTitle{
	text-align: center;
	padding-top:200px;
	margin-bottom: 40px;
}
#ochoTitle h2{
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	width: 960px;
	margin: auto;
}
#ochoMas{
	float: right;
	margin-top:20px;
}
#ochoMas span{
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 25px;
	color: #0486d5;
	position: relative;
	top: -35px;
	left: -20px;
}
#ochoGestion{
	position: relative;
	top: 20px;
}

#nueveTexto{
	width:960px;
	margin:auto;
}
#nueveTexto h2{
	font-size: 20px;
	color: #18b631;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	margin-top: 30px;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 20px;
}
#nueveTexto p{

}
#nueveTexto ul, #nueveTexto ol{
	line-height: 22px;
	margin-top: 10px;
}

#c1{
	background:url('../bitmaps/cuatro01Bg.jpg') 50% 0 repeat scroll; min-height: 900px;
	background-repeat: no-repeat;
	height: 900px;
	position: relative;
}
#c2{
	background:url('../bitmaps/cuatro02Bg.jpg') 50% 0 repeat scroll; min-height: 900px;
	background-repeat: no-repeat;
	height: 900px;
	position: relative;
}
#c3{
	background:url('../bitmaps/cuatro03Bg.jpg') 50% 0 repeat scroll; min-height: 900px;
	background-repeat: no-repeat;
	height: 900px;
	position: relative;
}
#c4{
	background:url('../bitmaps/cuatro04Bg.jpg') 50% 0 repeat scroll; min-height: 900px;
	background-repeat: no-repeat;
	height: 900px;
	position: relative;
}
#c5{
	background:url('../bitmaps/cuatro05Bg.jpg') 50% 0 repeat scroll; min-height: 900px;
	background-repeat: no-repeat;
	height: 900px;
	position: relative;
}
#c6{
	background:url('../bitmaps/cuatro06Bg.jpg') 50% 0 repeat scroll; min-height: 900px;
	background-repeat: no-repeat;
	height: 900px;
	position: relative;
}
#c7{
	background:url('../bitmaps/cuatro07Bg.jpg') 50% 0 repeat scroll; min-height: 900px;
	background-repeat: no-repeat;
	height: 900px;
	position: relative;
}

#cT1, #cT3, #cT5, #cT7{
	position: relative;
	width: 300px;
	top: 240px;
	left: 790px;
}
#cT2, #cT4, #cT6{
	position: relative;
	width: 300px;
	top: 240px;
	left: 120px;
}
#cuatroNaviRight{
	width: 64px;
	height: 384px;
	position: fixed;
	top:380px;
	display: block;
	z-index: 5;
	display: none;
}
#cuatroNaviRight img{
	margin-top: -3px;
}
.comproReturn, .comproReturn:hover,  .comproReturn:visited{
margin-left: 118px;
color: #fff;
text-decoration: none;
position: relative;
top: -13px;
text-shadow: 0 1px 1px #7A7A7A;
}
.comproReturn img{
	position: relative;
	top: 13px;
	left: 10px;
}

/* FOOTER */

#footer{
	background-image:url('../bitmaps/footerBg.png');
	background-repeat: repeat-x;
	height:84px;
	width:100%;
	clear: both;
	min-width: 1200px;
}
#footer h3{
	color: #fff;
}
#footerContent{
	width:1200px;
	margin:auto;
	position: relative;
}

#copyright{
	position: absolute;
	top: 40px;
}
#apiverTag{
	position: absolute;
	top: 40px;
	right: 0px;
}
#backToTop{
	position: absolute;
	top: -15px;
	left: 449px;
}


/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
.lb-close {
	position: relative !important;
	top: -291px !important;
	left: -17px !important;
	z-index: 99;
}

#notasBG{
	background-image:none;
	background-color: transparent;
	border-right: 1px solid #fff;
	padding-right: 30px;
}


/* cambios febrero */
.tresGrid p {
	margin-top: 130px;
	/*position: relative;*/
}


.t50 {
	position: relative;
	top: 82px;
}


#slide3 {
	min-height: 1100px;
	height: 1100px;
}

.tresGrid {
	height: 510px;
}

.fsM {
	font-size: 30px;
	text-transform: uppercase;
}

#selmes input, #selmes select{
	height: 30px;
}
#selmes select option {
	margin:40px;
	background: #000;
	color:#fff;
}
.cvv a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#reclamos {
	margin-top: 30px;
	height: 500px;
	padding: 20px;
}
#reclamosContent{
	width: 360px;
	margin: auto;
	float: left;
}
#reclamosContent input {
	width: 360px;
	height: 20px;
	color: #000;
	padding: 10px;
	border: 0px;
	margin-bottom: 8px;
}

#reclamosContent textarea{
	width: 360px;
	height: 160px;
	color: #000;
	padding: 10px;
	border: 0px;
	margin-bottom: 8px;
	float: left;
}
#reclamosContent input:focus,  #reclamosContent textarea:focus
{
	background-color: #1F4CAD;
	color: #fff;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
#reclamoBoton {
	width: 200px;
	background-color: #1F4CAD;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border: 3px solid;
	line-height: 56px;
	display: block;
	text-align: center;
	clear: both;
	left: 174px;
	position: relative;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}

#reclamoBoton:hover{
	background-color: #fff;
	color: #1F4CAD;
}
#reclamosTexto{
	width: 500px;
	float: left;
	margin-right: 40px;
}

#slide8 {
	background-color: #E6E6E6;
	height: 1400px;
}