/* CSS RESET - http://meyerweb.com/eric/tools/css/reset/index.html */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol li { list-style: decimal }


/* FIN DEL RESET ******************************************** */


html, body {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size:15px;
	line-height:22px; 
	color:#000000;
	background-color:#FFF;
}

textarea {
    font-family: Helvetica, Verdana, Geneva, sans-serif;
    font-size:15px;
	line-height:22px;
	letter-spacing: inherit;
}

/* ELIMINA BORDE AZUL ENLACES ACTIVOS */ 

*:focus { 
	outline: none; 
	}
	
*::-moz-focus-inner { 
	border: none; 
	}



a { color: #00543d; text-decoration:none; }
a:hover { color:#000; }
/* GENERALES */ 


#menu_superior_movil { display:none; }

 
#contenedor {
	width:960px;
	background-color:#FFF;
	clear: both;
	margin:0 auto 0 auto; /* Centrado horizontal */
	position: relative;

}

.textoNovedades { text-align:justify; }

.rojoDatos { padding-top:4px;}

.caja_formulario { 
	border:1px dotted #A6B235;
	font-size:14px;
	padding:4px;
}

h1 { font-size:36px; line-height:44px; color:#0e8cda; font-weight: 100; padding-bottom:6px; text-align:left; clear:both; }
h2 { font-size:36px; line-height:44px; color:#0e8cda; font-weight: 100; padding-bottom:24px; text-align:left; clear:both; }

#cabecera { width:100%; height:225px; background-color:#d6d7dc; }
#cabecera div { width:960px; height:225px; margin:0 auto 0 auto; background-color:#FFF; }


.titular { margin-top:70px; }

#menu_contenedor { width:100%; height:39px; background-image:url('/img/menu_jove.jpg'); border-top:1px solid #FFF; }

#rotacion { width:960px; height:340px; }
#rotacion img { width:960px; height:340px; }

.margen_t_66 { margin-top:66px; }

#menu { list-style-type:none; width:960px; margin:0 auto 0 auto; clear:both; }
#menu li { display:inline; float:left; height:39px; border-right:2px solid #FFF; }
#menu li a { font-size:22px; line-height:39px; color:#FFF; text-decoration: none; font-weight: 100; padding: 0px 30px 0px 30px; }
#menu li a:hover, #menu li a.seleccionado { color:#999; }


/* Columnas manuales */

.columnaDoble { }
.columnaDoble div.primera { display:inline; float:left; width:408px; margin-right:30px; }
.columnaDoble div.segunda { display:inline; float:left; width:408px;  }

#acolchado { margin-left:60px; }


.col-doble-una { display:inline; float:left; }
.col-doble-dos { display:inline; float:left; }
/* Damos estilo a las columnas */ 

	
.info {
	
	font-size:15px;
	line-height:22px;
	text-align:justify;
	width:840px;
	
}

.first { padding-right:30px; }
.last {  }

.lineaServicio { margin-top:45px; }

.cajaServicio { display:table; height:50px; width:100%; overflow: hidden; color:#FFF; font-weight:100; font-size:21px; line-height:26px; float:left; margin-right:45px; margin-bottom:15px; cursor: pointer; }

.cajaServicio div { display:table-cell; vertical-align: middle;  width:98%; }
.cajaServicio div div { padding-left:20px; padding-top:12px; padding-bottom:12px; }
.cajaServicio div div a { color:#FFF; }
.cajaServicio div:hover { background-color:#999;  transition: background-color 1000ms linear; }



.cajaDestacado { display:table; height:176px; width:98%; max-width:397px; overflow: hidden; color:#FFF; font-weight:100; font-size:22px; line-height:26px; float:left; margin-right:45px; margin-bottom:45px; background-color:#FFF; }
.cajaDestacado div { display:table-cell; vertical-align: middle; }
.cajaDestacado div img { width:100%; }
.cajaDestacado div div { padding-left:20px; }



.listaServicio { display:table; height:46px; width:840px; overflow: hidden; color:#FFF; font-weight:100; font-size:21px; line-height:26px; float:left; margin-right:45px; margin-bottom:15px; cursor: pointer; }
.listaServicio div { display:table-cell; vertical-align: middle;  width:840px; height:50px;}
.listaServicio div div { padding-left:20px; }
.listaServicio div:hover { background-color:#999;  transition: background-color 1000ms linear; }

/* .listaServicio { display:table; height:46px; width:840px; margin-bottom:4px; cursor: pointer; }
.listaServicio div { display:table-cell; color:#FFF; font-weight:100; font-size:22px; line-height:26px; float:left; margin-left:35px; margin-top:12px; }
.listaServicio div:hover { background-color:#999;  transition: background-color 1000ms linear; }
*/


/* start da css for da buttons */

.btn {
  border-radius: 5px;
  padding: 7px 16px;
  font-size: 15px;
  text-decoration: none;
  color: #fff;
  position: relative;
  display: inline-block;
  margin-top:6px;
}

.btn:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  box-shadow: 0px 1px 0px 0px;
}

.blue {
  background-color: #55acee;
  box-shadow: 0px 5px 0px 0px #3C93D5;
}

.blue:hover {
  background-color: #6FC6FF;
}

.green {
  background-color: #2ecc71;
  box-shadow: 0px 5px 0px 0px #15B358;
}

.green:hover {
  background-color: #48E68B;
}

.red {
  background-color: #e74c3c;
  box-shadow: 0px 5px 0px 0px #CE3323;
}

.red:hover {
  background-color: #FF6656;
}

.purple {
  background-color: #9b59b6;
  box-shadow: 0px 5px 0px 0px #82409D;
}

.purple:hover {
  background-color: #B573D0;
}

.orange {
  background-color: #e67e22;
  box-shadow: 0px 5px 0px 0px #CD6509;
}

.orange:hover {
  background-color: #FF983C;
}

.yellow {
  background-color: #f1c40f;
  box-shadow: 0px 5px 0px 0px #D8AB00;
}

.yellow:hover {
  background-color: #FFDE29;
}

.grisOscuro { background-color:#333333; }
.grisOscuro:hover { background-color:#4d4d4d; }

.grisClaro { background-color:#656365; }
.grisClaro:hover { background-color:#7f7c7f; }

.cssRounded {
	-moz-border-radius: 6px; /* Firefox*/  
	-ms-border-radius: 6px; /* IE 8.*/  
	-webkit-border-radius: 6px; /* Safari,Chrome.*/  
	border-radius: 6px; /* El estándar.*/  	
}

.cssRounded_3{
	-moz-border-radius: 3px; /* Firefox*/  
	-ms-border-radius: 3px; /* IE 8.*/  
	-webkit-border-radius: 3px; /* Safari,Chrome.*/  
	border-radius: 3px; /* El estándar.*/  	
}

/* SISTEMA DE PAGINACIÓN */

div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	/* border: 1px solid #ddd; */
	text-decoration: none; 
	color: #aaa;
}

div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	/* border: 1px solid #a0a0a0; */
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	/* border: 1px solid #e0e0e0; */
	font-weight: bold;
	background-color: #f0f0f0;
	color: #aaa;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	/* border: 1px solid #f3f3f3; */
	color: #ccc;
}

/* BARRA DE SCROLL */
 
.flexcroll { color :#FFF; }
.flexcroll a { color:#FFF; text-decoration:none; }

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background-color: white;
}

.vscrollerbar {
	width: 10px;
	background-color: black;
}

.hscrollerbase {
	height: 10px;
	background-color: white;
}

.hscrollerbar {
	height: 10px;
	background-color: black;
}

.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}


#pie { width:100%; height:360px; background-color:#108ad9; margin-top:90px; }
#pie a { color:#FFF; text-decoration:none; }
#pie a:hover { color:#000; }

#pie_movil { width:100%; height: 340px; background-color:#108ad9; margin-top:90px; }
#pie_movil a { color:#FFF; text-decoration:none; }
#pie_movil a:hover { color:#000; }

.enlaceNoticia { color:#007bd4;}

#menu_superior_movil ul { list-style: none; margin:0; padding:0;}
#menu_superior_movil li { display:block; background-color:#F1F1F1; padding:12px; font-size:18px; font-weight: bold; border-bottom:1px solid #999; }
#menu_superior_movil li a { display:block; color:#00AFE3; text-decoration: none; }
#menu_superior_movil li a:hover { display:block; color:#000; text-decoration: none; }

.ver-movil { display:none;}
.ver-escritorio { display:block;}

#menu-movil { display: none; }
	
#pie_movil { display: none; }
#pie { display: block; }

.miniFichaDoc { width:480px; padding:10px; }
.miniFichaDoc .miniFoto { display:inline; float:left; width:150px; }
.miniFichaDoc .miniInfo { display:inline; float:left; padding-left:12px; width:290px; }

.fichaGrande { }
.fichaGrande .fotoGrande { display:inline; float:left; width:405px; }
.fichaGrande .infoGrande { display:inline; float:left; padding-left:20px; width:415px; }

.calltoAction { margin-top:40px; margin-bottom:20px; background-image:url('/img/fondo-calltoaction.jpg'); background-repeat:no-repeat; background-color:#3c93d5; width:100%; min-height:136px; color:#f1f1f1; font-weight: 100; }
.calltoAction div { padding-left:56px; padding-right:76px; padding-top:30px; }
.calltoAction div a { color:#f1f1f1; text-decoration: underline; }

.cookieDiv {
    width: 100%;
    heigth: auto;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    background-color: #0fb0e6;
    color: #fff;
    padding:10px;
    font-size: 12px;
    z-index: 100000;
}

.textoCookie {
    width: 100%;
    text-align: center;
}

.cookieDiv p, .cookieDiv a, .cookieDiv div {
    margin: 3px 0;
}
.botonCookie {
    background-color:#808080;
    color:#FFF;
    padding:4px;
    font-weight: bold;
    text-decoration:none;
}       

.botonCookie:hover {
    background-color:#666666;
}

.enlaceCookie {
    color: #058;
    text-decoration: none;
    display: inline-block;
}
.enlaceCookie:hover {
    color: #058;
    text-decoration: underline;
}


/* ADAPTACIÓN A MÓVILES */ 

@media (max-width: 1024px) {
	
	.selector span { clear:both; }
	.margen_t_66 { margin-top: 16px; }
	.titular {
    	margin-top: 30px;
	}
	#rotacion { width:100%; height:auto; }
	#rotacion img { width:100%; height:auto; }

	#menu_contenedor { display:none; }
	#cabecera { display:none; }
	#menu_superior_movil { display:block; }

	#cabecera { width:100%; height:225px; background-color:#d6d7dc; }
	#cabecera div { width:100%; height:225px; margin:0 auto 0 auto; background-color:#FFF; }
	
	#contenedor { width:100%; margin:0; position: relative; clear: both; }
	
	#acolchado {
   	 margin-left: 0px;
   	 padding:2%;
   	 width:96%;

	}

	#rotacion { width:100%; height:auto; }
	#rotacion img { width:100%; height:auto; }
	
	.info {
		width:98%;
		font-size:15px;
		line-height:22px;
		text-align:justify;				
	}
	
	h1 { font-size:30px; line-height:34px; color:#0e8cda; font-weight: 100; padding-bottom:10px; text-align:left; clear:both; }
	h2 { font-size:28px; line-height:34px; color:#0e8cda; font-weight: 100; padding-bottom:14px; text-align:left; clear:both; }
	
	.col-doble-una { display:inline; float:left; width:98%; }
	.col-doble-dos { display:inline; float:left; width:98%; }

	.columnaDoble { }
	.columnaDoble div.primera { display:inline; float:left; width:100%; margin-right:0px; }
	.columnaDoble div.segunda { display:inline; float:left; width:100%;  }
	.columnaDoble img { width:100%; max-width:405px; }
	 
	.cajaServicio { font-weight:100; font-size:16px; line-height:20px; margin-bottom:6px; }
	.cajaDestacado { height:176px; width:98%; overflow: hidden; }
	.cajaDestacado div {  }
	
	
	.miniFichaDoc { width:100%; padding:10px; }
	.miniFichaDoc .miniFoto { display:inline; float:left; width:30%; }
	.miniFichaDoc .miniInfo { display:inline; float:left; padding-left:8px; width:62%; }
	
	.fichaGrande { }
	.fichaGrande .fotoGrande { display:block; float:none; width:100%; }
	.fichaGrande .fotoGrande img { max-width: 405px; }
	.fichaGrande .infoGrande { display:block; float:none; padding-left:0px; width:100%; padding-top:20px; }
	
	.ver-movil { display:block;}
	.ver-escritorio { display:none;}
	
	#pie_movil { display: block; }
	#pie { display: none; }
	
	.calltoAction { margin-top:40px; margin-bottom:20px; background-image:url('/img/fondo-calltoaction-mobile.jpg'); background-repeat:no-repeat; background-color:#3c93d5; width:100%; min-height:136px; color:#f1f1f1; font-weight: 100; }
	.calltoAction div { padding-left:56px; padding-right:20px; padding-top:30px; padding-bottom:12px; }

}



@media screen and (max-device-width: 1024px) {

    .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: scroll; -webkit-overflow-scrolling : touch; }
    div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
    div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
    .pp_content { width: 100%!important; height: auto!important; }
    .pp_fade { width: 100%!important; height: 100%!important; }
    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
    #pp_full_res img { width: 100%!important; height: auto!important; }
        #pp_full_res { line-height: 0.7 !important; }
    .pp_details { width: 94%!important; padding: 15px 3% 15px 3%; min-height: 35px; background-color: #fff; margin: 0!important; }
    div.pp_default .pp_description {margin: 11px 50px 5px 153px !important; }
    div.ppt { display:none !important; }
    .pp_play {margin-right: 20px !important;}
    .pp_arrow_previous {margin-right: 5px !important;}

}