/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page setup
 */
@import url("textos.css");
@import url("tables.css");
@import url("dt_table.css");

img{ border: 0px; }

body {

	font-family: Arial, Verdana, Geneva, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.navega {
	 max-width:100px; cursor:pointer;
	 background:url(skins/images/bg_blue.png)  repeat-x 0 0px;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	
}

header{ 
	width:auto; height:auto; min-height:82px; overflow:auto; 
	background-color:#FFF;
}


#logo_header{ float:left; margin-left:0px; margin-top:0px; }
#demostracion{ float:left; width: 450px; height: auto; overflow: auto; margin:5px 20px 20px 3px; }
#demostracion .txt{ font-size: 14px; color:#323D6C; }
#Cerrar, #spanreloj, #SeccionNom{
	float:right;
	clear:right;
	/* display: inline-block; */
}
#SeccionNom{
	padding-top:5px;
}


.instrucc {
	 border-radius: 2px 2px 0 0;
	clear:both;
	background-color:#EDF4F8;
	border:solid 1px #333;
	padding:2px;
	margin:0 0 5px 0;
	font-size:12px;
	/* rounded */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	width:auto;
	
}

.content_container{
	border: 1px solid grey;
	position:relative;
	width:99%; height:auto; overflow:auto;
	margin:0 5px 0 5px;
	box-sizing:border-box;
	/* rounded */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.content_container .headmenu
{
	/*background-image:url(/i/back_NavTitle.gif); */
	color:#FFFFFF;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
    width: 200px;
	height: 40px;
    float: left;
	cursor:pointer;
	border:1px solid #124e92;
	background-color: #07458b; background-image: -webkit-gradient(linear, left top, left bottom, from(#065bbb), to(#07458b));
	background-image: -webkit-linear-gradient(top, #065bbb, #07458b);
	background-image: -moz-linear-gradient(top, #065bbb, #07458b);
	background-image: -ms-linear-gradient(top, #065bbb, #07458b);
	background-image: -o-linear-gradient(top, #065bbb, #07458b);
	background-image: linear-gradient(to bottom, #065bbb, #07458b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#065bbb, endColorstr=#07458b);
}
.content_container .headmenu .txtHeadMenu{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.content_container .headcontent
{
    background-image:url(/i/back_SecTitle.gif); 
	height:40px;
	display:block;
	overflow:hidden;
	text-align:center;
	border:1px solid #124e92;
	background-color: #07458b; background-image: -webkit-gradient(linear, left top, left bottom, from(#065bbb), to(#07458b));
	background-image: -webkit-linear-gradient(top, #065bbb, #07458b);
	background-image: -moz-linear-gradient(top, #065bbb, #07458b);
	background-image: -ms-linear-gradient(top, #065bbb, #07458b);
	background-image: -o-linear-gradient(top, #065bbb, #07458b);
	background-image: linear-gradient(to bottom, #065bbb, #07458b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#065bbb, endColorstr=#07458b);
}

.content_container .headcontent .txtHeadContent{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
 	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color:white; /*#000000;*/
	text-decoration: none;
}


aside{
	clear:left;
	float:left;
	width:200px;
	height:auto;
	overflow:auto;
	margin:0 5px 0 0;
}

section{
	display:block;
	overflow:hidden;
}
section .bodySpan{
	margin:10px 5px 0 0
}
section textarea {
    width: 90%;
    display: block;
    overflow: hidden;
    padding: 0 5px 0 0;
}


footer{
	width: 90%; height: auto; overflow: auto; 
	margin:0 auto; clear:both;
	line-height: 20px;
	padding:10px 10px 10px 10px;
}
.column1{
	width: 45%; height: auto; overflow: auto;
	float:left; margin-right:1%;
}
.column2{
	width: 45%; height: auto; overflow: auto; text-align:right;
	float:right; margin-right:1%;
}





.logintable{
	/* rounded */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	width:700px;
	border: 1px solid #B2B2B2;
	padding:0px;
	border-spacing: 1px;
	margin-left:auto;
	margin-right:auto;
} 

.maintable{
	width:100%;
	border: 1px solid #B2B2B2;
	padding:0px;
	border-spacing: 1px;
	margin-left:0px;
	margin-right:0px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.roundtable{
	/* rounded */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border: 1px solid #B2B2B2;
	padding:0px;
	width:100%;
} 

.nontable{
	width:100%;
	border: 0px;
	padding:0px;
	border-spacing: 1px;
	margin-left:0px;
	margin-right:0px;
}

input[type='number'],
input[type='text'],
input[type='file'],
input[type='password'],
select,
textarea
{
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	cursor: pointer;
	font-size: 12px;
	border: solid 1px #666;
	padding: 2px;
	/* rounded */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/* shadow*/
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.3);
}

input[readonly="readonly"]{ background-color:#EBEBE4;}
textarea[readonly="readonly"]{ background-color:#EBEBE4;}

.rssclass tbody tr:nth-child(even){ background-color:#F2F2F2; font-size:12px }
.rssclass tbody tr:nth-child(odd){ background-color:#FFF; font-size:12px }
.rssclass tbody tr:nth-child(1n+1) td:nth-child(2n+1) {
	background-color:#E1E1E1; font-weight:600
}

.tbDivMenu tbody td{border-bottom: 1px solid #CCCCCC;}

.main_menu {height:16px;width:16px;background-image:url('/i/menu_main.gif'); background-repeat:no-repeat; background-position:center;}
.smain_menu {height:16px;width:16px;background-image:url('/i/smenu_main.gif'); background-repeat:no-repeat;background-position:center;}
.ssmain_menu {height:16px;width:16px;background-image:url('/i/ssmenu_main.gif'); background-repeat:no-repeat;background-position:center;}

.headMenu{
	font-size:12px;
	color:#900; 
	font-weight:700;
}

#ptMenus label{
	color:#006600;
	padding-bottom:0.5em;
	display: inline-block;
	cursor:pointer;
}

/* homepage quick access ********************************************************* :active */
a{
	text-decoration:none;
}
.area_quick_access{
	font-size:12px;
	height: 200px;
	word-wrap: break-word;
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:10px;
	width:220px;
	min-height:170px;
	background-color:#F9F9F9;
	border:solid 1px #CCC;
	padding:5px;
	
	/* rounded */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	/* shadow */
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.24);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.24);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.24);
	}

div.area_quick_access form{
	width: inherit;
}

.aqa_form{position: absolute; bottom: 5px; }

div.area_quick_access h2{ color:#000; font-size:13px; margin: 1px 0 1px 0;}
div.area_quick_access2 h2{ color:#000; font-size:13px; margin: 1px 0 1px 0;}
a.area_quick_access h2{ color:#000; font-size:13px; margin: 1px 0 1px 0;}
a.area_quick_access p{ color:#333; }
a:hover.area_quick_access p{ color:#006400; font-size:12px }
a:active.area_quick_access p{ color:#090; font-size:12px }


.accesos_directo{
	/* rounded */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	/* shadow */
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.24);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.24);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.24);
}
.accesos_directo legend{
	font-weight:bold;
	font-size:14px;
	color:#003264;
}

fieldset{
	/* rounded */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
}


/* DIV PARA FORMULARIO Y TABLAS */
.leftHalf, .rightHalf{
	width:48%; height: auto; overflow: auto; float: left; margin: 0 1% 0 1%;
}
.rightHalf{
	float: right;
	vertical-align: top;
}
/* DIV PARA FORMULARIO Y TABLAS */
.leftHalf65, .rightHalf30{
	width:65%; height: auto; overflow: auto; float: left; margin: 0 1% 0 1%;
}
.rightHalf30{
	float: right;
	vertical-align: top;width:30%;
}

.boxes1{
  display:block; float:left;
  width:auto; height:auto; overflow:auto;
  padding:1%;
  word-wrap: normal !important;
}
.boxes3{
  display:block; float:left;
  width:30%; height:auto; overflow:auto;
  padding:1%;
}

#cargandowait {
	    width:150px;
		height:110px;
		background-color:#000;
		border-radius: 10px;
		position:fixed;
		top:50%;
		left:50%;
		color:#FFFFFF;
		margin-top:-55px;  
        margin-left:-75px;
		box-shadow:1px 1px 30px #111;
	    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
	    z-index:999999999;
	    display:none
	   }
	   
 #cargandowait2{
	    width:150px;
		height:110px;
		background-color:#000;
		border-radius: 10px;
		position:fixed;
		top:50%;
		left:50%;
		color:#FFFFFF;
		margin-top:-55px;  
        margin-left:-75px;
		box-shadow:1px 1px 30px #111;
	    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
	    z-index:999999999;
	   }  

	.dataTables_paginate{
		width:auto !important;
	}

.viaticTarifs{
	background-color: #e2e4e3;
}

.dedo{
	cursor: pointer;
}

.bgdisable
{
	background-color: #f1f1f1
}
.bgdisableMeta
{
	background-color: #f4f7dd
}

.WritableLogro
{
	background-color: #b7f1bb
}

.bgenable
{
	background-color: #e7ffe0
}

.hide
{
	display:none;
}

.fs-8 {
  font-size: 8px !important;
}
.fs-9 {
  font-size: 9px !important;
}
.fs-10 {
  font-size: 10px !important;
}
.fs-11 {
  font-size: 11px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-13 {
  font-size: 13px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-15 {
  font-size: 15px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-17 {
  font-size: 17px !important;
}
.fs-18 {
  font-size: 18px !important;
}
.fs-19 {
  font-size: 19px !important;
}
.fs-20 {
  font-size: 20px !important;
}
.italica {
  font-style: italic;
}
.alignJ {
  text-align: justify;
}
.alignL {
  text-align: left;
}
.alignC {
  text-align: center;
}
.alignR {
  text-align: right;
}
.alignT {
  vertical-align: top;
}
.alignB {
  vertical-align: bottom;
}
.tbGrey {
  background-color: #e6e6e6;
}
.FontWB {
  font-weight: bold;
}

.ui-datepicker-header
{
	background-color: white !important;
}