/* nav {background-color: #FFCE55;} */
/* nav a {color: #303D4B}
nav a:hover {color: #455a71} */


.subheader { height:230px; text-align: center; padding-top: 60px}
.subheader h2 {color:#fff;}
.subheader h3 {color:#fff; text-transform: uppercase;}
.header-recursos {		background: url(/media/upload/varios/header-recursos.png); 		background-size: cover; background-position: center center;}
.header-actividades {	background: url(/media/upload/varios/header-actividades.png); 	background-size: cover; background-position: center center;}
.header-formacion {		background: url(/media/upload/varios/header-formacion.png); 	background-size: cover; background-position: center center;}
.header-apoyo-venta {	background: url(/media/upload/varios/header-apoyo-venta.png); 	background-size: cover; background-position: center center;}

.option_nav {
    /* border-left: 1px solid #D8B65E;
    border-right: 1px solid #D8B65E; */
    }
.option_nav_blog   {
    border-right: 1px solid #D8B65E;
    }   

.backblue .option_nav {background: #303D4B; border-right: 0px solid #D8B65E; border-left: 0px solid #D8B65E;}
.backblue .option_nav a {color: #FFCE55;}


/* BANNERS INICIALES DE HOME-TIENDA */
.banners1 { 
	padding: 25px 0;
	background: #303D4B;
	margin: 0;
}
.banners1b  {  transform: scale(1,1);  transition:  0.5s  }
.banners1b:hover { transform: scale(0.85,0.85); transition:  0.5s  }
.banners1 img {  margin-bottom: 20px;
}
.banners1 p { 
	padding: 15px 20%;
		color: #fff;
}

.banners1 h3 , .banners1 a { 
	color: #fff;

}
/* BANNERS INICIALES DE HOME-TIENDA */
.seldoc span {padding-right: 23px}
/* DESCARGA */
.descarga {
	
	background-size: cover !important;
	}
.descarga .backbook{
	
	height: 350px;
	
}
.descarga h2 {
	font-size: 44px;
	color: #313F4C;
	margin: 50px 0 25px 0;
}
  @media (max-width: 767px) { 
		  .descarga h2 {
			font-size: 34px;
			color: #313F4C;
			margin: 0px 0 0px 0;
		}
		.descarga .backbook{
			
			height: auto;
			padding: 20px 0 35px 0;
			
		}
  }
.descarga p {
	font-size: 22px;
	font-weight: 200;
	margin-bottom: 20px;
	color: #313F4C;
	
}
/* .descarga button {
	background: #4b5b63;
	background: -moz-linear-gradient(top, #4b5b63 1%, #27313d 100%);
	background: -webkit-linear-gradient(top, #4b5b63 1%,#27313d 100%);
	background: linear-gradient(to bottom, #4b5b63 1%,#27313d 100%);
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 1px solid #303D4B;
	padding: 15px 36px;
	color: #fff;
	font-weight: 200;
	font-size: 18px;
	margin-top: 20px;
	transition: 1s;
}
.descarga button:hover {
	background: #ffce55;
	background: -moz-linear-gradient(top, #ffce55 0%, #d6ab48 100%);
	background: -webkit-linear-gradient(top, #ffce55 0%,#d6ab48 100%);
	background: linear-gradient(to bottom, #ffce55 0%,#d6ab48 100%);
	color: #4b5b63;
} */

.descargar {text-align: center; border-top: 1px solid #AAB2BE; padding: 30px 0;}
.descargar h5 {font-size: 35px; font-weight: 300}

/* CARPETAS */
#carpetas ul a {display: block}
.recursos ul li { width: 25%;}
/* .apoyo ul li { width: 33.33333333333333%;} */
.actividades ul li { width: 50%;}
/* #carpetas h3 {
	font-size: 18px;
} */
#carpetas ul {
  list-style: none;
  /* margin: 0;
  padding: 0;
  overflow: hidden; */
}
#carpetas ul li {
  float: left;
  /* padding: 25px; */
  cursor:pointer;
  text-align: center;
  /* height:160px; */
  transition: 0.7s;
}
#carpetas ul li:hover {
	/* background: #E7EAEE; */
	transition: 0.3s;
 
}
.apoyo .active {
	/* background: #E7EAEE; */
	display: block !important;
	
	}
	
#carpetas .carousel .active {
	
	display: inline-block !important;
	
	}	
   @media (max-width: 640px) { 
  
  /* #carpetas h3 {margin: 12px 0 0 54px; text-align: left} */
#carpetas > ul > li   img { height:40px; float: left}	
#carpetas > ul > li {width: 100%; padding: 10px; height: auto}
}	


.apartado {
	display:none;
}

#respuesta {padding: 25px;}

/* SECCION 1 */
.seccion1-box {
background-repeat: no-repeat no-repeat !important;
	background-position:  center center !important; 
	background-size: contain !important;
	background-color: #fff !important;
	height: 189px;
	border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
}

.seccion1-box.mini { 
	background-color:#E7EAEE !important;
	height: 140px;
	    margin-bottom: 20px;
}
 .rotulos1 { 
	height: 100px;
	background: #303D4B;
	padding: 15px;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	color:#fff;
	margin-bottom: 30px;
}
.rotulos1 span{ 
color:#dbd8d8;
	
}
.rotulos1 a{ 
color:#fffdd2;
font-size: 12px;

}
.confirmpop {height: auto !important;}
.base_oscura2 {background: rgba(0,0,0,0.7); position:fixed; width:100%; display:block; height:100%; z-index: 200; top:0; left:0; overflow-y: scroll;}
.base_comodin {background: rgba(0,0,0,0.7); position:fixed; width:100%; display:none; height:100%; z-index: 200; top:0; left:0; overflow-y: scroll;}
.intropop {padding: 40px;}
.confirmpop label {font-size: 16px; font-weight: 500; }
#descargapop {display: none;}
.confirmpop .grispop {padding: 40px; background: #E6E9EE; }
.confirmpop .yellowpop {background: #FFCE55; display: none;
border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;}


/* SECCION 2 y 3*/
.pad25 { padding:25px; }
.an50 {width: 50%; }
.an100 {width: 100%; }

.back-pdf {background: #405A75;}
.back-xls {background: #76CBC5;}
.back-jpg {background: #A2D69C;}
.back-mp4 {background: #EE6776;}
.box3box:hover div.back-pdf {background: #304459;}
.box3box:hover div.back-xls {background: #518f8b;}
.box3box:hover div.back-jpg {background: #86af81;}
.box3box:hover div.back-mp4 {background: #bd525e;}

.box-box { float:left; padding: 6px 10px 10px 10px; height:95px}
.box-box a  {display: block; }
.icopos {position: absolute; z-index: 15; margin: 55px 82px;}
.box3box {width: 220px; height: 250px; 
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	overflow: hidden;
	
	margin: 15px auto;
}
.box3box:hover div.rotulo  {filter: blur(5px);}

.box3box .rotulo  {height: 155px; padding: 55px 17px; text-align: center;  background-size: cover !important;  overflow: hidden}
.box3box .etiqueta  {color: #fff; border: 1px solid #fff; padding: 3px 10px; text-transform: uppercase; }
.box3box p {margin-top: 10px; color: #fff;}


.inblock {display: inline-block; }
.whitebox { background: #fff; padding: 20px;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	float:left; margin: 10px; width:96%;}
.margin15 {margin: 15px;}	
.img-100 { max-width:95%;}
.max800 {max-width: 800px;}
.botbeig {background: #fff; height:80px; margin-bottom:40px; padding: 15px 25px; font-size: 18px;
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px; }
.brtop {border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px}
	
/* ACTIVIDADES */
.etitravel {border: 1px solid #313F4F; padding:7px 15px; text-transform: uppercase;}
.viajes-box {background:#fff; padding:25px; margin-top:30px; border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;}
.travel { width:100%; border-top: 1px solid #E6E9EE; border-bottom: 2px solid #E6E9EE; margin:20px 0;}
.travel td {padding:7px 10px 7px 10px; font-weight:300}
.rot { border-right: 1px solid #E6E9EE; padding:7px 10px 7px 0 !important; width:25%; font-weight:400 !important;}
.travel tr {border-bottom: 1px solid #E6E9EE;}

.etiyellow { color:#405A75; padding-left: 15px; font-size:18px } 
.miseventos {background: #FFCE55; padding: 20px; color: #405A75; border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
margin-top:10px}
.preeventos {background: #405A75; padding: 20px; color: #fff; border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
margin-top:10px}
.preeventos > p {color: #fff}

.travbix {background:#fff; border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px; margin:10px 0; overflow: hidden; width: 100%; min-height: 65px}
 .minifoto {  background-size:cover !important; width: 30%; }
.travbix span {color:#656C78}
.travbix p {font-size: 13px; font-weight: 300; margin: 0 !important}
.travbix .t-cell {padding: 5px 8px}

.t-table {display: table;}
.t-row {display: table-row;}
.t-cell {display: table-cell;}
.v-center {vertical-align: middle}
.descargas a:hover {text-decoration: none}
.descargas .pdf {background: #405A75; padding: 8px 10px 8px 10px; color:#fff; width:100%; height:66px; margin-bottom: 10px; border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;}
.descargas .xls {background: #76CBC5; padding: 8px 10px 8px 10px; color:#fff; width:100%; height:66px; margin-bottom: 10px; border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;}
.descargas .jpg {background: #A2D69C; padding: 8px 10px 8px 10px; color:#fff; width:100%; height:66px; margin-bottom: 10px; border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;}
.descargas img {margin-right: 14px;}
.w70 {width:64px !important}

.boxtrav {background: #fff; border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px; margin-bottom: 20px; overflow: hidden}
.rotultrav {background-size: cover !important; background-position: center center !important; height: 160px;}
.subrot {padding:20px 15px;  height: 130px;}
.subrot .date {margin-top:15px}
.subrot p {margin-top:5px;}
.boxtrav .masinfo {padding: 15px; background: #f7f8fb; /* Old browsers */
background: -moz-linear-gradient(top, #f7f8fb 0%, #cfd0d3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7f8fb 0%,#cfd0d3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7f8fb 0%,#cfd0d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.he45 {height:45px;}
.boxpromo {background: #fff;border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;}
.fichapromo {background: #e5e5e5; padding: 20px}
.carousel p {font-size: 28px ; color:#FFF}
.carousel-caption {right:3%; left: 3%; background: rgba(58,58,58,0.63); padding: 12px 20px !important;}
.carousel-control {margin:80px 0}
.pt22 {padding-top: 22px !important}