/*
 *
    Copyright (C) <2023>  <Santiago Flores Martínez>

    This file is part of "Gestión de Cuerpos Subordinados"

    "Gestión de Cuerpos Subordinados" is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

     Contact the author: santiago@floresmartinez.uy
 */

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
 }
 
:required {
       border: 1px solid #33F;
}

:disabled{
    color: #464646;
}

 
 form{
     margin: 0px;
 }
 
p{
    font-size: 10pt;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-style: normal;
}
p.menu{
    font-size: 10pt;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-style: normal;
    background-color: #9fb5d2;
    text-align: center;
    vertical-align: baseline;
    line-height: 8mm;
}
h1{
    font-size: 24pt;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    font-weight: 500;
}
 h2{
    font-size: 22pt;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    font-weight: 500;
}
 h3{
    font-size: 20pt;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    font-weight: 500;
}
 h4{
    font-size: 18pt;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    font-weight: 400;
}
table{
    border-collapse:collapse;
} 
table.t2{
    font-size: 8pt;
    font-family: Arial,Helvetica,sans-serif;
}

h5{
    font-size: 16pt;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    font-weight: 400;
}
td{
    font-size: 11pt;
    font-family: Arial,"Droid Sans",sans-serif;
    /*padding-left: 5px;
    padding-right: 5px;
    */
}
td.tit1{
    font-size: 1em;
    font-weight: bolder;
    text-align: center;
    /*border-top: 5px solid #6C5611;
    border-right: 1px dotted #6C5611;
    border-left:1px dotted #6C5611;
    border-bottom:4px solid #6C5611;
    */
    border: none;
    background-color:#6C5611;
    color: white;
    margin: 0px;
    padding: 3px 5px 3px 5px;
}
td.tit2{
    font-size: 1em;
    font-family: Arial,Helvetica,sans-serif;
    padding-left: 5px;
    padding-right: 5px;
}
td.tit3{
    text-align: right;
    color: #000066;
    margin: 0px;
    padding: 3px 5px 3px 5px;
}
td.tit3r{
    font-weight: bold;
    text-align: right;
    color: #990000;
    margin: 0px;
    padding: 3px 5px 3px 5px;
}
td.azul{
    color: #000066;
}
td.gris{
    color: #555555;
}
td.rojo{
    color: #990000;
}

td.listareg{
    font-size: 0.9em;
    font-family: Arial,Helvetica,sans-serif;
    border-top:1px solid #888888; /*b0f0de*/
    border-bottom:1px solid #888888;   
    margin:0;
    padding:2px 6px;
}
td.ficha{
    font-size: 12pt;
    font-family: Arial,Helvetica,sans-serif;
    margin:2px;
    padding:3px 8px;
}
td.verif{
    font-size: 11pt;
    border-top:1px solid #888888; 
    border-bottom:1px solid #888888; 
    padding:5px 15px;
}
td.hoja{
    font-size: 11pt;
    padding:5px 15px;
    background-color:#fff;
   /*sombra*/
    -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
    box-shadow: 0 0 4px rgba(0,0,0, .75);
    border:1px solid #888888; 
}
body{
 background-color: transparent; /* #cacaca; */
 font-family: Arial,Helvetica,sans-serif;
 }
#exterior{
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center;
}

#cartelera{
 background-color: transparent; /* #cacaca; */
 background-image: url("../imagenes/Logo_fondo.png");
 background-repeat: no-repeat;
 background-position: center top;
 background-attachment: fixed;
 padding-top: 50px;
}
.titulo1{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12pt;
   font-weight: bolder;
   text-align: center;
   background-color:#6C5611;
   color: white;
}
.titulo2{
    text-align: center;
    padding: 5px;
    font-weight: bold;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.titulo3{
    text-align: center;
    padding: 5px;
    font-weight: bold;
}
.filaDestacada{
   background-color: #bc8f8f;
}
.paginador{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   text-decoration: none;
   text-align: right;
}
input.bor{
     height: 15px;
     width: 22px;
     font-family: sans-serif;
     font-size: 6pt;
     vertical-align: middle;
     color: #8b0000;
     margin: 0px 0px 0px 0px;
     padding: 0 0 0 0;
}
input.alta{
     height: 15px;
     width: 22px;
     font-family: sans-serif;
     font-size: 6pt;
      color: #006400;
     margin: 0px 0px 0px 0px;
     padding: 0 0 0 0;
}
input.rojo{
     color: #8b0000;
}
input.rojo:hover{
     background-color: #ffffc0;
}
input.verde{
     color: #006400;
}
input.verde:hover{
     background-color: #ffffc0;
}
input.azul{
     color: #000066;
}
input.azul:hover{
     background-color: #ffffc0;
}
input.altagr{
     height: 20px;
     width: 20px;
     font-family: "Helvetica Neue", Helvetica, clean, sans-serif;
     font-size: 13px;
     color: #006400;
     margin: 0px 0px 0px 0px;
     padding: 0 0 0 2;
}
input.numero{
     font-family: "Helvetica Neue", Helvetica, clean, sans-serif;
     text-align: right;
}
input.correcto{
   cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
   padding:5px 25px; /*add some padding to the inside of the button*/
   background:#2F9222; /*the colour of the button*/
   border:1px solid #2F9222; /*required or the default border for the browser will appear*/
   /*give the button curved corners, alter the size as required*/
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   /*give the button a drop shadow*/
   -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
   -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
   box-shadow: 0 0 4px rgba(0,0,0, .75);
   /*style the text*/
   color:#fff;
   /*font-weight:bold;*/
   font-size:1.1em;
}
input.correcto:hover, input.ċorrecto:focus{
   color:#000;
   background-color :#3BBA2A; /*make the background a little darker*/
   /*reduce the drop shadow size to give a pushed button effect*/
   -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
   -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
   box-shadow: 0 0 1px rgba(0,0,0, .75);
}
input.incorrecto{
   cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
   padding:5px 25px; /*add some padding to the inside of the button*/
   background:#B02929; /*the colour of the button*/
   border:1px solid #B02929; /*required or the default border for the browser will appear*/
   /*give the button curved corners, alter the size as required*/
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   /*give the button a drop shadow*/
   -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
   -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
   box-shadow: 0 0 4px rgba(0,0,0, .75);
   /*style the text*/
   color:#fff;
   /*font-weight:bold;*/
   font-size:1.1em;
}
input.incorrecto:hover, input.inċorrecto:focus{
   color:#000;
   background-color :#CC2F2F; /*make the background a little darker*/
   /*reduce the drop shadow size to give a pushed button effect*/
   -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
   -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
   box-shadow: 0 0 1px rgba(0,0,0, .75);
}
input.neutro{
   cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
   padding:5px 25px; /*add some padding to the inside of the button*/
   background:#D0C086; /*the colour of the button*/
   border:1px solid #2F9222; /*required or the default border for the browser will appear*/
   /*give the button curved corners, alter the size as required*/
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   /*give the button a drop shadow*/
   -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
   -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
   box-shadow: 0 0 4px rgba(0,0,0, .75);
   /*style the text*/
   color:#fff;
   /*font-weight:bold;*/
   font-size:1.1em;
}
input.neutro:hover, input.neutro:focus{
   color:#000;
   background-color :#F1EBA5; /*make the background a little darker*/
   /*reduce the drop shadow size to give a pushed button effect*/
   -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
   -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
   box-shadow: 0 0 1px rgba(0,0,0, .75);
}
option:disabled{
   /*font-weight: bold;*/
   color: #640000;
   background-color: #cdcdcd;
}

   .buttonr {
	border-top: 1px solid #fff;
	background: #590000;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#590000));
	background: -webkit-linear-gradient(top, #efefef, #590000);
	background: -moz-linear-gradient(top, #efefef, #590000);
	background: -ms-linear-gradient(top, #efefef, #590000);
	background: -o-linear-gradient(top, #efefef, #590000);
	padding: 3px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #000000;
	font-size: 11px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	vertical-align: middle;
   }
   .buttonr:hover {
	border-top-color: #28597a;
	background: #E5B1B1;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#E5B1B1));
	background: -webkit-linear-gradient(top, #efefef, #E5B1B1);
	background: -moz-linear-gradient(top, #efefef, #E5B1B1);
	background: -ms-linear-gradient(top, #efefef, #E5B1B1);
	background: -o-linear-gradient(top, #efefef, #E5B1B1);
	color: #a00;
   }
   .buttonr:active {
	border-top-color: #1b435e;
	background: #bcbcbc;
	color: #fff;
   }

   .buttonv {
	border-top: 1px solid #fff;
	background: #004800;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#004800));
	background: -webkit-linear-gradient(top, #efefef, #004800);
	background: -moz-linear-gradient(top, #efefef, #004800);
	background: -ms-linear-gradient(top, #efefef, #004800);
	background: -o-linear-gradient(top, #efefef, #004800);
	padding: 3px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #000000;
	font-size: 11px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	vertical-align: middle;
   }
   .buttonv:hover {
	border-top-color: #28597a;
	background: #9CCEA0;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#9CCEA0));
	background: -webkit-linear-gradient(top, #efefef, #9CCEA0);
	background: -moz-linear-gradient(top, #efefef, #9CCEA0);
	background: -ms-linear-gradient(top, #efefef, #9CCEA0);
	background: -o-linear-gradient(top, #efefef, #9CCEA0);
	color: #a00;
   }
   .buttonv:active {
	border-top-color: #1b435e;
	background: #bcbcbc;
	color: #fff;
   }
   
   .buttonn_disabled {
	border-top: 1px solid #fff;
	background: #464646;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#464646));
	background: -webkit-linear-gradient(top, #efefef, #464646);
	background: -moz-linear-gradient(top, #efefef, #464646);
	background: -ms-linear-gradient(top, #efefef, #464646);
	background: -o-linear-gradient(top, #efefef, #464646);
	padding: 3px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #646464;
	font-size: 11px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	vertical-align: middle;
   }

   .buttonn {
	border-top: 1px solid #fff;
	background: #464646;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#464646));
	background: -webkit-linear-gradient(top, #efefef, #464646);
	background: -moz-linear-gradient(top, #efefef, #464646);
	background: -ms-linear-gradient(top, #efefef, #464646);
	background: -o-linear-gradient(top, #efefef, #464646);
	padding: 3px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #000;
	font-size: 11px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	vertical-align: middle;
   }
   .buttonn:hover {
	border-top-color: #28597a;
	background: #ababab;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ababab));
	background: -webkit-linear-gradient(top, #efefef, #ababab);
	background: -moz-linear-gradient(top, #efefef, #ababab);
	background: -ms-linear-gradient(top, #efefef, #ababab);
	background: -o-linear-gradient(top, #efefef, #ababab);
	color: #a00;
   }
   .buttonn:active {
	border-top-color: #1b435e;
	background: #bcbcbc;
	color: #fff;
   }
   .buttona {
	border-top: 1px solid #fff;
	background: #18227C;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#18227C));
	background: -webkit-linear-gradient(top, #efefef, #18227C);
	background: -moz-linear-gradient(top, #efefef, #18227C);
	background: -ms-linear-gradient(top, #efefef, #18227C);
	background: -o-linear-gradient(top, #efefef, #18227C);
	padding: 3px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #000000;
	font-size: 11px;
	font-family: Arial, sans-serif;
	text-decoration: none;
	vertical-align: middle;
   }
   .buttona:hover { 
	border-top-color: #28597a;
	background: #CECFF6;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#CECFF6));
	background: -webkit-linear-gradient(top, #efefef, #CECFF6);
	background: -moz-linear-gradient(top, #efefef, #CECFF6);
	background: -ms-linear-gradient(top, #efefef, #CECFF6);
	background: -o-linear-gradient(top, #efefef, #CECFF6);
	color: #a00;
   }
   .buttona:active {
	border-top-color: #1b435e;
	background: #bcbcbc;
	color: #fff;
   }


#titulos {  text-align: center;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.8em;
width: 820px;
margin: 25px auto;
position: relative;
font-weight: bold;
float: left;
}
#titulos.col1{
   width: 140px;
}

/* Para hacer tooltip personalizado con <span> */

a span{	
	display:none;
	color:#fff;
	background:rgba(51,51,51,0.75);
	padding:20px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:100px;
	text-align:center;
	position: absolute;
	z-index:10;
}
a { display: inline-block;}
a:hover span{ display:block; }

/* Para sobreponer marcas de agua en una imagen*/

.transp-general {
background: #FFF;
width: 98px;
height: 130px;
}
.transp-exvm {
background: #FFF url(../imagenes/escuadra.png) no-repeat;
width: 98px;
height: 130px;
}
img.transparent {
filter:alpha(opacity=70);
opacity:.7;
}

.round{
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
}

.shadow{
    -webkit-box-shadow: rgba(0,0,0,0.5) -5px 5px 3px;
       -moz-box-shadow: rgba(0,0,0,0.5) -5px 5px 3px;
            box-shadow: rgba(0,0,0,0.5) -5px 5px 3px;
}

.tshadow{
    text-shadow: rgba(255,255,255,.5) -1px 1px 0;
}