html{ 100%; }
body { 	
	text-align:center; 
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	height:100%;
	font-size:11px !important;
}

h1{
	color:#34cdf4;
	font-size:15px;
	font-weight:bold;
	width:800px;
	margin-top:15px;
	font-variant:small-caps;
}

h1 div a{
	float:right;
	margin-right:100px;
	text-decoration:none;
	color:#959595;
	font-size:13px;
	background-image:url("./img/app/appServicios.png");
	background-repeat:no-repeat;
	background-position:bottom right;
	line-height:16px;
	padding-right:20px;
}

h1 div a:hover{
	background-position:top right;
	color:#34cdf4;	 	 		
}

blockquote{
margin-left:10px;
}

h1 a{
	text-decoration:none;
	color:#34cdf4;
}

.contVar{
	margin-top:30px;
	display:none;
	width:750px;
	font-size:13px;
}

h2{
	text-align:justify;
	font-size:15px;
    color:#404040;
    background-color:#86dffd;
    line-height:20px;
	margin-bottom:15px;		
	border:solid 5px #86dffd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
		border-radius:3px;		
}


.fndVerde{
	background-color:#8ff984 !important;
	border:solid 5px #8ff984;
}

.avisoOK h2{
	border:solid 1px #00FF00;
	background-color:#f3fff3;
	background-image:url("./img/app/appTick.png");
	background-repeat:no-repeat;
	background-position:top left;
	padding:3px 8px 3px 18px;
}

.lbl{
	width:100px;
	display:inline-block;
	
}

.avisoOK ul li{
margin-top:15px;
/*text-transform:capitalize;*/
}


#zonaA{
	height:65px;
	background-color:transparent;
}

#menu2{
	font-size:12px;
	margin-top:8px;
	margin-right:18px;
	
}

#h_img{
	height:43px;
	width:223px;
	overflow:hidden;		
	
	background-image:url('./img/app/app_head.gif');
	background-repeat:no-repeat;
	text-indent:-10000px;
	display:inline-block;
	float:left;
}

.an{
	text-align:left;
	line-height:23px;
	color:#FFF;
	font-size:13px;
	font-style:italic;
	margin-left:25px;
}

.an a{
	color:#fff;
	text-decoration:none;
	}

.an a:hover{
	color:#34cdf4;
}


#h_cerrar{
/*float:right;
margin-right:60px;
text-align:right;*/
position:relative;
float:left;
}
#h_cerrar a,img{
	color: #ccc;
	text-decoration:none;
	vertical-align:middle;
}

#h_cerrar a:hover{
	color:#f00;
}
/*****/

#contenido {
/*position: absolute;*/
position:relative;
width: 100%;
height:100%;

}
#contCent{
 width:auto;
 text-align:justify;
}
#contCent2{
 margin:0px auto;
 width:800px;
 text-align:justify;
}

#slideMenu {
position: absolute;
left:0;
width: 100%;
height: 140px;
top: -140px;
text-align:center;
background-color:#4a4b4d;
z-index:999;
} 

#slideMenu .content {
margin:0 auto; 
width:700px;
height:140px;
}

/* Styles for content */

#slideMenu .content .block {
float:left; 
width:auto;
padding:20px 4px 0 4px; 
margin: 0 4px 0 4px;
font-size:13px; 
color:#FFF;
text-align:right;
text-indent:20px;
font-weight:bold;

}

#slideMenu .content .block img{
vertical-align:middle;
}


#slideMenu .lineaLogo {
height:60px;
background-image:url('./img/app/app_barHead.gif');
background-repeat:repeat-x;
}
#slideMenuE .lineaLogo {
height:60px;
background-image:url('./img/app/app_barHead.gif');
background-repeat:repeat-x;
}

#slideMenu .content li {
padding:0; 
margin:4px 0
}

#slideMenu  li a{
	color:#FFF;
	text-decoration:none;
}
#slideMenu  li a:hover{
color:#34cdf4;
}
.clear {clear:both}

#contSlide{
	background-color:#cfecfe;
}

.btn{
	width:100px !important;
	height:30px;
	border:solid 1px #ccc;

-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
		border-radius:6px;
}

.btn2{
	
	height:30px;
	border:solid 1px #ccc;

-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
		border-radius:6px;
}

.catFrm input,select{
		border:1px solid #cfcfcf;
        width:300px;
        font-size:12px;  
		vertical-align:text-top;
	      	
}

.catFrm textarea{
	border:1px solid #cfcfcf;
    width:300px;
	height:200;
    font-size:12px;
	vertical-align:text-top;  
	      
}

.catFrm label{
	display:inline-block;
	width:95px;	
	margin-right:10px;
	
}
.catFrm label sup{
	color:#FF0000;
	float:right;
}

.catFrm fieldset{
 border:solid 1px #aed9db;
 padding:5px;
 width:420px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius:5px;		
}

.catFrm legend{
color:#008000;
font-size:12px;
}

.redI{
	color:#FF0000;
	font-size:12px;
	font-style:italic;
}

.catFrm li{
	margin-top:15px;
	clear:both;
}
.catFrm ul{
width:450px;
margin:0px auto;
}

.btnControl{
	margin-top:35px;
	text-align:center;
	word-spacing:50px !important;
}
/*valid*/			
.vanadium-invalid {
  border-color: #fe4930 !important;
  border-style: solid !important;
  color:#fe4930;
}
span.vanadium-invalid{
	  position:absolute;
	  margin-left:5px;
}

.vanadium-valid {
  border-color: #0F0 !important;
  border-style: solid !important;
  /*background-color:#f3fff3;*/
}
/**Util*/
.backCuad{		
	background-image: url('./img/app/appSer.gif');
	border:solid 5px #86dffd !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;	
	}
/**Servicios**/
.serTBL{
	font-size:12px;
	border:solid 5px #d7f1f9 ;
	width:156px;
	height:53px;
	float:left;
	margin:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
		border-radius:3px;
/*filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;*/
	
}
.serTBL  sub{
	font-size:12px;
	color:#909090;
	
}

.serTBL a{
	text-decoration:none;	
	color:#707070;	
	font-weight:bold;    
 	padding-left:5px;
	line-height:17px;
}
.serTBL a:hover{
	color:#FFF;
	background-image:url('./img/app/appSerEdit.png');
	background-position:bottom right;
	background-repeat:no-repeat;
	display:block;
	width:138px;
	
}



.serINT{
	display:none;
	font-size:12px;	
	line-height:17px;
	margin-left:5px;
}

.serINT ul li a{
color:#313234;
padding-left:16px;
}

.serINT ul li a:hover.addSer{
color:#008000;
background:none;
background-image:url('./img/app/appAdd.png');
background-position:bottom left;
background-repeat:no-repeat;
}

.serINT ul li a:hover.delSer{
color:#800000;
background:none;
background-image:url('./img/app/appDel.png');
background-position:bottom left;
background-repeat:no-repeat;
}

.borrar a{
	color:#808080;
	text-decoration:none;
	font-size:10px;
	
}

.borrar a:hover{
	color:#008000;
	text-decoration:underline;
}

/** Pagina inicial ***/
#menFloat{
display:none;
position:absolute;
right:2px;

font-size:12px;
text-align:left;	
	width:137px;
	background-image: url('./img/app/appSer.gif');
	border:solid 2px #313234 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
		border-radius:3px;
	overflow:auto;
border-top:none !important
}



#verMenu{
background: url('./img/app/appFiltro.png') no-repeat left;
padding:0px 5px 0px 25px;
color:#FFF;
font-size:13px;
font-weight:bold;
width:105px;
height:22px;
border:solid 1px #444444 !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
		border-radius:5px;
background-color:#757575;
float:right;
overflow:hidden;

display:block;
}

#verMenu a{
text-decoration:none;
color:#ffffff;
font-style:italic;	
}

#verMenu a:hover{
color:#86dffd;	
}

#contCal{
  margin:0px 2px 0px 2px;
}

.floatBlock{
margin-bottom:15px;	
}

.floatBlock p{
background-color:#4a4b4d;
border-bottom:solid 1px #2a2a2a;
border-top:solid 1px #2a2a2a;
}

.floatBlock a{
	text-decoration:none;
	color:#606060;
	margin:3px;
	margin-left:5px;
	display:block;
	line-height:13px;
	font-size:11px;
}

.floatBlock a:hover{
	color:#FFF;
	text-decoration:underline;
	background-image:url('./img/app/appFiltro.gif');
background-position:bottom right;
background-repeat:no-repeat;
}

.floatL{
	float:left !important;
}

.floatR{
float:right;
overflow:hidden;
display:block;
text-align:right;
}
.floatR2{
float:right;
overflow:hidden;
display:block;
text-align:right;
width:500px;
}
#buscador{
font-size:13px;
font-weight:bold;

margin-top:40px;
height:22px;

display:inline-block;
float:left;
vertical-align:middle;
}

#divFiltro{
margin-top:25px;
font-size:13px;
font-weight:bold;
color:#fff;
display:inline;
width:auto;
float:left;
}

#txtDivFiltro{
color:#de8e28;
}


#divQF {
                  
	display:none;
	background-color:#868686;
        padding:0px 10px 0px 10px;

border-left:1px solid #cacaca;
}
#divQF a{
font-size:11px;
color:#cacaca;
        text-decoration:none;  
		
}
#divQF a:hover{
color:#800000;
}

#navCal{
margin-bottom:2em;
text-align:center;
font-size:18px;
}

#navCal a:hover.fleIZQ {color:#86dffd; background-position:top right;}
#navCal a.fleIZQ {
					display:inline-block;
					background:url('./img/row-l.gif') no-repeat bottom right;					
					line-height:18px;
                    vertical-align:middle;
					padding-right:22px;
					text-decoration:none;
					font-size:11px;
					color:#808080;
}

#navCal a:hover.fleDER {color:#94cef0; background-position:top left;}
#navCal a.fleDER{
	
				display:inline-block;
					background:url('./img/row-r.gif') no-repeat bottom left;					
					line-height:18px;
                    vertical-align:middle;
					padding-left:22px;
					text-decoration:none;
					font-size:11px;
					color:#808080;
}

#contCent,#contCal,#idCalendario{
height:88% !important;
font-size:11px !important;
}

#tblMES{
width:100% !important;
height:100% !important;
}


#tblMES thead td{
height:20px;
background-color:#eee;
font-size:13px;
border-color:#ccc !important;
text-align:center;
width:14%;
}

#tblMES td{
padding:5px;
border:solid 3px #eee;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
		border-radius:6px;
}

.hoy{
border-color:#feb6b1 !important;	
color:#aa0000 !important;
background-image:url('./img/app/appDia.gif');
}

.otroMes{
color:#aaaaaa;
}

.tdActive{
border-color:#a7e7fc !important;
background-image:url('./img/app/appDia.gif');
color:#0000ff !important;
}



/***Evento**/

.addEvent {
float:right;
padding-right:13px;
background-image:url('./img/app/appAddEvent.png');
background-position:right;
background-repeat:no-repeat;
font-size:0.8em !important;
display:none;
height:12px;
}

.addEvent a{
text-decoration:none;
color:#008000;
}

.fecha{
	width:70px !important;

}
.fechaCHK{
	width:auto !important;
	vertical-align:middle;
}
.hora{
	width:55px !important;
	text-align:right;
}

#liRepetir,#liServicios{
	display:none;
}

.setEven{
width:468px;
padding:10px;
        margin-bottom:15px;
	border-top:solid 1px #ffe87c;
        border-bottom:solid 1px #ffe87c;
	background-color:#fefeee;
	}

.setEven2{
width:468px;
padding:10px;
        margin-bottom:15px;
	border-top:solid 1px #ffbe7d;
        border-bottom:solid 1px #ffbe7d;
	background-color:#ffe7ce;
	}
	
.setEven3{
width:468px;
padding:10px;
        margin-bottom:15px;
	border-top:solid 1px #9bcdff;
        border-bottom:solid 1px #9bcdff;
	background-color:#e1faff;
	}
	
.servicios{
	overflow:hidden;
}
.servicios input,label {
width:auto;
margin:0px;
float:none;	
vertical-align:middle;
}

.servicios p{margin-top:5px; text-align:center; clear:both; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; }
.servicios label{
float:left;
margin:2px 1px 2px 1px;
width:110px;
}

.error{
border:solid 2px #f88;
background-color:#fff8f8;
padding:10px;
-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
		border-radius:8px;
}

.resEvento fieldset{
padding:5px;
border: solid 1px #86dffd;
/*display:inline-block;*/
width:auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:6px;
line-height:16px;
clear:both;
}
.resBus{
padding:5px;
border: solid 1px #86dffd;
/*display:inline-block;*/
width:auto;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:6px;
line-height:16px;
clear:both;
}

.resEvento h2{
	font-weight:bold !important;
	font-size:12px !important;
	line-height:normal !important;
}

.resEvento ul li {
list-style:disc !important;
list-style-position:inside !important;
line-height:12px !important;
}

.resEvento ol li {
list-style:decimal !important;
list-style-position:inside !important;
line-height:12px !important;
}

.fEvento{
	font-size:13px;
	color:#6f3f31;
}

.lEvento{
	font-size:13px;
	color:#808080;
}

.detEvento{
border-top:1px solid #c8f7f9;
border-bottom:1px solid #c8f7f9;
margin:8px 0px 8px 0px;
padding:5px 0px 5px 0px;
}

.solEvento{
margin-top:15px;
background-color:#fee9da;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:6px;
padding:5px;
}

.solEvento h3{
font-weight:bold;
color:#008000;
}

/*.solEvento div{display:none;}*/

.sComputo{
margin-top:15px;
background-color:#ecfeff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:6px;
padding:5px;
}

.sComputo h3{
font-weight:bold;
color:#008000;
}

.sComputo > div {
	padding: 5px;
}

/*.sComputo div{display:none;}*/

.sGenerales{
margin-top:15px;
background-color:#fffff2;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:6px;
padding:5px;
}

.sGenerales h3{
font-weight:bold;
color:#008000;
}
/*.sGenerales div{display:none;}*/
.sRes div{display:none;}

.eventoM{
margin:5px;
font-size:13px;
border-top:1px solid #efefef;
color:#0a7689;
line-height:1.3em;
padding-bottom:0.7em;
}

.eventHL{
	font-style:italic;
	color:#808080;
}

.eventoM a{
text-decoration:none;
color:#0a7689;
}

.eventoM a:hover{
color:#a00;
}

#btnEventos a{
float:right;
line-height: 16px !important;
}



a.adEventCal { 
line-height:26px !important;
text-decoration:none;
color:#777;
background-image:url('./img/app/appAdEvent.png');
	background-position:bottom right;
	background-repeat:no-repeat;
margin-right:16px;
padding-right:16px;
}

a:hover.adEventCal{
color:#00a400;
background-image:url('./img/app/appAdEvent.png');
	background-position:top right;
	}
	
	
a.delEventCal { 

text-decoration:none;
color:#777;
background-image:url('./img/app/appDelEvent.png');
	background-position:bottom right;
	background-repeat:no-repeat;
margin-right:16px;
padding-right:16px;
}

a:hover.delEventCal{
color:#a40000;
background-image:url('./img/app/appDelEvent.png');
	background-position:top right;
	}



#loading{
display:none;
border:5px solid #444444;
top:50%;
left:50%;
width:80px;
height:15px;
position:absolute;
font-size:10px;
z-index:9999;
background-image:url('./img/ajax-loader.gif');
background-color:#000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:6px;
background-position:center;
background-repeat:no-repeat;
color:#fff;
padding-top:15px;
font-size:9px;
}

.sComputo ul li {
float:left;
width:190px;
margin:2px;
}

.sComputo ul li .pendiente{
color:#ff0000;
}

.sComputo p {
-moz-border-radius:4px 4px 4px 4px;
background-color:#FFFFFF;
border:1px solid #DDDDDD;
clear:both;
margin-top:10px;
padding:5px;
}

.opSol{
border-top:1px solid #fff;
margin-top:8px;
}



.opSol li{
font-size:11px;
display:inline-block;
margin-right:8px;
}

.solDia{
border-bottom:solid 1px #ddd;
padding-bottom:2px;
margin-top:30px;
background-image:url('./img/app/appClock2.png');
background-position:left;
background-repeat:no-repeat;
padding-left:17px;
line-height:14px;
}

.eventDia{
margin-left:67px;
}

.red{
color:#b90004;
}


.serDia{
margin:5px;
padding:2px;
width:60%;
float:right;
overflow:hidden;
font-size:11px;
border-left:solid 1px #efefef;
}


.serDia ul li{
width:220px;
float:left;
margin:2px;
}


.serDia ul li select{
width:89px !important;
font-size:11px;

}

.diaDiv{
	overflow:hidden;
	margin-bottom:15px;
}


/**login**/
#diaAC{
background:url('./img/app/appCal.png') no-repeat;
color:#000;
width:28px;
height:31px;
text-align:center;
line-height:31px;
float:right;
margin:10px;

}

#login{
margin:10px;
color:#fff;
font-weight:bold;
float:right;
text-align:right;
width:200px;
}

#login p{
	font-size:12px !important;
	color:#34cdf4;
}

#login input {
border:#aaaaaa solid 2px !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius:3px;
}

input#btn_entrar{	
	border:none !important;
	height:31px;
	width:52px;
	background-image:url('./img/app/appLogin.png') !important;
	cursor:pointer;	
	background-color:transparent !important;
	float:right;
}

.btnTools{
cursor:pointer;
margin:0px 13px;
/*float:right;*/
}


.hrSem{
font-size:13px;
margin-top:20px;
background-color:#f5f5f5;
line-height:16px;
border-bottom:1px solid #ccc;
}

.toggle{
	background-image:url('./img/app/appToggle.png');
	background-position: right top;
	background-repeat:no-repeat;
	cursor:pointer;	
	background-color:transparent !important;
}

.centEvento{
	width:650px;
    margin:20px auto;
	text-align:justify;
}

/**buscador**/
.cBuscadorTXT {
border:#aaaaaa solid 2px !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:4px;
background:url('./img/app/appBuscar.png') no-repeat left #fff;
height:22px;
padding-left:22px;
width:143px;
}

#irA{
 margin-bottom:12px;
 text-align:left;
 color:#FFFFFF;
}

#irATXT{
	border:#aaaaaa solid 2px !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:4px;
background:url('./img/app/appMesIr.png') no-repeat left #fff;
height:22px;
padding-left:22px;
width:143px;
vertical-align:middle;
}

#buscadorTXT {
border:#aaaaaa solid 2px !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:4px;
background:url('./img/app/appBuscar.png') no-repeat left #fff;
height:22px;
padding-left:22px;
width:143px;
vertical-align:middle;
}

#btnBuscar{
	border:#FFFFFF solid 2px !important;
	background-color:#808080;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:4px;
height:23px;
cursor:pointer;

margin-left:1px;
color:#fff;
font-weight:bold;
width:75px;
height:23px;
vertical-align:middle;
}


#btnIr{
	border:#FFFFFF solid 2px !important;
	background-color:#808080;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:4px;
height:23px;
cursor:pointer;

margin-left:1px;
color:#fff;
font-weight:bold;
width:75px;
height:23px;
vertical-align:middle;
}

.lnkBK{
	text-decoration:none !important;
	color:#000 !important;
}
