@font-face {
  font-family: 'MyFontTahoma';
  src: url('../fonts/Tahoma.ttf')  format('truetype'); 
}

.colorVerde
{
	color:#FFCE00;
}

.contenedorMovil
{
	height:auto;
	padding-top:10vh;
	
	height:100vh;
	padding-right:5vw;
	padding-left:2vw;	
}

/******* RENOVADO *****************/
.bodyMovil
{
	height:100%;
	margin:0;
	padding:0;
	font-family: 'MyFontTahoma', Tahoma;
	
	/*background-image: url("../img/Home-28.jpg");*/
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;	
}

.divCamposFormulario
{
	background-color:white;
	width:45%;
	
	/*padding-top:2vh;*/
	padding-bottom:5vh;
	
	padding-right:2vw;
	padding-left:2vw;
	
	float:right;
	opacity:.75;
	
	color:#444444;
}

.divCamposFormulario h1
{
	font-size:3vh;
	/*
	#line-height:4vh;
	#padding:1em;
	#padding-top:0;
	#padding-bottom:0;
	*/
	color:#FFCE00;
	text-align:center;
	font-weight:normal;
}

.divFila
{
	display:block;
	width:100%;
	
	color:#444444;
	
	font-size:2vh;
	line-height:4vh;
	
	margin-top:1vh;
	margin-bottom:1vh;
	
	text-align:left;
	
	vertical-align:middle;
}

.divTituloSeparador
{
	width:100%;
	
	background-color:black;
	color:white;

	/*border-bottom: 1px solid black;*/
	font-weight: bold;
}

.noWrap
{
	white-space:nowrap;
}



.inputTexto
{
	color:#444444;
	font-size:1.9vh;
	line-height:4vh;	
	
	border:0;
	border-bottom: 1.5px solid #dedede;
	
	width:100%;
}

.inputElem
{
	color:#444444;
	font-size:1.9vh;
	line-height:3vh;	
	
	text-align:center;
	background-color:white;
	border: 1px solid #dedede;
	width:30%;
}

.divError
{
	display:none;
	/*
	#display:inline-block;
	#background-color:red;
	*/
	width:100%;
	
	color:red;
	
	font-size:1.8vh;
	line-height:4vh;
	text-align:left;
	
	vertical-align:middle;
	
}

.divElem100
{
	width:100%;
}

.divElem20
{
	width:20%;
	display:inline-block;
	vertical-align:top;
}

.divElem50
{
	width:45%;
	display:inline-block;
	vertical-align:top;
}

.divElem70
{
	width:70%;
	display:inline-block;
	vertical-align:top;
}

.divError100
{
	width:100%;
}

.divError20
{
	width:100%;
}

.divError50
{
	width:100%;
}

.divError70
{
	width:100%;
}


.floatEmail
{
	float:right;
}

.tdFila
{
	font-size:2vh;
	line-height:4vh;
	
	text-align:left;
	vertical-align:middle;
}

.tdFilaPeq
{
	font-size:2vh;
	line-height:4vh;
	
	text-align:left;
	vertical-align:middle;
}

.tamSwitch
{
	line-height:6px;
}

.fuenteCombo
{
	width:100%;
	font-size:2vh;
	line-height:4vh;
	height:6vh;
	margin-top:1vh;
	margin-bottom:1vh;
	
}

.tablaSacos
{
	width:100%;
}


.divElem
{
	display:inline-block;
	/*
	#white-space:nowrap;
	#margin-bottom:1vh;
	#text-indent:1em;
	#font-family: 'MyFontTahoma', Tahoma;
	*/
	font-size:2vh;
	line-height:4vh;
	
	vertical-align:bottom;
	width:100%;
}

.divFilaChecks
{
	display:block;
	width:100%;
	
	/*padding-top:2vh;*/
	padding-bottom:1vh;
	
	font-size:2vh;
	line-height:4vh;
	text-align:left;
	
	vertical-align: middle;
}

.botonesInferiores
{
	display:block;	
}

.botonInferior
{
	display:inline-block;
	text-align:center;
	font-size:2vh;
	line-height:4vh;
	color:#444444;
	margin-top:6vh;
	cursor:pointer;
}

/*
.divElemChecks100
{
	width:100%;
}
*/

.recuadroRojo
{
	background-color:#ffbbc6;
	/*border:3px solid #red;*/
}

.tituloMovil
{
	display:none;
}

.tituloFechas
{
	display:inline-block;
	font-size:2vh;
	line-height:4vh;
	
}

.divCookies
{
	background-color:white;
	overflow: hidden;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index:2;
	
	text-align:center;
	font-size:1.5vh;
	line-height:2vh;
	
	padding:1vh;
	
	border-top: 1px solid #444444;
	
}

.divCookies input
{
	font-size:2vh;
}

.div-imagen-cabecera
{
	display:block;
	float:left;
	width:auto;	
	height:8vh;
}

.imagen-cabecera
{
	/*max-width:30%;*/

	height:6vh;
	padding-top:1vh;
	padding-left:1vh;
}

.divFooter
{
	clear: both;
    position: relative;
    height: 8vh;
    margin-top: -8vh;
	
	background-color:#444444;
	color:white;
	display:block;
	width:100%;
	font-size:2vh;
	line-height:4vh;
	padding-top:2vh;
	padding-bottom:2vh;
	text-align:center;
}

	.divFooter a
	{
		cursor:pointer;
		color:white;
		text-decoration: none;
	}
	
	.divFooter a:hover
	{
		text-decoration: underline;
	}
	
	.divFooter img
	{
		height:30px;
		vertical-align:middle;
	}
	
.divFooterMovil
{
	display:none;
}
/******* FIN RENOVADO *****************/





.divCamposFormulario h2
{
	font-size:3vh;
	
	padding:1em;
	padding-top:0;
	padding-bottom:0;
	
	color:#444444;
	text-align:center;
	font-weight:normal;
	/*font-weight: bold;*/
}



.inputCoSacos
{
	background-color:#f7f7f7;
	
}

.elemTextArea
{
	color:#444444;
	background-color:#f7f7f7;
	
	margin-top:10px;
	margin-bottom:10px;
	
	font-size:1em;
	line-height:1.5em;	
	font-family: 'MyFontTahoma', Tahoma;
	
	width:100%;
	border: 0;
	background-color: white;
	resize: none;
}


.link-verde
{
	cursor:pointer;
	color:#FFCE00;
	text-decoration: underline;
}



/******* BOTON *******/
.div-btn-largo-verde
{
	width:90%;
	/*max-width:450px;*/
	
	margin:0 auto;
	margin-top:5vh;
	margin-bottom:5vh;
}

.btn-largo-verde
{
	background-color:#444444;
	color:white;
	
	border-radius:calc(1vh);
	text-align:center;
	font-size: 1em;
	line-height:1.8em;
	
	width:100%;
	
	margin: 0 auto;
}

.btn-largo-verde:hover
{
	cursor:pointer;
	background-color:#464646;
	
}

/******* MENÚ DE NAVEGACIÓN Y OPCIONES DEL MENÚ *******/
.menu_bar
{
	position: fixed;
	display:block;
}
.menu_bar .bt-menu
{
	display:none;
}

.nav-menu
{
	display:none;
}

.divCuadrosAcceso
{
	text-align:center;	
	margin-top:10vh;
}

.cuadroAcceso
{
	/*heigth:10vh;*/
	border: 1px solid #FFCE00;
	border-radius: calc(1vh);
	width:30%;
	display:inline-block;
	min-width:20vh;
	height:auto;
	color:#FFCE00;
	padding:2vh;
	vertical-align:middle;
	margin:2vh;
	
	font-size:3vh;
}
.cuadroAcceso:hover
{
	cursor:pointer;
	box-shadow:0vh .5vh .5vh #777777;
	/*background-image: linear-gradient(to right, #ededed, #b7ffd9);*/
	
	background-color: #aaffd2;
	/*color:white;*/
	transition: .5s;
}

.divInputsBig
{
	white-space:nowrap;
	display:block;
}

.divInputsBig input
{
	display:block;
	position:relative;
	width:80%;
	
	border:1px solid #FFCE00;
	border-radius: 10px;
	font-size: 1.4em;
	line-height:1.6em;
	text-align:center;
	
	margin:0 auto;
	margin-bottom:2vh;
	
	
}
.divSeleccion
{
	width:100%;
	/*white-space:nowrap;*/
	margin:0 auto;
	padding:0;
	text-align:center;
	margin-top:0vh;
	margin-bottom:2vh;
}

.elemSeleccion
{
	margin:0 auto;
	/*
	#line-height:2.5em;
	#height:2.5em;
	*/
	font-size:2vh;
	padding:10px;
	display:inline-block;
	width:40%;
}

.elemSeleccion:hover
{
	cursor:pointer;
}

.bordesRadioLeft
{
	border-top-left-radius: 10px;
	/*border-bottom-left-radius: 10px;*/
}

.bordesRadioRight
{
	border-top-right-radius: 10px;
	/*border-bottom-right-radius: 10px;*/
}

.seleccionActiva
{
	background-color:#444444;
	color:white;
	border:0;
}

.noSeleccion
{
	background-color:white;
	color:#444444;
	border: 1px solid #d5d5d5;
}

.divTablaSacos
{
	width:100%;
}


.tablaSacosEstado
{
	margin: 0 auto;
	
	display:block;
	width:70%;
	height:auto;
	border-collapse: collapse;
	
	margin-top:3vh;	
}

.tablaSacosEstado td
{
	text-align:center;
	color:#444444;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	
	padding:2vh;
	padding-top:1vh;
	padding-bottom:1vh;

}

.tablaSacosEstado td span
{
	color:#FFCE00;
	font-size:2em;
}

.tablaSacosEstado .tdEstado
{
	color:#444444;
	text-align:left;
}





/******* RESPONSIVE PARA DISPOSITIVOS MÓVILES *******/
@media screen and (max-width:1050px) {
	 
	
	 /***************************************
	 * Menú de Navegación para smartphones
	 ***************************************/
	
	
	.menu_bar {
		/*
		#background-image: linear-gradient(to right, #4c844a, #294235);
		#box-shadow:0vh .5vh .5vh #777777;
		*/
		background-color:white;
		opacity:0.8;
		z-index:1000;
	
		position: fixed;
		display:block;
		width:100%;
		height:10vh;
		/*
		#background-color: blue;
		#opacity: 0.5;
		#float:right;
		#z-index:1000;
		*/
	
		box-shadow:0vh .5vh .5vh #c8c8c8;
	}
		.menu_bar div{ 
			display:block;
		}
		
		.menu_bar .bt-menu
		{
			display:block;
			/*
			#text-align: left;
			#display:block;
			*/
			padding-top:2vh;
			padding-right:3vh;
			color:white;
			
			text-decoration:none;
			font-weight: bold;
			font-size:6vh;
			/*
			#-webkit-box-sizing:border-box;
			#-moz-box-sizing:border-box;
			#box-sizing:border-box;
			*/
		}
			
		.menu_bar span {
			float:right;
			/*font-size:50px;*/
			opacity: 1;
		}
	
	.nav-menu {
		width:100%;
		left:-100%;
		margin:0;
		
		top:10vh;
		position: fixed;
		background-color:white;
	
		float:none;
		display:block;
		z-index:1000;	
	}
	
	.menu {
		margin: 0;
		padding: 0;
		list-style: none;
		/*
		#padding-left: 4vh;
		#padding-right: 1vh;
		*/
		font-family: 'MyFontTahoma', Tahoma;
		border-bottom: 1px solid #444444;
	}
	
	.dropdown {
		float:none;
		display:block;
		
		font-size: 3vh;
		color:#444444;
		line-height: 10vh;
		padding-left: 4vh;
		
		border-top:1px solid #b1b1b1;
		/*
		#border-bottom:1px solid red;
		#text-align: center;
		*/
	}
	
		/* Dropdown Content (Hidden by Default) */
		.dropdown-content {
		    /*
		    #line-height: 6vh;
		    #text-align:center;
		    */
		    display: none;
		    position: relative;
		    
		    background-color: #f9f9f9;
		    width:100%;
		    z-index:1000;
		    
		    /*min-width: 250;*/
		    box-shadow: 0px 0px 0px 0px;
		    /*text-decoration:none;*/
			list-style:none;
			margin-left:0px;
		    padding-left:0px;
		    text-indent:0px;
		    border-bottom-left-radius: 10px;
		    border-bottom-right-radius: 10px;
		}
			
			.dropdown a
			{
				text-decoration:none;
				list-style:none;
				color:#444444;
			}
			
			/* Links inside the dropdown */
			.dropdown-content li a {
			    /*
			    #background-color: red;
			    #color: red;
			    #padding: 0px;
			    #display: block;
			    #text-decoration:none;
			    #margin-left:0px;
			    #padding-left:10px;
			    */
			    text-align:center;
			    background-color: #e3e3e3;
			    
			}
			
			/* Change color of dropdown links on hover */
			
			.dropdown-content li a:hover
			{
				background-color: #e3e3e3;
			}
			
			
			/* Show the dropdown menu on hover */
			.dropdown:active .dropdown-content
			{
			    display: block;
			}

	/*********************************************************
	 * Campos FORMULARIO RESPONSIVE para dispositivos móviles
	 *********************************************************/
	
	

	
	.divElem
	{
		font-size:3vh;
		margin:0 auto;
		margin-bottom:1vh;
	}
	

	/*
	.divElemChecks100
	{
		width:100%;
	}
	*/

	
	.inputCoSacos
	{
		/*
		#color:#444444;
		#font-size:1em;
		#line-height:1.2vh;
		#background-color:red;	
		*/
		text-align:center;
		/*border:3px solid #red;*/
	}
	
	
	/******* RENOVADO *****************/
	.bodyMovil
	{
		background-image: none;
	}
	
	.divCamposFormulario
	{
		width:95vw;
		margin:0 auto;
		
		padding-bottom:5vh;
		
		float:none;
	}

	.divCamposFormulario h1
	{
		font-size:3vh;
	}
	
	
	.divFila
	{
		font-size:3vh;
		line-height:6vh;
		
		margin-top:2vh;
		margin-bottom:1vh;
	}
	
	.divTituloSeparador
	{
		background-color:black;
		color:white;
		border-bottom:0;
		font-weight: normal;
	}
	
	.inputTexto
	{
		font-size:3vh;
		line-height:4vh;	
		border: 2px solid #dedede;	
	}
	
	.inputElem
	{
		font-size:3vh;
		line-height:4vh;	
	}
	
	.divElem100
	{
		width:100%;
	}

	.divError
	{
		font-size:3vh;
		line-height:4vh;
		
		display:none;
	}
	
	.divElem20
	{
		width:100%;
	}
	
	.divElem50
	{
		width:100%;
	}
	
	.divElem70
	{
		width:100%;
	}

	.divError100
	{
		width:100%;
	}
	
	.divError20
	{
		width:100%;
	}
	
	.divError50
	{
		width:100%;
	}
	
	.divError70
	{
		width:100%;
	}

	.floatEmail
	{
		float:none;
	}

	.tdFila
	{
		font-size:3vh;
		line-height:6vh;
		
	}
	
	.tdFilaPeq
	{
		font-size:2vh;
		line-height:3vh;
	}
	
	.fuenteCombo
	{
		font-size:3vh;
		/*line-height:6vh;*/
		height:6vh;	
	}
	
	
	.divFilaChecks
	{
		padding-top:2vh;
		padding-bottom:2vh;
	}
	
	.botonesInferiores
	{
		display:none;	
	}
		
	.tituloMovil
	{
		display:inline-block;
		color:#FFCE00;
		font-size:2vh;
		line-height:3vh;
		margin-top:2vh;
	}
	
	.tituloFechas
	{
		font-size:2vh;
		line-height:3vh;
		color:#FFCE00;
		text-transform: uppercase;
		
	}
	
	.div-imagen-cabecera
	{
		max-width:35%;
		max-height:8vh;
		height:auto;
	}
	
	.imagen-cabecera
	{
		/*width:100%;*/
		height:auto;
		object-fit: cover;
  		max-height:6vh;
		padding-top:2vh;
		/*
		#max-width:30%;
		#padding-top:1vh;
		#padding-left:1vh;
		#background-color:yellow;
		*/
	}
	
		.divFooter
	{
		display:none;
	}
	
	.divFooterMovil
	{
		width: 100%;
		display:block;
		color:black;
		font-size:2vh;
		text-align:center;
		
		line-height:4vh;
		margin-top:4vh;
		padding-bottom:4vh;
		
	}
	
		.divFooterMovil a
		{
			color:#444444;
			text-decoration: none;
		}
	
	
		.divFooterMovil img
		{
			height:6vh;
			vertical-align:middle;
		}
	
	/******* FIN RENOVADO *****************/
	
}