/* Importamos el reset y los colores */
@import 'colores.css';
@import 'reset.css';


/*
Fuentes:
Mulish:	200.. 900 sans serif
*/
body {
	color: var(--colortxt);
	font: normal normal 200 18px/Normal Mulish, Verdana, Arial, sans-serif;
	background: var(--colorfondo); /* #e5e5e5;*/
	position: relative;
	letter-spacing: normal;
}
/* para el BG de las ventanas emergentes */
body.transparente {
	background: transparent!important;
}

.container {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	cursor:default;
}
.subir {
	text-align: right;
	margin-top: 15px;
}
#novedades {
	margin: 0;
	padding: 0;
	color: var(--colortxt);
}
#novedades h1 {
	font-size: 40px;
	line-height: 120%;
	color: var(--rojomadrid);
	margin: 0;
	padding: 0;
	margin-bottom:15px;
	font-family: Merriweather, Georgia, Times, serif;
	font-weight: 900;
}
#novedades h2 {
	color: var(--azulmadrid);
	font-size: 27px;
	font-weight: 800;
	line-height: 28px;
	margin-top: 5px;
	margin-bottom: 10px;
	letter-spacing: 0px;
}
#novedades h6 {
	color: var(--verdeoscuro);
	font-size: 13px;
	text-align: right;
	line-height: 150%;
	padding-top: 10px;
	letter-spacing: 0px;
	font-weight: 500;
}
.novedad {
	border: 1px solid #c5c5c5;
	padding: 15px;
	margin-bottom:15px;
	background-color: var(--grisclaro1);
	text-shadow: 1px 1px 0 #fff;
	border-radius: 4x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 96%;
}.novedad:hover {
	background-color: var(--grisclaro2);
	box-shadow: 0 0 30px #aaa;
	-webkit-transition-duration: 0.45s; /* Safari */
   transition-duration: 0.45s;
   margin-top: -5px;
   margin-bottom: 20px;
}


#cabecera {
	background: transparent url(../img/fondo.jpg) no-repeat top;
	background-size: 100%;
}
#barramenu{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: var(--rojomadrid);
	height: 50px;
	position: fixed;
	top:0; left:0;
	width: 100%;
	box-shadow: 0 3px 5px #222;
	z-index: 999;
}
#banner {
	margin:0;
	padding:0;
}

ul.menu {
    display: inline-block; /* no es necesario */
    margin: 0;
    padding: 0;
    margin-top: 13px;
    list-style: none;
    float: right;
    font-size: 20px;
}
ul.menu li {
   display: inline-block;
	margin: 0px; padding: 0px;
	position: relative;
    font-weight: 700;
}
ul.menu>li a {
	display: inline-block;
	padding: 3px 2px;
	margin: 0px;
	margin-left: 10px;
	text-decoration:none;
	color: #fff;
    font-weight: 700;
}
ul.menu>li:hover>a.link {
   border-bottom: 8px solid #fff;
   color: #fff;
	-webkit-transition-duration: 0.45s; /* Safari */
   transition-duration: 0.45s;
}
ul.menu>li a.actual {
   border-bottom: 8px solid #fff;
   color: #fff;
}
ul.menu>li ul {
	position: absolute;
	top: 29px;
	left:15px;
	padding: 5px 10px 4px 4px;
	margin: 0px;
   background-color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: none;
	width: 180px;
	border: 1px solid #ccc;
	z-index: 999;
}
ul.menu>li:hover>ul {
	display: block;
	box-shadow: 4px 4px 7px #333;
}
ul.menu>li ul>li a {
	display: block;
	color: #620000;
	margin: 3px 10px 3px 10px;
	padding: 0px;
}
ul.menu>li ul>li:hover a i {
 	color: #620000;
}
ul.menu>li:hover>a.nolink {
	cursor: default;
	border: none;	
}

h1 {
	font-size: 35px;
	font-weight: 800;
	line-height: 120%;
	color: var(--azulmadrid);
	margin: 0;
	padding: 0;
	margin-bottom:10px;
}
h2 {
	font-size: 28px;
	font-weight: 800;
	line-height: 120%;
	color: var(--azulmadrid);
	margin: 0;
	padding: 0;
	margin-bottom:10px;
}
h3 {
	font-size: 22px;
	font-weight: 800;
	line-height: 120%;
	color: var(--colormarron);
	margin: 0;
	padding: 0;
	margin-bottom:5px;
	letter-spacing: normal;
}
h4 {
	font-size: 22px;
	font-weight: 700;
	line-height: 110%;
	color: var(--colormarron);
	margin: 0;
	padding: 0;
}
h5 {
	font-size: 17px;
	font-weight: 500;
	line-height: 110%;
	color: var(--colormarron);
	margin: 0;
	padding: 0;
}

#pie {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 10px;
	background-color: var(--rojomadrid);
	position: fixed;
	left:0;
	bottom:0;
	right:0;
	width: 100%;
	z-index: -1000;
	font-weight: 100;
	font-size: 17px;
}
.empt {
	padding: 5px;
	background-color: #fff;
	display: inline-block;
}
#logoestrellas {
	float: left;
	margin: 0;
	margin-top:17px;
}

#zonadmin {
	 float:right; 
	 margin-top:16px; 
	 margin-right:20px;
}
#inicio-coli {
	width: 575px;
	float: left;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 0 var(--blanco);
	/* background-color: fuchsia; */
}
#inicio-cold {
	width: 390px;
	float: right;
	margin: 0;
	padding: 0;
	/* background-color: fuchsia; */
}
.coli {
	width: 483px;
	float: left;
	margin: 0;
	padding: 0;
}
.cold {
	width: 483px;
	float: right;
	margin: 0;
	padding: 0;
}
#coli-info {
	width: 270px;
	float: left;
	margin: 0;
	padding: 0;
	/*background-color: aqua;*/
}
#cold-info {
	width: 680px;
	float: right;
	margin: 0;
	padding: 0;
	/*background-color: fuchsia;*/
	line-height:130%;
}

.coli-b {
	width: 380px;
	float: left;
	margin: 0;
	padding: 0;
	line-height:130%;
}
.cold-b {
	width: 590px;
	float: right;
	margin: 0;
	padding: 0;
	line-height:130%;
}


.resunix {
	position: absolute;
	right: 15px;
	bottom: 10px;
	font-size: 13px;
}

#tituloseccion {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	border-left: 12px solid var(--rojomadrid);
	font-size: 40px;
	font-weight: 700;
	display: block;
	text-align: left;
	text-shadow: 1px 1px 2px #fff;
	text-shadow: 0px 0px 1px #000,1px 0px 0px #000,0px 1px 0px #000, -1px 0px 0px #000,0px -1px 0px #000, 1px 1px 0px #000,2px 2px 0px #444,2px 2px 3px #000;
	line-height: 40px;
}
#logo {
	border-radius:22x;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	background-color: rgba(255,255,255,.4);
	padding: 15px;
	display: inline-block;
}
#titulo {

	/*****************************************************************************************************************/
	/* se puede cambiar tanto el color (RGB) como la transparencia (canal alfa), de 0.0 (transparente) a 1.0 (opaco) */
	background-color: rgba(255,255,255,0);
	/*****************************************************************************************************************/

	/****************************************************/
	/* se puede cambiar el color de la fuente (RGBA)    */
	color: #fff;
	/****************************************************/

	font-size: 100px;
	font-weight: 900;
	position: relative;
	margin: 0;	padding:0;
	/* con borde */
	text-shadow: 0px 0px 1px #000,1px 1px 1px #000, 1px 1px 2px #000, 2px 2px 2px #000;
	
	text-align: center;
	letter-spacing: 2px;

	display: inline-block;
	line-height: 90%;
	margin-top: 20px;
}
.sombra {
	text-shadow: 0px 0px 5px #000,1px 1px 2px #000,2px 2px 2px #000,3px 3px 2px #000;
}
#subtitulo {

	/*****************************************************************************************************************/
	/* se puede cambiar tanto el color (RGB) como la transparencia (canal alfa), de 0.0 (transparente) a 1.0 (opaco) */
	background-color: rgba(255,255,255,0);
	/*****************************************************************************************************************/

	/*****************************************************************************************************/
	/* se puede cambiar el color de la fuente (RGBA)                                                     */
	color: rgba(255,255,255,1);
	/*****************************************************************************************************/

	font-size: 55px;
	font-weight: 600;
	position: relative;
	margin: 0;
	/* con bordee */
	/*text-shadow: 0px 0px 1px #000,1px 0px 0px #000,0px 1px 0px #000,-1px 0px 0px #000,0px -1px 0px #000,   1px 1px 0px #000,2px 2px 0px #000,3px 3px 0px #000;*/
	text-shadow: 1px 0px 0px #000,0px 1px 0px #000,-1px 0px 0px #000,0px -1px 0px #000,1px 1px 2px #000,2px 2px 2px #000,3px 3px 2px #000;
	text-align: center;
	letter-spacing: 4px;
	display: inline-block;
	padding: 0px;
	line-height: 60%;
}

#curso {
	/*****************************************************************************************************************/
	/* se puede cambiar tanto el color (RGB) como la transparencia (canal alfa), de 0.0 (transparente) a 1.0 (opaco) */
	background-color: rgba(255,255,255,0);
	/*****************************************************************************************************************/

	/*****************************************************************************************************/
	/* se puede cambiar el color de la fuente (RGBA)                                                     */
	/* color: var(--rojoI); */
	color:#fff;
	/*****************************************************************************************************/

	position: relative;
	margin: 0;
	text-shadow: 0px 0px 1px #000,1px 0px 0px #000,0px 1px 0px #000,-1px 0px 0px #000,0px -1px 0px #000,1px 1px 0px #000;
	text-align: center;
	letter-spacing: -1px;
	display: inline-block;
	padding: 0px;
	font-size: 40px;
	font-weight: 700;
	margin-top: 20px;
	-webkit-text-stroke: 1px #000;
}
#cuerpo {
	background: var(--colorfondo);
	padding: 20px 0 0 0;
	color: var(--colortxt);
	margin-bottom: 140px;
	text-shadow: 1px 1px 0 #fff;
}
#letracapital {
	font-size: 150px;
	line-height: 100px;
	color: var(--rojomadrid);
	font-weight: 800;
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-right: 20px;
	float: left;
}


button.botonaceptar, input.botonaceptar {
	font-family: Geneva, Arial, Helvetica, sans-serif;;
	font-size: 17px;
	font-weight: 700;
	cursor: pointer;
	border: none;
	color: #f5f5f5;
	padding: 8px 15px;
	background: #e49331 url(../img/overlay.png) repeat-x top;
	border-radius: 3x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px -1px 0px #f9ae50, 0px 1px 0px #944F01;
	text-shadow: 0px -1px 0px #633603;
}button.botonaceptar:hover, input.botonaceptar:hover {
	background: #E47C01;
}
.txtfile {
	border-radius: 3x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 8px;
	padding-left: 35px;
	border: 1px solid #c5c5c5;
	font-size: 16px;
	background: #fff;
	cursor: pointer;
}
.inputxt {
	border-radius: 3x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 8px;
	border: 1px solid #c5c5c5;
	font-size: 16px;
	background: #fff;
}
button.botoncancelar, input.botoncancelar {
	font-family: Geneva, Arial, Helvetica, sans-serif;;
	font-size: 17px;
	font-weight: 700;
	cursor: pointer;
	border: none;
	color: #f5f5f5;
	padding: 8px 15px;
	background: #999 url(../img/overlay.png) repeat-x top;
	border-radius: 3x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px -1px 0px #cfcfcf, 0px 1px 0px #565656;
	text-shadow: 0px -1px 0px #2a2a2a;
}button.botoncancelar:hover, input.botoncancelar:hover {
	background: #999;
}

button.botonazoazul, input.botonazoazul {
	font-family: Geneva, Arial, Helvetica, sans-serif;;
	font-size: 17px;
	font-weight: 500;
	cursor: pointer;
	border: 3px solid #fff;
	color: #f5f5f5;
	padding: 15px 20px;
	background: #0074a3 url(../img/overlay.png) repeat-x top;
	border-radius: 5x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 1px #555;
}button.botonazoazul:hover, input.botonazoazul:hover {
	-webkit-transition-duration: 0.45s; /* Safari */
   transition-duration: 0.45s;
   /*margin-top: -4px;
   margin-bottom: 4px;*/
	background: #fff;
	color: #0074a3;
	border: 3px solid #0074a3;
	/*box-shadow: 0 9px 9px #888;*/
	box-shadow: 0 0px 18px #444;
}

button.botonazogris, input.botonazogris {
	font-family: Geneva, Arial, Helvetica, sans-serif;;
	font-size: 17px;
	font-weight: 500;
	cursor: pointer;
	border: 3px solid #fff;;
	color: #f5f5f5;
	padding: 15px 20px;
	background: #999 url(../img/overlay.png) repeat-x top;
	border-radius: 5x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}button.botonazogris:hover, input.botonazogris:hover {
	-webkit-transition-duration: 0.45s; /* Safari */
   transition-duration: 0.45s;
   /*margin-top: -4px;
   margin-bottom: 4px;*/
	background: #fff;
	color: #838383;
	border: 3px solid #838383;
	/*box-shadow: 0 9px 9px #aaa;*/
	box-shadow: 0 0px 18px #444;
}
button.botonsalir {
	font-family: Geneva, Arial, Helvetica, sans-serif;;
	font-size: 17px;
	font-weight: 700;
	cursor: pointer;
	border: 2px solid #fff;
	color: #f5f5f5;
	padding: 10px 20px;
	background: #c30000 url(../img/overlay.png) repeat-x top;
	border-radius: 5x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 2px #8c0000;
	text-shadow: 0px -1px 0px #310000;
	position: absolute;
	top: 0;
	right: 20px;
}button.botonsalir:hover {
	background: #c30000;
}

.logintxt {
	border-radius: 3x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 8px;
	padding-left: 35px;
	border: 1px solid #c5c5c5;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;;
	background: #fff;
}.logintxt:hover {
	box-shadow: 0 0 10px #ccc;
}

table.tablainfo td {
	padding:4px;
}
table.tablalineas td {
	padding:5px;
	border-bottom: 1px solid #aaa;
}
table.tablalineas th {
	padding:5px;
	color: #eee;
	text-shadow: none;
}

table.tablabordefondo td.bordefondo {
	/*background: #ffeb9b;*/
	color: var(--azuloscuro);
	padding:5px;
	border-right: 5px solid var(--azuloscuro);
}
table.tablaevidencias {
	padding: 5px;
}

table.tablaevidencias td {
	padding: 5px;
}

/* PANELES */
.volumen:hover {   
	box-shadow: 0 0 30px #aaa;
	-webkit-transition-duration: 0.45s; /* Safari */
   transition-duration: 0.45s;
}

.panel {
	border: 1px solid #c5c5c5;
	padding: 20px;
	margin: 0;
	border-radius: 4x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*background: var(--grismadrid);*/
	position: relative;
}
.panelwarning {
	border: 1px solid #c5c5c5;
	border-radius: 4x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 20px;
	background: var(--coloramarillo);
	color: #000;
	font-weight: 400;
	position: relative;
}
.icocerrar {
	position: absolute;
	top: 6px;
	right: 6px;
	color: var(--azuloscuro);
}
.panelinfo {
	border: 1px solid #c5c5c5;
	border-radius: 4x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 20px;
	background: var(--grismadrid);
	color: var(--colortxt);
	position: relative;
}
.panelresultado {
	border: 4px dotted #007bca;
	padding: 20px;
	padding-bottom: 30px;
	margin: 0;
	border-radius: 4x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: var(--azulclaro);
	color:#007bca;
	position: relative;
}
.placa {
	background: #fff;
	border-radius: 2x;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 1px 2px 2px #555;
	margin-bottom:7px;
	padding: 10px;
}
.placano {
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 2x;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-bottom:7px;
	padding: 10px;
}
.panelgris {
	/*border: 1px solid #c5c5c5;*/
	padding: 15px;
	margin: 0;
	border-radius: 4x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: var(--grisclaro2);
	position: relative;
}
.panelindice {
	background: #fff;
	border-radius: 3x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 1px 2px #333;
	margin-bottom:7px;
	padding: 10px;
}
.panelnivel {
	border: 3px solid var(--colormarron);
	padding: 15px;
	margin: 0;
	border-radius: 10x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
	background: #faf1f1;
}
.paneltransparente {
	border: 1px solid #aaa;
	padding: 10px 17px;
	margin: 0;
	border-radius: 10x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
}
.pieimagen {
	background: #fff;
	padding: 5px;
	font-size: 12px;
	text-align: center;
}
.creditos {
	color: #cef0ff;
	/*-webkit-text-stroke: 1px #aaa;*/
	position: absolute;
	top: 60px;
	left: 10px;
	font-weight: 300;
	font-size: 11px;
}
.creditos a {
	color: #cef0ff;
	font-weight: 400;
}