@charset "UTF-8";
/* CSS Document */

.logo{
	text-align:center;
}

.acceso{
	margin-top:125px;
	color:#FFFFFF;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
}

.bienvenido{
	background-color:#FFFFCC;
	color:#000099;
	font-family:Verdana, Geneva, sans-serif;
	width:100%;
	margin-top:10px;
	float:left;
}

.formAltaCli{
	font-family:Verdana, Geneva, sans-serif;
	text-align: left;
}

.obligatorio{
	font-size:10px;
	text-align:left;
}

.advertencia{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-left:10px;
	margin-top:15px;
}

.verCli{
	margin-top:15px;
	width:100%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	float:left;
}

.flechaDer{
	padding-left: 5px;	
}

.letraChica{
	font-size:12px;
}
.letraChica2{
	font-size:10px;
}

.menu{
	list-style-image:none; 
	list-style-type:none;
	width:100%;
}

.menu li{
	float:left;
	width:10%;
}

.menu li ul{
	display:none;
	margin-top:4px;
	margin-left:-50px;
}

.menu li ul li{
	width:100%;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	background-color:#9CF; 
	color:teal;
    border: solid green 2px;
}

.cabecera{
	float:left;
	margin-top:0px;
	display:block;
	width:100%;
	border-spacing:0px;
}

.calendario{
	width:100%;
}

.lunes{
	width:14%;
	height:0px;
	/*background-color:#B0E0E6;*/
}
.martes{
	width:14%;
	height:0px;
	/*background-color:#FC3;*/
}
.miercoles{
	width:14%;
	height:0px;
	/*background-color:#0C6;*/
}
.jueves{
	width:14%;
	height:0px;
	/*background-color:#C33;*/
}
.viernes{
	width:14%;
	height:0px;
	/*background-color:#F99;*/
}
.sabado{
	width:14%;
	height:0px;
	/*background-color:#FF6;*/
}
.domingo{
	width:14%;
	height:0px;
	/*background-color:#693;*/
}

.calendarSup{
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-topright: 1em;
	-webkit-border-top-right-radius: 24px;
	-webkit-border-top-left-radius: 24px;
	height: 20px;
	margin: 2em 0;
	text-align: center;
	/*padding: 10px;*/
	width: 100%;
	border: #FF9900 solid 2px;
	margin-top:0px;
	margin-bottom:0px;
	background: #FFCC00;	
}

.calendarInf{
	-moz-border-radius-bottomleft: 1em;
	-moz-border-radius-bottomright: 1em;
	margin: 2em 0;
	text-align: center;
	/*padding: 10px;*/
	width: 100%;
	border: #FF9900 solid 2px;
	background: #F0E8C6;	
	margin-top:-6px;
	margin-bottom:0px;
	height: 100%;
	padding-bottom:5px;
}

.calendarInf .list{
	border-bottom: 1px solid #FF9900;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
	font-size:12px;
}

.caja{
	float:left;
	width:auto;
	margin-right:3px;
	background-color: #6699FF;
}

.caja .cli{
	border-bottom: 1px solid blue;
	padding-left:4px;
	padding-right:4px;
	min-width: 200px;
}

.caja .cli a:link {
	text-decoration:none; 
	color: #FFFFFF;
} /* Link no visitado*/

.caja .cli a:visited {
	text-decoration:none; 
	color:#FFFFFF
} /*Link visitado*/

.cajaGral{
	position: absolute;
	/*left: 50%;*/
	/*transform: translate(50%);*/
	text-align:center;
}

#capaPopUp {
    background-color:#000;      /* Le damos la el color de la opacidad. */
    opacity:0.65;               /* Este valor mostrará la intensidad de la opacidad. */
    position:absolute;          /* La posición tendrá que ser absoluta. */
    z-index:9001;               /* Esta propidad es para añadir la capa superpuesta al nivel 9001. */
    top:0;                      /* Para que posicione la capa al punto '0' del top de la página. */
    left:0;                     /* Para que posicione la capa al punto '0' a la izquieda de la página. */
    width:100%;                 /* El valor por defecto que tendrá que expandirse. */
    height:100%;                /* El valor por defecto que tendrá que expandirse. */
    display:none;               /* Por defecto estará desactiva */
}
#popUpDiv {
    position:absolute;          /* La posición tendrá que ser absoluta. */
    z-index:9002;               /* Esta propidad es para añadir la capa superpuesta al nivel 9002 (antes que la capa 'capaPopUp'). */  
    overflow:auto;              /* Esta propiedad la indicamos por si el contenido es más grande que la capa que por defecto salga el 'scroll'. */
    left:50%;                   /* Para posicionar horizontalmente la capa al centro de la página */
    display:none;               /* Por defecto estará desactiva */
    top:50%;                    /* Para posicionar verticalmente la capa al centro de la página */
}
/**************************************************************************
ESTILOS PROPIOS DEL POPUP 20090323@JCP
***************************************************************************/
#capaContent {
    display:block;
    width:400px;                /* Necesario para que el script centre la capa horizontalmente en la página */
    height:200px;               /* Necesario para que el script centre la capa verticalmente en la página */
    background-color:#FFF;
}