@import url('reset.css');
/* General Demo Style */
body{
    background:#DEDEDE repeat top left;
	color: #333;
	font-family: 'Terminal Dosis', Arial, sans-serif;
	font-size: 11px;
}
.container{
	position:relative;
	
}
.user{
	position:absolute;
	right: 0px;
	top: 0px;
}
a{
	color: #fff;
	text-decoration: none;
}
.clr{
	clear: both;
}
.content{
	position:relative;
}
h1{
	margin:0px;
	padding:20px;
	font-size:40px;
	color:#000;
    text-shadow:1px 1px 1px rgba(255,255,255,0.9);
	text-align:center;
	font-weight:400;
}
h1 span{
    display:block;
	font-size:14px;
	color:#666;
    font-style:italic;
    font-family:Georgia, serif;
	padding-top:5px;
}
/* Header Style */
.header{
	font-family:'Arial Narrow', Arial, sans-serif;
	line-height: 24px;
	font-size: 11px;
	background: #000;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
}
.header a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.header a:hover{
	color: #fff;
}
.header span.right{
	float: right;
}
.header span.right a{
	float: none;
	display: inline;
}
.more{
	position:relative;
	clear:both;
    font-size: 11px;
    padding: 20px 0px;
    text-transform:uppercase;
    width: 390px;
    height:55px;
    margin: 0 auto;
}
.more ul{
	display:block;
	text-align:center;
}
.more ul li{
	display: block;
    padding: 4px 2px;
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#0099c5;
	color:#fff;
	text-shadow:none;
    font-weight:bold;
}
.more ul li a{
	color:#555;
    float:left;
	background:#fff;
    width:64px;
	padding: 2px 5px;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
	background:#000;
	color:#fff;
}

#top {
		position: absolute;
		width: 100%;
		z-index: 35000;
		height: 50px;
		left: 0px;
		bottom: 0px;
		background: #111;
		overflow: hidden;
	}

#top a
	{
		color: #fff;
		font-family: 'Terminal Dosis', Verdana, arial;
		font-size: 1em;
		text-decoration : none;
	
	}
	
#titulo
	{
		color: #fff;
		font-family: 'Terminal Dosis', Verdana, arial;
		font-size: 1.5em;
		text-decoration : none;
	
	}
	
#top1 {
		position: fixed;
		width: 100%;
		z-index: 35000;
		height: 60px;
		left: 0px;
		top: 0px;
		background: #111;
		overflow: hidden;
		border-bottom: 2px solid #333;

	}

#top1 a
	{
		color: #fff;
		font-family: 'Terminal Dosis', Verdana, arial;
		font-size: 1em;
		text-decoration : none;
	
	}
	
input{
	font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
	color:#111;
	background: #eee;
	border:1px solid #8e8e8e;
	
}

input[type="button"] {
    color: #ffffff;
	background: #990000;
}






textarea{
	font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
	color:#111;
	padding:5px;
	background: #eee;
	border:1px solid #8e8e8e;
	resize: none;
}

input:hover {
	color:#000;
    background: #E5E9ED;
	border:1px solid #111111;
	
}

input[type="submit"]:hover {
    color: #ffffff;
	background: #00214D;
	
	box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;
}

input[type="submit"] {
	
	box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;
}

input[type="reset"]:hover {
    color: #ffffff;
	background: #00214D;
	
	box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;
}

input[type="reset"] {

	box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;
}

input[type="button"]:hover {
    color: #ffffff;
	background: #00214D;
	
	box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;
}

input[type="button"] {

	box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;
}

textarea:hover {
	color:#000;
    background: #E5E9ED;
	border:1px solid #111111;
}

fieldset {
border: 1px solid #7DA8C9;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}

legend {
font-weight: bold;
color: #003399;
padding: 5px;
}

select { 
  color: #111;
  font-size:11px;
  background-color:#eee;
  border:1px solid #8e8e8e;
  padding: 2px;
}

select:hover {
	color:#000;
    background: #E5E9ED;
	border:1px solid #111111;
	
}

hr {
  border:1px dotted #00214D;
}

.registros tr:hover td {
  background-color: #111; 
  color: #eee;
}

.intercita tr:hover td{
  background-color: #111; 
  color: #eee;
}


.modulo tr td:hover {
  background-color: #111; 
  color: #eee;
}




/* para los formularios */
#log_ingresar_cliente.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}
#log_busca_cliente.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}
#log_editar_cliente.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}
#log_datos_cliente.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}

#log_cliente.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}

#citamedicalo.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}

#log_citas_hoy.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}
#log_citas_semana.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}
#log_citas_mes.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}
#log_citas_activas.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}
#log_citas_inactivas.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}
#log_disponibilidad.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}
#log_cita_modulo_buscar_paciente.ajax-loading {
	padding: 50px 0;
	background: url(../images/spinner.gif) no-repeat center;
}

.tab { 
	font-family: verdana,sans-serif; 
	font-size:11px;
	width: 191px;
	height: 20px;
	text-align: center;
	border-style: solid;
	border-color: #fff;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
			-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
		border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
	}
.xtab { 
	font-family: verdana,sans-serif; 
	font-size:11px;
	width: 157px;
	
	text-align: center;
	border-style: solid;
	border-color: #00214D;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
		-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	}
.tab1 { 
	width: 175px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
	}
.xtab1 { 
	width:157px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 14px;
	padding-right: 14px;
	cursor: pointer;
	}	

.tabhold { 
	background-color: white;
	color: black;
	cursor: pointer;
	}
.tabfocus { 
	background-color: #D9F1FF;
	color: #003A5E;
	cursor: pointer;
	
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; 

	}
.xtabfocus { 
	background-color: #00214D;
	color: white;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
	}
.tabcontent { 
	font-family: sans-serif; 
	font-size:11px;
	width: 948px;
	height: 450px;
	border-style: solid;
	border-color: #fff;
	border-width: 1px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 10px;
	background-color: #D9F1FF;
		-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
		border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px; 
	
	}
.xtabcontent { 
	font-family: sans-serif; 
	background-color: #E5E9ED;
	width: 948px;
	font-size:11px;
	border-style: solid;
	border-color: #00214D;
	
	
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	
	
	}