@charset "UTF-8";
/* CSS Document */
/*Fuentes*/
@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('../fonts/caviardreams-webfont.eot');
    src: url('../fonts/caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/caviardreams-webfont.woff') format('woff'),
         url('../fonts/caviardreams-webfont.ttf') format('truetype'),
         url('../fonts/caviardreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caviar_dreamsbold';
    src: url('../fonts/caviar_dreams_bold-webfont.eot');
    src: url('../fonts/caviar_dreams_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/caviar_dreams_bold-webfont.woff') format('woff'),
         url('../fonts/caviar_dreams_bold-webfont.ttf') format('truetype'),
         url('../fonts/caviar_dreams_bold-webfont.svg#caviar_dreamsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*Fin FUentes*/

/*CSS Generales*/
body{ margin:0; font-family: 'caviar_dreamsregular', Arial; background:url(../images/fondoGeneral.png) #000000 top fixed; }
.salto{ clear:both;}
/*Fin CSS Generales*/

/*Cabecera*/
.cabecera{padding:2% 7%;}

.logo{ float:left; width:50%;  }

.contactoCab{ float:right; width:50%; text-align:right; margin-top:45px; color:#FFFFFF;}

.contactoCab a{ text-decoration: none !important; color:#FFFFFF !important;}

#socialtwitter {
  background: url(../images/followIcon1.png) no-repeat top;
  margin-top:5px;
  margin-right:10px;
  height: 23px; 
  width: 23px;
  cursor:pointer;
  float:right;
 }
 
#socialtwitter:hover {
  background-position: bottom;
  height: 23px;  
  width: 23px; 
 }
 
 #socialfacebook {
  background: url(../images/followIcon2.png) no-repeat top;
  margin-top:5px;
  margin-right:10px;
  height: 23px; 
  width: 23px;
  cursor:pointer;
  float:right;
 }
 
#socialfacebook:hover {
  background-position: bottom;
  height: 23px;  
  width: 23px; 
 }
 
  #socialyoutube {
  background: url(../images/followIcon3.png) no-repeat top;
  margin-top:5px;
  
  height: 23px; 
  width: 23px;
  cursor:pointer;
  float:right;
 }
 
#socialyoutube:hover {
  background-position: bottom;
  height: 23px;  
  width: 23px; 
 }
 /*Fin Cabecera*/

/*Contenido*/
.contenido{padding:2% 7%;}
.menuCont{ float:left; width:30%; color:#FFFFFF;  font-size:42px; font-weight:700;}
.menuCont a{ color:#FFF; text-decoration:none;}
.menuCont a:hover{ text-decoration: none; color:#B82528; opacity:0.6; filter:Alpha(opacity=60); /* IE8 and earlier */ font-weight:700;}
.menuCont a:visited{ color:#FFF; text-decoration:none;}

.contenidoGeneral{ float:right; width:70%;}
.fondocontenidoGeneral{ background:url(../images/fondoContenido.png) no-repeat; width:783px; min-height:545px; padding:30px 30px 30px 29px; position:relative;  }

.imagen{ width:241px;  height:179px; }

.texto1{ position:absolute; top:75%; left:2%;  border-radius:3px;  background: #F8F8F8; font-size:20px; font-weight:600;  color:#000000; padding:2%;  box-shadow: 2px 2px 2px #333; }



.imagenesGaleria{ float:left; opacity:0.7; filter:Alpha(opacity=70); /* IE8 and earlier */ cursor: pointer; position:relative; }
.imagenesGaleria:hover{opacity:1; filter:Alpha(opacity=100); /* IE8 and earlier */ }
.mapa{border:0; width:92%;}

.lineas{border-right:1px solid #464646; border-left:1px solid #464646;}
.espacioPie{ margin-top:15px;}
/*Fin Contenido*/


@media screen and (max-width : 768px)   { 
.cabecera{ padding:0px;}
.logo {width:100%;  text-align:center; }
.contactoCab{width:100%; text-align:right; margin-top:-45px;}
.menuCont{  width:100%; font-size:35px; font-weight:700;}
.contenido{ padding:0;}
.contenidoGeneral{ width:100%;}
.fondocontenidoGeneral{ background:none; width:100%; padding:5% 0; margin:2% auto; border-radius:3%; height:605px;}

.fondocontenidoGeneral2{ background:#fff; border-radius:3%;  }
.imagenesGaleria{ float:left; opacity:1; filter:Alpha(opacity=100);  cursor: none; width:calc(99%/2);  }
.imagen{ width:100%; height:auto; }
.texto1{ position:absolute; top:75%; left:2%;  border-radius:3px;  background: #F8F8F8; font-size:1.5em; font-weight: 600;  color:#000000; padding:1%;  box-shadow: 2px 2px 2px #333; }

.lineas{border-right: none; border-left:none;}
.lineas2{border:1px solid #000000;}
.lineas3{ border-right:1px solid #000;}
.mapa{border:0; width:100%;}

.espacioPie{ margin-top:0px;}

} 

@media screen and (max-width : 480px)   {
.imagen{ width:100%; height:auto; }
.imagenesGaleria{ float: none; opacity:1; filter:Alpha(opacity=100);  cursor: none; width:90%; margin:2% auto;  }

}