/*** 1 **/
.encima1 { width:100%; display:inline-block; max-width:1270px; height:580px; overflow: hidden; background-color:transparent; float:left; position:relative; 
			overflow: hidden; }
.encima1 h4 a{ color:#FFF; font-size: 36px; letter-spacing:0px; font-family:'Roboto'; font-weight: 700} 

/*superdestaq*/
.encima1 h2 a{ color:#FFF; font-size: 46px; letter-spacing:0px; font-family:'Roboto',arial; font-weight: 700; text-shadow: #000 2px 3px 1px} 
.encima1 .supervolanta{ font-size: 15px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; color:#FFF;  } 


.encima1 .marcofoto{ max-height:580px;} .encima1 img{  width: 100%}

.encima1 .seccion{ font-size: 11px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; top:10px; background-color: #32BA6E; position:absolute; 
					left:25px; padding:1px 5px; color:#FFF;  } 
.encima1 .volanta{ font-size: 11px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; color:#FFF;  } 

.encima1 .portatitu{ display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
position:absolute; bottom:0px; left:10px; width:97.3%; padding:10px;  } 


@media screen and (max-width: 1024px) {
		.encima1 h4 a{ color:#FFF; font-size: 20px; letter-spacing:0px; font-family:'Roboto'; font-weight: 900; line-height: 100%} 
		.encima1 .portatitu { display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
							position:absolute; bottom:125px; left:5px; width:94.3%; padding:10px;  } 
}
@media screen and (max-width: 770px) {
	.encima1 { width:100%; display:inline-block; height:auto; margin-bottom: 20px;} 
	.encima1 .portatitu { display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
							position:absolute; bottom:0px; left:5px; width:94.3%; padding:10px;  } 
}


/*** 2 y 4 **/
.encima { width:100%; display:inline-block; max-width:630px; height:380px; background-color:transparent; float:left; position:relative; }
.encima h4 a{ color:#FFF; font-size: 28px; letter-spacing:0px; font-family:'Roboto'; font-weight: 700} 
.encima .marcofoto{ max-height:330px; overflow: hidden; }
.encima .marcofoto img{ width: 100%; }
.encima .seccion{ font-size: 11px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; top:10px; background-color: #32BA6E; position:absolute; 
					left:25px; padding:1px 5px; color:#FFF;  } 
.encima .volanta{ font-size: 11px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; color:#FFF;  } 

.encima .portatitu{ display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
position:absolute; bottom:48px; left:5px; width:95.3%; padding:10px;  } 


@media screen and (max-width: 1024px) {
		.encima h4 a{ color:#FFF; font-size: 20px; letter-spacing:0px; font-family:'Roboto'; font-weight: 900; line-height: 100%} 
		.encima .portatitu { display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
							position:absolute; bottom:125px; left:5px; width:94.3%; padding:10px;  } 
}
@media screen and (max-width: 770px) {
	.encima { width:100%; display:inline-block; height:auto; margin-bottom: 20px;} 
	.encima .portatitu { display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
							position:absolute; bottom:0px; left:5px; width:94.3%; padding:10px;  } 
}


/** 3 **/
.encima3a { width:100%; display:inline-block; max-width:840px; height:450px; overflow: hidden; background-color:transparent; 
						float:left; position:relative; overflow: hidden;  margin-bottom: 20px;  }

.encima3a h4 a{ color:#FFF; font-size: 28px; letter-spacing:0px; font-family:'Roboto'; font-weight: 700} 
.encima3a .marcofoto{ max-height:250px;} .encima3a img{ width: 100%;}
.encima3a .seccion{ font-size: 11px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; top:10px; background-color: #32BA6E; position:absolute; 
					left:25px; padding:1px 5px; color:#FFF;  } 
.encima3a .volanta{ font-size: 11px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; color:#FFF;  } 
.encima3a .portatitu{ display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
position:absolute; bottom:0px; left:5px; width:96.3%; padding:10px;  } 


@media screen and (max-width: 1024px) {
		.encima3a { width:100%; display:inline-block; max-width:840px; height:345px; overflow: hidden; background-color:transparent; 
						float:left; position:relative; overflow: hidden;  margin-bottom: 20px;  }

		.encima3a h4 a{ color:#FFF; font-size: 20px; letter-spacing:0px; font-family:'Roboto'; font-weight: 900; line-height: 100%} 
		.encima3a .portatitu { display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
			  				   position:absolute; bottom:0px; left:5px; width:95.3%; padding:10px;  } 
}
@media screen and (max-width: 770px) {
	.encima3a { width:100%; display:inline-block; height:auto; margin-bottom: 20px;} 
	    
	.encima3a .portatitu { display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
							position:absolute; bottom:0px; left:5px; width:94.3%; padding:10px;  } 
}





.encima3b { width:100%; display:inline-block; max-width:740px; height:215px; overflow: hidden; background-color:transparent; 
						float:left; position:relative; overflow: hidden;  margin-bottom: 20px;  }

.encima3b h4 a{ color:#FFF; font-size: 20px; letter-spacing:0px; font-family:'Roboto'; font-weight: 700} 
.encima3b .marcofoto{ max-height:250px;} .encima3a img{ width: 100%;}
.encima3b .seccion{ font-size: 11px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; top:10px; background-color: #32BA6E; position:absolute; 
					left:25px; padding:1px 5px; color:#FFF;  } 
.encima3b .volanta{ font-size: 11px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; color:#FFF;  } 

.encima3b .portatitu{ display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
position:absolute; bottom:1px; left:5px; width:92.3%; padding:10px;  } 


@media screen and (max-width: 1024px) {
		.encima3b { width:100%; display:inline-block; height:auto; margin-bottom: 20px;} 
		.encima3b h4 a{ color:#FFF; font-size: 16px; letter-spacing:0px; font-family:'Roboto'; font-weight: 900; line-height: 100%} 
		.encima3b .portatitu { display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
							position:absolute; bottom:0px; left:5px; width:90.3%; padding:10px;  } 
}
@media screen and (max-width: 770px) {
	.encima3b .portatitu { display:block; margin-left:10px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 50%);
							position:absolute; bottom:0px; left:5px; width:94.3%; padding:10px;  } 
}





/*mod_destaque*/

.mod_destaque { display: block; background-color: #fff; padding:0px; margin-top: 0px; margin-bottom: 30px; border:1px solid #CCC; height: 350px;}
.mod_destaque .seccion{ font-size: 11px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; bottom:205px; background-color: #32BA6E; 
						position:absolute; left:25px; padding:1px 5px; color:#FFF;  } 

.mod_destaque H1 a, .mod_destaque H2 a{ LINE-HEIGHT: 110%; DISPLAY: block; COLOR:#666; FONT-SIZE: 24px; FONT-WEIGHT: 600;  
					text-decoration:none; font-family:'Roboto', Arial; letter-spacing:-1px; padding: 10px}

.mod_destaque H1 a:hover, .mod_destaque H2 a:hover  {COLOR: #000; }

.mod_destaque SPAN.volanta { COLOR: #32BA6E; font-size:12px; font-weight: bold; text-transform: uppercase; display:block; margin:0px 10px; 
					            font-family:'Cabin', Arial; letter-spacing:0px; line-height:120%;}

.mod_destaque p { padding:0px; COLOR: #cc0000; font-size:18px;}
.mod_destaque H3 a,.mod_destaque H4 a{ LINE-HEIGHT: 100%; DISPLAY: block; COLOR:#cc0000; FONT-SIZE: 34px; FONT-WEIGHT: bold;  text-decoration:none; font-family:'Lato',  Arial; letter-spacing:-1px;}
.mod_destaque H3 a:hover, .mod_destaque H4 a:hover {COLOR: #333; }

.mod_destaque .marcofoto{ padding:0px; background-color: #ffffff; max-width:100%;
border: 0px solid #cc0000; MARGIN-bottom: 30px; MARGIN-top:0px; margin-left:0px; max-height:160px; overflow:hidden;} 
.mod_destaque .marcofoto img{ width:100%;}

.mod_destaque .marcotube{ padding:1px; position: relative; border: 0px solid #cc0000; MARGIN-bottom: 10px; MARGIN-top: 0px; margin-left:0px; max-height:440px; overflow:hidden;} 
.mod_destaque .marcotube img{ width:100%; margin:-120px -5px -5px -0px;}


 
 /*MOD mas notas en tapa (final)*/

.masnotas1, .masnotas1a { display: block; background-color: transparent; padding:0px; margin-top: 0px; margin-bottom: 30px; border:0px solid #CCC; }
.masnotas1 .seccion, .masnotas1a .seccion{ font-size: 11px; font-weight: 700;line-height: 24px; text-transform: uppercase; display:block; top:5px; background-color: #32BA6E; 
						position:absolute; left:5px; padding:1px 5px; color:#FFF;  } 

.masnotas1 H1 a { LINE-HEIGHT: 110%; DISPLAY: block; width: 95%; COLOR:#666; FONT-SIZE: 21px; FONT-WEIGHT: 600;  
					text-decoration:none; font-family:'Roboto', Arial; letter-spacing:-1px; padding: 0px}

.masnotas1a H1 a { LINE-HEIGHT: 110%; DISPLAY: block; width: 95%; COLOR:#666; FONT-SIZE: 18px; FONT-WEIGHT: 600;  
					text-decoration:none; font-family:'Roboto', Arial; letter-spacing:-1px; padding: 0px}

.masnotas1 H1 a:hover, .masnotas1a H1 a:hover  {COLOR: #000; }

.masnotas1 .marcofoto{ padding:0px; background-color: #ffffff; max-width:95%; border: 0px solid #cc0000; MARGIN-bottom: 10px; max-height:180px; 
												margin-top:0px; margin-left:0px;  overflow:hidden;}
.masnotas1a .marcofoto{ padding:0px; background-color: #ffffff; max-width:95%; border: 0px solid #cc0000; MARGIN-bottom: 10px; max-height:120px; 
												margin-top:0px; margin-left:0px;  overflow:hidden;}												 
.masnotas1 .marcofoto img, .masnotas1 .marcofoto img{ width:100%;}


@media screen and (max-width: 720px) {
.masnotas1, .masnotas1a { display: block; background-color: #fff; padding:0px; margin-top: 0px; margin-left: 15px; border:0px solid #CCC; }
}


/* MODULO TURISMO */
.flota_masG { clear:both; width: 100%; max-width:390px; height:320px; padding:8px; border-bottom:#ccc dotted 0px; float:left; margin:0px 0px 10px 10px; 
					background-color:#FFF  }
.flota_masG .marco-mas .secc { position:absolute; font-size:14px; z-index:150; margin:5px; padding-left:5px; padding-right:5px; background-color:#06C; color:#FFF; border-radius: 8px;} 

.flota_masG .marco-mas{overflow:hidden; float:left; width:100%;  height: auto; max-height:200px; margin-bottom:15px; margin-right:10px; }
.flota_masG .marco-mas img{ width:100%; }

.flota_masG a{ font-family:'Roboto',Arial; font-size:22px; color:#666; font-weight:400; line-height:100%; letter-spacing:-1px;  }
.flota_masG a:hover{ color:#333; text-decoration:none }
.flota_masG .marco-mas .youtube { width:100%; margin:-42px -15px -0px -0px; }

.flota_masG .volanta, .flota_mas .volanta{ margin-top:5px; font-family: 'Roboto'; font-size:14px; color: #32BA6E; letter-spacing: 0px }


.flota_mas { width: 100%; max-width:290px;  height:250px; border-bottom:#ccc dotted 0px; float:left; margin:0px 0px 10px 10px; background-color:#FFF; padding:8px }

.flota_mas .marco-mas .secc { position:absolute; font-size:14px; z-index:150; margin:5px; padding-left:5px; padding-right:5px; background-color:#06C; color:#FFF; border-radius: 8px;} 
.flota_mas .marco-mas {padding:0px; float:left; border: 0px solid #cccccc; margin-right:0px; MARGIN-bottom: 10px; MARGIN-top:0px; 
						max-height:140px; max-width:370px; overflow:hidden; }
.flota_mas img{ width:100%; }
.flota_mas  a{ font-family:'Roboto',Arial; font-size:18px; color: #666; font-weight:400; line-height:100%;  letter-spacing:-1px; }
.flota_mas  a:hover{ color:#000; text-decoration:none; }
.flota_mas .copete{ margin-top:5px; font-family: Arial; font-size:14px; color: #666; }
.flota_mas .marco-mas .youtube { width:100%; margin:-30px -15px -0px -0px; }

@media screen and (max-width: 1024px) {
.flota_masG {  width: 100%; max-width:350px; height:290px; padding-left:4px; border-bottom:#ccc dotted 0px; float:left; margin:0px 0px 10px 5px; background-color:#FFF  }
.flota_masG .marco-mas .youtube, .flota_mas .marco-mas .youtube { width:100%; margin:-22px -5px -0px -0px; }
.flota_masG h1 a, .flota_mas h1 a{ font-size:18px; color:09c; }

.flota_mas {  width: 100%; max-width:350px; height:290px; padding-left:4px; border-bottom:#ccc dotted 0px; float:left; margin:0px 0px 10px 5px; background-color:#FFF  }

.flota_mas .marco-mas{overflow:hidden; float:left; width:100%;  height: auto; max-height:200px; margin-bottom:15px; margin-right:10px;}
.flota_mas .marco-mas img{ width:100%; }
}
@media screen and (max-width: 640px) {
.flota_masG {  width: 100%; max-width:650px; height:290px; padding-left:4px; border-bottom:#ccc dotted 0px; float:left; margin:0px 0px 10px 5px; background-color:#FFF  }
.flota_masG .marco-mas .youtube, .flota_mas .marco-mas .youtube { width:100%; margin:-22px -5px -0px -0px; }
.flota_masG h1 a, .flota_mas h1 a{ font-size:18px; color:09c; }

.flota_mas {  width: 100%; max-width:650px; height:290px; padding-left:4px; border-bottom:#ccc dotted 0px; float:left; margin:0px 0px 10px 5px; background-color:#FFF  }

.flota_mas .marco-mas{overflow:hidden; float:left; width:100%;  height: auto; max-height:200px; margin-bottom:15px; margin-right:10px;}
.flota_mas .marco-mas img{ width:100%; }
}

/* VIDEOS TAPA */

  .videostapG { display: block; width: 100%;   }
  .videostapG .marcofoto{ padding:0px; background-color: #ccc; position: relative; border: 0px solid #000;  max-height:323px; overflow:hidden; margin-bottom:10px;}
  .videostapG .marcofoto img{ width: 100%;}
  .videostapG .marcotube{ padding:0px; background-color: #ccc; position: relative; border: 0px solid #000;  max-height:400px; overflow:hidden; margin-bottom:10px;}
  .videostapG .marcotube img{ width:100%; margin:-60px 50px -60px 0px;  }
  .videostapG h1 a{ display:inline-block; width: 100%; font-size: 26px; margin:0px 0px 20px; font-family: 'Roboto', arial }
  .videostapG  .marcoencimatube {  background-image:url('../images/foto_reprod.png'); background-position:center; background-repeat: no-repeat;  position:absolute; 
                                border: 0px solid #cc0000; height:323px; width:94%; margin:-340px auto 0px; cursor:pointer; }

  .videostapaCh .marcofoto{ padding:0px; background-color: #ccc; position: relative; border: 0px solid #000;  max-height:160px; overflow:hidden; margin-bottom:10px;}
   .videostapCh .marcofoto img{ width: 100%;}

  .videostapaCh .marcotube{ padding:1px; position: relative; border: 0px solid #cc0000; MARGIN-bottom: 10px; MARGIN-top: 0px; max-height:200px; overflow:hidden;} 
  .videostapaCh .marcotube img{ width:100%; margin:-30px 50px -40px 0px;}
  .videostapaCh h1 a{ display: block; width: 100%; font-size: 20px; margin: 0px 0px 50px; }

  .videostapaCh  .marcoencimatube {  background-image:url('../images/foto_reprod_ch.png'); background-position:center; background-repeat: no-repeat; 
                                      position:absolute; border: 0px solid #cc0000; min-height:10px; height: 85%; width:90%; margin:-150px auto 0px; cursor:pointer; }