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

    This file is part of "Gestión de Logias"

    "Gestión de Logias" 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 #000099;
   border-right: 1px dotted #000099;
   border-left:1px dotted #000099;
   border-bottom:4px solid #000099;
   */
   border: none;
   background-color:#5a3b00;
   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; /* #d2b486;*/
 font-family: Arial,Helvetica,sans-serif;
 }
#exterior{
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center;
}
#cartelera{
 background-color: transparent; /* #d2b486; */
 background-image: url("../imagenes/hermes_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;
   border-top: 1px dotted #5E93B1;
   border-right: 1px dotted #416D89;
   border-left:1px dotted #416D89;
   border-bottom:4px solid #5E93B1;
   background-color:#000099;
   color: white;
}
.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{
     font-size: 1em;
     color: #8b0000;
}
input.rojo:hover{
     background-color: #ffffc0;
}
input.verde{
     font-size: 1em;
     color: #006400;
}
input.verde:hover{
     background-color: #ffffc0;
}
input.azul{
     font-size: 1em;
     color: #000099;
}
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(#e68787), to(#590000));
	background: -webkit-linear-gradient(top, #e68787, #590000);
	background: -moz-linear-gradient(top, #e68787, #590000);
	background: -ms-linear-gradient(top, #e68787, #590000);
	background: -o-linear-gradient(top, #e68787, #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(#8fdb8f), to(#004800));
	background: -webkit-linear-gradient(top, #8fdb8f, #004800);
	background: -moz-linear-gradient(top, #8fdb8f, #004800);
	background: -ms-linear-gradient(top, #8fdb8f, #004800);
	background: -o-linear-gradient(top, #8fdb8f, #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: #000000;
	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(#a6afff), to(#18227C));
	background: -webkit-linear-gradient(top, #a6afff, #18227C);
	background: -moz-linear-gradient(top, #a6afff, #18227C);
	background: -ms-linear-gradient(top, #a6afff, #18227C);
	background: -o-linear-gradient(top, #a6afff, #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;
}