.btn {
	text-decoration:none;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border:none;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn:hover {
  border: 1px solid transparent;
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
  color: #333333;
  text-decoration: none;
}

.btn-pcpal {
	text-align:left;
	
  border: 1px solid transparent;
  width: 120px;
  color: #000000;
  background-color: #B5C483;
  border-color: #E4E4E4;
  border-radius: 10px;
}
#mensajeres { 
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-border-top-left-radius:14px;
	-moz-border-radius-topleft:14px;
	border-top-left-radius:14px;
	-webkit-border-top-right-radius:14px;
	-moz-border-radius-topright:14px;
	border-top-right-radius:14px;
	-webkit-border-bottom-right-radius:14px;
	-moz-border-radius-bottomright:14px;
	border-bottom-right-radius:14px;
	-webkit-border-bottom-left-radius:14px;
	-moz-border-radius-bottomleft:14px;
	border-bottom-left-radius:14px;
position:absolute; 
top:10%; 
left:30%; 
width:35%;  
background-color:#FFFFFF;
z-index:1101;
display:none;
}
#mensajefondo { 
position:absolute; 
top:0px; left:0px; 
background-color:#000000;
filter: alpha(opacity=50); 
opacity: .5;
float:left;
z-index:100;
width:100%;
}

/** CSS de los Tabs **/
body{ padding: 0px; margin:0px; font: normal 13px/13px 'trebuchet ms'; }
#documento-paciente{ background: url(../images/documento.jpg) no-repeat center center; width: 626px; height: 227px; margin-top: 200px; }
#documento-paciente .campo-identidad{ padding: 90px 52px 0px 0px; text-align: right; }
#documento-paciente .campo-identidad #documento{ border-radius: 5px; text-align: right; font-size: 15px; border: solid 1px silver; padding: 5px; width: 200px; }
#documento-paciente .campo-identidad input{ margin-top: 5px; }
/** *{  font: normal 13px/13px 'trebuchet ms'; }  **/
.clear{  clear: both; }
.loading{ background: url(../images/ajax-loader.gif) no-repeat center center; padding:5px 0px; text-align: left; font-size: 10px }
.loading2{ background: url(../images/ajax-loader.gif) no-repeat center center; float: left; width: 420px; padding:5px 0px; text-align: left; font-size: 10px }
.error{ background: url(../images/exclamation.png) no-repeat left center; float: left; width: 420px; padding:5px 0px 5px 20px; text-align: left; font-size: 10px }
.hide{ display:none; }
.show{ display:; }
.alignl{ text-align: left; }
.textocreado{ text-align: left; font-size: 10px; color: #408080; border-bottom: dotted 1px silver; margin-bottom:5px; padding-bottom:5px }
.smalltext{ font-size: 10px; color: #408080; }
.mediumtext{ font-size: 12px; color: #408080; }
.mediumboldtext{ font-size: 12px; color: #408080; font-weight: bold; }
.titulogrilla{ font-size: 12px; color: #408080; font-weight: bold; border-bottom: dotted 1px #4E9A9A; padding-bottom: 2px; margin-bottom:5px; }
.tituloventana{ background: url(../images/bullet.png) no-repeat left center; padding-left: 32px; font: bold 17px/32px 'trebuchet ms'; color: #4E9A9A; }
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-bottom: 1px solid #CCCCCF;
	width: 99%;
}
ul.tabs li {
	width:33%;
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
    margin-right: 3px;
	overflow: hidden;
	position: relative;
    background: url(../images/tab-inactive.jpg) repeat-x center top;
    border-radius: 5px 5px 0px 0px;
	border-bottom: 1px solid #FFFFFF;
}
ul.tabs li a {
	text-decoration: none;
	color: #999999;
	display: block;
    font: normal 13px/31px 'arial';
	padding: 0 20px;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { 
    /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: url(../images/tab-active.jpg) repeat-x center top;
	border-bottom: 1px solid #72A98B;
    /*--Makes the active tab look like it's connected with its content--*/
}

html ul.tabs li.active a{
    font: bold 13px/31px 'arial';
    color: #000000;
}

/** CSS de la ventana en general **/
.botonera .boton{
    display: inline;
    padding: 10px;
    border: solid 1px silver;
    border-radius: 4px;
    font-size: 11px;
    float: left;
    text-align: center;
    width: 50px;
    margin: 5px 5px 0px 0px;
    cursor: pointer;
}

.header-citas{
    margin-top: 50px; width:552px; color: white; height:135px; 
    background: url(../images/header-citas.jpg) no-repeat center top;
}
.header-citas span {
    float: right;
    margin: 50px 20px 0;
    text-align: center;
    width: 120px;
}

.header-citas div {
    margin: 106px 20px 0 412px;
    position: absolute;
    text-align: center;
    width: 120px;
}
.listacitas{
    border: solid 1px #85BC9E; border-radius: 5px;
    padding: 10px; padding: 10px; width: 532px;
}

.listacitas table{ width: 100%; }
.listacitas table td, .listacitas table a{ color: gray; font: normal 12px arial !important; text-decoration: none; }
.listacitas table a:hover{ text-decoration: underline; }
.listacitas table th{ font-weight: bold; }

#contenedor{ width: 1050px; }
#div-info{
	border: solid 1px #77AE90;
	border-radius: 7px;
	margin: 10px 0px;
    padding: 10px;
    background: url(../images/bg-top-info.jpg) repeat-x center top;
    margin: 5px;
}

table.blanco{
    color: white;
}

table td.label{
    text-align: right;
    font-weight: bold;
    padding-left: 10px;
}

table td.label-l{
    text-align: left;
    font-weight: bold;
}

input.checkbox{
	margin: 0px;
}

input.text, textarea.text, select.text{
    border: solid 1px #77AE90;
    border-radius: 5px;
    padding: 5px;
}

input.superbigest, textarea.superbigest, select.superbigest{ width: 93%; }
input.bigest, textarea.bigest, select.bigest{ width: 400px; }
input.big, textarea.big, select.big{ width: 300px; }
input.medium, textarea.medium, select.medium{ width: 200px; }
input.small-m, textarea.small-m, select.small-m{ width: 150px; }
input.small, textarea.small, select.small{ width: 100px; }
input.smaller, textarea.smaller, select.smaller{ width: 80px; }


/** CSS del contenido de los tabs **/
.tab_container {
	border: 1px solid #CCCCCC;
    border-radius: 0px 3px 7px 7px;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 99%;
	background: #fff;
}
.tab_content {
	padding: 20px 50px;
	font-size: 1.2em;
}

.div-round{
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    padding: 15px;
    font-size: 12px;
}
.div-round fieldset{ width: initial !important; }

.options-row{
    font-size: 13px;
}
.options-row td{ padding: 0px; }

.options-row label{
    padding-right: 10px;
}
.size10{ width: 71px; }
.size9{ width: 65px; }
.size27{ width: 173px; }
input.ac_loading{ background:url(tw-loader.gif) no-repeat center center white; }
#loading-div {
     background:url(loading.png) center;
     cursor:auto; z-index:15; position: fixed;
     width: 100%; height: 100%;
}

#main-div { margin-top: 200px; z-index:1; text-align: center; color: white; }
#div-info input{ text-transform: uppercase; }