/* COLORES
 * LETRA-BORDE:#113340;
 * FONDO MENU1:
 * FONDO MENU2:#113340
 * LETRA MENU:#FFFFFF
 * RESALTADO :#FF9900
*/


body
{
	background:url(crx_default/bg_body.png);
	background-color:#E0DFE3;
	font-family:Arial, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	width:100%;
	text-shadow: 1px 1px 1px #c0c0c0;
}

body a
{
	color:#000;
	font-weight:600;
	text-decoration:none;
}

body a:hover
{
	font-weight:600;
	text-decoration:underline;
}


h2
{
	color:#FFFFFF;
	vertical-align:top;
	padding-left:5%;
	background-color:#0F4D76;
	border:0px;
	padding:0px;
	margin:0px;
}
p {
	display:inline;
	vertical-align:bottom;
	padding-left:16px;
	text-shadow: 1px 1px 1px #c0c0c0;
}
h3
{
	background:url(crx_default/gradiente2.png);
	border-bottom:1px solid #113340;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #113340;
	border-top:1px solid #c0c0c0;
	clear:both;
	color:#FFFFFF;
	font-size:120%;
	width:88%;
	margin-left:5%;
	padding-left:2%;
	margin-bottom:0px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 10px rgb(0,0,0);  
	-moz-box-shadow: 0 0 10px rgb(0,0,0);  
	box-shadow: 0 0 10px rgb(0,0,0);
}

h2 img
{
	padding-right:20px;
	vertical-align:middle;
}

#Welcome
{
	font-size:150%;
	color:#113340;
	vertical-align:top;
	float:left;
	border:0px;
	padding:0px;
	margin:0px;
	padding-left:10%;
	padding-top:2%;
}


#nav li a
{
	background-color:#6D929B;
	color:#fff;
	display:block;
	font-weight:700;
	padding:4px 0 4px 14px;
	text-decoration:underline;
	width:110px;
}

#nav li a:hover
{
	background-color:#C1DAD6;
	color:#000;
}


#DivLineas input,#DivExamenes input
{
	border:1px solid #113340;
	border-top:0px;
	width:auto;
	margin:0px;
	height:18px;
}

/*lineas de add/edit*/
#ResponseLineas,#ResponseLineas2, #ResponseLineas3
{
	clear:both;
	width:98%;
	padding-top:14px;
	padding-left:1%;
}
#Totales
{
	clear:both;
	padding-left: 1%;
	width: 98%;
}
#Notas
{
	clear:both;
	width:90%;
	padding-left:5%;
}

/*lineas de add/edit la linea misma*/
#ResponseDiv
{

	display:inline;
	clear:none;
	
}


/*resultado de index*/
#ResultadoDiv
{
	margin-right:10px;
	margin-left:10px;
	
}

#DivExamenes, #DivLineas
{
	width:90%;
	margin:0 auto;
	]margin:auto;
	margin-top:32px;
}

#container
{
	margin:0 auto;
	width:100%;
}

#header
{
	float:left;
	height:0;
	width:994px;
}

#header a
{
	left:24px;
	position:relative;
	text-decoration:none;
	top:24px;
}

#header a:hover
{
	text-decoration:underline;
}

#titulo
{
	position:relative;
}

#slogan
{
	color:#FFF;
	font-size:100%;
	left:470px;
	position:relative;
	top:94px;
}

#leftcol
{
	float:left;
}

#nav
{
	float:left;
	margin:14px 0;
	padding-left:14px;
	text-decoration:none;
	width:120px;
}

#nav ul,#nav li
{
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
}

#nav li
{
	color:#FFF;
}

#main
{
	background-color:#FFFFFF;
	width:99%;
	clear:both;
	margin:0 auto;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
	padding:2px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#content
{
	background:url(crx_default/bg_tile.png);
	background-color:#E5E5E5;
	margin:0 auto;
	border: solid 1px #CCCCCC;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 0 10px rgb(0,0,0);

}
h1
{
	color:#6D929B;
	font-size:120%;
	font-weight:800;
	margin:0px;
	padding:0px;
	text-align:center;
}

titulo
{
	color:#6D929B;
	font-size:280%;
	font-weight:800;
}

#insidefooter
{
	background-color:#FFF;
	border-top:10px solid #B7AFA3;
	float:left;
	margin:20px 0 0;
	padding-top:14px;
	text-align:center;
	width:850px;
}

div.tituloventana
{
	position:relative;
	height:32px;
	color:#FFFFFF;
	width:100%;
	padding-left:5%;
	background-color:#0F4D76;
	background:url(crx_default/gradiente1.png);
	border:0px;
	padding:0px;
	margin:0px;
	font-weight:600;
	font-size:150%;
	margin-bottom:1%;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius:  4px 4px 0px 0px;
}

div.tituloicon {
	position:absolute;
	top:0px;
	float:left;
}

div.titulocaption {

	vertical-align:middle;
	padding-left:32px;
	position:absolute;
	top:8px;
	float:left;
}

div.tituloclose
{
	clear:none;
	display:inline;
	float:right;
	/*background-color:#0F4D76;*/
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius:  4px 4px 0px 0px;
}

div.auto_complete
{
	background-color:#FFF;
	border:0 solid #888;
	margin:0;
	padding:0;
	position:absolute;
	width:250px;
	color:#113340;
}

form
{
	clear:both;
	padding:0;
}

fieldset
{
	background:#FFFFFF;
	/*background:url(crx_default/legend.png);*/
	background-repeat: repeat-x;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-bottom:1px solid #113340;
	border-right:1px solid #113340;
	font-size:14px;
	/*border-top:0px;*/
	padding-right:0px;
	padding-left:0px;
	padding-bottom:4px;
	padding-top:4px;
	
	margin-right:5%;
	margin-left:5%;
	
	min-width:16px;
	clear:both;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px rgb(0,0,0);  
	-moz-box-shadow: 0 0 10px rgb(0,0,0);  
	box-shadow: 0 0 10px rgb(0,0,0);
}

fieldset a {
	font-size:12px;
}

fieldset legend
{
	
	color:#FFFFFF;
	font-weight:700;
	margin:0;
	margin-left:5%;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

fieldset legend span {
	position: absolute;  
	margin-top: 0px;
	]margin-top: -32px;
}


fieldset legend img
{
	color:#2a2f3b;
	font-weight:700;
	margin-left:1em;
	margin-right:1em;
	padding:0;
	padding-top:3px;
}

fieldset fieldset legend
{
	font-weight:400;
}

fieldset dl{
	margin-top:16px;
	margin-bottom:16px;
	font-size:12px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

form div
{
	clear:none;
	margin:0px;
	padding:0px;
	border:0px;
}

form div.input
{
	color:#444;
	clear:left;
	padding:0px;
	margin:0px
}

form div.required
{
	color:#2a2f3b;
	font-weight:600;
}

form div.submit
{
	margin-left:23em;
}

label
{
	clear:none;
	float:left;
	margin-top:1px;
	margin-right:0px;
	padding:0px;
	padding-left:5%;
	text-align:left;
	width:30%;
	color:#113340;
	border:1px solid #FFFFFF;
	text-shadow: 1px 1px 1px #c0c0c0;
}

img
{
	border:0;
	margin:0;
}

textarea
{
	margin:0;
	border:1px solid #c0c0c0;
	height:50px;
	width:30%;
	margin-top:1px;
	float:left;
	margin-top:1px;
	background-color:#EAEDF0;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 2px rgb(0,0,0);  
	-moz-box-shadow: 0 0 2px rgb(0,0,0);  
	box-shadow: 0 0 2px rgb(0,0,0);
	font: bold 11px/16px arial,helvetica,sans-serif;
	text-shadow: 1px 1px 1px #c0c0c0;
}
input {
	font-size:12px;
}
input[type="text"], input.text
{

	float:left;
	margin-top:1px;
	height:16px;
	background-color:#EAEDF0;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 2px rgb(0,0,0);  
	-moz-box-shadow: 0 0 2px rgb(0,0,0);  
	box-shadow: 0 0 2px rgb(0,0,0);
	font: bold 11px/16px arial,helvetica,sans-serif;
	text-shadow: 1px 1px 1px #c0c0c0;
	color:#113340;
}

input[type="file"], input.file
{
	margin-left:5%;
	margin-top:16px;
	background-color:#EAEDF0;
}



input.spacer
{
	border:1px solid #FFFFFF;
	background:#FFFFFF;
	border-right:7px solid #FFFFFF;
	]border-right:15px solid #FFFFFF;
}



div input
{
	border:1px solid #c0c0c0;
	float:left;
	width:30%;
	margin-top:1px;
	
}

input[readonly=true],input[readonly=readonly]
{
	/*color:#0F4D76;*/
	float:left;
	width:30%;
}

input.info {
	background-color:#FFFFFF;
	border-radius: 0px;
	-webkit-box-shadow: 0 0 0 0 rgb(0,0,0);  
	-moz-box-shadow: 0 0 0 0 rgb(0,0,0);  
	box-shadow: 0 0 0 0 rgb(0,0,0);  
}

input.disabled {
	color:#FFFFFF;
}


.disabled {
	background:url(crx_default/gradiente2.png);
	text-align:center;
	font-family:Arial,sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:600;
}

div.disabled
{

	display:inline;
	
}

.input.checkbox
{
	margin-left:5%;
	display: block;
	float: left;
	clear: none;
	border:0px;
	clear:left;
}

.input.checkbox label
{
	width:auto;
	padding-left:1px;
	float:left;
	clear:right;
	display:block;
	
}
input[type=checkbox]
{
	border:0px;
	width:16px;
	border:1px solid #ccc;
}

input[type=password]
{
	display:block;
	float:left;
	margin-top:1px;
	height:18px;
	background-color:#EAEDF0;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 2px rgb(0,0,0);  
	-moz-box-shadow: 0 0 2px rgb(0,0,0);  
	box-shadow: 0 0 2px rgb(0,0,0);
	font: bold 11px/16px arial,helvetica,sans-serif;
	text-shadow: 1px 1px 1px #c0c0c0;
	color:#113340;
}

input[type=submit]
{
	background:url(crx_default/gradiente1.png);
	border:1px solid #ccc;
	clear:both;
	color:#113340;
	float:left;
	
	font-weight:600;
	height:24px;
	margin-right:14px;
	margin-top:14px;
	width:100px;
}
div .notas {
	background:url(crx_default/gradiente1.png);
	border:1px;
}
div .info {
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;

	text-align:left;
}
select,div select
{
	border:1px solid #c0c0c0;
	display:block;
	float:left;
	margin-top:1px;
	width:30%;
	clear:right;
	background-color:#EAEDF0;
}

div.related
{
	clear:both;
	color:#003D4C;
	display:block;
}

table.crxtable
{
	font-size:10px;
	background-color:#FFDCD7;
	border-bottom:1px solid #113340;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #113340;
	border-top:1px solid #c0c0c0;
	clear:both;
	color:#003D4C;
	width:90%;
	margin-left:5%;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 10px rgb(0,0,0);  
	-moz-box-shadow: 0 0 10px rgb(0,0,0);  
	box-shadow: 0 0 10px rgb(0,0,0);
	
}

fieldset table.crxtable{
	margin-top:16px;
	margin-bottom:16px;
	background-color:#c0c0c0;
	border:0px;
}

fieldset label{
}

fieldset {
	min-height: 32px;
}
table.crxtable th
{
	background:url(crx_default/gradiente2.png);
	border-bottom:1px solid #bbb;
	border-left:1px solid #fff;
	border-right:1px solid #bbb;
	border-top:1px solid #fff;
	color:#fff;
	text-align:center;
}

table.crxtable th a
{
	color:#FFFFFF;
	display:block;
	padding:2px 8px;
	text-decoration:none;
}

table.crxtable tr td
{
	background:#FFF;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	
	color:#113340;
	padding:0;
	padding-left:14px;
	text-align:left;
	vertical-align:top;
}

td .peso {
	padding-right:14px;
	text-align:right;
}
td .numero {
	padding-right:14px;
	text-align:right;
}
table.crxtable td .rut,table td .fecha {
	text-align:center;
	padding-right:14px;
	min-width:13ex;
}
table.crxtable tr.altrow td
{
	background-color:#EAEDF0;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
}

table.crxtable td.actions,
table.crxtable tr.altrow td.actions
{
	vertical-align:middle;
	background-color:#EAEDF0;
	border-bottom:1px solid #bbb;
	border-left:1px solid #fff;
	border-right:1px solid #bbb;
	border-top:1px solid #fff;
	color:#fff;
	text-align:left;
	width:96px;
	padding:0px;
	padding-left:16px;
}


td a
{
	color:#0F4D76;
}

td a:hover
{
	color:#2a2f3b;
	text-decoration:none;
}

td.actions a
{
	display:inline;
	margin:0;
}

.cakeSqlLog td
{
	padding:4px 8px;
	text-align:left;
}
div.crxpag 
{
	clear:both;
	
	display:block;
	margin-top:0px;
	margin-right:5%;
	margin-left:5%;
	margin-bottom:0px;
	padding-bottom:4px;
}
div.crxpag1 
{
	display:inline;
	float:left;
}
div.crxpag2 
{
	display:inline;
	color:#113340;
	font-size:12px;
	float:right;
}
div.crxpag2 input
{
	border:1px solid #c0c0c0;
	height:1.3em;
}

.botones li a:hover,
.botones_related li a:hover,
th a:hover,
#logout hover{
	color: #FFFF00;
	text-decoration:none;
	-webkit-box-shadow: 0 0 20px rgb(0,0,0);  
	-moz-box-shadow: 0 0 20px rgb(0,0,0);  
	box-shadow: 0 0 20px rgb(0,0,0);
	-moz-transition:box-shadow 0.5s linear,color 0.5s linear;
	-webkit-transition:box-shadow 0.5s linear,color 0.5s linear;
	-o-transition:box-shadow 0.5s linear,color 0.5s linear;
}

dl
{
	background:#FFFFFF;
	border:#c0c0c0 1px solid;
	border-right:#000000 1px solid;
	border-bottom:#000000 1px solid;
	text-align:center;
	width:90%;
	margin:0 auto;
	font-size:100%;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px rgb(0,0,0);  
	-moz-box-shadow: 0 0 10px rgb(0,0,0);  
	box-shadow: 0 0 10px rgb(0,0,0);
	clear:both;
}

dt
{
	/*background:#0F4D76;*/
	background:url(crx_default/gradiente2.png);
	color:#FFFFFF;
	float:left;
	font-weight:600;
	padding-left:16px;
	text-align:left;
	width:35%;
	height:16px;
	border-bottom:1px solid #113340;
	border-right:1px solid #113340;
	border-left:1px solid #c0c0c0;
	height:100%;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

dd
{
	
	min-height:16px;
	padding-left:35%;
	background:#FFFFFF;
	text-align:left;
	border-bottom:1px solid #c0c0c0;
	color:#113340;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
dd.altrow {
	background:#EAEDF0;
}


#footer
{
	clear:both;
	padding:4px 0;
	text-align:right;
}
.botones,
.botones_related {
	padding-right:5%;
	padding-bottom:32px;
	clear:both;
	display:block;
}
.botones ul,
.botones_related ul
{
	display:block;
	float:right;
	margin-top:8px;
	padding:16px;
}


.botones ul li,
.botones_related ul li
{
	display:inline;
	-webkit-box-shadow: 0 0 10px rgb(0,0,0);  
	-moz-box-shadow: 0 0 10px rgb(0,0,0);  
	box-shadow: 0 0 10px rgb(0,0,0);
}

.botones ul li a ,
.botones_related ul li a
{
	background:url(crx_default/gradiente2.png);
	color:#FFFFFF;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #113340;
	border-bottom:1px solid #113340;
	padding:3px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 1px 1px 1px #c0c0c0;
	-moz-transition:box-shadow 0.5s linear,color 0.5s linear;
	-webkit-transition:box-shadow 0.5s linear,color 0.5s linear;
	-o-transition:box-shadow 0.5s linear,color 0.5s linear;
}

.botones li img,
.botones_related li img
{
	/*padding:4px;*/
	vertical-align: middle;
	padding-right:14px;
	padding-bottom:2px;
}

div.message
{
	background:url(crx_default/message.png);
	background-repeat:no-repeat;
	clear:both;
	color:#FF0000;
	font-size:120%;
	font-weight:700;
	
	height:16px;
	padding-left:36px;
	float:left;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-left:5%;
	margin-bottom:0px;
	width:95%;
}

#flash {
	/*height:64px;*/
	padding-bottom:16px;
	clear:right;
}

div.error-message
{
	clear:none;
	color:#ff0000;
	display:inline;
	float:right;
	font-size:70%;
	height:14px;
	font-weight:700;
	padding-right:4px;
	padding-left:16px;
	margin-left:0px;
	margin-right:4px;
	width:110px;
	background:url(crx_default/error.png);
	
}

p.error
{
	background-color:#e32;
	color:#fff;
	font-family:Courier, monospace;
	font-size:120%;
	line-height:140%;
	margin:1em 0;
	padding:.8em;
}

p.error em
{
	color:#000;
	font-weight:400;
}

.notice
{
	background-color:#fc0;
	color:#000;
	font-family:Courier, monospace;
	font-size:120%;
	margin:1em 0;
}

.success
{
	background-color:green;
	color:#FFF;
}

.cakeSqlLog table,dl.altrow
{
	background:#f4f4f4;
}

.auto_complete
{
	clear:none;
	color:#113340;
}

.auto_complete ul,
ul.autocompleteList
{
	background-color:#EAEDF0;
	border:1px solid #c0c0c0;
	border-top:0px;
	font-size:9px;
	list-style:none;
	margin:0;
	padding:0;
	height:128px;
	overflow:auto;
}

.auto_complete ul li,
ul.autocompleteList li
{
	/*border-bottom:1px solid #113340;*/
	padding:.3em;
	border-bottom:1px solid #C0C0C0;
}



.auto_complete ul li:hover,.auto_complete ul li.selected,ul.autocompleteList li:hover,ul.autocompleteList li.selected
{
	background-color:#0F4D76;
	color:#FFFFFF;
}

.dropdown {
	clear:none;
	margin-left:1px;
	margin-top:1px;
	height:18px;
	float:left;
	border:1px solid #c0c0c0;
	background:url(crx_default/gradiente2.png);
	border-radius: 4px;
	-webkit-box-shadow: 0 0 4px rgb(0,0,0);  
	-moz-box-shadow: 0 0 4px rgb(0,0,0);  
	box-shadow: 0 0 4px rgb(0,0,0); 
}
.dropdownlineas {
	clear:none;
	display:inline;
	border:0px;
	margin:0px;
	padding:0px;
}


.dropdownlineas2 {
	
	float:left;
	clear:none;
	/*width:2%;*/
	
	height:18px;
	margin-bottom:0px;
	margin-top:1px;
	margin-right:-1px;
	margin-left:-1px;
	padding:0px;
	padding-left:1px;
	border-left:0px;
	border-right:0px;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	background-color:#0F4D76;
	border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 4px rgb(0,0,0);  
	-moz-box-shadow: 0 0 4px rgb(0,0,0);  
	box-shadow: 0 0 4px rgb(0,0,0);
}

html>body .dropdownlineas2 {
	float:left;
	clear:none;
	/*width:2%;*/
	height:18px;
	margin:0px;
	margin-top:1px;
	margin-right:-2px;
	margin-left:-1px;
	padding:0px;
	padding-left:1px;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	background-color:#0F4D76;
	border-radius: 4px;
}
.dropdownlineas img{

	display:inline;
	margin:0px;
	clear:none;
	margin-left:1px;
	border:1px solid #c0c0c0;
	background:url(crx_default/gradiente2.png);
	/*background-color:#0F4D76;*/
	
	padding:1px;
	margin-top:1px;
	border-radius: 4px;
}
#ResponseDiv,#ResponseLineas,#ResponseLineas2, #ResponseLineas3
{
	clear:left;
	display:block;
}

#BloquearDiv,#DesbloquearDiv,#NameDiv,#Name,#FreenameDiv
{
	clear:none;
	display:inline;
}

#header a:visited,.menu ul li:hover ul li a.hide,.menu ul li.over ul li a.hide
{
	text-decoration:none;
}


/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; z-index: 10000;}

.calendar, .calendar table {
  border: 1px solid #0F4D76;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #FFFFFF;
  font-family: tahoma,verdana,sans-serif;
  filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DDDCCC,EndColorStr=#FFFFFF);
 width:auto;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  color:#363636;
}

.calendar .nav {
  background: #EAEDF0;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #0F4D76;
  color: #FFFFFF;
  padding: 2px;
  filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#dddccc);
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  /*background: #3B86A0;*/
  color: #363636;
  
  font-weight: bold; 	
filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#3b86a0);
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #655;
  padding: 2px;
  text-align: center;
  color: #363636;
    filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DDDCCC,EndColorStr=#FFFFFF);
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #ffcc86;
  color: #000;
  border: 1px solid #b59345;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #c77;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #EAEDF0;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #EAEDF0;
}

.calendar tbody .rowhilite td {
 background: #EAEDF0;
  
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #0F4D76;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #ddc;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #EAEDF0;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { font-weight: bold; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #988;
  color: #000;
  
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #655;
  background: #EAEDF0;
  color: #363636;
  font-weight: bold;
	filter:
progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#DDDCCC);
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #faa;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #c77;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #EAEDF0;
  color: #000;
  font-size: smaller;
  z-index: 100;
}

.combo .label,
.combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.combo .label-IEfix {
  width: 4em;
}

.combo .hilite {
  background: #fc8;
}

.combo .active {
  border-top: 1px solid #a64;
  border-bottom: 1px solid #a64;
  background: #fee;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #a88;
  padding: 1px 0px;
  text-align: center;
  background-color: #fed;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #988;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #866;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
.lista
{

	margin-top:2px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:2px;
	padding-top:8px;
	padding-left:8px;
	
	background-color: #FFFFFF;
}

.capa_grupo li {
   display:inline;
   float:left;
   width:440px;
   background-color:#0F4D76;
   padding:2px;
   margin:5px;
   text-align: center;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
} 
.capa_grupo2 li {
   display:inline;
   float:left;
   width:105px;
   background-color:#EAEDF0;
   padding:2px;
   margin:2px;
   text-align: center;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
   height: 200px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
} 


/* calendar CSS */
.calendar {
	z-index: 0;
}
table.calendar {width: 850px; border: 1px solid #cccccc; border-collapse: collapse; margin: 0px; padding: 0px; background-color: #ffffff;}
table.calendar th {background-color: #eeeeee; text-transform: none; color: #000000; padding: 4px; text-align: center; border: 1px solid #eeeeee;}
 
table.calendar th.cell-prev {text-align: left;}
table.calendar th.cell-next {text-align: right;}
table.calendar th.cell-header {border-bottom: 1px solid #cccccc;}
table.calendar td.cell-today {background-color: #E5E5E5;} /* today in the current month */
table.calendar td.cell-weekend {background-color: #F3F5EB;}
table.calendar td {border: 1px solid #cccccc;vertical-align:top;}
 
table.calendar td div.cell-number {text-align: right; font-size: 8px; color: #444444; display: block;}
table.calendar td div.cell_left-data {margin-left: 93%; text-align: left; font-size: 8px; color: #444444; display: block;}
table.calendar td div {display: block; font-size: 10px; text-align: left;}
table.calendar thead th {border: 1px solid #cccccc;}

table.calendar td.disponible,table.calendar td.disponible a {color:#000000;background-color:#90EE90;}
table.calendar td.reservado,table.calendar td.reservado a {background-color: #FAF037;}
table.calendar td.aprobado,table.calendar td.aprobado a {background-color: #FA7E37;}

a.info{
	position:relative; /*this is the key*/
	color:#000000;
	font-family:Arial, sans-serif;
	font-size: 10px;
	font-weight:normal;
	z-index:24; 
	border:0px;
}

a.info:hover{z-index:25}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; left:2em; width:15em;
	border:1px solid #113340;
	background-color:#FFFFFF;
	color:#000000;
	text-align: left;
}

table.calendario {
	border:1px solid #ccc;
	width:100%;
}

table.calendario td{
	border:1px solid #ccc;
	margin:0px;
	padding:0px;
	text-align: center;
}
table.restable {
	border:0px;
	margin:0px;
	padding:0px;
	font-size: 12px;
    font-weight: 600;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 4px rgb(0,0,0);  
	-moz-box-shadow: 0 0 4px rgb(0,0,0);  
	box-shadow: 0 0 4px rgb(0,0,0);
}
table.restable th{
	border:1px solid #ccc;
	margin:0px;
	padding:0px;
	background:url(crx_default/gradiente2.png);
	color:#FFFFFF;
}
table.restable td{
	border:1px solid #ccc;
	margin:0px;
	padding:0px;
	background-color:#EAEDF0;
	font: bold 11px/16px arial,helvetica,sans-serif;
	color:#113340;
}
table.restable td a{
	text-decoration:none;
}
table.restable td.restableinputtd{
	/*background-color:#FFFFFF;*/
	vertical-align:top;
	border:0px;
	
}
div.reslineinput{
	background-color:#ffffff;
	float:left;
	width:100%;
}
div.reslinebotones{
	/*float:right;
	position:relative;
	top:-21px;
	border:0px;
	margin:0px;
	padding:0px;*/
	float:right;
}
div.reslineboton{
	display:inline;
}
div.reslineboton img{
	background:url(crx_default/gradiente2.png);
	width:16px;
	height:16px;
	padding:1px;
	border:1px solid #ccc;
	display:inline;
}

table.restable input{
	width:100%;
	margin:0px;
	border:0px;
	border:1px solid #ccc;
	border-radius: 0px;
	-webkit-box-shadow:none;  
	-moz-box-shadow:none;  
	box-shadow:none;
}
div.restableactions{
	padding-left:16px;
}

div.restableactions img{
	margin-right:8px;
}


/*MENU PRINCIPAL*/

#menu {
	background:url(crx_default/gradiente1.png);
	float: left;
	width: 100%;
	height:32px;
	margin-bottom:8px;
	-webkit-box-shadow: 0 0 2px rgb(0,0,0);  
	-moz-box-shadow: 0 0 2px rgb(0,0,0);  
	box-shadow: 0 0 2px rgb(0,0,0); 
}
#menu ul {
	border:none;
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 120px;
}
#menu a {
	display: block;
	font: bold 11px/16px arial,helvetica,sans-serif;
	margin: 0;
	padding: 2px 3px;
	background: none;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px #c0c0c0;
}

#asubmenu{
	background:url(crx_default/gradiente1.png);
}


#menu a:hover {
	/*background: none repeat scroll 0 0 #FFFFFF;
	color: #AA0000;*/
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #FFFF00;
	-moz-transition:color 0.5s linear;
	-webkit-transition:color 0.5s linear;
	-o-transition:color 0.5s linear;
}

#menu li {
	position: relative;
	clear:none;
}

#menu ul ul {
	background:url(crx_default/gradiente_menu.png);
	border:1px solid #0F4D76;
	position: absolute;
	z-index: 500;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	width: 220px;
	-webkit-box-shadow: 0 0 10px rgb(0,0,0);  
	-moz-box-shadow: 0 0 10px rgb(0,0,0);  
	box-shadow: 0 0 10px rgb(0,0,0); 

}
#menu ul ul a {
	
	/* border:1px solid #ccc; ACA LO EJA CON BORDER*/
}

#menu ul ul ul {
	left: 100%;
	position: absolute;
	top: 0;
}
div#menu > ul ul, 
div#menu > ul li:hover ul ul, 
div#menu > ul ul li:hover ul ul {
	visibility:hidden;
	opacity:0;
	-moz-transition:opacity 0.5s linear;
	-webkit-transition:opacity 0.5s linear;
	-o-transition:opacity 0.5s linear;
}
div#menu > ul li:hover ul, 
div#menu > ul ul li:hover ul, 
div#menu > ul ul ul li:hover ul {
	visibility:visible;
	opacity:1;
}

#tit_menu_out img{
	/*background:url(crx_default/gradiente2.png);*/
}

#tit_menu_in img{
	vertical-align:middle;
	margin-right:4px;
}

#element_menu_out img{
	/*background:url(crx_default/gradiente2.png);*/
}

#element_menu_in img{
	vertical-align:middle;
	margin-right:8px;
}

.boton_titulo {
	display:inline-block;
	clear:none;
	background:url(crx_default/gradiente2.png);
	margin-left:2px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height:100%;
}

.boton_titulo img {
	vertical-align:middle;
}

/*USUARIO-EMPRESA*/

#user_info {
	
	margin-top:5%;
	border-top:1px solid #c0c0c0;
	width:100%;
	font: bold 11px/16px arial,helvetica,sans-serif;
	display:block;
	color:#113340;
	text-shadow: 1px 1px 1px #c0c0c0;
}
#user_info_inner{
	float:right;
}
#user_info a {
	font: bold 11px/16px arial,helvetica,sans-serif;
	color:#113340;
	text-shadow: 1px 1px 1px #c0c0c0;
}



/*TABBER*/
.tabberlive .tabbertabhide {
	display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
	margin-top:1em;
	clear:left;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin:0;
	padding: 3px 0;
	/*font: 9px Verdana, sans-serif;*/
	margin-right:5%;
	margin-left:3px;
	margin-top:1%;
}

ul.tabbernav li
{
	list-style: none;
	margin: 0;
	display: inline;
}

ul.tabbernav li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #c0c0c0;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
	border-radius: 4px 4px 0px 0px;

}

ul.tabbernav li a:link { color: #113340; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
	color: #000;
	background: #AAE;
	border-color: #c0c0c0;
}

ul.tabbernav li.tabberactive a
{
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
	 color: #000;
	 background: white;
	 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:0;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}
.tituloventana .botones{
	clear:both;
	display:none;
}
.tituloventana .botones ul{
	float:left;
	margin:0px;
	padding:0px;
}
.tituloventana .botones ul li a{
	font-family:Arial, sans-serif;
	font-size:12px;
	background:none;
	border-style:solid;
	border-width:1px;
	border-color:transparent;
	border-radius: 0px;
}
.tituloventana .botones ul li a:hover{
	border:1px solid #C0C0C0;
	border-radius: 4px;

}
.tituloventana .botones img{
	padding-bottom: 2px;
	padding-right: 4px;
	vertical-align: middle;
}

.InfoDiv{
	width:100%;
	clear:both;
}
input.spacer {
	width:79%;
	display:inline;
	float:left;
}
input.title {
	text-align:center;
	width:10%;
	float:left;
	background: url("crx_default/gradiente2.png") repeat scroll 0 0 transparent;
	border: 1px solid #CCCCCC;
	display:inline;

}
input.value {
	text-align:right;
	width:10%;
	float:right;
	border: 1px solid #CCCCCC;
	display:inline;
}

input.editable {
	background: none repeat scroll 0 0 #FFFFFF;
}