@charset "UTF-8";
/* CSS Document */

#capa_contador {
	color: #C00;
	text-align: center;
	text-shadow: rgba(0,0,0,0.4) 1px 1px 4px;
	font-size: small;
}
#capa_contador .num {
	letter-spacing: 6px;
	font-size: medium;
}



/****** ESTILOS PARA LA CABECERA DE LA PÁGINA DE INCIO *******/

.cabecera_inicio {
	/*height: 126px;
	background-image: url(imagenes/fondos/dibufond.jpg);
	padding:0px;
	margin: 0px;*/
	display:flex;
	justify-content:space-between;
	overflow: hidden;
	
}
.cabecera_inicio .contenido_cabecera {
	/*width:33%;*/
	float:left;
	margin:0;
}
.cabecera_inicio .elpuerto {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #993333;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	/*
	padding-top:10px;*/
	
	
}

.cabecera_inicio .logo_menesteo {
	text-align:right;
	background-color: #8c1a1a;
	padding: 3px;

	
}
.cabecera_inicio img {
	
    max-width: 119px;
    height: auto;


}

.cabecera_inicio .idioma_inicio {
	margin:100px 0 0 17px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #993333;
	/*
	margin-top: 80px;
	float: left;*/
			
}
.cabecera_inicio .idioma_inicio a:hover {
	color:white;
			
}











/**** ESTILOS PARA LOS LOGOTIPOS ******/



/*Para que el contenedor muestre elementos aunque estos sean flotantes*/
#logotipos:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
}


#logotipos {
      width: 100%;
      margin:0 auto;
	  
 }
 
 
 #logotipos table {
	 width: 100%;
	 margin:1.2em 0;
	 border-spacing: 15px;
	 
 }
 #lotogipos td,th {
	
	font-size: 1.0em;
	font-weight: normal;
 }
 
 #logotipos th {
	border-bottom: 1px solid #000;
	padding: 3px 0 3px 0;
 }
 #logotipos td img {
	   width: 90%;
       height: auto;
       box-shadow: 0 0 7px #666;
       border: 5px solid #FFF
	
}
	 
#logotipos td {
	vertical-align: top;
	text-align: center;
	
}
			


/*Estructura de la descripcion, por defecto no se muestra*/
 #logotipos td a ~ span{
               width: 64%;
                display:block;
                opacity:0;
                -webkit-transition: opacity 1s;
                margin:7px 0;
                padding:4px;
                border-radius: 7px;
                color:#FFF;
                background:rgba(0, 0, 0, 0.1);
                text-align:center;
	 			
            }


			/*Se muestra la descripcion al posicionar el cursor encima de la imagen*/
#logotipos td a:hover + span{
	
	opacity:1;

}






#logotipos div p {
	color: #000;
	font-size: 1em;
	
	
}

			/*Media query de ejemplo para pantallas de alta resolucion
			  pero pueden haber mas, este media query permite mostrar hasta 5 imagenes por filas
			*/
            @media (min-width:1600px){
                #container div{
                    width: 15%;
                }
            }