/*Estilo azul corporativo predeterminado aplicado al cuerpo de la pagina*/
/*color azul #EFF3FB*/
body {
	font-family: arial;
	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: arial;
	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: 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*/
#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: 920px;
	height: 20px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 5px;
	/*border-style: outset;
	border-width: 2px;
	border-color: #EEEEEE;
	background-color: whitesmoke;*/ /*background-color: transparent;
	*/
}

/*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 {
    border-radius:5px;
	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-repeat: repeat-x;
	background-position: top left;
	background-attachment: inherit;
}

/*Estilo clase que puede ser aplicado al pie de un gridview*/
.gridview_footer {
    background-color:red;
     border-radius: 5px;
	background-repeat: repeat-x;
	background-position: bottom left;
	background-attachment: inherit;
}

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

input.text_entry {
	width: 200px;
	border: 1px solid #ccc;
}

input.text_entry_red {
	width: 130px;
	border: 1px solid #ccc;
}

input.text_entry_red_2 {
	width: 120px;
	border: 1px solid #ccc;
}

.tituloazul {
	background-color: #007bbf;
	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: center;
	height: 25px;
	padding: 3px;
}
.minh100 {
    min-height:100px;
}
.minh50 {
    min-height:50px;
}
.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;
}
.contenedor_panel .paneles {
	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;
}
.tituloverde2 {
	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: center;
	height: 25px;
	padding: 3px;
}

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

.btn_azul {
	background-color: #007bbf;
	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_azul1 {
	/* margin-top: 51px;
	 */
background-color: #007bbf;
	font-family: arial;
	font-style: normal;
	color: #ffffff;
	border-radius: 5px;

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

.text_entry_red_2.texbox_odont {
	margin-top: 10px;
	margin-bottom: 10px;
}

.label_m {
	margin-top: 10px;
	margin-bottom: 10px;
}

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

.datagrid1 {
	width: 95%;
	background-color: #007bbf;
	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;
}

.data_gridp {
	height: 20px;
text-decoration:none;
color:white !important;
background-color: #007bbf;
border-radius:5px;
-webkit-box-shadow: 2px 2px 1px #888888;
box-shadow: 2px 2px 1px #888888;
padding: 2px;
}

.grid26 {
padding: 2px 26px;
}

.grid100 {
padding: 2px 100px;
}

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

#tabladinamica {
	border: none;
}

.data_grid td {
	text-align: center;
	padding: 3px;
}

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

.data_grid th {
	background-color: #007bbf;
	color: #ffffff;
	padding: 2px;
	height: 20px;
	border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 2px 2px 1px #888888;
box-shadow: 2px 2px 1px #888888;
}

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

.data_grid a {
	color: #17A000;
}

.data_row {
	height: 40px;
}

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

.footer_grid {
    
    border-radius:5px;
    }

.labelverde1 {
	background-color: #84b816;
	border-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;
}

.button_grid {
	background-color: #84b816;
	border-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: 150px;
	height: 25px;
}

.labelverde2 {
	background-color: #84b816;
	border-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;
	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;
}

.log_in {
	/*  margin: 15px 15px 0 0;
	 */
}

#Login1 {
	background-color: #F7F7DE;
}

textarea {
	-webkit-resize: none;
	resize: none;
}

.t_br {
    border-radius:5px;
    box-shadow: 2px 2px 1px #888888;
}

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

}

.emergencia {
    margin-top:20px;
    margin-bottom:20px;
}




#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;
     top: 0;
}

    #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;
        font-size: 10pt;
    }



    /* Estilo para botones de iniciar sesion, recuperar contraeña y acerca de */
#btn_bottom
{
    height: 70px;
    margin-top: 100px;
    width: 700px;
    margin: 100px auto 0 auto;
}


#btn_bottom .btn {
    
    float: left;
    height: 70px;
    margin: 0 10px;
    width: 200px;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
}

    #btn_bottom .btn.inicio
    {
        margin-left: 30px;
    }

#btn_bottom .btn .text {
    color: #fff;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 25px;
}
    #btn_bottom .btn .text .font
    {
        margin-top:-5px;
    }

    #btn_bottom .btn .text .icon-text
    {
        width:20px;
        margin-right: 5px;
    }

    #btn_bottom a
    {
        text-decoration: none;
        color: #fff;
    }

        #btn_bottom a:hover
        {
            opacity: .8;
        }

.blue-dark
{
    /*background: url("imagenes/32/candado.png") no-repeat  25px 15px #007bbf;*/

    
background: url("imagenes/candado_n.png") no-repeat  25px 15px, rgba(0,123,191,1);
background: url("imagenes/candado_n.png") no-repeat  25px 15px, -moz-linear-gradient(top, rgba(0,123,191,1) 0%, rgba(31,89,120,1) 79%, rgba(31,89,120,1) 100%);
background: url("imagenes/candado_n.png") no-repeat  25px 15px, -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,123,191,1)), color-stop(79%, rgba(31,89,120,1)), color-stop(100%, rgba(31,89,120,1)));
background: url("imagenes/candado_n.png") no-repeat  25px 15px, -webkit-linear-gradient(top, rgba(0,123,191,1) 0%, rgba(31,89,120,1) 79%, rgba(31,89,120,1) 100%);
background: url("imagenes/candado_n.png") no-repeat  25px 15px, -o-linear-gradient(top, rgba(0,123,191,1) 0%, rgba(31,89,120,1) 79%, rgba(31,89,120,1) 100%);
background: url("imagenes/candado_n.png") no-repeat  25px 15px, -ms-linear-gradient(top, rgba(0,123,191,1) 0%, rgba(31,89,120,1) 79%, rgba(31,89,120,1) 100%);
background: url("imagenes/candado_n.png") no-repeat  25px 15px, linear-gradient(to bottom, rgba(0,123,191,1) 0%, rgba(31,89,120,1) 79%, rgba(31,89,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bbf', endColorstr='#1f5978', GradientType=0 );


    /*background-color: #007bbf;*/
}

.blue
{
    /*background-color: #0fa3fe;*/
    /*background: url("imagenes/32/recuperar_pass.png") no-repeat 12px 15px #0fa3fe;*/

    
background: url("imagenes/recuperar_pass.png") no-repeat 12px 15px ,rgba(15,163,254,1) ;
background: url("imagenes/recuperar_pass.png") no-repeat 12px 15px ,-moz-linear-gradient(top, rgba(15,163,254,1) 0%, rgba(12,109,166,1) 87%, rgba(12,109,166,1) 100%);
background: url("imagenes/recuperar_pass.png") no-repeat 12px 15px ,-webkit-gradient(left top, left bottom, color-stop(0%, rgba(15,163,254,1)), color-stop(87%, rgba(12,109,166,1)), color-stop(100%, rgba(12,109,166,1)));
background: url("imagenes/recuperar_pass.png") no-repeat 12px 15px ,-webkit-linear-gradient(top, rgba(15,163,254,1) 0%, rgba(12,109,166,1) 87%, rgba(12,109,166,1) 100%);
background: url("imagenes/recuperar_pass.png") no-repeat 12px 15px ,-o-linear-gradient(top, rgba(15,163,254,1) 0%, rgba(12,109,166,1) 87%, rgba(12,109,166,1) 100%);
background: url("imagenes/recuperar_pass.png") no-repeat 12px 15px ,-ms-linear-gradient(top, rgba(15,163,254,1) 0%, rgba(12,109,166,1) 87%, rgba(12,109,166,1) 100%);
background: url("imagenes/recuperar_pass.png") no-repeat 12px 15px ,linear-gradient(to bottom, rgba(15,163,254,1) 0%, rgba(12,109,166,1) 87%, rgba(12,109,166,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fa3fe', endColorstr='#0c6da6', GradientType=0 );

}

.green-marine
{
    /*background-color: #009999;*/
    background: url("imagenes/32/acerca_de.png") no-repeat 25px 15px #009999;

    
background:  url("imagenes/acerca_de_n.png") no-repeat 25px 15px, rgba(6,201,201,1) ;
background: url("imagenes/acerca_de.png") no-repeat 25px 15px,-moz-linear-gradient(top, rgba(6,201,201,1) 0%, rgba(11,97,97,1) 90%, rgba(11,97,97,1) 100%);
background: url("imagenes/acerca_de_n.png") no-repeat 25px 15px,-webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,201,201,1)), color-stop(90%, rgba(11,97,97,1)), color-stop(100%, rgba(11,97,97,1)));
background: url("imagenes/acerca_de_n.png") no-repeat 25px 15px,-webkit-linear-gradient(top, rgba(6,201,201,1) 0%, rgba(11,97,97,1) 90%, rgba(11,97,97,1) 100%);
background: url("imagenes/acerca_de_n.png") no-repeat 25px 15px,-o-linear-gradient(top, rgba(6,201,201,1) 0%, rgba(11,97,97,1) 90%, rgba(11,97,97,1) 100%);
background: url("imagenes/acerca_de_n.png") no-repeat 25px 15px,-ms-linear-gradient(top, rgba(6,201,201,1) 0%, rgba(11,97,97,1) 90%, rgba(11,97,97,1) 100%);
background: url("imagenes/acerca_de_n.png") no-repeat 25px 15px,linear-gradient(to bottom, rgba(6,201,201,1) 0%, rgba(11,97,97,1) 90%, rgba(11,97,97,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06c9c9', endColorstr='#0b6161', GradientType=0 );

}




.ml35
{
    margin-left: 35px;
}


/* Estilo aceca de*/

#content-acerca
{
    margin: 0 auto;
    width: 500px;
    min-height: 100px;
    background: #a4cc69;
    color: #fff;
    padding: 35px;
    box-shadow: 10px 10px 1px #bdd49b;
}

    #content-acerca p
    {
        margin-left: 30px;
        font-size: 11pt;
    }

        #content-acerca p.center
        {
            text-align: center;
        }



.ml20
{
    margin-left: 20px;
}



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

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

.font18 {
    font-size:18pt;
}

.padding10 {
    padding:10px 0 !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;
}

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

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

.important
{
    color:#DB0F0F;
    margin-left: 3px;
}