/*Estilo azul corporativo predeterminado aplicado al cuerpo de la pagina*/
/*color azul #EFF3FB*/
body
{
	font-family : verdana;
	font-size  : 8pt;
	/*margin-top:3%;#9999CC el moradito*/
	background-color:white;
}
/*Estilo aplicado a la tabla plantilla principal contenida en la master page*/
#template
{
	font-family: verdana;
	font-size  : 8pt;
	width:950px;
	border:2px;
	border-color:InactiveCaptionText;
	border-style:solid;
}
/*Estilo aplicado unicamente a la seccion de encabezado de la plantilla principal*/
#header
{
	font-family: verdana;
	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*/
#status
{
	font-family: verdana;
	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;
}
.borderadius {
	
	border-radius: 5px;
	font-family: arial;
	font-style: normal;
	font-size: 11pt;
	padding: 10px;

}
.tituloverde33 {
    background-color: #84b816;
    border-radius: 5px;
    color: #ffffff;
    font-family: arial;
    font-style: normal;
    -webkit-box-shadow: 2px 2px 1px #888888;
    box-shadow: 2px 2px 1px #888888;
    text-align: left;
    height: 25px;
    padding: 3px;
}
.labelazul22{

    background-color: #007BBF;
    border-radius: 5px;
    box-shadow: 2px 2px 1px #888888;
    color: #FFFFFF;
    font-family: arial;
    font-style: normal;
    padding: 15px;
    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;
}
.btn_azul22 {
	background-color: #007bbf;
    font-size:18pt;
	font-family: arial;
	font-style: normal;
	padding: 6px;
	color: #ffffff;
	border-radius: 5px;

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

.btn_azul45 {
	background-color:#0f9ae6 ;
	font-family: arial;
	font-style: normal;
	padding: 6px;
	color: InactiveCaptionText;
	border-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;
}
/*Estilo aplicado a la seccion de la plantilla donde va situado el menu*/
#menu
{
	font-family: verdana;
	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: verdana;
	font-size  : 7pt;
	width:950px;
	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: verdana;
	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: verdana;
	font-size  : 8pt;
	width:950px;
    height:300px;
    padding:8px;
    vertical-align: top;
    background-color: White;
}
/*Estilo aplicado a la seccion de informacion de la plantilla normalmente ubicado debajo del contenido*/
#info
{
	font-family: verdana;
	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: verdana;
	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: verdana;
	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;
}










/* para los textbook y los titulos */
h1, h2, h3, h4, h5, h6

{

    font-size: 1.5em;

    color: #666666;

    font-variant: small-caps;

    text-transform: none;

    font-weight: 200;

    margin-bottom: 0px;

}

 

h1

{

    font-size: 1.6em;

    padding-bottom: 0px;

    margin-bottom: 0px;

}

 

h2

{

    font-size: 1.5em;

    font-weight: 600;

}

 

h3

{

    font-size: 1.2em;

}

 

h4

{

    font-size: 1.1em;

}

 

h5, h6

{

    font-size: 1em;

}


fieldset

{

    margin: 1em 0px;

    padding: 1em;

    border: 1px solid #ccc;

}

.panel_rev fieldset
{
    margin: 0;

    padding: 0;
    
}
 

fieldset p 

{

    margin: 5px 5px 5px 5px;

}

 

fieldset.login label, fieldset.registrar label, fieldset.cambiar_contrasena label

{

    display: block;

}

 

fieldset label.inline 

{

    display: inline;

}

 

legend 

{

    font-size: 1.1em;

    font-weight: 600;

    padding: 2px 4px 8px 4px;

}

 

input.text_entry 

{

    width: 200px;

    border: 1px solid #ccc;

}

input.text_entry_red 

{

    width: 130px;
    border: 1px solid #ccc;
        
} 


input.list_1 

{

    width: 80px;

    border: 1px solid #ccc;

}


input.password_entry 

{

    width: 320px;

    border: 1px solid #ccc;

}

 

div.account_info

{

    width: 100%;

}

 

.failure_notification

{

    font-size: 1.2em;

    color: Red;

}

 

.submit_button

{

    text-align: right;

    padding-right: 10px;

}

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

.input_text {
     border: solid gray 1px; 
     width: 150px;
     height: 23px;
}

.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: 0px 10px;
}

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

.input-micro-flex, .select-micro-flex
{
    width: 15%;
    min-height: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    padding: 0px 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;
}

.button-blue-flex
{
    background-color: #007bbf;
    font-family: Arial;
    font-style: normal;
    padding: 10px;
    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;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 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;
}

.legend-verde
{
    background-color: #84b816;
    border-radius: 10px;
    color: #fff;
    font-size: 10pt;
    font-weight: bolder;
    padding: 10px 45px;
}

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

.legend-gris
{
    background-color: #C0C0C0;
    border-radius: 10px;
    color: #BB3940;
    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;
}

.font-bolder
{
    font-weight: bolder;
    
}

hr.separador
{
        border: 1px solid #A7A6A6 !important;
}


.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;
}


.textcenter
{
    text-align: center;
}

.textcenterbold
{
    text-align: center;
    font-weight: bolder;
}

.mt45
{
    margin-top: 45px !important;
}

.row
{
    clear: both;
    overflow: hidden;
}

.margin-top5
{
    margin-top: 5px !important;
}

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

.font-size12
{
    font-size: 12pt !important;
    color:#6B6A6A;
    font-weight: bolder;
}

.padding1020
        {
            padding: 10px 20px !important;
        }

.box-option
{
    width: 100%;
    min-height: 50px;
    border: 4px solid transparent;
    background: #84b816;
    padding: 20px;
    box-sizing: border-box;
   cursor: pointer;
   float: left;
}

a.box-option
{
    text-decoration: none !important;

}


    .box-option:hover
    {
        opacity: .9;
        border-color: #5fb004 !important;
    }

.box-option p.titulo
{
    text-align: center;
    font-weight: bold;
    font-size: 11pt;
    color: #fff;
}

.margin-top30
{
    margin-top: 30px !important;
}
.row-gray {
    border: 1px inset solid #888888 !important;
    background: #ccc;
    padding: 10px;
    box-sizing: border-box;
    font-weight: bold;
    text-align: right;
}

.gray-med {    
    background: #ccc;    
}

.gray-li {
    background: #EEEEEE;
    
}

.row-green {
    border: 1px inset solid #888888 !important;
    background: #84b816;
    padding: 10px;
    box-sizing: border-box;
    font-weight: bold;
    text-align: right;
}

.green-med
{
    background:#b7f13e;
}

.green-li
{
    background: #d5f88a;
}


.margin-left0
{
    margin-left: 0 !important;
}

.margin-right0
{
    margin-right: 0 !important;
}

.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;
}


.text-left {
    text-align:left !important;
}

.padding15
{
    padding: 15px !important;
}
.btn-blu-big
{
    padding: 13px;
    box-sizing: border-box;
    border: 1px solid #888888;
    background-color: #007BBF;
    height: 50px;
    line-height: 12px;
    color: #fff;
    cursor: pointer;
}

    .btn-blu-big:hover
    {
        opacity: .8;
    }

.content-float .item
{
    float: left;
    width: 250px;
    background: #d1e9f9;
    padding: 15px 2px;
    margin-left: 5px;
    box-sizing: border-box;
    text-align: center;
    border: 2px solid #9a9a9a;
    font-size: 9pt;

}


.row-mark, .row-mark > td
{
    background-color: #d5e9f5 !important;
}

.row-mark-gray, .row-mark-gray > td
{
    background-color: #acabab !important;
}


.row-mark-light
{
    background-color: #f2f0f0 !important;
}



.leyenda_color
        {
            width: 20px;
            height: 20px;
            border: 1px solid gray;
            float: left;
        }

        .text_leyenda
        {
            float: left;
            font-size: 10pt;
            font-weight: bolder;
            padding: 5px 12px;
        }

        .content-leyenda
        {
            /*background: none repeat scroll 0 0 #eee;*/
            margin-top: 10px;
            padding: 0 5px 10px;
            /*width: 95% !important;
            border: 1px solid #ccc;*/
            overflow: hidden;
        }

        .leyenda_color.rojo
        {
            background: #FF5B5B !important;
            border: 1px solid #FF1919;
        }

        .leyenda_color.verde
        {
            background: #84b816 !important;
            border: 1px solid #66900B;
        }

        .leyenda_color.gris
        {
            background: #B0B0B0 !important;
            border: 1px solid #9C9C9C;
        }

        .leyenda_color.azul
        {
            background: #57A1C9 !important;
            border: 1px solid #3682AB;
        }
		
/*Estilos Heredados desde autogestion para la pantalla de generacion de registro de Autogestion para claves temporal de la pantalla [validar_datos_FisPsi.aspx]*/		

#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;
}

.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: 40px;
    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;
}