div {
    display: block;
}
#wrapper {
    width: 400px;
    height:400px;
}
body {
	background-color: #e1e8f3;
font-family:  Arial, Helvetica, sans-serif;
	/*margin:1px 1px 0px 0px;*/
}

#contenedor{
    width: 100%;
    height: 100%;
	overflow: auto;
}

#cabecera {
    float:left;
    width: 98%;
    height: 7%;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
	margin-bottom:5px;
	margin-right:10px;
	background: url(images/fondobreosuperior.jpg);
	opacity: 0.7;
	background-size: cover;
	background-repeat: no-repeat;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;
	color: #031c83;
	
}

#cabecera img{
	float: left;
	text-align:left;
	width:40px;
	height:40px;
	
}

#cabecera span{
	
	padding-top: 3px!important;
	font-size: 20px;
	
}

#first {
    float:left;
    width: 15%;
    height: 67%;
--visibility:hidden;
	position:absolute;
	padding:0px;
	left:1%;
	top:12%;
	z-index:5;
	display:block;
	

}

#first_top {
    float:left;
    width: 99%;
    height: 67%;
    background: #e5e5e5;
	padding-left: 5px;
	padding-top: 5px;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;
	border-radius: 10px;

}

#first_sub {
    float:left;
    width: 99%;
    height: 30%;
    background: white;
	padding-top: 3px;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;
	border-radius: 10px;
	margin-top:5px;

}



#first_top img{
	vertical-align:bottom;
    width: 20px;
    height: 20px;
}
#first_top span{
	display:block;
	padding-top: 3px!important;
	cursor:pointer;
	font-size: 12px;

}
#first_top span:hover {
color:#067fb6;
font-size:15px;

}

#first_sub span{
	display:block;
	font-size: 12px;
	padding-top:1px;
	vertical-align:bottom;

}
#first_sub img{
    width: 180px;
    height: 90px;
	
}


#imgfirstsub img{
	float: left;
	text-align:left;
    width: 45px;
    height: 45px;
	
}

#imgfirstsub span{
	padding-top:3px;
}

#second {
    float:left;
    width: 99%;
    height: 91%!important;
    background: #e5e5e5;
	border-radius: 10px;
	


}
#second iframe{
	 width: 100%;
	  height: 94%;
	  background: #067fb6;
	  overflow: auto;
}

#third {
    float:left;
    width: 49%;
    height: 16%;
	margin-top:5px;

}

#third img{
    
    width: 20px;
    height: 20px;


}


#entrantes {
	float:left;
    width: 99%;
    height: 95%;
    background: #e5e5e5;
	border-radius: 1px;
	overflow: auto;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;

}


#fourth {
    float:right;
    width: 49%;
    height: 16%;
	margin-top: 5px;
	
}


#fourth img{
   
    width: 20px;
    height: 20px;

}


#atendidas {
	float:right;
    width: 99%;
    height: 95%;
    background: #e5e5e5;
	border-radius: 1px;
	overflow: auto;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;

}



#entrizquierda {
    float:left;
    width: 78%;
    height: 96%;
    background: #e5e5e5;
	border-radius: 10px;
	border-style: solid;
	border-color: #918f8f!important;
	border-width: thin;
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom:5px;
	vertical-align:middle;

}
#entrizquierda img{
	
    width: 20px;
    height: 20px;
	vertical-align:botton;
}

#entrderecha {
    float:left;
    width: 19%;
    height: 36%;
    background: #e5e5e5;
	border-radius: 10px;
	border-style: solid;
	border-color: #918f8f!important;
	border-width: thin;
	padding-left: 10px;
	padding-top: 5px;
	text-align: center;
	margin-left:5px;
	margin-bottom:5px;
	
}

#entrderecha img{
	width:60px;
    height:60px;

}


#entrderechainf {
    float:left;
    width: 19%;
    height: 57%;
    background: #e5e5e5;
	border-radius: 10px;
	border-style: solid;
	border-color: #918f8f!important;
	border-width: thin;
	padding-left: 10px;
	padding-top: 5px;
	text-align: center;
	margin-left:5px;
}

#entrderechainf img{
	width:60px;
    height:60px;

}


#entrinferior {
    float:left;
    width: 98%;
    height: 22%;
    background: #e5e5e5;

	
}

#entrinferiortop {
    float:left;
    width: 48%;
    height: 20%;
    background: #e5e5e5;



}
#entrinferiorsub {
    float:left;
    width: 98%;
    height: 85%;
	background: #e5e5e5;
	border-radius: 5px;
	border-width: thin;
	border-color: #888787;
	border-style: inset;
	padding-left: 10px;
	padding-top: 10px;
	margin-top:10px;
}


.imagen40 {
	vertical-align:bottom;
	width:40px!important;
    height:40px!important;

}



#entrinferiorpie{
    float:left;
    width: 98%;
    height: 5%;
	background: #e5e5e5;
	padding-left: 10px;
	padding-top: 10px;
	margin-top:1px;

}

#entrsup
 {
    float:left;
    width: 50%;
    height: 10%;
   	/*border-color: black;
	border-style: inset;*/
	
}

#entrsup img {

	width: 20px;
    height: 20px;
	vertical-align:middle;
}

#entrsupdcha
 {
    float:left;
    width: 49%;
    height: 8%;
	
   	/*border-color: black;
	border-style: inset;*/

}

#entrsupdcha span {
 font-size:12px;

}

#entrsupdcha img {
    width: 10px;
    height: 10px;
	vertical-align:botton;

}



#entrizda {
    float:left;
    width: 30%;
    height: 75%;
    background: #e5e5e5;
	display:block;
	/*border-color: black;
	border-style: inset;*/
	
}

#entrizda1 {
    float:left;
    width: 40%;
    height: 98%;
	font-weight: bold;

}
#entrizda1 span{
	display:block;
	padding-top: 5px!important;
	font-size: 14px;
}

#entrizda2{
    float:left;
    width: 58%;
    height: 98%;

}


#entrizda2 span{
	display:block;
	padding-top: 5px!important;

}

#entrdcha{
	
	float:left;
    width: 98%;
    height: 65%;
	font-size: 10px;
	overflow:auto;
	border-radius: 5px;
	/*  border-style: solid;
	border-color: #918f8f!important;
	border-width: thin; */
	/*background-color: #fbfbfb;*/
	
}

#entrdcha1{

	float:left;
    width: 60%;
    height: 40%;
	font-size: 12px;
	font-weight: bold;
	background-color: red;

}

#entrdcha2{

	float:left;
    width: 97%;
    height: 55%;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}

#subentrdcha1{
    width: 99%;
    height: 80%;
    border-style: solid;
	border-color: #c9c7c7!important;
	border-width: thin;
	font-size: 12px;
	font-weight: bold;
	overflow: auto;
	background-color: white;

}

#subentrdcha1 tr{
	font-size: 10px;
}

#subentrdcha2{
    width: 99%;
    height: 90%;
    border-style: solid;
	border-color: #c9c7c7!important;
	border-width: thin;
	font-size: 12px;
	font-weight: bold;
	overflow: auto;
	background-color: white;

}

#subentrdcha2 tr{
	font-size: 10px;
}

#ancho33{
    float:left;
    width: 32%;
    height: 100%;
}

.tablaaviso{
font-size:12px;
text-align:left;
}




#cli_superior{
	float:left;
    width: 98%;
    height: 35%;


}
#cli_sup_top{
	float:left;
    width: 98%;
    height: 18%;
	
}

#cli_sup_top img{
	
    width: 20px;
    height: 20px;
}

#cli_sup_top span{
	font-size: 25px;
}

#cli_sup_down{
	float:left;
    width: 98%;
    height: 60%;
	display:block;
	padding-top:5px;
	
}

#cli_sup_down img{
	 width: 90px;
    height: 90px;
}


.cli_sup_cabeceras{

	width: 10%;
    height: 70%;
    float:left;
	font-weight: bold;
	margin-top: 5px;

}

.cli_sup_cabeceras span{
	display:block;
	padding-top: 5px!important;
	font-size: 13px;
}

.cli_sup_datos{

	width: 16%;
    height: 70%;
    float:left;
	margin-top: 5px;

}

.cli_sup_datos span{
	display:block;
	padding-top: 5px!important;
	font-size: 13px;
}

.cli_sup_datos select{
	font-size: 12px;
}




#cli_inferior{
	float:left;
    width: 99%;
    height: 95%;
	margin-top:2px;
}
#cli_inferior iframe{
	 width: 100%;
	  height: 98%;
	  overflow: auto;
	  background: #e1e8f3!important;

	
}



#cli_inferior .tabs li a.tabs-close {
  display: none;
} 




.subimagen img{
    width: 15px;
    height: 15px;
}

.pac_form {

	width:100%;
	height: 90%;
	font-size:12px;
	margin-bottom:5px;
	font-weight: bold;
	overflow: auto;
	
}
.pac_form img{
	
    width: 15px;
    height: 15px;
}
.pac_form textarea{
	
    width: 100%;
    height: 70%;
}

.pac_citas {

	width:100%;
	height: 98%;
	font-size:12px;
	margin-bottom:5px;
	font-weight: bold;

	
}
.pac_citas img{
	
    width: 15px;
    height: 15px;
}

.pac_busc {

	width:100%;
	height: 90%;
	font-size:12px;
	margin-bottom:5px;
	font-weight: bold;
	
	margin-top:5px;

	
}
.pac_busc img{
	
    width: 15px;
    height: 15px;
}


.tabla100 {

	width:100%;
	height: 98%;
	font-size:12px;
	margin-bottom:5px;
	font-weight: bold;
	overflow: auto;
	
}
.tabla100 img{
	
    width: 15px;
    height: 15px;
}



.pac_form90 {

	width:100%;
	height: 90%;

}



.subtabla {
	width:100%;
	height: 70%;
	overflow: auto;
	margin-bottom:5px;
}

.subtabla table{
	overflow:scroll;
}

.subtabla img{
	width: 15px;
    height: 15px;
}

.tabla {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align: left;
width: 100%;
border-collapse: collapse;

}

.tabla th {
padding: 5px;
font-size: 12px;
background-color: #067fb6;
//background-image: url(images\fondo_th.png);
background-repeat: repeat-x;
color: #FFFFFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #558FA6;
border-bottom-color: #558FA6;
font-family: “Trebuchet MS”, Arial;
text-transform: uppercase;
border-collapse: collapse;
}

.tabla tr:hover {
background-color: #f5f5f5;
}



.tablaform {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align: left;
width: 100%;

border-collapse: collapse;

}

.tablaform th {
padding: 2px;
font-size: 9px;
background-color: #939090;

color: #FFFFFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #558FA6;
border-bottom-color: #558FA6;
font-family: “Trebuchet MS”, Arial;
text-transform: uppercase;
border-collapse: collapse;
}

.tablaform tr:hover {
background-color: #f5f5f5
}

.tablaalterna{
width: 100%;
font-size: 12px;
border-spacing: 0px;
text-align:justify;
 background-color:#e5e5e5;;
 

}

.tablaalterna span{
font-size: 12px;
}

.tablaalterna img{
vertical-align:bottom;
width:10px;
height:10px;
}

.tablaalterna td{
   padding-left:5px;
   padding-right:5px;
   vertical-align: text-top;
   width:50%;
}

.cabeceraalterna {
    background-color:#2579ce!important;
	color: white;
}


.dedo, .dedo:hover{
	cursor: pointer;
}



.selected {
    background-color: brown;
    color: #FFF;
}


#capaVentana {
	visibility:hidden;
	position:absolute;
	padding:0px;
	left:20%;
	top:15%;
	z-index:3;
	background:#fff;
	
	font-size: 18px;
	display:block;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;
	border-radius: 10px;
	
}


.ventanaMaxima{
	width:50%;
	height:70%;
	
}
.ventanaGrande{
	width:50%;
	height:75%;
}
.ventanaMediana{
	width:20%;
	height:30%;
}

#capasubventana {
	visibility:hidden;
	position:absolute;
	padding:0px;
	left:20%;
	top:30%;
	z-index:5;
	background:#fff;
	width:50%;
	height:40%;
	font-size: 14px;
	display:block;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;
	border-radius: 10px;

}

#capaVentana.input{
float:right;
}
 
#capaFondo{
visibility:hidden;
position:absolute;
padding:0px;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-image:url(trans02.gif);
background-repeat:repeat;
width:100%;
height:100%;
z-index:2;
}

#capaFondo.input{
float:right;
}

#capasubfondo{
visibility:hidden;
position:absolute;
padding:0px;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-image:url(trans02.gif);
background-repeat:repeat;
width:100%;
height:100%;
z-index:4;
}

.form_sup{
	
	width: 98,5%;
    height: 8%;
	background: url(cabecera.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-left:10px;
	padding-top:10px;
	font-size: 25px;	
	border-radius: 10px 10px 0px 0px;
	

}

.form_sup img{

	width:20px;
	height:20px;
	margin-top:5px;
	margin-right:20px;
	float:right;

}



.tablamedico{
float:left;
padding-top:20%;
}
.form_med{
	float:left;
	width: 99%;
    height: 80%;
	padding-left: 5px;
	background-color: #e1e8f3;
	overflow:auto;
}

.form_med_lateral{
	
	width: 10%;
    height: 80%;
	
}

.form_med_lateral img{
	width: 15px;
    height: 15px;
	
}


.form_inf{

	float:left;
	width: 99%;
    height: 12%;
	margin:5px;


}

.form_inf_botones{
	padding-left:33%;
}

.form_inf_sub{
	width: 99%;
    height: 99%;
	padding-left:5px;
	
}

.form_inf_sub img{
	width: 15px;
    height: 15px;
	
}

.subform_sup{
padding-top:3px;
font-size: 22px;
}



.vivienda_et{

	width: 30%;
    height: 70%;
    float:left;
	font-weight: bold;
	margin-bottom: 5px;
	display:block;

}

.vivienda_et span{
	display:block;
	padding-top: 5px!important;
	font-size: 12px;
}

.vivienda_dat{

	width: 40%;
    height: 70%;
    float:left;
	margin-bottom: 5px;
	display:block;
	font-size: 12px;

}
.vivienda_dat span{
	display:block;
	font-size: 12px;
}

.vivienda_dat input{
	display:block;
	font-size: 12px;
}

.vivienda_dat select{
	display:block;
	font-size: 12px;
}


.encabezado{
	  font-size:12px;
	  margin-bottom:5px;
	  font-weight: bold;
}

#subcita{
	
    width: 98%!important;
    height: 60%!important;
	overflow: auto;
	
}

#cit_superior{
	width: 100%;
    height: 8%;
	font-size:12px;

}

#cit_sup_izda{

    width: 20%;
	height: 100%;
	float:left;
	font-size:14px;
	padding-top:5px;
}

#cit_sup_izda img{
	vertical-align:bottom;
    width: 20px;
    height: 20px;
}
#cit_sup_izda span{
	
	padding-top: 3px!important;
	cursor:pointer;
	font-size: 13px;

}


#cit_sup_dcha{

    width: 78%;
	height: 100%;
	float:left;
	
}

#cit_medio_dcha img{
    width: 20px;
	height: 20px;
	float:right;
}

#cit_medio{
	width: 98%;
    height: 78%;
	padding-top: 5px;

	
}

#res_medio{
	width: 98%;
    height: 88%;
	padding-top: 5px;

	
}

#cit_medio_izda{
	width: 28%;
    height: 97%;
	padding-top: 5px;
	float:left;
	margin-right:6px;


}

#cit_medio_izda_consulta{
	width: 95%;
    height: 90%;
	padding-top: 5px;
	float:left;
	margin-top:3px;
	overflow:auto;
	

}


#cit_medio_dcha{
	width: 70%;
    height: 99%;
	padding-top: 5px;
	float:left;
	display:inline;
	


}

#cart_medio_dcha{
	width: 99%;
    height: 90%;
	padding-top: 5px;
	float:left;
	display:inline;
}

#cart_medio_dcha img{
	width: 15px;
    height: 15px;
	float:right;
}

#cit_medio_dcha_filtros{
	width: 70%;
    height: 99%;
	padding-top: 5px;
	float:left;
	display:none;

}

#cart_medio_dcha_filtros{
	width: 99%;
    height: 99%;
	padding-top: 5px;
	float:left;
	display:none;

}


#cit_inferior{
	width: 97%;
    height: 7%;
	padding-top: 5px!important;
	font-size: 12px;

}
#cit_inferior img{
	vertical-align:bottom;
    width: 15px;
    height: 15px;
}

#trat_superior{

    width: 100%;
    height: 33%;

}
#trat_sup_top{
	float:left;
    width: 98%;
    height: 25%;
	
}

#trat_sup_top img{
	
    width: 20px;
    height: 20px;
}

#trat_sup_top span{
	font-size: 25px;
}


#trat_medio{
	width: 60%;
    height: 33%;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-left:5px;
	float:left;
	background:#afc9d1;
	font-size:12px;
}

#trat_medio textarea{
	
    width: 75%;
    height: 30%;

}

#trat_mediodcha{
	width: 38%;
    height: 33%;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-left:5px;
	float:left;
	background:#afc9d1;
	font-size:12px;
}

#trat_mediodcha textarea{
	
    width: 90%;
    height: 80%;

}

.altotrat{
	height:60%;
}

.anchollam{
	width:88%;
}

#trat_inferior{
	width: 99%;
    height:7%;
	padding-left:5px;
	padding-top:5px;
	float:left;
	background:#afc9d1;
}

#trat_cierre{
	width: 99%;
    height:15%;
	margin-bottom: 5px;
	padding-left:5px;
	padding-top:5px;
	float:left;
}


.cierre{
	width:99%!important;
	height:38%;
	overflow: auto;
	padding-top:10px;
}

#hist_sup{

	width: 100%;
	height: 50%;
	float:left;

}

#hist_sup img{
	vertical-align:bottom;
    width: 20px;
    height: 20px;
}
#hist_sup span{
	
	padding-top: 3px!important;
	cursor:pointer;
	font-size: 13px;

}


.hist_sup_izda{

    width: 75%;
	height: 14%;
	float:left;
	font-size:12px;
	padding-top:5px;
	/*font-weight: bold;*/

}

.hist_sup_dcha{

    width: 23%;
	height: 14%;
	float:left;
	font-size:12px;
	padding-top:5px;
	text-align:right;
	
}


.hist_sup_inf{

    width: 98%;
	height: 70%;
	float:left;
	font-size:10px;
	margin-top:1px;
	overflow: auto;
}




#hist_observaciones {

	width:100%;
	height: 45%;
	font-size:12px;
	margin-bottom:5px;
	font-weight: bold;
	overflow: auto;
	float:left;
	
}
#hist_observaciones img{
	
    width: 15px;
    height: 15px;
}

#hist_observaciones textarea{
	
    width: 99%;
    height: 70%;
}





.form_sup_izda{

    width: 75%;
	height: 8%;
	float:left;
	font-size:12px;
	padding-top:5px;
	font-weight: bold;
}

.form_sup_dcha{

    width: 23%;
	height: 8%;
	float:left;
	font-size:12px;
	padding-top:5px;
	text-align:right;
	
}




#buscapac_top{

	float:left;
    width: 98%;
    height: 5%;

}

#buscapac_top span{
	font-size: 12px;
	font-weight: bold;
}

#buscapac_superior{
	float:left;
    width: 98%;
    height: 42%;
	font-size: 13px;
	overflow: auto;


}



#buscapac_superior input[type=text]{
	
    height: 20px;
	

}

.buscapac_cabeceras{

	width: 10%;
    height: 90%;
    float:left;
	font-weight: bold;
	margin-top: 5px;

}

.buscapac_cabeceras span{
	display:block;
	margin-top: 5px!important;

}

.buscapac_datos{

	width: 23%;
    height: 90%;
    float:left;
	margin-top: 5px;

}

.buscapac_datos span{
	display:block;
	padding-top: 5px!important;
	font-size: 14px;
}


#buscapac_inferior{
	float:left;
    width: 98%;
    height: 50%;

}

.buscapac_pie{
	float:left;
    width: 98%;
    height: 3%;

}
.buscapac_pie img{

    width: 15px;
    height: 15px;
}

.tablabuscapac{
width: 85%;
height: 30%!important;
font-size: 12px;
padding-top: 1px;

}

.tablabuscapac tr{

}
.tablabuscapac th{
width:10%;
text-align:left;
}

.tablabuscapac td{
width:23%;
}	

.tablabuscapacfecha{
width: 60%;
height: 30%!important;
font-size: 12px;
padding-top: 1px;
float:left;
}

.tablabuscapacfecha tr{

}
.tablabuscapacfecha th{
width:15%;
text-align:left;
}

.tablabuscapacfecha td{
width:17%;
}


#asistencia_superior{
	float:left;
    width: 98%;
    height: 7%;

}

#asistencia_superior img{
	 width: 20px;
    height: 20px;
}

#asistencia_inferior{
	float:left;
    width: 98%;
    height: 91%;

}

#usuarios_superior{
	float:left;
    width: 98%;
    height: 7%;

}

#usuarios_superior img{
	 width: 20px;
    height: 20px;
}

#usuarios_inferior{
	float:left;
    width: 98%;
    height: 91%;

}


#hospital_superior{
	float:left;
    width: 98%;
    height: 7%;

}

#hospital_superior img{
	 width: 20px;
    height: 20px;
}

#hospital_inferior{
	float:left;
    width: 98%;
    height: 91%;

}


#medico_superior{
	float:left;
    width: 98%;
    height: 7%;

}

#medico_superior img{
	 width: 20px;
    height: 20px;
}

#medico_inferior{
	float:left;
    width: 98%;
    height: 91%;
	
}


#recursos_superior{
	float:left;
    width: 98%;
    height: 7%;

}

#recursos_superior img{
	 width: 20px;
    height: 20px;
}

#recursos_inferior{
	float:left;
    width: 98%;
    height: 91%;

}

.calendario{
	 width:20px; 
	
}


.situaciones_et{

	width: 30%;
    height: 70%;
    float:left;
	font-weight: bold;
	margin-bottom: 5px;
	display:block;

}

.situaciones_et span{
	display:block;
	padding-top: 5px!important;
	font-size: 12px;
}

.situaciones_dat{

	width: 40%;
    height: 70%;
    float:left;
	margin-bottom: 5px;
	display:block;
	font-size: 12px;

}
.situaciones_dat span{
	display:block;
	font-size: 12px;
}

.situaciones_dat input{
	display:block;
	font-size: 12px;
}

.situaciones_dat select{
	display:block;
	font-size: 12px;
}



.notas_et{

	width: 30%;
    height: 70%;
    float:left;
	font-weight: bold;
	margin-bottom: 5px;
	display:block;

}

.notas_et span{
	display:block;
	padding-top: 5px!important;
	font-size: 12px;
}

.notas_dat{

	width: 40%;
    height: 70%;
    float:left;
	margin-bottom: 5px;
	display:block;
	font-size: 12px;

}
.notas_dat span{
	display:block;
	font-size: 12px;
}

.notas_dat input{
	display:block;
	font-size: 12px;
}

.notas_dat select{
	display:block;
	font-size: 12px;
}


#buscainv_top{

	float:left;
    width: 98%;
    height: 12%;

}

#buscainv_top span{
	font-size: 12px;
	font-weight: bold;
}

#buscainv_superior{
	float:left;
    width: 98%;
    height: 28%;
	font-size: 12px;
}
#buscainv_superior img{
	 width: 15px;
    height: 15px;
}
.buscainv_cabeceras{

	width: 10%;
    height: 90%;
    float:left;
	font-weight: bold;
	margin-top: 5px;

}

.buscainv_cabeceras span{
	display:block;
	padding-top: 5px!important;

}

.buscainv_datos{

	width: 23%;
    height: 90%;
    float:left;
	margin-top: 5px;

}

.buscainv_datos span{
	display:block;
	padding-top: 5px!important;
	font-size: 14px;
}


#buscainv_inferior{
	float:left;
    width: 98%;
    height: 58%;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;
}

.imagenPestanya{
	margin-bottom:-5px!important;
	width:20px;
	height:20px;
}
/*
.tabs-title[1]{
	background-image:url("images/asistencia.png")!important;
	//background-color:red!important;
}
*/
.estilo_formulario{
	width:95%;
	border:0px solid red;
	margin-top:5px;
	margin-bottom:15px;
	font-size:12px;
}
.estilo_formulario input{
	
	font-size:12px;
}
.estilo_formulario td{
	
	border:0px solid red;
}
.estilo_formulario tr td:nth-child(1){
	
	width:20%;
}
.estilo_formulario tr td:nth-child(2){
	
	width:50%;
}
.estilo_formulario tr td:nth-child(3) img{
	
	width:30%;
	opacity:0.6;
	
}
.estilo_formulario tr:last-child td{
	
	padding-top:10px;
	
}

.estilo_tabla2{
	width:95%;
	--border:1px solid red;
	font-size:12px;
	margin-top:1px;
}
.estilo_tabla2 td{
	--border:1px solid red;
	
}
.estilo_tabla2 tr td:nth-child(1){
	width:8%;
}
.estilo_tabla2 tr td:nth-child(2){
	
	width:15%;
	fon-align:left;
}
.estilo_tabla2 tr td:nth-child(3){
	
	width:8%;
}
.estilo_tabla2 tr td:nth-child(4){
	
	width:15%;
	fon-align:left;
}
.estilo_tabla2 tr td:nth-child(5){
	
	width:8%;
}
.estilo_tabla2 tr td:nth-child(6){
	
	width:15%;
	fon-align:left;
}
.estilo_tabla2 tr td:nth-child(7){
	
	width:25%;
	
}
.estilo_tabla2 tr td:nth-child(7) img{
	
	opacity:0.6;
}

.boton_cancelar{
	background-color:yellow;
}

.boton_modificar{
	background-color:grey;
}

.boton_aceptar{
	 background-color:#26bbed; 
	 background-image: -moz-linear-gradient(top, #26bbed 0%, #1a5569 100%); 
	 background-image: -webkit-linear-gradient(top, #26bbed 0%, #1a5569 100%); 
	 background-image: -o-linear-gradient(top, #26bbed 0%, #1a5569 100%); 
	 background-image: -ms-linear-gradient(top, #26bbed 0% ,#1a5569 100%); 
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a5569', endColorstr='#1a5569',GradientType=0 ); 
	 background-image: linear-gradient(top, #26bbed 0% ,#1a5569 100%);   
	 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
	 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
	 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
}
.boton_borrar{
	background-color:red;
	float: right;
}

.boton_derecha{
	background-color:blue;
	float: right;
}

.boton_izquierda{
	background-color:brown;
	float: left;
}

.botones{
	display:inline-block;
	text-decoration:none; 
	 text-align:center; 
	 padding:8px 15px ; 
	 border:solid 1px #004F72; 
	 -webkit-border-radius:4px;
	-moz-border-radius:4px; 
	 border-radius: 4px; 
	 font:12px Arial, Helvetica, sans-serif; 
	 font-weight:bold; 
	 color:#E5FFFF; 
	

}
.botones:hover{
	opacity:0.5;
	cursor: pointer;
}
.botones img{
	width:15px;
	height:15px;
	margin-right:3px;
	vertical-align:middle!important;
}

.imagen10 img{
	width: 10px;
    height: 10px;
	vertical-align:bottom;
}

.imagen15 img{
	width: 15px;
    height: 15px;
	vertical-align:bottom;
}
.imagen20 img{
	width: 20px;
    height: 20px;
	vertical-align:bottom;
}
.imagen25{
	width: 25px;
    height: 25px;
	vertical-align:bottom;
}

.imagen100{
	width: 100px;
    height: 100px;
}

.buscar {
     background: transparent url("images/buscar.png") no-repeat scroll center center;
	}
.citas {
     background: transparent url("images/citas.png") no-repeat scroll center center;
	}	
.cartera {
     background: transparent url("images/cartera.png") no-repeat scroll center center;
	}
.hospital {
     background: transparent url("images/hospital_ico.png") no-repeat scroll center center;
	}
 .medico {
     background: transparent url("images/medico_ico.png") no-repeat scroll center center;
	}
 .recursos {
     background: transparent url("images/recursos_ico.png") no-repeat scroll center center;
	}
 .citas {
     background: transparent url("images/citas_ico.png") no-repeat scroll center center;
	}
 .inventario {
     background: transparent url("images/inventario_ico.png") no-repeat scroll center center;
	}
	
 .recargar:hover,.recargar,.recargar:visited{
		color:black;
		text-decoration:none;
		margin-left:5px;
		font-size:12px;
}
.eliminarAdjunto{
	position:relative;
	left:+80px!important;
	top:-100px!important;

}
.adjuntos{
	display:inline-block;
	
}
/*
.estilo_pestana {
    border-color: #95B8E7;
	list-style-type: none;
}
.estilo_pestana li span{
    color: #0E2D5F;
    background-color: #E0ECFF;
    background: -webkit-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
    background: -moz-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
    background: -o-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
    background: linear-gradient(to bottom,#EFF5FF 0,#E0ECFF 100%);
        background-repeat: repeat;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#E0ECFF,GradientType=0);
}
.estilo_pestana span {
   
    text-decoration: none;
    margin: 0;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.estilo_pestana li, .estilo_pestana li span{ 
	display: inline-block;
	margin: 0;
	cursor: pointer;
}*/



.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: center;
  border-collapse: collapse;

}
.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
.blueTable tbody td {
  font-size: 11px;
}
.blueTable tr:nth-child(even) {
  background: #D0E4F5;
}
.blueTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;

}
.blueTable thead th {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
  
}
.blueTable thead th:first-child {
  border-left: none;

}

.blueTable tfoot {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
.blueTable tfoot td {
  font-size: 11px;
}
.blueTable tfoot .links {
  text-align: right;
}
.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.blueTable img{
	width: 15px;
    height: 15px;
	float:left!important;
}

.filacita tr:nth-child(even) {
  background:#ccc7c7;
}

.GridviewScrollHeader {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
  
}

.rescab td {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
  font-size: 12px!important;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
  
}




input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   opacity: 1;
}


.oculto{
visibility:hidden;
}

.destaca{
	font-size: 15px!important;
	color: #1C6EA4;
	cursor: auto!important;
}


.histoetiqueta{
	color:#a4cbf2;
	
}
.hisgrupo{
	/* border-radius: 5px;
	border-style: solid;
	border-color: #ddd9d9!important;
	border-width: thin;
	background-color: #ddd9d9; */
	color:black;
	font-weight:bold; 
	font-size: 12px;
	
}
.av_act_etiqueta{
	color:#062be5;
	font-size: 12px!important;
	
}
.av_act_datos{
	color:#5a6363;
	font-size: 12px!important;
	
}
.av_act_comentarios{
	color:black;
	font-size: 12px!important;
	
}
.av_act_titular{
	color:black;
	font-size:12px;
	font-weight:bold; 
}

.iniTable {
  border: 0px solid #1C6EA4;
  /*background-color: #EEEEEE;*/
  width: 100%;
  text-align: left;
  border-collapse: collapse;

}
.iniTable td, table.iniTable th {
  border: 0px solid #AAAAAA;
  padding: 5px 2px;
}
.iniTable tbody td {
  font-size: 11px;
    background: #FFFFFF;
	border-bottom: 2px solid #686666;
	
	
}
/*.iniTable tr:nth-child(even) {
  background: #D0E4F5;
}*/
.iniTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;

}
.iniTable thead th {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
  
}
.iniTable thead th:first-child {
  border-left: none;

}

.iniTable tfoot {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
.iniTable tfoot td {
  font-size: 11px;
  background: #D0E4F5;
}
.iniTable tfoot .links {
  text-align: right;
}
.iniTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}


.cuadrante {
    float:left;
    width: 48%;
    height: 46%;
    background: #686666;
	padding: 5px 1px 1px 1px;
	border-style: solid;
	border-color: #b5b1b1!important;
	border-width: thin;
	border-radius: 10px	10px 0px 0px;
	margin-bottom:5px;
	margin-left:15px;
}

.cuadrante img{
	width: 20px;
    height: 20px;
	vertical-align:bottom;
}

.cuadrante span{
	font-size:12px;
}

.cuadinterno{
	float:left;
    width: 100%;
    height: 90%;
	overflow: auto;
	 background: #e5e5e5;

}

.ocultar{
display:none;
}

.inietiqueta{
font-size:18px!important;
color:white;
}


.avipartido {
    float:left;
    width: 48%;
    height: 90%;
 
	padding: 5px 1px 1px 1px;
	
	margin-bottom:1px;
	margin-left:2px;
}

.PRIVADA{
color:red!important;
background:#e5e5e5!important;
}

.PUBLICA{
color:blue!important;
background:#e5e5e5!important;
}





.dropdown dd,
.dropdown dt {
  margin: 0px;
  padding: 0px;
}

.dropdown ul {
  margin: -1px 0 0 0;
}

.dropdown dd {
  position: relative;
}

.dropdown a,
.dropdown a:visited {
  color: #fff;
  text-decoration: none;
  outline: none;
  font-size: 12px;
}

.dropdown dt a {
  background-color: #4F6877;
  display: block;
  padding: 8px 20px 5px 10px;
  min-height: 25px;
  line-height: 24px;
  overflow: hidden;
  border: 0;
  width: 272px;
}

.dropdown dt a span,
.multiSel span {
  cursor: pointer;
  display: inline-block;
  padding: 0 3px 2px 0;
}

.dropdown dd ul {
  background-color: #4F6877;
  border: 0;
  color: #fff;
  display: none;
  left: 0px;
  padding: 2px 15px 2px 5px;
  position: absolute;
  top: 2px;
  width: 280px;
  list-style: none;
  height: 100px;
  overflow: auto;
}

.dropdown span.value {
  display: none;
}

.dropdown dd ul li a {
  padding: 5px;
  display: block;
}

.dropdown dd ul li a:hover {
  background-color: #fff;
}

.div33{
    float:left;
    width: 33%;
    height: 99%;
    background: #e5e5e5;
	margin-top:2px;
	overflow: auto;
}

.div20{
    float:left;
    width: 20%;
    height: 99%;
    background: #e5e5e5;
	margin-top:2px;
	overflow: auto;
}

.div33_50{
    float:left;
    width: 100%;
    height: 50%!important;
    background: #e5e5e5;
	
	overflow: auto;
}

.estilo_tablares{
	width:99%!important;
	--border:1px solid red;
	font-size:14px;
	margin-top:1px;
}
.estilo_tablares td{

}
.estilo_tablares tr td:nth-child(1){
	width:40%!important;
	color:#190f38;
}
.estilo_tablares tr td:nth-child(2){
	color:#1a93bf;
	width:60%;
	fon-align:left;
}

.modalidad tr td:nth-child(1){
	width:65%!important;
	color:#190f38;
	font-size:12px;
}
.modalidad tr td:nth-child(2){
	color:#1a93bf;
	width:35%;
	fon-align:left;
}


.form_settings textarea, .form_settings select { 
  font: 100% arial; 
  --width: 220px;
}

.form_settings select { 
 --width: 220px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}


#buscatar_top{

	float:left;
    width: 98%;
    height: 12%;

}

#buscatar_top span{
	font-size: 12px;
	font-weight: bold;
}

#buscatar_superior{
	float:left;
    width: 98%;
    height: 35%;
	font-size: 12px;
}
#buscatar_superior img{
	 width: 15px;
    height: 15px;
}

#buscatar_pie{
	float:left;
    width: 98%;
    height: 5%;
	font-size: 12px;
}
#buscatar_pie img{
	 width: 15px;
    height: 15px;
}
.buscatar_cabeceras{

	width: 10%;
    height: 90%;
    float:left;
	font-weight: bold;
	margin-top: 5px;

}

.buscatar_cabeceras span{
	display:block;
	padding-top: 5px!important;

}

.buscatar_datos{

	width: 23%;
    height: 90%;
    float:left;
	margin-top: 5px;
	
}

.buscatar_datos span{
	display:block;
	padding-top: 5px!important;
	font-size: 14px;
}


#buscatar_inferior{
	float:left;
    width: 98%;
    height: 63%;
	--border-style: solid;
	--border-color: #067fb6!important;
	--border-width: thin;
}

#buscasolag_superior{
	float:left;
    width: 98%;
    height: 12%;
	font-size: 12px;
}
#buscasolag_superior img{
	 width: 15px;
    height: 15px;
}


#buscasolag_inferior{
	float:left;
    width: 98%;
    height: 86%;
	--border-style: solid;
	--border-color: #067fb6!important;
	--border-width: thin;
}

#buscasolag_pie{
	float:left;
    width: 98%;
    height: 5%;
	font-size: 12px;
}

#buscasolag_pie img{
	 width: 15px;
    height: 15px;
}


#buscasol_top{

	float:left;
    width: 98%;
    height: 12%;

}

#buscasol_top span{
	font-size: 12px;
	font-weight: bold;
}

#buscasol_superior{
	float:left;
    width: 98%;
    height: 20%;
	font-size: 12px;
}
#buscasol_superior img{
	 width: 15px;
    height: 15px;
}

#buscasol_pie{
	float:left;
    width: 98%;
    height: 5%;
	font-size: 12px;
}
#buscasol_pie img{
	 width: 15px;
    height: 15px;
}
.buscasol_cabeceras{

	width: 10%;
    height: 90%;
    float:left;
	font-weight: bold;
	margin-top: 5px;

}

.buscasol_cabeceras span{
	display:block;
	padding-top: 5px!important;

}

.buscasol_datos{

	width: 23%;
    height: 90%;
    float:left;
	margin-top: 5px;

}

.buscasol_datos span{
	display:block;
	padding-top: 5px!important;
	font-size: 14px;
}


#buscasol_inferior{
	float:left;
    width: 100%;
    height: 85%;
	--border-style: solid;
	--border-color: #067fb6!important;
	--border-width: thin;
}

.pac_busca {

	width:100%;
	height: 98%;
	font-size:12px;
	margin-bottom:5px;
	font-weight: bold;
	/*overflow: auto;*/
	
}


/*tabla contratos*/


.contraTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;

}
.contraTable td, table.contraTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
.contraTable tbody td {
  font-size: 11px;
}
.contraTable tr:nth-child(even) {
  background: #D0E4F5;
}
.contraTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;

}
.contraTable thead th {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
  
}
.contraTable thead th:first-child {
  border-left: none;

}

.contraTable tfoot {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
.contraTable tfoot td {
  font-size: 11px;
}
.contraTable tfoot .links {
  text-align: right;
}
.contraTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.contraTable img{
	width: 15px;
    height: 15px;
	float:left!important;
}

.fondoverde {
background: green;
}

.fondogris {
background: grey;
}

.eticon{
color:brown;
font-weight: bold;
}

.etgrab{
color:blue;
font-weight: bold;
}

.divtextolegal
{
	width:97%;
	height:97%;
	background-color:#f9f9c5;
	overflow:auto;
	font-size: 12px;
	padding: 4px 8px 2px 8px;
}


#vici_top{

	float:left;
    width: 98%;
    height: 12%;

}

#vici_top span{
	font-size: 12px;
	font-weight: bold;
}

#vici_superior{
	float:left;
    width: 98%;
    height: 3%;
	font-size: 12px;
}
#vici_superior img{
	 width: 15px;
    height: 15px;
}

#vici_pie{
	float:left;
    width: 98%;
    height: 2%;
	font-size: 12px;
}
#vici_pie img{
	 width: 15px;
    height: 15px;
}
.vici_cabeceras{

	width: 10%;
    height: 90%;
    float:left;
	font-weight: bold;
	margin-top: 5px;

}

.vici_cabeceras span{
	display:block;
	padding-top: 5px!important;

}

.vici_datos{

	width: 23%;
    height: 90%;
    float:left;
	margin-top: 5px;

}

.vici_datos span{
	display:block;
	padding-top: 5px!important;
	font-size: 14px;
}


#vici_inferior{
	float:left;
    width: 98%;
    height: 94%;
	--border-style: solid;
	--border-color: #067fb6!important;
	--border-width: thin;

}

#buscacrm_superior{
	position:absolute;
	float:left;
    width: 98%;
    height: 28%;
	font-size: 12px;
	z-index:4;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;
		display:block;
	background-color:#e1e8f3;
}

#buscacrm_superior img{
	 width: 15px;
    height: 15px;
}

#buscacrm_pie{
	float:left;
    width: 98%;
    height: 5%;
	font-size: 12px;
}
#buscacrm_pie img{
	 width: 15px;
    height: 15px;
}

#buscacrm_inferior{
	float:left;
    width: 98%;
    height: 93%;
	--border-style: solid;
	--border-color: #067fb6!important;
	--border-width: thin;
	
}


.inc_sup{
	
	width: 98,5%;
    height: 27%;
	background-color: blue;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 12px;	
	border-radius: 0px 0px 0px 0px;
	color:white;

}

.inc_sup img{

	width:20px;
	height:20px;
	margin-top:5px;
	margin-right:10px;
	float:right;

}

.inc_med{
	float:left;
	width: 99%;
    height: 68%;
	padding-left: 5px;
	background-color: #dbd4d4;
	overflow:auto;

}

.inc_med img{

	width:20px;
	height:20px;
	margin-top:5px;
	margin-right:10px;
	float:right;

}
.inc_fecha{
	color: red;
	font-size:12px;

}

.inc_usuario{
	color: brown;
	font-size:12px;

}

.inc_tipo{
	color: blue;
	font-size:12px;

}

.inc_observaciones{
	font-size:11px;

}


#buscarpt_top{

	float:left;
    width: 98%;
    height: 12%;

}

#buscarpt_top span{
	font-size: 12px;
	font-weight: bold;
}

#buscarpt_superior{
	float:left;
    width: 98%;
    height: 28%;
	font-size: 12px;
}
#buscarpt_superior img{
	 width: 15px;
    height: 15px;
}

#buscarpt_pie{
	float:left;
    width: 98%;
    height: 5%;
	font-size: 12px;
}
#buscarpt_pie img{
	 width: 15px;
    height: 15px;
}

#buscarpt_inferior{
	float:left;
    width: 98%;
    height: 70%;
	--border-style: solid;
	--border-color: #067fb6!important;
	--border-width: thin;
}


.panelo{
	
	width:15%;
	height:95%;
	border-style:solid;
	border-color:#898686!important;
	border-width:thin;
	border-radius:10px;
	margin-bottom:5%;
	margin-right:1%;
	text-align:center;
	float:left;
	
	
}

.paneltop{
	height:80%;
	background-color:#898686;
	border-radius:10px 10px 0px 0px;
	
}

.paneltop span{

font-size:500%!important;
text-align:center;
color:white;

}
.fuentemen span{
font-size:400%!important;
}

.panelsub{
	height:20%;
	background-color:white;
	border-radius:0px 0px 10px 10px;

}

.panelsub span{

font-size:100%!important;
text-align:center;
color:898686;
font-weight: bold;
}

.ancho80
{
width:80%;
}

.ancho20
{
width:20%;
float:right;
}

.ancho80 img{
vertical-align:bottom;
width:10px;
height:10px;
}

.imagenderecha img{
	width: 15px;
    height: 15px;
	float:none!important ;
}


#buscaasig_superior{

	visibility:hidden;
    width: 98%;
    height: 95%;
	font-size: 12px;
	z-index:1;
	position:absolute;
	display:block;
	background-color:grey;
}
#buscaasig_superior img{
	 width: 15px;
    height: 15px;
	
}#buscaasig_inferior{
	float:left;
    width: 98%;
    height: 90%;
	--border-style: solid;
	--border-color: #067fb6!important;
	--border-width: thin;

}

#mensajederecha {
    float:right;
    width: 48%;
    height: 86%;
	visibility:hidden;
	position:absolute;
	padding:0px;
	left:50%;
	top:12%;
	z-index:5;
	display:block;
	 background: #e5e5e5;
	border-radius: 1px;
	--overflow: auto;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;

}

.diviconos{
	float:left;
	width: 85%;
    height: 70%;
    border-radius: 5px;
	padding: 10px 10px 10px 10px;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;
	color: #031c83;
	overflow:auto;
	
}

.iconomen{
	width:20px!important;
    height:20px!important;
}

.divtextomensaje{
	width:90%;
	height:70%;
	margin-left:18px;
	background-color:#fcf9c2;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;
	color: #031c83;
	overflow:auto;
}

.gradahorizontal {
	width:99%;
	height:10%;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	background-color:#ce9569;
	text-align:center;
	--padding-top:15px;
	color:#d8caa0;
	font-size:12px;
	}
	
.gradahorsup {
	width:37%;
	height:10%;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	background-color:#ce9569;
	text-align:center;
	--padding-top:15px;
	color:#d8caa0;
	font-size:12px;
	float:left;
	}	

.gradahorlg {
	width:18%;
	height:10%;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	background-color:#ce9569;
	text-align:center;
	--padding-top:15px;
	color:#d8caa0;
	font-size:12px;
	float:left;
	}	

.gradahortr {
	width:2.5%;
	height:10%;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	text-align:center;
	--padding-top:15px;
	color:#d8caa0;
	font-size:12px;
	float:left;
	}	

.gradahorcorta
{
	width:32%;
}

.gradahorcortaminho
{
	width:28%;
}

.gradahorlargaminho
{
	width:26%;
}	


	
.puerta {
	width:90%;
	height:21%;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	background-color:blue;
	--border-top-left-radius:     25em 25em;
	--border-top-right-radius:    1em 5em;
	--border-bottom-right-radius: 1em 5em;
	--border-bottom-left-radius:  1em 5em;
	font-size:12px;
}

.pizquierdasup{
	border-top-left-radius:     25em 25em;
}

.pizquierdainf{
	border-bottom-left-radius:     25em 25em;
}

.pderechasup{
	border-top-right-radius:     25em 25em;
}

.pderechainf{
	border-bottom-right-radius:     25em 25em;
}


.gradalateral {
	width:42%;
	height:50%;
	float:left;
	margin-left:5px;
	margin-top:5px;
	background-color:#ead293;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	text-align:center;
	font-size:12px;
}

.gradalateralinf {
	width:42%;
	height:16%;
	float:left;
	margin-left:5px;
	margin-top:5px;
	background-color:#ead293;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	text-align:center;
	font-size:12px;
}

.gradalateralder{
width:90%;
}


.cancha {
	width:93%;
	height:50%;
	float:left;
	margin-left:3%;
	margin-right:3%;
	margin-top:5px;
	background-color:yellow;
}

.cancha img{
	width:100%;
	height:100%;
}

.textogradahorizontal{
	margin-left:5%;
	margin-top:10%;
}

.apartado{

text-align:center;
background-color:blue;
color:white;
width:57%;
height:3%;
margin-left:12%;
min-height:50px;	
font-size:2.5em;
}


.numeracion{
	width:10%;
	height:100%;
	
	 float:left;
	 --padding:1%;
}

.bola{
	width:75%;
	height:75%;
	background-color:white;
	 border-radius: 30%;
	 margin-top:10%;
	 margin-left:10%;
	 
}

.bola span{

	font-size:0.8em;
	color:blue;
	margin: auto;
	font-weight:bold;
	 
}
.textosec{
	width:90%;
	height:100%;
	float:left;
	text-align:left;
}


#cababono {
    float:left;
    width: 98%;
    height: 7%;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
	margin-bottom:5px;
	margin-right:10px;
	background-color:blue;
	opacity: 0.7;
	background-size: cover;
	background-repeat: no-repeat;
	border-style: solid;
	border-color: #067fb6!important;
	border-width: thin;
	color: #031c83;
	
}

#cababono img{
	float: left;
	text-align:left;
	width:50px;
	height:50px;
	vertical-align:bottom;
	
}

#cababono span{
	
	padding-top: 3px!important;
	font-size: 4em;
	color:white;
	vertical-align:middle!important;
	
}



.formalta{
	width:70%;
	height:60%;
	padding:32px;
	border-radius:10px;
	margin:auto;
	background-color:#ccc;
	font-size:2em;
}

.formalta label{
	width:20%;
	font-weight:bold;
	display:inline-block;
}

.formalta input[type="text"],
.formalta input[type="email"],
.formalta select{
	width:70%;
	padding:3px 10px;
	border:1px solid #f6f6f6;
	border-radius:3px;
	background-color:#f6f6f6;
	margin:8px 0;
	display:inline-block;
	font-size:1em;
}

.formalta input[type="submit"]{
	width:100%;
	padding:8px 16px;
	margin-top:32px;
	border:1px solid #000;
	border-radius:5px;
	display:block;
	color:#fff;
	background-color:blue;
	font-size:2em;
} 



.formalta input[type="submit"]:hover{
	cursor:pointer;
}

.formalta textarea{
	width:100%;
	height:100px;
	border:1px solid #f6f6f6;
	border-radius:3px;
	background-color:#f6f6f6;			
	margin:8px 0;
	/*resize: vertical | horizontal | none | both*/
	resize:none;
	display:block;
}	

.volver{
	width:100px;
	height:100px;

}


.mitadpr
{
	width:49%;
	height:90%;
	float:left;
}

.panelpr{
	width:98%;
	height:50%;
	margin:1%;
	padding:5px;
	--border-style: solid;
	border-color: #067fb6!important;
	--border-width: thin;
	border-radius:3px;
	float:left;
	overflow:auto;
}


.altopr70
{
width:98%;
height:70%;
}

.altopr30
{
width:98%;
height:30%;
}

.lb_zona{
font-size:20px;
color:brown;
}

.dat_zona{
font-size:20px;
color:blue;
}

.asiento 	{

width:3.5%;
height:4%;
--background-color:red;
margin:1.5px;
border-style: solid;
border-color: #067fb6!important;
border-width: thin;
border-radius:3px;
float:left;
}

.asientomin{
width:3%;
height:3.5%;
margin:1px;

}

.datosasiento{
	width:69%;
	height:95%;
	margin:2px;
}

.datosasiento span{
text-align:middle;
}

.labdatosasiento{
font-weight:bold;
}


.azul{
background-color:blue;
}

///////////////////////
////**grafico barras**/////
///////////////////


@import "lesshat";

/* Mixings &  Variables */
@barHeight: 30px;
@borders: #717D95;
@primary: #59BAC0;

.transition (@property) {
  -webkit-transition: @property;
  -moz-transition: @property;
  -o-transition: @property;
  transition: @property 
}

.transform(@degree) {
  transform:rotate(@degree);
  -ms-transform:rotate(@degree);
  -webkit-transform:rotate(@degree); 
}

*{
  box-sizing: border-box;
}

.grafico-barras{
	margin-bottom: 1em;
	position: relative;
	width: 80%;
  margin: 1em;
	height: auto;
}

.barra-fondo{
  border-radius: 2px;
    background: #DAE4EB;
    margin-bottom: 10px;
    display: block;
}

.barras{  
    background-color: cyan;    
    .transition(all 1s ease-out);
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 10px;
    padding-left: .5em;
    position: relative;
    z-index: 9999;
    display: block;
    height: 30px;  
    width: 0%; 
    
    
    &:hover {
      .transition(all 0.5s ease);
    }
    
    &:last-child {
      margin-bottom: 0;
    }
    
    &:after {
      position: absolute;
      content: attr(data-value);
      display: none;
      
      font-size: 10px;
      border-radius: 4px;
      background: rgba(0,0,0,0.5);
      color: #fff;      
       
      padding: 0 5px;
      
      margin-left: 2px;
      left: 100%;
      top: 0;
    }
    
    &:hover:after {
      display: block;
    }
  
  
  &-legend {
    position: absolute;
    margin-right: 10px;
    left: -20px ;
    z-index: 9999;
  }

}

//////////////////////