#nomostrar { display: none }

body {
    font-family: "Helvetica", Arial, sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
      background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)), 
                url(../imagenes/fondoprincipal.jpg) no-repeat center center fixed;
    background-size: cover;
	margin:0px;
	text-align:center;
	text-transform: uppercase;
}


#cuerpo {
    width: 100% !important;
    margin: 0;
    padding: 0;
}


#wrapper, #contenedor {
    width: 100%; 
    margin: auto;
    background-color: transparent; 
}


#header, #cabecera {
    background: transparent url(../imagenes/cabezera-2025.png) no-repeat center center;
    background-size: cover; 
    width: 100%;
    height: 120px; 
    margin: 0;
}


@media (max-width: 992px) {
    #cabecera {
        height: 80px;
        background-size: 100% auto; 
    }
}


@media (max-width: 576px) {
    #cabecera {
        height: 60px; 
        background-image: url(../imagenes/cabezera-2025.png); 
    }
}



#caja {

background-color: #F00;

height: 200px;

width: 200px;

padding: 10px;

-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
behavior:url(border.htc);

}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}
.footer-patria {
     background-color: rgba(0, 51, 153, 0.85); 
    
      backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    width: 100%;
    padding: 12px 0;
    text-align: center;
    
    
    border-top-left-radius: 12px; 
    border-top-right-radius: 12px;
    
    border: 1px solid rgba(255, 255, 255, 0.1); 
    margin: 0; 
    display: block;
    clear: both;
}

.footer-text-profesional {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    letter-spacing: 0.5px;
       text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}
#borde, #contenedor {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


.nav-institucional {
    width: 100%;
    background-color: #f8f9fa; 
    border-bottom: 1px solid #dee2e6;
    margin: 0;
    padding: 0;
}

.menu-lista {
    display: flex;
    justify-content: center; 
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px; 
}

.menu-lista li {
    height: 100%;
}

.menu-lista li a {
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 100%;
    text-decoration: none;
    color: #495057; 
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.menu-lista li a i {
    margin-right: 8px; 
    font-size: 16px;
    color: #0047ab; 
}


.menu-lista li a:hover {
    background-color: #e9ecef;
    color: #000;
}

@media (max-width: 992px) {
    .menu-lista li a {
        padding: 0 10px;
        font-size: 13px;
    }
}

@media (max-width: 600px) {
    .menu-lista {
        height: auto; 
        flex-wrap: wrap; 
    }

    .menu-lista li {
        width: 33.33%; 
        border-bottom: 1px solid #dee2e6;
    }

    .menu-lista li a {
        flex-direction: column; 
        justify-content: center;
        height: 70px; 
        padding: 10px 0;
        font-size: 11px;
    }

    .menu-lista li a i {
        margin-right: 0;
        margin-bottom: 5px;
        font-size: 20px;
    }
}


SELECT {

	font-size : 8pt;

	max-width: 250px;

	size:1;

	color: #069;

}

.selectLibros{

	font-size : 8pt;

	width: 280px;

	size:1;

}

.selectPedido{

	font-size : 8pt;

	width: 300px;

	size:1;

}

TEXTAREA{

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	font-size : 8pt;

	overflow : auto;

}

.mensajes {

	color: #000;

	text-align: center;

	FONT-WEIGHT: bold;

}

#contenedor{

	text-align: left;

	width: 100%;

	margin: auto;

	background-color : #ffffff;

}

#cabecera {
    background: linear-gradient(
        110deg, 
        #f2f2f2 0%, 
        #f2f2f2 33%, 
        #004aad 33.5%, /* Suavizado para evitar pixelado */
        #004aad 100%
    );
    width: 100%;
    min-height: 100px; 
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 3px solid #d1d1d1;
    margin: 0;
    overflow: hidden;
}

#cabecera::before {
    content: "";
    position: absolute;
    left: 1%;
    top: 50%;
    transform: translateY(-50%);
    width: 380px; 
    height: 95%;
    background: url('../imagenes/opera_7t.png') no-repeat center center;
    background-size: contain;
    z-index: 10;
    filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.05));
}

#cabecera::after {
    content: "ALCALDÍA DEL MUNICIPIO PLAZA";
    white-space: pre-wrap;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: clamp(1.1rem, 2.8vw, 1.6rem);
    text-transform: uppercase;
    letter-spacing: -0.5px;
    padding-left: 35%; 
    line-height: 1.1;
    display: block;
    width: 100%;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/* ESTE ES EL CAMBIO: Ahora incluye tablets (hasta 1024px) */
@media (max-width: 1024px) { 
    #cabecera {
        min-height: 145px;
        background: #f2f2f2; /* Fondo sólido gris como en el móvil */
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 20px;
    }
    
    #cabecera::before {
        left: 50%;
        transform: translateX(-50%);
        top: 20px;
        height: 80px; /* Un poco más grande para tablet */
        width: 90%;   /* Ajuste de ancho responsivo */
        max-width: 480px;
    }
    
    #cabecera::after {
        padding-left: 0;
        text-align: center;
        color: #004aad; /* Texto azul sobre fondo gris */
        font-size: 1.2rem; /* Tamaño intermedio para tablet */
        text-shadow: none;
    }
}

.Blanco

{

	font-weight : normal;

	color: #FFF;

	text-align:right;

	border: 0px;

	padding: 1px 0px 0px 5px;

	font-style: normal;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 12px;

}



.gris

{

	font-weight : normal;

	color: #333;

	text-align:left;

	border: 0px;

	padding: 1px 0px 0px 5px;

	font-style: normal;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 14px;

}




#cabecera h1 { 	

	margin : 0px 0px 0px 0px;

}

#cabecera h1 span {

	display:none;

}



#logolateral{

	

	

}

#logolateral h1 { 	

	margin : 0px 0px 0px 0px;

}

#logolateral h1 span {

	display:none;

}



#menu A:HOVER{

 color: #ff0000;

 FONT-WEIGHT: bold;

 FONT-SIZE: 11pt;

 TEXT-DECORATION: none

}

.titulo{

 color:#000000;

 font-size:12pt;

 padding: 7px 3px 7px 8px;

 font-weight : bold;

 margin: 0px 0px 0px 0px;

}

.titlat{

 color:#666666;

 font-size:10pt;

 padding: 7px 3px 7px 8px;

 font-weight : bold;

 margin: 0px 0px 0px 0px;

}

.cuerpolateral{

 padding: 5px 4px 13px 10px;

}

#otras ul{

 margin : 5px 10px 0px 0px;

 padding: 0px 0px 0px 4px;

 list-style: none;

}

#estiloFormaLarga table{

width: 1200px;

}

#estiloForma textarea{

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT:normal;

	FONT-SIZE: 11pt;

	text-align: left;

}

#estiloFormaLarga tr{

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT:normal;

	FONT-SIZE: 11pt;

	text-align: right;

	height:20px;

}

#estiloForma table{

	width:600px;

}

#estiloForma td{

	width:300px;

}

#estiloForma tr{

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT:normal;

	FONT-SIZE: 11pt;

	text-align: right;

	height:20px;

}

#estiloFormaCorta table{

	width:500px;

}

#estiloFormaCorta tr{

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT:normal;

	FONT-SIZE: 11pt;

	text-align: right;

	height:20px;

}

#estiloFormaCorta td{

	width:250px;

}

#estiloBusqueda{

	text-align: left;

}

#estiloBusqueda tr{

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT:normal;

	FONT-SIZE: 11pt;

	text-align: left;

	height:40px;

}

#FormaModOperativo table{

	width:740px;

	text-align: left;

}

#FormaModOperativo textarea{

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT:normal;

	FONT-SIZE: 11pt;

	text-align: left;

}

#FormaModOperativo tr{

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT:normal;

	FONT-SIZE: 11pt;

	text-align: left;

	height:20px;

}

.botones{

text-align: center;

}

#tabla table{

	top: 10%;

	left: 10%;

	width: 100%;

	height: 1%;

	cursor: pointer;

	border-style:solid;

	border-color:#333;

	border-width:1px;

	background-color:#FFF;

	color: #900;	

}

#tabla tr{

	FONT-FAMILY: Tahoma, Geneva, sans-serif;

	FONT-WEIGHT:normal;

	FONT-SIZE: 11pt;

	text-align: left;

	height:20px;	

}



#estTabTotal table{

	cursor: pointer;

	border-style:solid;

	border-color:#CCC;

	border-width:1px;

	background-color:ffffff;

	color: #333;

}

#estTabTotal tr{

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT:normal;

	FONT-SIZE: 11pt;

	text-align: left;

	height:20px;

}



.estilotitulo{

	cursor:text;

	background-color:#337ab7;

	text-align:center;

	color : #FFF;

	font-weight:bold;

	font-size:10pt;

}





.estilotitulo2{

	cursor:text;

	background-color:#DCDCDC;

	text-align:center;

	color : #333;

	font-weight:bold;

	font-size:10pt;

}







.celdapar{

	

	

	background-color:#ddddf4;

	

}







.inputCodigo

{

	font-weight : bold;

	color: #333;

	text-align:left;

	background: #eeeeee;

	border: 1px;

	padding: 1px 0px 0px 6px;

}









.button {

font-weight: bold;

padding: 12px 15px;

background: #3f8abf;

color: #fff !important;

font-size: 14px;

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

cursor: pointer;

text-decoration: none;

text-shadow: 0 1px 0px rgba(0,0,0,0.15);

border-width: 1px 1px 3px !important;

border-style: solid;

border-color: #326e99;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

display: -moz-inline-stack;

display: inline-block;

vertical-align: middle;

zoom: 1;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

-ms-border-radius: 5px;

-o-border-radius: 5px;

border-radius: 5px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;

-moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;

box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;

}

.button-primary {

background-color: #5fcf80 !important;

border-color: #3ac162 !important;

}

#box

{

width: 280px;

margin: 0px auto;

text-align: left;

padding: 15px;

background-color: #ffffff;

color: #333;

border: 1px solid #e5e5e5;

box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;



}

.input_logeo

{

	padding:15px;

	font-size:15px;

	border:1px solid #999999;

	width:200px;

	margin-bottom:3px;

	border: 1px solid #e5e5e5;

	background: #fbfbfb;

	box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);

	font-family: Tahoma, Geneva, sans-serif;


}

.input_logeo2

{

	padding:15px;

	font-size:15px;

	border:1px solid #999999;

	width:200px;

	margin-bottom:3px;

	border: 1px solid #e5e5e5;

	background: #fbfbfb;

	box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);

	font-family: Tahoma, Geneva, sans-serif;

	

}

.tabla_blanca

{

	width:100%;

	border-spacing: 0;

	border-collapse: collapse;

	border: none;

	padding:0px;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 14px;

	text-transform:uppercase;

	background-color: #FFF;

	border-radius: 8px;

	border: 0px solid #39c;

	color: #000;

	text-transform:uppercase

}




label

{

	width:100px;

	display:block;

	font-size:13px;

	color:#666666;

}

#main
{
	
margin: 0 auto;
    width: 100%;       
    max-width: 100%; 
    text-align: center;

}

#box

{

width: 90%;        
    max-width: 450px;  
    margin: 20px auto;
    text-align: left;
    padding: 20px;
    background-color: #ffffff;

box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;

}



.button {

font-weight: bold;

padding: 12px 15px;

background: #3f8abf;

color: #fff !important;

font-size: 14px;

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

cursor: pointer;

text-decoration: none;

text-shadow: 0 1px 0px rgba(0,0,0,0.15);

border-width: 1px 1px 3px !important;

border-style: solid;

border-color: #326e99;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

display: -moz-inline-stack;

display: inline-block;

vertical-align: middle;

zoom: 1;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

-ms-border-radius: 5px;

-o-border-radius: 5px;

border-radius: 5px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;

-moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;

box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;

}

.button-primary {

background-color: #5fcf80 !important;

border-color: #3ac162 !important;

}

.msg

{

	font-size:11px;

	color:#666;

	padding:10px;

}

#error{font-size:12px; margin-top:10px}