/* =======================================================================
   ESTILO ORIGINAL DEL VALIDADOR (provisto por el cliente)
   ======================================================================= */
table {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
}
.boton{
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(../images/fondoboton2.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 86px;
	border-style: none;
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
	cursor: pointer;
}
.cuadroTexto {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	border : 1px solid #999999;
	background-color : #fcfcfc;
	text-decoration : none;
	font-weight : normal;
}
.bordeSepara      { border : solid #666666; border-width : 0 0 0 1px; }
.bordeFormulario  { border : 1px solid #666666; }
.textoTituloMultas{ color : #ffffff; background-color : #000000; font-weight : bold; text-align : center; }
.textoComboPermiso{ font-family : Arial, Helvetica, sans-serif; font-size : 11px; }
.textoTituloTabla { color : #ffffff; background-color : #52A5F8; font-weight : bold; text-align : center; }
.bordeLeftAbajo   { border : solid #666666; border-width : 0 0 1px 1px; }
.bordeAbajo       { border : solid #666666; border-width : 0 0 1px; }
.linkindicadores  { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #993300; text-decoration : none; font-weight : bold; }
.lnkindicavisual  { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #000000; text-decoration : none; }
a.lnkinfadicional:hover { color : #ff0000; text-decoration : underline; }
a { text-decoration: none; }

.boton_PDF{
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	width:130px; height: 33px; text-align:center;
	font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;
	color:#fff; border:1px solid #1D669C;
	background-color: #dc3545;
	background:-webkit-gradient(linear, left top, left bottom,color-stop(0%,#70B3E4),color-stop(2%,#70B3E4), color-stop(98%,#1D669C),color-stop(100%,#1D669C));
	cursor:pointer;
}

/* =======================================================================
   MAQUETACION DE LA PAGINA (fondo en mosaico + caja blanca central)
   ======================================================================= */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
	background-image: url(../images/logotalca.gif);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.contenedor {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	margin: 22px 5%;
	min-height: 460px;
	position: relative;
	padding-bottom: 30px;
}
.barraTitulo {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	padding: 12px 0;
	letter-spacing: .2px;
}
.zonaForm { padding: 0 90px; margin-top: 45px; }
.subBarra {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 8px 12px;
}
.filaCodigo {
	border: 1px solid #cccccc;
	border-top: none;
	padding: 18px 0;
	text-align: center;
}
.filaCodigo label { font-weight: bold; margin-right: 8px; }
.filaCodigo input.cuadroTexto { width: 360px; height: 18px; padding: 1px 3px; }
.zonaBotones { text-align: center; margin-top: 110px; }
.zonaBotones .boton { margin: 0 6px; width: 92px; white-space: nowrap; }
.mensajeError {
	color: #cc0000; font-weight: bold; text-align: center;
	margin-top: 18px; font-size: 12px;
}

/* Tuerca de acceso al panel (pie de pagina) */
.tuercaAdmin {
	position: absolute; right: 12px; bottom: 10px;
	opacity: .35; font-size: 18px; text-decoration: none; color:#000;
	transition: opacity .2s, transform .4s;
}
.tuercaAdmin:hover { opacity: 1; transform: rotate(90deg); }

/* =======================================================================
   DISEÑO RESPONSIVO (celulares y tablets)
   ======================================================================= */
@media (max-width: 768px) {
	.contenedor { margin: 12px 3%; padding-bottom: 24px; min-height: 360px; }
	.barraTitulo { font-size: 12px; padding: 12px 10px; line-height: 1.3; }
	.zonaForm { padding: 0 16px; margin-top: 30px; }
	.subBarra { font-size: 12px; padding: 9px 10px; }
	.filaCodigo { padding: 16px 10px; }
	.filaCodigo input.cuadroTexto { width: 100%; max-width: 320px; height: 26px; font-size: 14px; }
	.zonaBotones { margin-top: 70px; }
}

@media (max-width: 420px) {
	.barraTitulo { font-size: 11px; }
	.filaCodigo label { display: block; margin: 0 0 6px; }
	.filaCodigo input.cuadroTexto { width: 100%; }
	.zonaBotones { margin-top: 55px; }
	.zonaBotones .boton { display: inline-block; margin: 4px; }
}