/* CSS Document */
* { margin: 0px;
padding: 0px; outline: 0;

}

body{ margin:0px;
overflow-y:scroll;
overflow-x: scroll;
padding-left:0px;
font-family: 'Ubuntu', sans-serif;
font-size: 0.7em;
 
 background-color:#fff;
 height:100%;

}
a{text-decoration: none;}
input[type="text"],input[type="password"],.boton,select,.input,textarea{
font-size: 12px;
padding:4px;
width: 100%;
min-height: 30px;
font-family: 'Ubuntu', sans-serif;
}
input[type="button"]{
	font-size: 12px;
padding:2px 10px;
height: 30px;
border: 1px solid #999;
font-family: 'Ubuntu', sans-serif;
text-shadow: 0 -1px 1px #fff;
cursor:pointer;
}
textarea{min-height: 40px;height: 100%;}
.selectm{height: 80px;}
h1,h2,h3{
background: #7FB5DA;
  background: -moz-linear-gradient(#D4D0C8 0%, #D4D0C8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D4D0C8), color-stop(100%, #D4D0C8));
  background: -webkit-linear-gradient(#D4D0C8 0%,#D4D0C8 100%);
  background: linear-gradient(#D4D0C8 0%, #D4D0C8 100%);
   padding: 5px 10px;

  border: none;
  border-top: 1px solid #818176;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-family: 'Ubuntu', sans-serif;
  text-align: center;
  font-size: 14px;

  text-shadow: 0 -1px 1px #fff;
	 color: #200040}
.active{ background-color:#ADD8E6;}
.boton{
	font-size: 10px;
	cursor: pointer;
	background-color: #ccc;
	display: block;
	border: 1px outset #333;
	text-align: center;
	width: 97%;
	color:#000;
	text-shadow:none;
}
.boton:hover{
	background-color: #666;
	border: 1px inset #000;
	color: #fff;
	 text-shadow:none
}
form{	
clear:both;
}
#contenido{
position:absolute;
top:60px;
left:10px;
width:98%;
}

.oculta{display: none}
.mostrar{display: inline}

.capacalendario{
	width: 237px;
	position: absolute;
	display: none;
	background-color: #fff;
}
.capacalendarioborde{
	padding: 3px;
	border: 1px solid #ddd;
}
.diassemana{
	overflow: hidden;
	background: #0099ff;
	margin: 3px 0;
	clear: both;
}
.diasmes{
	overflow: hidden;
}
.diassemana span, .diasmes span{
	margin: 3px;
	width: 27px;
	display: block;
	float: left;
	text-align: center;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 0.875em;
}
.diassemana span{
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	height: 1.8em;
	line-height: 1.8em;
}
.diasmes span{
	background:#C6D1DD;
	cursor: pointer;
	color:#666666;
}
.diasmes span.diainvalido{
	background: #f0f0f0;
	cursor: default;
}
.diasmes span.domingo{
	color: #ff0000;
}
.capacalendario span.primero{
	margin-left:0 !important;
}
.capacalendario span.ultimo{
	margin-right:0 !important;
}
a.limpiar{
	margin-left: 5px;
	background: transparent url(../img/date_delete.png) no-repeat;
}
a.limpiar span{
	display: inline-table;
	width: 18px;
	height: 18px;
}

a.botoncal{
	margin-left: 5px;
	background: transparent url(../img/date.png) no-repeat;
}
a.botoncal span{
	display: inline-table;
	width: 18px;
	height: 18px;
}
a.botonmessiguiente{
	float: right;
	background: transparent url(img/control_fastforward.png) no-repeat;
	margin: 5px 5px 0 5px;
}
a.botonagnosiguiente{
	float: right;
	background: transparent url(img/control_end.png) no-repeat;
	margin: 5px 5px 0 5px;
}
a.botonmessiguiente span,a.botonagnosiguiente span, a.botonmesanterior span,a.botonagnoanterior span{
	display: inline-table;
	width: 16px;
	height: 16px;
}
a.botonagnoanterior{
	float: left;
	background: transparent url(img/control_start.png) no-repeat;
	margin: 5px 5px 0 5px;
}
a.botonmesanterior{
	float: left;
	background: transparent url(img/control_rewind.png) no-repeat;
	margin: 5px 5px 0 5px;
}
.textomesano{
	background-color: #dfd;
	overflow: hidden;
	padding: 2px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center
}
.mesyano{
	margin-top: 3px;
}
.capacerrar{
	background-color: #ddd;
	overflow: hidden;
	padding: 0px;
	font-size: 0.5em;
	text-align: right;
}
a.calencerrar{
	
	background: transparent url(../img/cancel.png) no-repeat;
	margin: 0px;
}
a.calencerrar span{
	
	width: 16px;
	height: 16px;

}
.sombras{-webkit-box-shadow:0px 4px 2px #888;
	-moz-box-shadow:0px 4px 2px #888;}
/*/////////////////////////////////////*/

.formulario{
	float: left;
	width: 50%;
	height: 100%
}
.formulario span label{
	display: inline-block;
	width: 28%;
	font-size: 1em;
	text-align: right;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
}
.formulario span{
	display: block;
}
/*//////////////////////*********************/
#listado_cita{
 background-color:#EAEAEA;	
	}
table,#listado_cita{
width:100%;
border:1px solid #ccc;
background-color:#EAEAEA;
padding: 5px;
 -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
th,td{

font-size: 0.9em;
vertical-align: top;
padding: 2px 5px;
}
th{text-align: left;
text-shadow: 0 -1px 1px #000;
color:#fff
}
td{text-shadow: 0 -1px 1px #fff;}
.td span{
	width: 150px;
	display: inline-block;
}

.listado,#listado,.listado2{
   margin-top: 10px;	
   width:100%;
}
.listado{  	
   width:50%;
   vertical-align: top;
}
#listado table,.listado table,.listado2 table{
	border: 1px none #000;
}
.listado  th, .listado td,.listado2  th, .listado2 td,#listado  th, #listado td{
font-size: 12px;
background-color: #fff;
}
#listado .espera {
 background-color:#13B3BD ;
 }
#listado  th{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; 	

;

border: 1px solid #fff;
color:#fff;
}
.listado th,.listado2 th{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; 	
border: 1px solid #fff;
color:#fff;
}

.td{
	border:1px solid #ccc;
font-size: 12px;
background-color:#fff; 
padding: 2px 3px;
}

.error{ background-color:#FFBABA;border: 1px #D8000C solid;}
.msnerror {
	   font-family:Arial, Helvetica, sans-serif; 
       font-size:13px;
       border: 1px solid;
       margin: 10px 0px;
       padding:15px 10px 15px 60px;
       background-repeat: no-repeat;
       background-position: 10px top;
       color: #D8000C;
       background-color: #FFBABA;
       background-image: url('../img/error.png');
	   text-align:left;
}
.msnalert {
	   font-family:Arial, Helvetica, sans-serif; 
       font-size:13px;
       border: 1px solid;
       margin: 10px 0px;
       padding:15px 10px 15px 10px;
       color: #D8000C;
       background-color: #FFBABA;       
	   text-align:left;
}
/*///////////////////////////////////////////////////*/
#menu_hc{ float: left;
width: 15%;
margin-top: 20px;}
#contenido_hc{ float: left;
width: 55%;margin-top: 10px;}
#contenido_hc2{ float: left;
width: 30%;margin-top: 10px;
text-align: center;}
#contenido_citas{ float: left;
width: 50%;margin-top: 5px;
}
#contenido_citas2{ float: right;
width: 49%;
margin-top: 5px;
text-align: center;}


#contenido_cabinas{ float: left;
width: 50%;margin-top: 5px;
}

#contenido_cabinas2{ float: left;
width: 50%;
margin-top: 5px;
text-align: center;}
/*///////////////////////////////////////////////////*/

#menu {
font-size: 14px;
width: 100%;
height: 48px;
 color: #fff;
font-family: 'Open Sans', sans-serif;
 background-color:#13B3BD ;
 }
 #menu > span{
 	float:right;
 	
 	width: 250px;
 	height: 35px;
 	padding-top: 10px;
 color: #fff;
	
  
 }
#menu ul {list-style-type: none;z-index: 100;
}
#menu ul li {width: 162px;
}
#menu ul li.nivel1 { float: left;
}
#menu ul li a.nivel1  {display: block;
font-size: 14px;

text-decoration: none;
color: #fff ;
background-color: #0E4F5F ;
padding: 15px 0px 15px 44px;

position: relative;
height: 18px;
border:none;
text-shadow:none
opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
#menu ul li a  {display: block;
text-decoration: none;
color: #fff;
background-color: #0077FF;


position: relative;
}
#menu ul li a.nivel2, #menu ul li a.nivel2ie {color: #fff;padding: 8px 0px 8px 20px;width: 142px;
}
#menu ul li a.nivel1, #menu ul li a.nivel2 {display: block!important;display: none;
position: relative;
}
#menu ul li:hover {position: relative;
}

#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color:#7FB5DA ;
color: #200040;
position: relative;
text-shadow: none;
}
#menu ul li ul {display: none;
}
#menu ul li:hover  ul.nivel2, #menu ul li a:hover  ul.nivel2{display: block;
position: absolute;left: 0px;
}
#menu ul li ul li a:hover ul.nivel3, #menu ul li ul li:hover ul.nivel3 {display: block;
position: absolute;
left: 161px!important;left: 160px;
top:0px!important;top: -21px;
}
#menu ul li ul li a {width: 160px;
padding: 8px 0px;
border-top-color: transparent;
}
#menu ul li ul li a:hover {border-top-color: #000;
position: relative;
}
#menu ul li ul li ul li a.primera {border-top-color: #fff;
}
/*/////////////////////////////////////////////////////////////*/
.horas {text-align: center;
font-size: 0.8em;
width: 400px;
margin: 0px auto;
position: absolute;
}
.horas ul {list-style-type: none;z-index: 100;
}
.horas ul li {width: 25px;
}
.horas ul li.nivel1 { float: left;
margin-right: 1px;
}
.horas ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #0077FF;
border: solid 1px #fff;
padding: 2px;
position: relative;
}
.horas ul li a.nivel2, .horas ul li a.nivel2ie {color: #fff;
}
.horas ul li a.nivel1, .horas ul li a.nivel2 {display: block!important;display: none;
position: relative;
}
.horas ul li a.cerrar{background-color: #ff0000; font-weight: bold;
}
.horas ul li:hover {position: relative;
}
.horas ul li a:hover, .horas ul li:hover a.nivel1 {background-color: #6CC;
color: #000;
position: relative;
}
.horas ul li:hover a.cerrar {background-color: #ff0000; font-weight: bold;
}
.horas ul li ul {display: none;
}
.horas ul li:hover  ul.nivel2, .horas ul li a:hover  ul.nivel2{display: block;
position: absolute;left: 0px;
}
.horas ul li ul li a:hover ul.nivel3, .horas ul li ul li:hover ul.nivel3 {display: block;
position: absolute;
left: 29px!important;left: 28px;
top:0px!important;top: -21px;
}
.horas ul li ul li a {width: 28px;
padding: 2px 0px;
border-top-color: transparent;
}
.horas ul li ul li a:hover {border-top-color: #000;
position: relative;
}
.horas ul li ul li ul li a.primera {border-top-color: #fff;
}
/*/////////////////////////////////////////////////////////////*/

#opcion  { list-style-type: none;z-index:100;}
#opcion li { float: left;
width: 120px;
margin-right: 2px;
}
#opcion ul { list-style-type: none;} 

 .onoffswitch {
    position: relative; width: 61px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #333; border-radius: 0px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 17px; padding: 0; line-height: 17px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 8px;
    background-color: #2FCCFF; color: #FFFFFF;
    text-align: left;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 8px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block; width: 17px; margin: 0px;
    background: #FFFFFF;
    border: 1px solid #333; border-radius: 0px;
    position: absolute; top: 0; bottom: 0; right: 42px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}