/********* globals *********/
:root {
    --color-primario: #11358b;
    --color-secundario: #01a8dd
}


* {margin:0;padding:0}

/* CONTENEDOR NOTICIAS COLUMNA MEN� T�TULO*/
.TituloEnlaceListas {
    margin-top: 100px;
    font-weight:bold;padding-left:0px; font-size:15px;text-decoration:none;
}
    
a img,table {border:0}
/*dl,ol,ul {list-style:none}*/
table {border-collapse:collapse; border:0px;}
td {padding:4px; vertical-align:top;}

table.LineaInferior tr td {border-color:Gray; border:None 0px Gray; border-bottom:Solid 1px Gray; padding:4px; vertical-align:top;}


caption,th,td {text-align:left}
h1,h2 {margin: 1.2em 0 1.2em 0; color:#000;}
h3,h4,h5,h6 {margin: 1em 0 .70em 0;color:#000;}
p {margin: 10px 3px 3px 3px;}

marquee{
 color:#fff;
}


/* fonts & colors */

button,select,textarea,input {font:100% Neo Sans,Arial,SansSerif; border: Solid 1px #000;}
.botonesPickList {
    margin: 5px  10px  5px 10px;
}
a { color:#000; text-decoration:none; } /* verde  oscuro
a:hover { text-decoration:underline; }
h1,h2,h3,h4,h5,h6,.date { font-family: Trebuchet MS,Arial,Sans-Serif; color:#0440D4; } /*es color azul*/


/*titulo*/

.siteHeader a { text-decoration:none;} 

/*listas */
ul { padding-left: 0px; list-style:square;} 
li { line-height:25px; list-style:square url('Bulletin.png'); }
ol { line-height:25px; color:#000; font-size:14px;  font-weight:bold; } 
ol li {list-style-type:decimal; list-style-image: none;}
ol span{color:#000; font-size:14px;font-weight:normal;}



/******************* *** EXTRANET ****************************/
div.cabeceraExtranet { text-align:center; }
div.cabeceraExtranet a{ font-size:25px; color:#fff; text-align:center; }

.franja-gris
{
	position: relative;
	left: 0px;
	width: 96%;
	background-color: #747474;
	color: #fff;
	padding: 10px 10px 10px 10px;
	margin-top: 50px;
	overflow: hidden;
}

.franja-gris a{ color: #fff; }
.franja-gris a:hover{ text-decoration: none; }

.franja-gris h3
{
	/*font-family: 'Century Gothic',Arial,Helvetica,Sans-Serif;*/
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
}

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


/********* layout *********/
/*body { font: 14px Neo Sans, Trebuchet MS,Arial ,SansSerif; text-align:justify; color:#627FBB; } /*color:#000*/ 
/*body { margin:0; padding:0; background-color:#DEE6F3;} /*background:#d1d4d1 url(degrad.png) repeat-x; */
	/*#wrap { 
	        width:auto; /*width:1280px;*/ 
	        /*-moz-box-shadow: 10px 10px 5px #888;
            -webkit-box-shadow: 10px 10px 5px #888;
            box-shadow: 10px 10px 5px #888;*/
            
            
            /*-moz-box-shadow: 0 0 5px 5px #888;
            -webkit-box-shadow: 0 0 5px 5px#888;
            box-shadow: 0 0 5px 5px #888;*/
            /*background-color:#fff;*/

           /*Sombra hacia dentro*/
           /*-moz-box-shadow:    inset 0 0 10px #000000;
           -webkit-box-shadow: inset 0 0 10px #000000;
            box-shadow:         inset 0 0 10px #000000;*/
            
            /*Sobra hacia afuera*/
            /*webkit-box-shadow: 0 0 15px 2px Gray;
            -moz-box-shadow: 0 0 15px 2px Gray;
            box-shadow: 0 0 15px 2px Gray;

            
	    }
		#header { height:80px; background-color:#fff; margin-left:0px; margin-right: 0px;}*/
		/********* layout *********/
    body, html {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        font: 14px Neo Sans, Trebuchet MS, Arial, SansSerif;
        text-align: justify;
        color: #627FBB;
        background-color: #DEE6F3;
    }

    #wrap {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        background-color: #fff;
        margin-top: -10px;
        -webkit-box-shadow: 0 0 15px 2px Gray;
        -moz-box-shadow: 0 0 15px 2px Gray;
        box-shadow: 0 0 15px 2px Gray;
    }
    
    #menuNavegacion {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: row-reverse;
        font-size: 1.3em;
        gap: 4px;
        padding-bottom: 4px;
    }

    #contenido {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
        box-sizing: content-box;
        padding-top: 24px;
    } 

		/* top */
        #header { position:relative; z-index: 10; }
	    .top {  padding:0px 0px 0px 0px;} /*float:left; */
	    .siteLogo {
            max-width: 300px;
        }
		/* a.siteLogo {  height:300px; width:100%;} */
	    a.siteLogo img{ height:72px;}
	    .siteHeader { float:right; margin-top:0px; }
	    .siteHeader a {color:#000;}
	    .siteHeader a img{ height:100%; width:100%;}
		
	    div.header {/*width: auto;width:1280px; margin-top:0px; position: relative; top: 0px; z-index: 1; background-color: Transparent;*/}
		div.headerdh{/* float: right; width:100%;*/}
		div.menutot {float: right;}
		div.menutm {clear: left; float:right; position: relative; z-index: 50;}
		
        /*buscador*/		
		div.buscador { display:none; float: right; position: relative; z-index:10000; top:-150px ;left:-15px; margin-top:0px;  clear:both; /*color:#000;*/ color:#000; font-weight:bold; font-size:12px; text-align:right;}
		form.buscador {margin: 0 0 0 0;}

        /*ImagenBienvenidaLogin*/
        .textContainer:has(#tituloBienvenida) {
            position: relative;
        }
        .textContainer:has(#tituloBienvenida)::before {
            content: '';
            width: calc(100% + 10vh);
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
            top: 50%;
            opacity: 0.66;
            border-radius: 4px;
            height: calc(100% + 50vh);
            background-image: url("/Upload/Header/imgBody.jpg");
            background-size: cover;
            background-position: center;
            z-index: -1;
        }
        /* #img_bienvenida {
            display:block;
            position: absolute;
            content: url("/Upload/Header/imgBody.png")
        } */


        input.Redondear 
        {
             width:100px;
	        border: 1px solid #ccc;
	        -moz-border-radius: 10px;
	        -webkit-border-radius: 10px;
	        border-radius: 10px;
	        -moz-box-shadow: 2px 2px 3px #666;
	        -webkit-box-shadow: 2px 2px 3px #666;
	        box-shadow: 2px 2px 3px #666;
	        font-size: 12px;
	        padding:  4px 7px;
	        outline: 0;
	        -webkit-appearance: none;
	         z-index:10001;
        }
        input.Redondear:focus {
	        border-color: #339933;
        }

        .ui-state-default {
            background: #00A7DE !important;
            color: black !important;
        }
        .ui-state-active{
            background: hsl(195, 100%, 60%) !important;
        } 
        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: black !important;
        }
        



		#page { margin:0; padding:0;  clear:both; /*background-color:#419A2D;*? /*background: transparent url(fondoPage.png) no-repeat 50% 100%;*/}
		div.cf {position: relative; top: -0px; z-index: 1;}
		#content{
            /*position: relative; top: 20px; z-index: 50;*/
            box-sizing: content-box;
            padding-left: 40px;
            padding-right: 40px;
        }
				.secondary { width:150px; float:right; margin-bottom:1px;}
				#menu { border-left: solid 1px #dfe5e6; padding-left:15px;}
				#extras { padding-right:15px;}
				
				/*Es el div escenario para la plantilla bien con columna a la izquierda, bien con columna a la dereha */
				#main { /*margin-top:0px; 
				        width:95% !important; 
				        min-height: 620px;
				        float:left; 
				        border-right: solid 1px #dfe5e6; 
				        margin:0 0px 0px 3%;
				        padding:  0px  10px   0px 10px; 
				        background: transparent url(fondoWrap.png) repeat;
				       /*background-color:White;
					   
				       top:-0px;
				       position:relative;*/
				    box-sizing: content-box;
				}
				#main div h1{color:var(--color-primario);}
				#textContent p{color:black;}

                #mainAreaPrivada
                {
                  margin-top:0px;
                  position:relative;
                  left:0px;
                  /*width:95%;    */
                }

			    /* Es el div del escenario para la plantilla con columna izquierda y derecha */    
				#mainIzquierdaDerecha { margin-top:0px;width:59%; min-height: 600px;
				        float:left; 
				        padding:0px 15px  25px 10px; 
				        background-color:White;
				       
				}
			        

	    

.boxTitle,
.secondary h4 { margin:0; padding:5px 0; font-size:1.2em; }
.secondary h4 a,
.secondary h4 a:visited {color:#333;}




/*Pie de P�gina */

.PiePagina {
  margin:0 auto; 
  width:500px;
  width:18%;
  padding-left:0px; 
  text-align:center;
  font-size: 9px;
  background-color:#fff;
}

/* secondary */ /*columnas de a la derecha y a la izquierda */

.ColumnaIzquierda {
    float:left ;
    /*width:260px;*/
    width:30%;
    min-height:600px; 
    display:block ;
    background: #fff url(fondoMain.png) no-repeat;
    margin:  5px 5px  10px 5px;

    
}



.ColumnaDerecha {
    float:left ;
    /*width:260px;*/
    width:18%;
    min-height:600px; 
    display:block ;
    background-color:#fff;
    margin: 5px 5px 10px 0;

    
}



.PanelCentralSuperiorPaginaPrincipal{
    float:left; 
    width:100%;

} 



.secondary .uc { margin-bottom:15px; }

/* content */
img.main {margin-bottom:5px;}


/*listas */

/*li span { font-size: 10px;} */

/* menu */
.menu li {list-style:none; }

.topMenu 

{ 
	/*visibility:hidden;*/
	position:relative;
	left:0px;
	bottom:0px; 
	height:50px; 
	padding:0px; 
	/*background:  url(degradmenu.png) repeat;/* url(degradmenu.png) repeat;  Grey; url(menu_bg.gif) repeat;*/ /*no-repeat */ 
	background: #000 url(degradmenu.png) no-repeat;
	width:100%; /*610px;*/ 
	font-size:16px;
	text-align :center;
 
}

/*.topMenu menu {float:right;}*/



    .topMenu ul {float:left;}/* lista alineada a la derecha del elemento contenedor*/
	.topMenu li {float:right; padding-left:10px; padding-right:10px; }/* elementos de la lista alineados a la izquierda*/
	
	.topMenu a { color:#000; font-weight:bold; display:block;/* se comoporta como un recuadro (redundante) */ padding: 25px 5px 5px 5px;/*el padding es el margen interno del block */ text-decoration:none; }
	
	.topMenu a:visited { color:#000;/*#fff;*//* hiperenlace dentro del menu que ya ha sido visitado pero esta sustituido por topmenu.trail:visited */ }
	
	
	.topMenu .current,
	.topMenu .trail { font-weight:bold; /*background-color:#0097C6;*/ color:#000; /*background:transparent url(menuselection_bg.gif) no-repeat*/ /* define un elemento del menu que no es hipeenlace*/}
	
	.topMenu .current a,
	.topMenu .trail a {  text-decoration:none; font-weight:bold; /*background-color:#0097C6 ; */color:#000;  /*background:transparent url(menuselection_bg.gif) no-repeat 100% 0%;*/ /* define el elemento activo y  ya visitado */}
	
	.topMenu .current a:visited,
	.topMenu .trail a:visited { color:#fff; } /*color:#333*//* elemento del menu activo*/
	
	
	.topMenu a:hover { /*background-color:#0097C6;*/ color:#fff;} /*pasa el rat�n por encima del elemento del menu azul:#0096db */

		.topMenu li ul 
		{
			display:none;
			font-size:.10em;
			background:none;
			position:absolute;
			top:45px;
			left:0;
			height:auto;
			padding:0 15px;
			float:right;
		}
		.topMenu .current ul, 
		.topMenu .trail ul {display:block}

		.topMenu .current ul li,
		.topMenu .trail ul li { font-weight:normal; /*background:#0097C6;*/  padding:0; }
		.topMenu .trail .current,
		.topMenu .trail .trail
		{
			background:none;
			margin:0;
			font-weight:bold;
			padding:0;
		}
		.topMenu .current ul a,
		.topMenu .trail ul a
		{
			background:none;
			padding:10px;
			color:#fff;
		}

.languageMenu { 
    position:absolute; bottom:45px; left:-100px; width:100px;}
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}



.subMenu li ul 
		{
			display:none;
			font-size:.10em;
			background:none;
			position:absolute;
			top:45px;
			left:0;
			height:auto;
			padding:0 15px;
			float:right;
		}
		.subMenu .current ul, 
		.subMenu .trail ul {display:list-item;}

.subMenu{}
	.subMenu a { display:block; padding:2px 0; _height:1px; }
	.subMenu ul { margin:0 0 2px 15px; }
	.subMenu .trail > a { color:#0096DB; }
	.subMenu .current > a { color:#0096DB; font-weight:bold; }

/* lists */
.list .a0 { background: #f8f8f8; }
.list { padding-bottom:6px; }
.list .item { padding:5px; }

/* path */
.path { margin-bottom:10px; font-size:10px; }
.path .current { color:#333; }
.path a.current:hover { cursor:default; text-decoration:none; }

/* sitemap */
#main ul { list-style: square /*circle*/; margin-left:20px; }

/* content */
.introduction { font-size:1.1em; font-style:italic; }

/* date */
.date { font-size:x-small; color:#333; display:block; }

/* columns */
.columns .Izquierda {  float:left;  /*width:245px;*/ }
.columns .Derecha { float:right;/*width:245px;*/ }

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}


/* login y registro */
div.ff .username label {
     min-width: 150px;
     text-align: left;
      
}


/* fondo de las listas de noticias */




/* FORMATO DE LAS IMAGENES EN EUN CONTROL DE TIPO RIANIMATION.ASCX */

.ImagenRianimator{
    margin:15px 10px 5px 5px;
}



/* CLASES DEL CONTROL ALEATORIO DE IM�GNES */

.slideshow {
    position:relative;
    /*height:180px;
    width: 840px;*/
    left:0px;
    overflow:hidden ; 
}

.slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:18;
    opacity:0.0;
}

.slideshow IMG.active {
    z-index:100;
    opacity:1.0;
}

.slideshow IMG.main {
    z-index:100;
    opacity:1.0;
}

.slideshow IMG.last-active {
    z-index:99;
}


/* TextBox ReadOnly */
.SoloLectura {
  border-style:none;
  background-color:Transparent;
}


/* BOLETIN DE NOTICIAS */
td.formdata input.TextBox
{
     width:200px;
}

/*Hiperenlaces inscripcion a Eventos*/
span.fechaEvento{font-size:9px; clear:right;  display:block; }
a.linkInscripcion{font-size:9px; color:#AA0C42; text-decoration:none; }


/*formato de los formularios*/
td.FormularioLabel {
  text-align:right;
  color:gray;
  min-width:200px; 
}
td.FormularioLabelAlineacionVertical {
  vertical-align:text-top;
  text-align:right;
  color:gray;
  min-width:200px; 
}

/* FORMATO NUEVO LOGIN */

.divLogin {
    /*width: 400px;*/
    margin: 20px;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.divLogin table {
    width: 100%;
    background-color: white;
    border-collapse: collapse;
    border: none;
}

.divLogin table tr {
    display: block;
    margin-bottom: 10px;
}

.divLogin table tr td {
    display: block;
    width: 100%;
    border: none;
    background-color: white;
    text-align: left;
}

.divLogin table tr td input[type="text"],
.divLogin table tr td input[type="password"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    box-sizing: border-box;
}

.divLogin table tr td label {
    margin-bottom: 5px;
}

.divLogin table tr td input[type="checkbox"] {
    width: auto;
}

.divLogin table tr td span {
    display: block;
    margin-left: 10px;
    margin-top: 5px;
}

.divLogin table tr td[colspan="2"] {
    text-align: center;
}

#footer {
    display: none !important;
}

.header {
    /*
    color: #000000;
    background-color: white;
    font-size: 20px;
    font-weight: bold;
    border: none;
    text-align: center;
    */
    box-sizing: content-box;
    padding-left: 40px;
}

input[type="submit"] {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    border: 1px solid #4CAF50;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    box-sizing: border-box;
}

#footer {
    display: none;
}

#AvisoLogin {
    margin: 0;
    color: #000;
    /*margin-right: 50px*/;
}

#ctl00_ctl00_PageWrapper_ContentAndSidebar_Content_TextContent_lnkConsultaResiduosAutorizados {
    display: none;
}

#container_imagen_cabecera {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background-color: #fff;
}

#container_imagen_cabecera img {
    margin-left: -300px; /* Ajusta este valor para mover la imagen más a la izquierda */
    max-width: 200px;
    height: auto;
    display: block;
}

#datos_empresa {
    display: block ;  
    margin-left: auto;
    margin-right: -220px;
    padding-left: 20px;
    color: #333;
    font-size: 14px;
}

.divBienvenidaLogin {
    position: relative;
    width: 50%;
    height: 100%;
}

#imgBienvenidaLogin img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0.8;
}

.textContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    width: 100%;
}

#tituloBienvenida {
    font-size: 4em;
    margin: 0;
}

.textContainer h2 {
    font-size: 1.5em;
    margin: 10px 0 0 0;
}

.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px;
}

tr.even{
	/*background-color: ;*/
}

tr.odd{
	background-color: color-mix(in srgb, var(--color-secundario) 40%, white 60%);
}


/*Mensaje Inicial*/
#MensajeInicial {

}
#mensajeInicial > h1::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('/Upload/BIDONES_APILADOS_2.jpg');
    
    background-size: cover;
    background-position: center;
    z-index: -1;
}
#mensajeInicial > h1, #checkVolverAMostrarLabel {
    color: white
}

.alertify-dialog:has(#mensajeInicial) .alertify-inner {
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    flex-wrap: nowrap;
    justify-content: center;
}
.alertify-buttons {
    flex-direction: row;
}
.btn-alertify-descarga {
    background-color: #0000ff !important;
    border: #1212d0 !important;
    border-width: 1px;
}
.btn-alertify-continuar {
    background-color: #00a7de !important;
    border: #138db6 !important;
    border-width: 1px;
}
/* Diseño Responsive */
@media (max-width: 1265px) {
    .textContainer:has(#tituloBienvenida)::before {
                height: calc(100% + 23vh);
                width: calc(90% + 13vh);
            }
}
@media (max-width: 1024px) {
        .divLogin {
            min-height: 100%;
            margin-top: 90px auto;
            margin: 20px auto; 
        }
    
    .divBienvenidaLogin {
        width: 100%;
    }
    .divLogin {
        margin-top: 32px !important;
    }
    .container {
        flex-direction: column;
        align-items: center;
    }

    .textContainer h2 {
        font-size: 1.2em;
    }
    #contenido{
        min-height: 120%;
        margin-top: 90px auto;
        margin: 20px auto; 

    }
    .textContainer:has(#tituloBienvenida)::before {
        height: calc(100% + 3vh);
    }
    #main {
        margin-top: 24px !important;
    }
}
@media (max-width: 768px) {
    #container_imagen_cabecera img {
        max-width: 150px;
    }

    #datos_empresa {
        font-size: 12px;
    }

    .textContainer h2 {
        font-size: 1em;
    }

    #tituloBienvenida {
        font-size: 1.5em;
    }

    .divLogin {
        min-height: 100%;
        margin: 20px auto; 
    }
    #contenido{
        min-height: 100%;
        margin-top: 90px auto;
        margin: 20px auto; 

    }
    .headerdh {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .siteLogo {
        margin-left: 0;
    }
    a.siteLogo > img {
        height: 76px;
    }

    


}

@media (max-width: 480px) {
    .divLogin {
        width: 100%;
        min-height: 100%;
        margin: 20px auto; 
    }

    .divBienvenidaLogin {
        width: 100%;
    }

    .textContainer h2 {
        font-size: 0.9em;
    }

    #tituloBienvenida {
        font-size: 1.2em;
    }
    #contenido{
        min-height: 100%;
        margin-top: 90px auto;
        margin: 20px auto; 

    }

}
@media (max-width: 1200px) {
    body {
        font-size: 12px;
    }
    #wrap {
        padding: 10px;
    }
}

@media (max-width: 992px) {
    body {
        font-size: 12px;
    }
    #wrap {
        padding: 10px;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 11px;
    }
    #wrap {
        padding: 8px;
    }
    .textContainer:has(#tituloBienvenida)::before {
            height: calc(100% + 3vh);
        }
}

@media (max-width: 576px) {
    body {
        font-size: 10px;
    }
    #wrap {
        padding: 5px;
    }

}