/* CSS Document */
html,body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;	
}

table{
	
}
table th{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-weight:lighter;
	font-size:12px;
	color:#FFF;

}
table td{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-weight:lighter;
	font-size:12px;
	color:#666;

	letter-spacing:0px;
}

.ui-datepicker{z-index: 300 !important;}

/*****************************************/

/***************STRUCTURE******************/
#titulo{
	position:absolute;
	top:0px;
	left:0px;	
	padding-top:10px;
	padding-bottom:0px;	
	margin:0px;
	height:40px;	
	/*background:#FF9114;*/
	background:#A35252;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:normal;
	overflow:hidden;
	text-align:center;
	width:100%; 
	opacity:1;
	z-index:100;
}
.miniheader{
	width:100%;
	margin-top:0px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif !important;
	font-style:italic;	
	font-size:20px;
	text-align:center;
	background-color:#427C9F;
	color:#FFF;

}
#pie{
	padding-top:0px;
	padding-bottom:0px;
	background:#008040;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	overflow:hidden;
	text-align:left;
	width:100%; 
	height:30px;	
	opacity:1;
	margin:0;
	position:absolute;
	bottom:0px;
	z-index:100;
}

#menuContainer{
	position:absolute;
	background-color:#999;
	top:0px;
	left:0px;
	margin-top:50px;
	margin-bottom:30px;
	height:100%;
	width:300px;
	border-style:none;
	border-color:#F00;
	border-width:0px;
	z-index:20;
}




#superContainer{
	position:absolute;
	top:0px;
	left:0px;
	margin-top:50px;
	margin-bottom:30px;
	height:100%;
	width:100%;
	border-style:none;
	border-width:0px;
	z-index:10;
}

#menuButton{
	position:absolute;
	top:2px;
	left:2px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:46px;
	height:46px;
	border-style:none;
	border-color:#F00;
	border-width:0px;
	z-index:102;
	background-color:#CCC;
}

#menuButton input[type='checkbox']{opacity:0;position:absolute;filter:alpha(opacity=0);margin:5px 0 0 5px}
#menuButton input[type="checkbox"]:focus+label{color:#C30}
#menuButton input[type="checkbox"]+label{
	background:url('../img/scheckmenu3232.png') left top no-repeat;
	position:relative;
	margin:0;
	margin-left:5px;
	margin-top:5px;
	padding:0 0 0 50px;
	cursor:pointer;
	line-height:32px;
	min-height:34px;
	display:inline-block;
	z-index:0;
	font-size:18px;
}
#menuButton input[type="checkbox"]+label{background-position:0 0}
#menuButton input[type='checkbox']:checked+label{background-position:0 -36px}
#menuButton input[type='checkbox']:disabled+label{background-position:0 -144px;color:#999}
#menuButton input[type='checkbox']:disabled:checked+label{background-position:0 -180px;color:#999}



/*****************************************/

/**********MENU STYLING********/

.menuOpt{
	margin:0px;
	padding:0px;
	background-color:#C0C0C0;
	width:300px;
	height:100%;
}

.menuOpt li{
	background-color:rgba(0,128,192,.8);
	color:#FFF;

	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:normal;
	
	vertical-align:middle;
	cursor:pointer;

	display:block;
	height:40px;
	width:300px;	
	margin-top:1px;
	padding-top:25px;
}
.menuOpt li:hover{
	background-color:rgba(0,128,192,1);
}
.linkSuc{
	color:#FFF;
	text-decoration:none;
}
.linkSuc:visited{
	color:#FFF;	
}

.linkSuc:hover{
	color:#FFF;	
}
/******************************/
/***********FORMS & DATA***************/
table.nntab {
	border-style:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;		
	/*background-color:rgba(255,255,255,.5);	*/
	empty-cells:hide;
}
table.nntab th{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	vertical-align:middle;
	border-style:solid;
	border-width:1px;
	border-color:#E9E9E9;
	color:#FFF;
	background-color:#0097E8;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;		
}
table.nntab td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
	border-style:solid;
	border-width:1px;
	border-color:#E9E9E9;
	color:#666;
	background-color:rgba(255,255,255,.5);
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;		
}


table.dataForm tr.label td,table.dataForm td.label{
	font-weight:bold;
	color:#666;
	
}
table.dataForm tr.labelSub td,table.dataForm td.labelSub{
	font-weight:normal;
	font-style:italic;
	color:#666;
}
table.dataForm tr.data td,table.dataForm td.data{
	color:#666;
	font-weight:normal;
}
table.dataForm tr.dataSub td,table.dataForm td.dataSub{
	font-weight:normal;
	font-style:italic;
}
table.dataForm tr.dataSubMin td,table.dataForm td.dataSubMin{
	font-weight:normal;
	font-style:italic;
	font-size:10px;
}
table.dataForm tr.labelTitle td,table.dataForm td.labelTitle{
	font-weight:bold;
	font-size:13px;
	color:#555;
	background-color:#E5E5E5;
}
table.dataForm tr.dataTitle td,table.dataForm td.dataTitle{
	font-weight:normal;
	font-size:13px;
	color:#555;
	background-color:#E5E5E5;

}

table.dataForm tr.labelFoot td,table.dataForm td.labelFoot{
	font-weight:bold;
	background-color:#D5D5D5;
	color:#666;
	
}
table.dataForm tr.labelSubFoot td,table.dataForm td.labelSubFoot{
	font-weight:normal;
	font-style:italic;
	background-color:#D5D5D5;
	color:#666;
	
}
table.dataForm tr.dataFoot td,table.dataForm td.dataFoot{
	font-weight:normal;
	background-color:#D5D5D5;
	color:#666;
	
}
table.dataForm tr.titleSubA td,table.dataForm td.titleSubA{
	font-weight:bold;
	font-size:13px;
	color:#555;
	background-color:#BECADC;
}


table.dataOutput{
	border-width:1px;
	border-spacing:1px;
	border-style:solid;
	border-color:#F5F5F5;

	
}
table.dataOutput th{
	background-color:#09AFFF;
}

table.dataOutput tr.title td,table.dataOutput td.title{
	font-weight:normal;
	color:#FFF;
	background-color:#0097E8;
	font-size:15px;
	text-align:center;
}
table.dataOutput tr.titleSub td,table.dataOutput td.titleSub{
	color:#FFF;
	background-color:#09AFFF;
	font-size:14px;
}

table.dataOutput tr.label td,table.dataOutput td.label{
	font-weight:bold;
	color:#444;
	background-color:#FDFDFD;
}
table.dataOutput tr.labelSub td,table.dataOutput td.labelSub{
	font-weight:normal;
	font-style:italic;
	font-size:13px;
	color:#333;
	background-color:#FDFDFD;
}
table.dataOutput tr.data td,table.dataOutput td.data{
	font-weight:normal;
	background-color:#FDFDFD;
	color:#555;
}

table.dataOutput tr.labelTitle td,table.dataOutput td.labelTitle{
	font-weight:bold;
	font-size:14px;
	color:#666;
	background-color:#EFEFEF;
}
table.dataOutput tr.dataTitle td,table.dataOutput td.dataTitle{
	font-weight:normal;
	font-size:14px;
	color:#666;
	background-color:#EFEFEF;

}


table.dataOutput tr.labelFoot td,table.dataOutput td.labelFoot{
	font-weight:bold;
	background-color:#D5D5D5;
	color:#555;
	font-size:12px;
	border-color:#FFF;
}
table.dataOutput tr.labelSubFoot td,table.dataOutput td.labelSubFoot{
	font-weight:normal;
	font-style:italic;
	background-color:#F4F4F4;
	color:#555;
	font-size:12px;
	border-color:#FFF;
}
table.dataOutput tr.dataFoot td,table.dataOutput td.dataFoot{
	font-weight:normal;
	background-color:#D5D5D5;
	color:#555;
	font-size:12px;
	border-color:#FFF;
}
/********************Detalle Formulario*****************/

table.dataOutputDet tr.title td,table.dataOutputDet td.title{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	background-color:#39F;
	font-size:13px;
	text-align:center;
}
table.dataOutputDet tr.titleSub td,table.dataOutputDet td.titleSub{
	font-weight:bold;
	color:#333;
	background-color:#F7F7F7;
	font-size:12px;
}

table.dataOutputDet tr.data td,table.dataOutputDet td.data{
	font-weight:normal;
	background-color:#FDFDFD;
	color:#555;
}
table.dataOutputDet tr.data-even td,table.dataOutputDet td.data-even{
	font-weight:normal;
	background-color:#F2F2F2;
	font-size:12px;
}
table.dataOutputDet tr.data-odd td,table.dataOutputDet td.data-odd{
	font-size:12px;

}
table.dataOutputDet tr.data-can td,table.dataOutputDet td.data-can{
	font-weight:normal;
	background-color:#FFC4C4;
	color:#555;
	font-size:12px;	
}
table.dataOutputDet tr.data-err td,table.dataOutputDet td.data-err{
	font-weight:normal;
	background-color:#FFC;
	color:#999;
	font-size:12px;
}

table.dataOutputDet tr.labelFoot td,table.dataOutputDet td.labelFoot{
	font-weight:bold;
	background-color:#D5D5D5;
	color:#555;
	font-size:12px;
	border-color:#FFF;
}
/*************************************************************************/

table.dataReport tr.title td,table.dataReport td.title{
	color:#FFF;
	background-color:#40BCFF;
	font-size:15px;
	text-align:center;
}
table.dataReport tr.titleSub td,table.dataReport td.titleSubA{
	font-weight:bold;
	color:#333;
	background-color:#F7F7F7;
	font-size:13px;
}

table.dataReport tr.titleSub td,table.dataReport td.titleSubB{
	font-weight:normal;
	color:#333;
	background-color:#F7F7F7;
	font-size:13px;
}

table.dataReport tr.titleSub td,table.dataReport td.titleSubC{
	font-weight:normal;
	font-style:italic;
	color:#333;
	background-color:#F7F7F7;
	font-size:13px;
}


table.dataReport tr.titleFoot td,table.dataReport td.titleFoot{
	font-weight:bold;
	color:#333;
	background-color:#F7F7F7;
	font-size:13px;
}
table.dataReport tr.data td,table.dataReport td.data{
	font-weight:normal;
	color:#333;
	background-color:#FFF;
	font-size:12px;
}

table.dataReport tr.data-even td,table.dataReport td.data-even{
	font-weight:normal;
	background-color:#F2F2F2;
	font-size:12px;
}
table.dataReport tr.data-odd td,table.dataReport td.data-odd{
	font-size:12px;

}
table.dataReport tr.data-can td,table.dataReport td.data-can{
	font-weight:normal;
	background-color:#FFC4C4;
	color:#555;
	font-size:12px;	
}
table.dataReport tr.data-err td,table.dataReport td.data-err{
	font-weight:normal;
	background-color:#FFC;
	color:#999;
	font-size:12px;
}

table.dataReport tr.labelFoot td,table.dataReport td.labelFoot{
	font-weight:bold;
	background-color:#D5D5D5;
	color:#555;
	font-size:12px;
	border-color:#FFF;
}


/*Estilo OutputNo Margin*/
table.dataOutputBlank{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-width:0px;
	border-spacing:0px;
	border-style:none;
	border-color:#F5F5F5;
}
table.dataOutputBlank tr.title td,table.dataOutputBlank td.title{
	font-weight:normal;
	color:#FFF;
	background-color:#22B7FF;
	font-size:15px;
	text-align:center;
}
table.dataOutputBlank tr.titleSub td,table.dataOutputBlank td.titleSub{
	font-weight:bold;
	color:#333;
	background-color:#EFEFEF;
	font-size:15px;
}
table.dataOutputBlank td{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size:13px;
	vertical-align:middle;
	border-style:none;
	border-width:0px;
	border-color:#E9E9E9;
	padding:2px;
	margin:0px 0px 0px 0px;	
}
table.dataOutputBlank tr.label td,table.dataOutputBlank td.label{
	font-weight:bold;
	color:#444;
	background-color:#FDFDFD;
}
table.dataOutputBlank tr.labelSub td,table.dataOutputBlank td.labelSub{
	font-weight:normal;
	font-style:italic;
	font-size:13px;
	color:#333;
	background-color:#FDFDFD;
}
table.dataOutputBlank tr.data td,table.dataOutputBlank td.data{
	font-weight:normal;
	background-color:#FDFDFD;
	color:#555;
}

/***************************Other Syles***************************************/
body {
	background-color:#eeeeee;	
}
	
	input, textarea, select { 
	padding-left:0px;
	padding-right:0px;
	padding-top:3px;
	padding-bottom:3px;
	color: #666 !important;
    border: solid 1px #E5E5E5  !important;
    outline: 0  !important;
    font: normal 13px/100% Arial, Helvetica, sans-serif  !important;
	border-radius: 2px  !important;
    /*width: 200px;*/
    background: #FFFFFF url('bg_form.png') left top repeat-x  !important;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF))  !important;
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px)  !important;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px  !important;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px  !important;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px  !important;

    }

input:hover, textarea:hover,
input:focus, textarea:focus { 
    border-color: #C9C9C9  !important; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px  !important;
	
    }

.boton{
	background:#09F;
	width:75px;
	min-height:25px;
	color:#FFF;
	border-radius: 2px;
	border: solid 1px #E5E5E5;
}

.boton:hover{
	opacity:0.7;
	cursor:pointer;
}

.boton1 {	background:#09F !important;
	width:75px !important;
	min-height:25px !important;
	color:#FFF !important;
	border-radius: 2px !important;
	border: solid 1px #E5E5E5 !important;
}
