/* CSS Document */
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato+Inconsolata|Cinzel|Montserrat|Noto+Sans');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");

body, html { 
	height:100%;
	margin:0px; padding:0px;
	/*background-image:url(/img/bg01.jpg);
	background-position: center center;
	background-repeat: no-repeat;*/
	/*background-attachment: fixed;
	background-size: cover;*/
	font-family:'Lato', sans-serif; font-size:16px; color:#333; 
}

#loadingInfo {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: auto;
	vertical-align:middle;
	text-align:center;
    background-color:#CCC;
	z-index:50000;
	display:none;
	opacity: 0.4;
    filter: alpha(opacity=40); }
#loadingInfo i { font-size:80px; position:inherit; top:40%; line-height: 100%; color:#000; }

.txtShadow { text-shadow:2px 2px #333; }
i { font-style:normal; }
.scorelbl { padding:2px; margin:2px; border:solid 1px #999; background:#EAEAEA; border-radius:4px; }
.messageBl { padding:1em; margin:1em; background:#36C; color:#FFF; }
.messageGr { padding:1em; margin:1em; background:#393; color:#FFF; }
.messageRe { padding:1em; margin:1em; background:#C00; color:#FFF; }
.03em { font-size:0.3em !important; }
.05em { font-size:0.5em !important; }
.06em { font-size:0.6em !important; }
.08em { font-size:0.8em !important; }
.1em { font-size:1em !important; }
.12em { font-size:1.2em !important; }
.15em { font-size:1.5em !important; }
.18em { font-size:1.8em !important; }
.2em { font-size:2em !important; }

/** H **/
h1 { font-family:'Noto Sans', sans-serif; font-size:24px; margin:5px; padding:0px; font-weight:normal; margin-left:0px; }
h2 { font-family:'Noto Sans', sans-serif; font-size:20px; margin:3px; padding:0px; font-weight:normal; margin-left:0px; }
h3 { font-family:'Noto Sans', sans-serif; font-size:16px; margin:2px; padding:0px; font-weight:normal; margin-left:0px; }
h4 { font-family:'Noto Sans', sans-serif; font-size:14px; margin:1px; padding:0px; font-weight:normal; margin-left:0px; }
h5 { font-family:'Noto Sans', sans-serif; font-size:12px; margin:0px; padding:0px; font-weight:normal; margin-left:0px; }
/** **/

hr { border:0px; margin-top:2px; margin-bottom:2px; height:0px; clear:both; }
#hrDotted { border-bottom:dotted 1px #999; margin:0px; padding:0px; }
#hrSolid { border-bottom:solid 1px #999; }

/** Links **/
a:link { color: #0066CC; text-decoration: none; }
a:visited { text-decoration: none; color: #0066CC; }
a:hover { text-decoration:none; color:#0066CC; }
a:active { text-decoration: none; color: #0066CC; }
a img { border:0px; }
a span { color:#F00; }
/** **/

.photo { display:inline-table; margin:6px; padding:4px; border:solid 1px #999; background:#FFF; width:150px; cursor:pointer; }
.photo img { width:100%; }
.photo span { display:block; }

.photo40 { display:inline-block; margin:2px; padding:2px; border:solid 1px #999; background:#FFF; max-height:30px; cursor:pointer; }
.photo40 img { max-height:30px; width:100%; }

.photo80 { display:inline-block; margin:4px; padding:4px; border:solid 1px #999; background:#FFF; cursor:pointer; }
.photo80 img { height:80px; }

/** Formas **/
input, select, textarea { 
	border:solid 1px #666; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	font-family: 'Montserrat', sans-serif;
	font-family:Verdana, Geneva, sans-serif; color:#000; font-size:16px; padding:2px; }
input:hover, select:hover, textarea:hover { border:solid 1px #666; box-shadow: 1px 1px 2px #999; background:#FFC; }

/*botones*/
.botonok { color:#FFF; background:#390 !important; font-size:12px; padding:2px; text-align:center; }
.botoncancel { color:#FFF; background:#333; font-size:13px; padding:2px; text-align:center; }
.botonupdate { color:#FFF; background:#666; font-size:13px; padding:2px; text-align:center; }

.BtnsGroup label { display:block; margin:6px; padding:6px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; cursor:pointer; }
.BtnsGroup label:hover { background:#E6E6E6; color:blue; }
.BtnGroupAc { background:#006DB3 !important; color:#FFF !important; }
.BtnGroupDis { background:#F2F2F2 !important; color:#666 !important; cursor:help !important; }

.picTin { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow: 1px 1px 2px #CCC; }

.roBo8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.roBo6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.roBo4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.roBo2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

/** Listas **/
.listaC td { text-align:center !important; }
.listaVC td { vertical-align:middle !important; text-align:center !important; padding:2px !important; }

.lista01 td { border-bottom:dotted 1px #999; padding-bottom:15px; padding-top:5px; vertical-align:top; text-align:left; padding-right:8px;  }
.lista01:hover td { background:#FFF; border-bottom:solid 1px #CCC; }

.lista02 td { border-bottom:dotted 1px #CCC; padding-bottom:5px; vertical-align:top; text-align:left; padding-right:4px; }
.lista02:hover td { background:url(../img/t50.png); border-bottom:solid 1px #CCC; }

.lista03 td { padding-bottom:4px; padding-top:4px; vertical-align:top; border-bottom:dotted 1px #999; }
.lista03:hover td { background:#FFFFB0; border-bottom:solid 1px #999; }

.lista04 td { padding:2px; vertical-align:middle; border-bottom:dotted 1px #999; }
.lista04:hover td { background:url(../img/t50.png); border-bottom:solid 1px #CCC; }

.trTituloClean { font-size:9px; color:#666; text-transform:uppercase; }
.trTituloClean td { border-bottom:solid 1px #666; }
/** **/

/* Borders */
.roBo8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.roBo6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.roBo4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.roBo2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.boDo1 { border:dotted 1px #CCC; }
.boDo2 { border:dotted 1px #CCC; }

/* colores califs TH */
.thsc-G { background:#063 !important; color:#FFF !important; }
.thsc-A { background:rgba(241, 120, 39, 1) !important; color:#fff !important; }
.thsc-R { background:#F00 !important; color:#FFF !important; }


.fechaSelect { text-align:center !important; width:100px; }
.lblRevs { display:inline-block; margin:0px; font-size:9px; color:#666; text-align:center; margin-right:18px; }
.lblRevs span { font-size:8px; color:#333  }
.lblRevs span b { color:#06C }

.lblRevs2 { display:inline-block; margin:0px; font-size:8px; color:#666; text-align:center; margin:5px; }
.lblRevs2 span { font-size:7px; color:#333  }
.lblRevs2 span b { color:#06C }

/* */
.divCli { display:block; text-align:center; font-size:8px; text-transform:uppercase; color:#FFF; background:#333; margin-top:10px; padding:2px;
		 border-right:solid 4px #0FF; border-left:solid 4px #0FF; font-weight:bold; }
.divCli span { color:#0FF; }
.divSis { display:block; padding:3px; margin:2px; font-size:10px; color:#666; text-align:left;
		  cursor:pointer; border:dotted 1px #666; }
.divSis img { float:right; }
.divSis:hover { background:#0FF; color:#333; }		  
.btnsLeft { margin:4px; display:inline-block; cursor:pointer; }

/* Tabals de filtros */ 
.trFilters { font-size:0.9em; color:#069; padding:0.5em; border:dotted 1px #999; background:#F2F2F2; } 
/* .trFilters label { margin-right:1em; display:inline-block; }
.trFilters label select { font-size:1em !important; line-height:0.5em!important; padding:2px !important; } */