/*Estilo azul corporativo predeterminado aplicado al cuerpo de la pagina*/
/*color azul #EFF3FB*/
body {
	font-family: Arial;
	font-size: 9pt; /*margin-top: 3%;
	#9999CC el moradito*/
background-color: white;
margin:0px;
}

/*Estilo aplicado a la tabla plantilla principal contenida en la master page*/
#template {
	font-family: Arial;
	font-size: 8pt;
	width: 950px;
}

/*Estilo aplicado unicamente a la seccion de encabezado de la plantilla principal*/
#header {
	font-family: Arial;
	font-size: 8pt;
	width: 950px;
	height: 60px;
	background-color: white;
	border-color: #EEEEEE;
}

/*Estilo aplicado a la seccion de control de status de usuario en una pagina, logueado o no logueado por ejemplo*/
* {
	font-family: Arial;
}

#status {
	font-family: Arial;
	font-size: 8pt;
	width: 120px;
	height: 20px;
	text-align: center;
	background-color: lightsteelblue;
	vertical-align: middle;
	border-style: outset;
	border-width: 1px;
	border-color: #EEEEEE;
}

/*Estilo aplicado a la seccion de la plantilla donde va situado el menu*/
#menu {
	font-family: Arial;
	font-size: 8pt;
	width: 830px;
	height: 20px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 5px;
	border-style: outset;
	border-width: 2px;
	border-color: #EEEEEE;
	background-color: whitesmoke;
}

/*Estilo aplicado a la seccion donde deberia ir ubicado el sitemappath*/
#navegacion {
	font-family: Arial;
	font-size: 7pt;
	width: 950px;
	background-color: transparent; /*background-color:  lightgray;
	*/
padding-left: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #EEEEEE;
}

/*Estilo aplicado a la seccion de la plantilla donde va ubicado el treeview*/
#treeview {
	font-family: Arial;
	font-size: 8pt;
	width: 120px;
	vertical-align: top;
	background-color: WhiteSmoke;
	padding-top: 5px;
}

/*Estilo aplicado a la seccion donde esta ubicado el contenido dinamico del sitio web*/
#contenido {
	font-family: Arial;
	font-size: 8pt;
	width: 950px;
	height: 300px;
	padding: 8px;
	vertical-align: top;
	background-color: White;
	z-index: auto;
}

/*Estilo aplicado a la seccion de informacion de la plantilla normalmente ubicado debajo del contenido*/
#info {
	font-family: Arial;
	font-size: 7pt;
	width: 950px;
	text-align: left;
	background-color: WhiteSmoke;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
}

/*Estilo aplicado a la barra de iconos y enlaces dentro de la plantilla normalmente ubicado arriba del footer*/
#links {
	font-family: Arial;
	font-size: 8pt;
	text-align: center;
	background-color: lightsteelblue;
	padding-bottom: 5px;
	padding-top: 5px;
	border-style: outset;
	border-width: 2px;
	width: 950px;
	height: 40px;
	border-color: #EEEEEE;
}

/*Estilo aplicado al pie de la pagina*/
#footer {
	font-family: Arial;
	font-size: 7pt;
	width: 950px;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}

/*Estilo clase que puede ser aplicado al encabezado de un gridview*/
.gridview_header {
	background-image: url(imagenes/degradado_top.png);
	background-repeat: repeat-x;
	background-position: top left;
	background-attachment: inherit;
}

/*Estilo clase que puede ser aplicado al pie de un gridview*/
.gridview_footer {
	background-image: url(imagenes/degradado_bottom.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	background-attachment: inherit;
}

.MenuIE8 {
	position: relative;
	z-index: 50;
}

.data_grid {
	margin: 25px auto;
	font-size: 11px;
	width: 650px;
}

.data_grid_peq {
	margin: 25px auto;
	font-size: 7px;
	width: 650px;
}

.data_grid table td {
	border: 0;
}

.data_grid td {
	border: 1px solid #f1f1f1;
	text-align: center;
	padding: 3px;
}

.data_grid td.subtitle {
	text-align: left;
}

.data_grid th {
	background-color: #f1f1f1;
	padding: 5px;
	height: 40px;
}

.data_grid tr.selected {
	background: #ddd;
}

.data_grid a {
	color: #17A000;
}

.data_row {
	height: 40px;
}

.data_row:hover {
	background-color: #f3f3f3;
}

.data_tabla {
	font-size: 14px;
}

.data_grid2 {
	font-size: 6px;
}

.labelverde1 {
	background-color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 2px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	width: 100%;
	height: 25px;
}

.labelverde2 {
	background-color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 1px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	width: 50px;
	height: 25px;
}

.labelverde3 {
	background-color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 1px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	width: 100px;
	margin-bottom: 5px;
}

.labelverde6 {
 
    vertical-align: middle;
    background-color: #84b816;
    border-radius: 5px;
    color: #ffffff;
    font-style: normal;
    padding: 6px;
    text-align: center;
    -webkit-box-shadow: 2px 2px 1px #888888;
    box-shadow: 2px 2px 1px #888888;
  display:block;
      /*width:170px;*/
    /*float:left;*/
}

.tituloazul {
	background-color: #007bbf;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	color: #ffffff;
	font-family: Arial;
	font-style: bold;
    font-size:12pt;
	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
	height: 25px;
	padding: 3px;
}

.btn_azul {
	background-color: #007bbf;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	color: #ffffff;	
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-radius: 5px;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
}
.btn_azul_pqno {
    background-color: #007bbf;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	color: #ffffff;	
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
 border-bottom-right-radius:5px;
 border-radius: 5px;
 width:95% !important;
	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
}
.btn_verde {
	background-color: #84b816;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	color: #ffffff;	
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-radius: 5px;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
}

.labelverde {
	background-color: #84b816;
	border-radius: 5px;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	margin-bottom: 15px;
	text-align: center;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	width: 100%;
	height: 20px;
}

.labelverde4 {
	background-color: #84b816;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	margin-bottom: 15px;
	text-align: center;

	-webkit-box-shadow: 3px 0px 6px #888888;
	box-shadow: 3px 0px 6px #888888;
	width: 100%;
	height: 20px;
}

.tabentrada {
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Arial;
}

.btn_azul1 {
	margin-top: 51px;
	background-color: #007bbf;
	font-family: Arial;
	font-style: normal;
	color: #ffffff;
	border-radius: 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
}

.texto_gris {
	color: Gray;
	font-weight: bold;
	font-family: Arial;
}

.btn_blanco {
	background-color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	color: #84b816;
	border-radius: 5px;
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
	 /*box-shadow:  2px 2px 1px #888888;
	*/
/*text-align: center;
	*/
font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

#gv_reembolso {
	background-color: #84b816;
	color: #ffffff;
	font-family: Arial;
	font-style: normal;
	padding: 6px;
	text-align: center;

	-webkit-box-shadow: 3px 0px 6px #888888;
	box-shadow: 3px 0px 6px #888888;
	height: 20px;
}

.rotateimg 
 {
   
    -moz-transform:rotate(+90deg);
    transform:rotate(+90deg);
    -webkit-transform:rotate(+90deg);
    -ms-transform:rotate(+90deg);
    -o-transform: rotate(+90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  height:100%;
  width:100%;
  
}
.rotateimg1 
 {
   
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  
}
.rotateimg2 
 {
   
    -moz-transform:rotate(270deg);
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  
}
.rotateimg3 
 {
   
    -moz-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform: rotate(360deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  
  
}

.imagen 
{
    position:absolute;
    overflow:auto;

    }

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

.photoItem {
    border: solid 1px transparent;
    margin: 10px 5px;
    padding: 10px;
    display: inline-block;
}

.formulario {
    font-family: Arial;
    font-style: normal;
    color: #84b816;
    font-size:8pt !important;
    font-weight:bold;

}

div.form .span3 {
width:300px;
display:inline-block;
padding: 20px 0px 20px 0px;
}

span.span3
{
    font-family: Arial;
    font-style: normal;
    color: #84b816;
    font-size:8pt !important;
    font-weight:bold;
    width:300px;
display:inline-block;
padding: 20px 0px 20px 0px;
}



div.form2 .span3
{
    width:250px;
display:inline-block;
margin-left:15px;
padding: 10px 0px 10px 0px;
}


.btn_azul_gr {
	background-color: #007bbf;
	font-family: Arial;
	font-style: normal;
	padding: 15px;
	color: #ffffff;	
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-radius: 5px;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
    cursor:pointer;
  
}

    .btn_azul_gr:hover{
    /*background-color: #007bbf;
	font-family: Arial;
	font-style: normal;
	padding: 15px;
	color: #ffffff;	
	border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-radius: 5px;

	-webkit-box-shadow: 2px 2px 1px #888888;
	box-shadow: 2px 2px 1px #888888;
	text-align: center;
    cursor:pointer;*/
  opacity:0.8;
    }

.acciones {
height: 50px;
margin-top:20px;
}

.ml_350 {
 margin-left:350px;
}

.ml_8{
margin-left:8px;
}

.ml_85 {
margin-left:85px;
}

/*.error {
    background: url("../images/error_left.png") no-repeat scroll 0 0 transparent;
    color: Red;
    display: block;
    float: left;
    font-size: 0.9em;
    margin-top: -10px;
    padding-left: 12px;
}*/

input.error, select.error, div.error
{
    background: none repeat scroll 0 0 #FCD1D1;
    /*border: 1px dotted Red;*/
}

/*.msj_error {
    display:inline-block;
    padding:4px;
    border-color:#ea0e0e;
    border:dotted;
}*/

#msj_error
{
   background: none repeat scroll 0 0 #FACCCC;
    border: 1px solid rgba(241, 17, 17, 0.88);
    top: 0;
    color: #DB0F0F;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    padding: 5px 50px 5px 25px;
    position: fixed;
    width: 100%;
    z-index: 999;
}

    #msj_error:hover
    {
    }
.important
{
    color:#DB0F0F;
}

.txtbox {
    width:158px;
}

.mt15 {
margin-top:15px;
}

.mt20 {
margin-top:18px;
}

.mt55 {
    margin-top: 55px;
}

.mt100 {
    margin-top: 100px;
}

.mt25 {
    margin-top: 25px;
}

#wrap {
    left: -22px;
    margin-bottom: 20px;
    margin-left: 50%;
    margin-top: 45px;

}

#c_telefonos {
   
    display: inline-block;
}

.ml0 {
    margin-left:0px !important;
}

#h_telefonos {
display: inline-block;
}

.mt10 {
 margin-top:10px;
}
.titulos
{
    padding-top: 10px;
    font-weight:bold;
}
.mt112 {
    margin-top:112px;
}
.mt32 {
margin-top:32px;
}

#ciudad {
     display: inline-block;
}

.relleno {
         display: inline-block;
}

.medicamento {
width: 151px;
}

.mt21 {
margin-top:21px;
}

.hfield {
display:none;
}

.ocultar {
    display:none;
}

#screen_loading, #screen_loading2
{
    background: none repeat scroll 0 0 #000000;
    display: block;
    height: 100%;
    opacity: 0.6;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

    #screen_loading div, #screen_loading2 div
    {
        background: url("../images/loading.gif") no-repeat scroll 50% 60% #EEEEEE;
        border: 1px solid #000000;
        color: #000000;
        height: 100px;
        left: 50%;
        opacity: 1;
        padding: 10px;
        position: fixed;
        text-align: center;
        top: 45%;
        width: 150px;
    }

.verde
{
    background: none repeat scroll 0 0 #CCFAE6 !important;
    border: 1px solid rgba(19, 230, 53, 0.88)  !important;
    
    color: #11A823  !important;
}

.red_odon {
    margin-left:160px;
}

.mt_ {
    position:absolute;top:65px;left:105px;
}

.inputs {
    width: 140px;
height: 15px;

}

.ml_104
{
margin-left: 104px;
display:inline;

}

.ml_80
{
margin-left: 80px;

}


.mt_20
{
margin-top: 20px;

}

.t_slider {
    height: 25px;
    text-align: center;
    color: #ffffff;
    background-color: #84b816;
border-radius: 5px;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 8px;
font-weight:bold;
font-size: 9pt;

}

.fila_a {
    background-color:#eaf3d4;
}

.item.colorA {
    background-color:#b1ef8b;
}

.item.colorB {
    background-color:#f1f1f1;
}

.item {
    overflow:hidden;
    min-height:20px;
    /*margin-left:20px;*/
    margin-top:5px;
    text-align:center;
   opacity:0.9;  
}
.item:hover {
opacity:1;    
}

.hidden {
display:none;

}

.p_span {
padding-top: 17px;
padding-bottom: 17px;
font-weight: bold;
color: #766d64;

}

.tituloazul_gr {
background-color: #007bbf;
border-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #ffffff;
font-family: Arial;
font-weight: bold;
font-size: 14pt;
-webkit-box-shadow: 2px 2px 1px #888888;
box-shadow: 2px 2px 1px #888888;
text-align: center;
height: 50px;
padding-top: 26px;
width: 350px;
margin-left:32%;
}

.btn_verde_gr {
    height: 50px;
    padding: 15px;
    font-size: 12pt;
    font-weight: bold;
    cursor:pointer;
}

.btn_verde_gr:hover {
        opacity: 0.8;
    }

.labelverde5 {
    margin-top:10px;
    vertical-align: middle;
    background-color: #84b816;
    border-radius: 5px;
    color: #ffffff;
    font-style: normal;
    padding: 6px;
    margin-bottom: 15px;
    text-align: center;
    -webkit-box-shadow: 2px 2px 1px #888888;
    box-shadow: 2px 2px 1px #888888;
}

.txtbox_ag {
width:200px;
}

.mt75 {
    margin-top:75px;
}

.clear-both {
clear:both;
}

.container_12div {
    display:inline-block;
}



.input-flex
{
    width: 70%;
    min-height: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    padding: 6px 10px;
}

.span-flex
{
    width: 100%
}

.select-flex
{
    width: 80%;
    min-height: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    padding: 6px 10px;
}

.margin-top15
{
    margin-top: 15px;
}

.margin-bottom15
{
    margin-bottom: 15px;
}

.legend-azul
{
    background-color: #007bbf;
    border-radius: 10px;
    color: #fff;
    font-size: 10pt;
    font-weight: bolder;
    padding: 10px 45px;
}

.fieldset
{
    border-radius: 10px;
    border: 1px solid #d9d9d9;
}

.font-bolder10
{
    font-weight: bolder;
    font-size:10pt;
}


.btn_azul_pag
{
    
    background-color: #007bbf;
    border-radius: 5px;
    box-shadow: 2px 2px 1px #888888;
    color: #ffffff;
    font-family: Arial;
    font-style: normal;  
    padding: 10px 10px;  
    text-align: center;
}


.btn_verde_pag
{
    
    background-color: #84b816;
    border-radius: 5px;
    box-shadow: 2px 2px 1px #888888;
    color: #ffffff;
    font-family: Arial;
    font-style: normal;  
    padding: 10px 35px;  
    text-align: center;
}


.info-text
{
    font-size: 11pt;
    font-weight: bold;
    color: #525252;
    margin-bottom: 0;
    margin-top: 20px;
}

.cargando_popup 
{
    background: none repeat scroll 0 0 #000000;
    display: block;
    height: 100%;
    opacity: 0.6;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
}

.cargando_popup div 
{
    background: url("../images/loading.gif") no-repeat scroll 50% 60% #EEEEEE;
    border: 1px solid #000000;
    color: #000000;
    height: 100px;
    left: 50%;
    opacity: 1;
    padding: 10px;
    position: fixed;
    text-align: center;
    top: 45%;
    width: 150px;
}

.enunciado_resultado_busqueda {
    font-size: 11.5pt;
    font-weight: bolder;
}

.enunciado_busqueda {
    font-size: 10pt;
}