@font-face {
    font-family: 'Baloo Paaji';
    src: url('/css/BalooPaaji-Regular.ttf');
}

@font-face {
    font-family: 'Bree Serif';
    src: url('/css/BreeSerif-Regular.ttf');
}

a:link,a:visited,a:hover,a:active  {
	text-decoration:none;
	font-weight:bold; 
	color:#00032a;
/*	font-style:italic; */
}

/* ************************************************ */

.flex{
	display: -webkit-flex;
	display: flex;
	}

/* ********************** MINI BANNERS *************************** */

.banner_mini_container2 {
  border: 0px solid #666666;
  min-height: 20vw; 
  width: 100%;
  background-color:#005ba6;
  margin-top:2px;
  margin-bottom:2px;
  background-image:url(/imagenes/banner-fondo-02.jpg); 
  background-size:cover;
  display: flex;
  justify-content:center;
  align-items:center;
  
  margin: 2vw 0 2vw 0; 
}



.banner_mini_item {


  width: 14vw ;
  height:14vw;
  background-size:auto 80%;
  background-position:center center;
  background-repeat:no-repeat;
  border-radius: 14vw ;
  background-color:#FFF;
  
/*  margin: 0 0 0 10%; */
  
  border: solid 1px #005ba6; 
-webkit-box-shadow: 0px 0px 5px 2px #CCCCCC;
-moz-box-shadow: 0px 0px 5px 2px #CCCCCC;
box-shadow: 0px 0px 5px 2px #CCCCCC;

margin: 0 0 0 3%; 
}

.banner_mini_item2{
	border: solid 0px #CF0; 
	

	 width: auto ; 

  display: flex;
  justify-content:space-around;
  align-content:center;
align-self:center;
flex-direction:column;
	margin: 0 0 0 3%; 
}

.banner_mini_item3{
  border: solid 0px #CF0; 
  width: auto ; 
  display: flex;
  justify-content:space-around;
  align-content:center;
  align-self:center;
  flex-direction:column;
  margin: 8% 0 8% 3%; 
}

.banner_mini_texto_1,.banner_mini_texto_2,.banner_mini_texto_3,.banner_mini_texto_3b {
	padding:2px;
  border: 0px dashed purple;
  width: 100%;
  color:#FFF;
  font-size:2.2em;
  font-family: 'Bree Serif', serif;
  text-align:center;
  line-height: 0.8;
}
.banner_mini_texto_2 {
	font-size:1.5em;
}
.banner_mini_texto_3 {
	font-size:4.5em;
	line-height: 1.2;
	text-shadow: 3px 3px 2px #999;
   color: #666;
}
.banner_mini_texto_3b {
	font-size:2.5em;
	line-height: 1.0;
}


.banner_mini_texto_1 a,.banner_mini_texto_2 a,.banner_mini_texto_3 a,.banner_mini_texto_3b a {
	color:#FFF;
}



@media only screen and (orientation: portrait) {
	#banner_mini_container2 {
		  height: 20vh;
	    background-image:url(/imagenes/banner-fondo-01_h.jpg); 
		}
	.banner_mini_texto_1{
	  font-size:1.8em;
	}
	.banner_mini_texto_2{
	  font-size:1.4em;
	}

}





/* ************************************************* */
.dd-select {
	color:#666666;
	}
.link{
	text-decoration:none;
	font-weight:bold;
	color:#F63;
	cursor:pointer;
}

.titulo_span1 {
	 margin: auto;
	padding: 2px;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background-color:#333333;
/*	background-image:url(/imagenes/diseno/cabecera_fondo.png); */
	width:100%;
	margin-bottom:2.0em;

}

h1 {
	/*line-height: 62px;  */
	text-align: center;
/*	letter-spacing: -0.05em;*/ 
/*	font: normal normal normal 4.4em 'arial black',arial-w01-black,arial-w02-black,'arial-w10 black',sans-serif;  */
/*	font-family: 'Lobster', serif; */
	font-family: 'Bree Serif', serif;
	color: #FFFFFF;
	visibility: visible;
	font-size: 2.0em;
	font-style: normal;
	font-weight: 400;
	

}

h4 {
	/*line-height: 62px;  */
	text-align: center;
	letter-spacing: -0.05em;
	font: normal normal normal 2.4em 'arial black',arial-w01-black,arial-w02-black,'arial-w10 black',sans-serif; 
/*	font-family: 'Lobster', serif; */
	font-family: 'Bree Serif', serif;
	color: #666666;
	visibility: visible;

	font-style: normal;
	font-weight: 400;

}


.iframe_url{
	width:100%;
	border: none;
	height:55vh;
		
	}

.div_pie_completo{
	position: fixed;
	bottom: 0;
	/*left:0; */
	text-align:center;

	padding:0;

	z-index:300;
display: flex;
align-content:center;

}
.div_pie,.div_pie_mini{
	background-color:#b3250c;
	color:#FFF;
/*	min-height:5em; */
min-height:3em;
	}
.div_pie{
	right:0;
	}

.div_pie a{
	color:#FFF;
	font-weight:normal;
	font-size:0.9em;
	}
.div_pie_mini{

  padding-top:0.5em;
	}	
.div_pie_mini:before{
  font-family: 'Font Awesome 6 Free';
  top: 0;
  left: 10px;
  font-weight:900;
  font-size:1.5em;
  content: "\f107";
  margin-top:0.5em;
	}	

.div_pie_mini_cerrado:before{
  content: "\f106";
	}	
/* ********************************************* */

.div_rota_share{
	position: absolute;
    top: 1%;
    left: 12%;
	height:10%;
	width:70%;
/*	background-color:#F9C402; */
	z-index:91;
	cursor:pointer;
	text-align:left;
	}
.div_share_elementos{
	font-size:3.2em;
	float:left;
	display:none;
	}	

.div_rota_fav{
	position: absolute;
    top: 1%;
    left: 0;
	height:10%;
	width:10%;
/*	background-color:#F9C402; */
	z-index:90;
	cursor:pointer;
	color:#666666;
	}
.red {
	color:#F00;
	}

.productos_separador{
	text-align:center;
	background-color:#999999;
	color:#FFFFFF;
	}

.div_rota{
	margin-top:1vw;
	margin-bottom:1vw;
/*	border:solid 1px #005ba6; */
	-webkit-box-shadow: 0px 0px 5px 2px #CCCCCC;
	-moz-box-shadow: 0px 0px 5px 2px #CCCCCC;
	box-shadow: 0px 0px 5px 2px #CCCCCC;
}
.div_rotaXXXX{
	margin-top:1vw;
	margin-bottom:1vw;
	-webkit-box-shadow: 3px 4px 10px 0px #AAA;
	-moz-box-shadow: 3px 4px 10px 0px #AAA;
	box-shadow: 3px 4px 10px 0px #AAA;
	border:solid 1px #005ba6;
}


.btn_prod_derecha,.btn_prod_izquierda{
	cursor:pointer;
}
.eldivTexto{
	font-size:0.8em;
	text-align:center;
	padding-bottom:3px;
	color:#FFF;
}
.eldiv_datos{
	background-color:#999999;
	}
	
.eldiv_personalizalo{
	color:#CCC;
	font-size:0.8em;
		}
.eldiv_personalizalo b{
	color:#FFF;
	font-size:1.4em;
}

.rota_iconos_share{
	float:left;
	color:#666666;
	}





/* ******************* jquery ui ********************************* */
.formulario_class {
    border: 0px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #00032a;
    background: #999999;
}

.ui-widget-header {
    background: #DDDDDD;
}