*{
    margin:0;
    padding:0;
}

html, body {
	height: 100%;
}

body{
	background-size: 100% 100%;
	font:normal 13px Calibri,Arial,Sans-Serif;
	color:#2F4F4F;
	overflow:hidden;
}
p,br{clear:left;}
span, fieldset,hr,img{
	margin:0;
	padding:0;
	width:auto;
	float:left;
}

input,select,textarea,input[type="text"],input[type="password"]{
	width:180px;
	height:22px;
	float:left;
	text-align:left;
	padding:2px;
	margin:6px 5px 0 0;
	font: 13px  Calibri,Arial,Sans-Serif;
	border-width:1px 1px 1px 0;
	border-style:solid;
	border-color:#2F4F4F;
	display:inline-block;
	border-radius:0 3px 3px 0;
}
select{
	width:187px;
	height:28px;
	margin:6px 4px 0 0;
}

input[type="button"],input[type="submit"],input[type="reset"],.button{
    padding: 3px 10px;
	margin-top:3px;
    background: #808080;
    color: #FFF;
    border-radius: 5px;
    border: solid 1px #666;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    transition-duration: 0.4s;
	width:auto!important;
	height:26px!important;
	font-size:13px;
	/*font: 13px Calibri,Arial,Sans-Serif;*/
}
input[type="button"]:hover,input[type="submit"]:hover,.button:hover{
    background: #2F4F4F;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
input[type="button"]:active,input[type="submit"]:active,.button:active{
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #000;
    border: solid 1px #203E5F;
}
.button{font-size:18px;margin-right:5px;border-radius: 3px;padding: 3px 6px;height:22px!important;}
.button-set{font-size: 13px;margin: 2px 3px 0 0;height: 13px!important;}

input[type="checkbox"],input[type="radio"]{
	width:12px;
	height:12px;
}
input[type="file"]{
	width:200px;
}
input.i_calen{width:160px;border-left:0px;}

h1{
	margin:3px;
	font:normal 14px Calibri,Arial,Sans-Serif;
}

#x_loading{
	position:absolute;
	padding:50px;
	border-radius:5px;
	border:1px solid #c0c0c0;
    top:50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    z-index:2147483646;
	background-color:rgba(255,255,255,0.8);
	font: bold 10pt  Calibri,Arial,Sans-Serif;
	text-align:center;
}

.contenido_prin{
	border:0;
	margin:0;
	padding:3px;
}


.div_calen{
	position:absolute;
	z-index:2147483644;
	display:none;
	background-color:#fff;
	width: 250px; height:198px; 
	border: 2px groove;margin:0px;
}

select.selec_cal{border:1px solid;border-radius:0px;width:70px;margin-right:0px;}
.tabla_calen {font-size : 8pt;border-collapse: separate;border-spacing: 1px;empty-cells: show;margin:10px;}
.tabla_calen tr:hover td{font: bold 9pt helvetica;}
.tabla_calen  td{	border-right: 1px solid #666;border-bottom: 1px solid #666;padding:3px;background:#fff;text-align:center;}
.tabla_calen td.odd{background:#DCDCDC;}
.tabla_calen td.day{background:#4682B4;color:#fff;}
.tabla_calen th{
	font: bold 10px  Calibri,Arial,Sans-Serif;
	color: #fff;
	border: 1px 0 0 1px solid #C1DAD7;
	text-shadow: 0 1px 1px rgba(200,200,200, .5);
	text-align: center;
	padding: 5px;
	background-color: #000;
}
.alertx{
	position:absolute;
	top:50%;
	left:50%;
	width:250px;
	height:250px;
	display:block;
	margin-top:-125px;
	margin-left:-125px;
	padding:10px;
	font-size:15pt;
}

fieldset{
	background:#fff;
	border:1px solid #A9A9A9;
	border-radius:2px;
	display:table;
	float:left;
	margin:5px;padding:5px;
	box-shadow: 0 2px 3px rgba(0,0,0, .8);
	width:auto;
}
legend{margin:3px 0 3px 20px;}

.fieldiv{
	background:#fff;
	border-color:#2F4F4F;
	padding:5px 3px 5px 3px;
}
.fieldiv h1{
	display:table;
	margin:-15px 0 0 5px;
	padding:3px;
	border:1px solid;
	border-radius:3px;
	font-size:8pt;
	width:auto;
	background:#DCDCDC;
	color:#000;
	border-color:#000;
}


/*********************CSS LABELS******************************/
label{
	width:180px;
	height:22px;
	float:left;
	text-align:left;
	padding:2px;
	margin:6px 0 0 0;
	font: 14px Calibri,Arial,Sans-Serif;
	display:block;

	
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#2F4F4F;
	border-radius:3px 0 0 3px ;
	background:#B0C4DE;
}
.label-icon{
	font-size:18px;
	margin:6px 0 0 0!important;
	padding:2px;
	width:20px!important;
	height:22px!important;

	
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#2F4F4F;
	border-radius:3px 0 0 3px ;
	background:#F5F5F5;
	float:left;
}

.labelf{
	text-align:left;
	color:#000;
	width:auto;
}


.img_calen{
	background:#fff;
	width:20px;height:22px;
	margin:6px 0px 0px 0px;
	padding:1px 0px 1px 0px;
	border:1px solid #A9A9A9;
	border-right:0px;
	float:left;
}

.ui-tooltip{
	z-index:2147483645;
}
.fg-button{
	padding:2px 5px;
}

.tablaz th{
	text-align:center;
	background-color:#B0C4DE;
	font-size:14px;
	height:22px;
	padding:5px;
}
.tablaz tbody tr:nth-of-type(2n+1) {
	background:#F1F1EF;
}
.tablaz tbody tr:hover {
	background:#98FB98;
}
.tablaz-icon{padding:3px;border:1px solid transparent;border-radius:3px;}
.tablaz-icon:hover{border-color:#999;}
.button{font-size:18px;margin-right:5px;border-radius: 3px;padding: 3px 6px;height:22px!important;}
.button-set{font-size: 13px;margin: 2px 3px 0 0;height: 13px!important;}



.register_div{
	margin-top:100px;
	padding:0;
	display:block;
	width:450px;
	height:380px;
	border:1px solid #333;
	border-radius:3px;
	background:#DCDCDC;
}
.register_div form{
	margin:20px;
}
.register_div h1{
	display:block;
	width:440px;
	margin:0;
	border-width: 0 0 1px 0;
	border-style:solid;
	border-color:#2f2f2f;
	height:32px;
	text-align:center;
	padding:5px;
	font-size:24px;
	background:#87CEFA;
	color:#000;
}







/*/////MENU////////////////////////////////*/
#navigationMenu li{
	list-style-type:none;  
}
#navigationMenu span{
    /* Container properties */
    width:0;
    padding:0;
    position:absolute;
    overflow:hidden;
	left:46px;
	border-radius:4px;

    /* Text properties */
    font-size:18px;
    font-weight:bold;
    letter-spacing:0.6px;
    white-space:nowrap;
    line-height:39px;

    /* CSS3 Transition: */
    -webkit-transition: 0.25s;

    /* Future proofing (these do not work yet): */
    -moz-transition: 0.25s;
    transition: 0.25s;
	
background: #fac695; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #fac695 0%, #f5ab66 47%, #ef8d31 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fac695), color-stop(47%,#f5ab66), color-stop(100%,#ef8d31)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* IE10+ */
background: linear-gradient(135deg,  #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}

#navigationMenu a{
	margin:5px;  
	padding:3px 6px;
    width:24px;
    height:29px;
    display:block;
	font-size:24px;
	border:1px solid;
	border-color:#4682B4;
	border-radius:3px;
	
	
	
background: #cfe7fa; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #cfe7fa 0%,#6393c1 100%); /* IE10+ */
background: linear-gradient(135deg,  #cfe7fa 0%,#6393c1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
    text-decoration:none;

    /* CSS outer glow with the box-shadow property */
    -moz-box-shadow:0 0 5px #4682B4;
    -webkit-box-shadow:0 0 5px #4682B4;
    box-shadow:0 0 5px #4682B4;


	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fceabb 0%, #fccd4d 30%, #f8b500 63%, #fbdf93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fceabb), color-stop(30%,#fccd4d), color-stop(63%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #fceabb 0%,#fccd4d 30%,#f8b500 63%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #fceabb 0%,#fccd4d 30%,#f8b500 63%,#fbdf93 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #fceabb 0%,#fccd4d 30%,#f8b500 63%,#fbdf93 100%); /* IE10+ */
	background: linear-gradient(135deg,  #fceabb 0%,#fccd4d 30%,#f8b500 63%,#fbdf93 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*/////MENU////////////////////////////////*/
.logo-emp{
	display:table;
	width:auto;
	height:100px;
}
.menu{
	float:left;
}
.xjxcnt{
	margin:5px;  
	padding:3px 6px;
	float:left;
	display:block;
	border:1px solid;
	border-color:#4682B4;
	border-radius:3px;
	overflow:auto;
}



.fieldiv {
	font-family: Calibri,Arial,Sans-Serif;
	font-size:13px;
	border: 1px solid;
	border-radius:2px;
	margin: 15px 5px 5px 5px;
	padding:10px 15px;
	display:table;
	box-shadow: 0 2px 3px rgba(0,0,0, .8);
	width:780px;
	background:#fff;
	border-color:#2F4F4F;
	padding:5px 3px 5px 3px;
}

.fieldiv h1{
	display:table;
	margin:-15px 0 0 5px;
	padding:3px;
	border:1px solid;
	border-radius:3px;
	font-size:8pt;
	width:auto;
	background:#DCDCDC;
	color:#000;
	border-color:#000;
}


.cuenta-padre{
	background-color:#98FB98;
	font-weight:bold;
}
.punto-venta{
	background-color:#ADD8E6;
	font-weight:bold;
}


.bold{font-weight:bold;}
.arbol-bolsa{
	float:right;
	font-weight:bold;
	color:blue;
	margin:3px 3px 3px 10px;
}

.recaptcha{
	font-size:24px;
	border:1px transparent;
	margin:3px;
}
.recaptcha:hover{
	border:1px outset;
}