/*
    ==========================================================================
    Nombre: 			Sistema Interno RDL
    URL: 				http://www.integraloslagos.cl
	Descripcion: 		Estilos Generales
    Modulo: 			css
	Version: 			2.1
    Fecha:	 			24-11-2017
    Autor: 				Héctor Soto Millalonco
    E-Mail Autor: 		h.soto@live.cl
    ==========================================================================
	*/

.redondear{
    border-radius:6px 6px 6px 6px;
    -moz-border-radius:6px 6px 6px 6px;
    -webkit-border-radius:6px 6px 6px 6px;
}

.cuadro_redondo1 {	
	/*	cuadro redondo con sombra */
	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	box-shadow: 			2px 2px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 	2px 2px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 		2px 2px 10px rgba(0,0,0,0.4);
	border: 				1px solid #CCC;
	background-color:		#FFF;
	}

.cuadro_redondo2 {	
	/*	cuadro redondo con sombra */
	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	border: 				1px solid #CCC;
	background-color: 		#E9F1FE;
	}

.cuadro_redondo3 {	
	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	border: 				2px solid #CCCCCC;
	}


/*  --------------------------------------  tipos fuentes  ----------------------------------------------------- */
.verdana
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.courier {
	font-family: "Courier New", Courier, monospace;
}

.arial {
	font-family: Arial, Helvetica, sans-serif;
}

.tahoma {
	font-family: Tahoma, Geneva, sans-serif
}

/*  --------------------------------------  tamaños fuentes  ----------------------------------------------------- */
.t4 {
	font-size: 6px;
}

.t5 {
	font-size: 7px;
}

.t6 {
	font-size: 8px;
}

.t7 {
	font-size: 9px;
}

.t8 {
	font-size: 10px;
}

.t9 {
	font-size: 11px;
}

.t10 {
	font-size: 12px;
}

.t11 {
	font-size: 13px;
}

.t12 {
	font-size: 14px;
}

.t13 {
	font-size: 15px;
}

.t14 {
	font-size: 16px;
}

.t15 {
	font-size: 17px;
}

.t16 {
	font-size: 18px;
}

.t18 {
	font-size: 20px;
}

.t20 {
	font-size: 22px;
}

.t22 {
	font-size: 24px;
}

.t24 {
	font-size: 26px;
}

.t25 {
	font-size: 27px;
}

.t28 {
	font-size: 30px;
}

.t30 {
	font-size: 32px;
}

.t32 {
	font-size: 34px;
}

.t34 {
	font-size: 36px;
}

.t35 {
	font-size: 37px;
}

.t36 {
	font-size: 38px;
}

.t38 {
	font-size: 40px;
}

.t40 {
	font-size: 42px;
}

.t50 {
	font-size: 52px;
}

.t60 {
	font-size: 62px;
}



/*  -------------------------------------- cursores ----------------------------------------------------- */


.noclick {
	cursor: default;
}

.click {
	cursor: pointer;
}


/*  -------------------------------------- colores fondo ----------------------------------------------------- */

.f_blanco{
background: #FFFFFF;
}

.f_verde {
background: #D7F4CA;
}

.f_verde_claro {
background: #71FF71;
}

.f_plomo {
background: #EFEFEF;
}

.f_azulclaro {
background:#F0F5FB;
}

.f_azul_2 {
background: #CDE2F3;
}

.f_rojo {
background: #F00;
}

.f_naranjo {
	background-color: #FC0;
}

.f_amarillo {
	background-color: #FFFF4A;
}

/*  -------------------------------------- otro ----------------------------------------------------- */
.negrita
{
font-weight: bold;	
}


.cuadro_msje
{
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -moz-linear-gradient(top, #fff, #eee);
    background-image: -ms-linear-gradient(top, #fff, #eee);
    background-image: -o-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(top, #fff, #eee);  
    height: 100px;
    width: 400px;
    margin: -150px 0 0 -230px;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
}

.cuadro_msje:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    -moz-box-shadow: 0 0 0 1px #fff;
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff;
}


.none
{
	text-decoration:	none;
	font: bold 11px Sans-Serif;
   	white-space: nowrap;
   	vertical-align: middle;
   	color: #666;
}

.none:hover
{
	text-decoration:	none;
	font: bold 11px Sans-Serif;
   	white-space: nowrap;
   	vertical-align: middle;
   	color: #666;
}

/*  -------------------------------------- Boton ----------------------------------------------------- */

.boton_plomo {
	border-color: #999;
   	background: -webkit-linear-gradient(top, white, #E0E0E0);
   	background:    -moz-linear-gradient(top, white, #E0E0E0);
   	background:     -ms-linear-gradient(top, white, #E0E0E0);
   	background:      -o-linear-gradient(top, white, #E0E0E0);
   	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   	-moz-box-shadow:    0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   	box-shadow:         0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;

   border: 1px solid #DDD;
   border-radius: 3px;
   text-shadow: 0 1px 1px white;
   font: bold 11px Sans-Serif;
   padding: 6px 10px;
   white-space: nowrap;
   vertical-align: middle;
   color: #666;
   cursor: pointer;
}
.boton_plomo:hover, .boton_plomo:focus {
    background-color: #E0E0E0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#fff));
    background-image: -webkit-linear-gradient(top, #E0E0E0, #fff);
    background-image: -moz-linear-gradient(top, #E0E0E0, #fff);
    background-image: -ms-linear-gradient(top, #E0E0E0, #fff);
    background-image: -o-linear-gradient(top, #E0E0E0, #fff);
    background-image: linear-gradient(top, #E0E0E0, #fff);
}


.boton_naranjo
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    height: 35px;
   	padding: 6px 10px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}

.boton_naranjo:hover, .boton_naranjo:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}


.boton_verde
{		
    background-color: #6C3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6F6), to(#6C3));
    background-image: -webkit-linear-gradient(top,#6F6, #6C3);
    background-image: -moz-linear-gradient(top, #6F6, #6C3);
    background-image: -ms-linear-gradient(top, #6F6, #6C3);
    background-image: -o-linear-gradient(top, #6F6, #6C3);
    background-image: linear-gradient(top, #6F6, #6C3);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #6C3;

    height: 35px;
   	padding: 6px 10px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #060;
}

.boton_verde:hover, .boton_verde:focus
{		
    background-color: #6F6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6C3), to(#6F6));
    background-image: -webkit-linear-gradient(top, #6C3, #6F6);
    background-image: -moz-linear-gradient(top, #6C3, #6F6);
    background-image: -ms-linear-gradient(top, #6C3, #6F6);
    background-image: -o-linear-gradient(top, #6C3, #6F6);
    background-image: linear-gradient(top, #6C3, #6F6);
}



.boton_azul
{	
    background-color: #06F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6F8BFF), to(#03C));
    background-image: -webkit-linear-gradient(top,#6F8BFF, #03C);
    background-image: -moz-linear-gradient(top, #6F8BFF, #03C);
    background-image: -ms-linear-gradient(top, #6F8BFF, #03C);
    background-image: -o-linear-gradient(top, #6F8BFF, #03C);
    background-image: linear-gradient(top, #6F8BFF, #03C);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: none;
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #06F;

    height: 35px;
   	padding: 6px 10px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #FFF;
}

.boton_azul:hover, .boton_azul:focus
{		
    background-color: #6F8BFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#03C), to(#6F8BFF));
    background-image: -webkit-linear-gradient(top, #03C, #6F8BFF);
    background-image: -moz-linear-gradient(top, #03C, #6F8BFF);
    background-image: -ms-linear-gradient(top, #03C, #6F8BFF);
    background-image: -o-linear-gradient(top, #03C, #6F8BFF);
    background-image: linear-gradient(top, #03C, #6F8BFF);
}


.select{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;

    -moz-box-shadow:0 1px 2px #ddd;
	-webkit-box-shadow:0 1px 2px #ddd;
    box-shadow:0 1px 2px #ddd;

    border:1px solid #aaa;
    color:#333333;
    padding:3px;
}

.input{
    border:1px solid #aaa;
    color:#333333;
    padding:4px;
}


/*  -------------------------------------- Hiperviculos ----------------------------------------------------- */

.subraya:hover {
	text-decoration:underline;
	/*border-bottom:2px dotted;*/
} 
.subraya {
	text-decoration:none;
} 

/*  -------------------------------------- Colores fuente ----------------------------------------------------- */

.azul {
	color: #003399;
}

.azulclaro {
	color: #3333CC;
}

.plomo {
	color: #666666;
}

.blanco {
	color: #FFFFF4;
}

.rojo {
color: #FF0000;
}

.verde {
	color:#00B000;
}

.verde_oscuro {
	color: #090;
}

.cafe {
	color:#996600;
}

.negro {
	color:#000000;
}



.sinsombra
{
	text-shadow: none;
}

.campo
{
	color: #666;
	background:#fff;
	padding:            	5px 5px 5px 5px;
	
	border: 				2px solid #E9E9E9;
	box-shadow: 			0 0 2px #000;
	-moz-box-shadow: 		0 0 2px #000;
	-webkit-box-shadow: 	0 0 2px #000;
	border-radius: 			6px;
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	margin-left: 			2px;
	text-shadow: 			none;
}

.campo:focus
{
	color: #003399;
	background: #CCFDC4; /*#FBFEBC;*/
    padding:            	5px 5px 5px 5px;
	
	border: 				2px solid #CCC;
	box-shadow: 			0 0 2px #000;
	-moz-box-shadow: 		0 0 2px #000;
	-webkit-box-shadow: 	0 0 2px #000;
	border-radius: 			6px;
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	margin-left: 			2px;
	text-shadow: 			none;

}

.inputt {
    padding:            	5px 5px 5px 5px;
	
	border: 				2px solid #ddd;
	box-shadow: 			0 0 6px #000;
	-moz-box-shadow: 		0 0 6px #000;
	-webkit-box-shadow: 	0 0 6px #000;
	border-radius: 			6px;
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	margin-left: 			5px;
	text-shadow: 			none;
}


.fadebox {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.30;
	filter: alpha(opacity=30);
}
.fadebox_ses{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;	
	width: 100%;
	height: 100%;
	background-color: #CCC;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.overbox {
	display: none;
	position: absolute;
	top: 5%;
	margin: 0 auto;
	width: 750px;
	height: 100%;
	z-index:1002;
	overflow: auto;
}
#content {
	background: #FFFFFF;
	border: solid 3px #CCCCCC;
	padding: 10px;
}

.bus_aso{
	width: 170px;
}


/*  -------------------------------------- Boton ----------------------------------------------------- */

.form_alert_msg {	
	background: 			#ee0101;
	position: fixed;
	z-index:				5001;
	color: 					#fff;
	font-family: 			Verdana;
	font-size: 				11px;
	border: 				2px solid #ddd;
	box-shadow: 			0 0 6px #000;
	-moz-box-shadow: 		0 0 6px #000;
	-webkit-box-shadow: 	0 0 6px #000;
	padding: 				4px 10px 4px 10px;
	border-radius: 			6px;
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	display:				inline;
	margin-left: 			5px;
}

.cuadro_blanco {
	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
 
	box-shadow: 			2px 2px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 	2px 2px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 		2px 2px 10px rgba(0,0,0,0.4);
	border: 				1px solid #CCC;
	background-color: 		#FFF;
	}

div.tooltipb {	
	/*			
	margin-left: -999em;
	position: absolute;
	*/

	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
 
	box-shadow: 			2px 2px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 	2px 2px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 		2px 2px 10px rgba(0,0,0,0.4);
	border: 				1px solid #CCC;

	}

div.tooltipb:hover {
	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
 
	box-shadow: 			2px 2px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 	2px 2px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 		2px 2px 10px rgba(0,0,0,0.4);
	border: 				1px solid #2BB0D7;

	}

	
/*  -------------------------------------- div contenido ----------------------------------------------------- */

div.c_cuerpo {
    border:             	1px solid;
    padding:            	5px 10px 10px 10px;
	
    background-color:  		#E2E9FE;
	border-color:       	#0099FF;
            
    -moz-border-radius:		5px;
    -webkit-border-radius:	5px;
    border-radius:			5px;

    -moz-box-shadow: 		0 1px 1px #fff inset;
    -webkit-box-shadow: 	0 1px 1px #fff inset;
    box-shadow:  			0 1px 1px #fff inset;
}

div.c_titulo {
    padding:            	10px 10px 10px 10px;
	
	color: 					#FFFFFF;
    background-color:   	#0099FF;
            
    -moz-border-radius:		5px;
    -webkit-border-radius:	5px;
    border-radius:			5px;

    -moz-box-shadow: 		0 1px 1px #fff inset;
    -webkit-box-shadow: 	0 1px 1px #fff inset;
    box-shadow:  			0 1px 1px #fff inset;
}

div.sesion {
    background-color:   	#FFFFFF;
    -moz-border-radius:		9px 0 9px 0;
    -webkit-border-radius:	9px 0 9px 0;
    border-radius:			9px 0 9px 0;
	border:             	2px solid;
	border-color: 			#CCC;
}

.fijo
{
	position:fixed;
	width:260px;
}


/*  -------------------------------------- div mensajes ----------------------------------------------------- */

div.m_ok {
    padding:            	6px 10px 6px 25px;
	
    background-color: 		#00A800;

	background-image:   	url('../images/iconos_16/n_ok.png');
    background-repeat:  	no-repeat;
    background-position: 	5px 50%;

	border: 				2px solid #ddd;
	box-shadow: 			0 0 6px #000;
	-moz-box-shadow: 		0 0 6px #000;
	-webkit-box-shadow: 	0 0 6px #000;
	border-radius: 			6px;
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	margin-left: 			5px;
	text-shadow: 			none;
}

div.m_notifica {
    padding:            	6px 10px 6px 25px;
	
    background-color: 		#F90;
	
	background-image:   	url('../images/iconos_16/n_notifica.png');
    background-repeat:  	no-repeat;
    background-position: 	5px 50%;
            
	border: 				2px solid #ddd;
	box-shadow: 			0 0 6px #000;
	-moz-box-shadow: 		0 0 6px #000;
	-webkit-box-shadow: 	0 0 6px #000;
	border-radius: 			6px;
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	margin-left: 			5px;
	text-shadow: 			none;
}

div.m_error {
    padding:            	6px 10px 6px 25px;
	 
 	background-image:   	url('../images/iconos_16/n_error.png');
    background-repeat:  	no-repeat;
    background-position: 	5px 50%;         
	
	background: 			#ee0101;
	border: 				2px solid #ddd;
	box-shadow: 			0 0 6px #000;
	-moz-box-shadow: 		0 0 6px #000;
	-webkit-box-shadow: 	0 0 6px #000;
	border-radius: 			6px;
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	margin-left: 			5px;
	text-shadow: 			none;
}

/*  -------------------------------------- div fieldset legend ----------------------------------------------------- */


fieldset.t_fieldset {
    margin-top:         	1em;
    border-radius:			4px 4px 4px 4px;
    -moz-border-radius:		4px 4px 4px 4px;
    -webkit-border-radius:	4px 4px 4px 4px;
    padding:				2px;
    border:             	#aaa solid 1px;
    padding:            	1em;
    background: 	   		#CDE2F3;
    text-shadow:			0 1px 0 #fff;
	-moz-box-shadow: 		1px 1px 2px #fff inset;
    -webkit-box-shadow: 	1px 1px 2px #fff inset;
    box-shadow: 			1px 1px 2px #fff inset;
}

fieldset legend.t_legend {
    font-weight:        	bold;
    padding:				5px 10px;
    border-radius:			2px;
    -moz-border-radius:		2px;
    -webkit-border-radius:	2px;
    border:					1px solid #aaa;
    background-color:   	#fff;
    -moz-box-shadow:		3px 3px 15px #bbb;
    -webkit-box-shadow:		3px 3px 15px #bbb;
    box-shadow:				3px 3px 15px #bbb;
}


fieldsettt.cp_fieldsettt {
	padding:				5px;
    padding:            	1.5em;
    border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
 
	box-shadow: 			2px 2px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 	2px 2px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 		2px 2px 10px rgba(0,0,0,0.4);
	
	-moz-box-shadow: 		1px 1px 2px #fff inset;
    -webkit-box-shadow: 	1px 1px 2px #fff inset;
    box-shadow: 			1px 1px 2px #fff inset;
}

fieldset.cp_fieldset {
    margin-top:         	0em;
    border-radius:			6px 6px 6px 6px;
    -moz-border-radius:		6px 6px 6px 6px;
    -webkit-border-radius:	6px 6px 6px 6px;
    padding:				5px;
    border:             	#aaa solid 1px;
    padding:            	1.5em;
    background: 			#E0EAFE; /*#CDDDFC;#CDE2F3;*/
    text-shadow:			0 1px 0 #fff;
	-moz-box-shadow:		2px 2px 10px #fff inset;
    -webkit-box-shadow: 	2px 2px 10px #fff inset;
    box-shadow: 			2px 2px 10px #fff inset;
}

fieldset legend.cp_legend {
    font-weight:        	bold;
    color:              	#003399;
    padding:				5px 10px;
    border-radius:			2px;
    -moz-border-radius:		2px;
    -webkit-border-radius:	2px;
    border:					1px solid #aaa;
    background-color:   	#fff;
    -moz-box-shadow:		3px 3px 15px #bbb;
    -webkit-box-shadow:		3px 3px 15px #bbb;
    box-shadow:				3px 3px 15px #bbb;
}


input.tp_usuario  {
	background: 			#E2EDFE url('../images/iconos_16/usuario_1.png') no-repeat 1px 1px;
	padding: 				1px 0px 0px 20px;
	border: 				1px solid #999;
	color: 					#666666;
	font-size: 				10pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	height:					18px; 
	width:					100px;
	
    border-radius:			4px;
    -moz-border-radius:		4px;
    -webkit-border-radius:	4px;

}

input.tp_clave  {
	background: 			#E2EDFE url('../images/iconos_16/llave_1.png') no-repeat 1px 2px;
	padding: 				1px 0px 0px 20px;
	border: 				1px solid #999;
	color: 					#666666;
	font-size: 				10pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	height:					18px; 
	width:					80px;
	
	border-radius:			4px;
    -moz-border-radius:		4px;
    -webkit-border-radius:	4px;
}

input.sy_usuario  {
	background: 			#E2EDFE url(../images/iconos_16/usuario_1.png) no-repeat 1px 3px;
	width: 					140px;
	height: 				23px;
	padding: 				2px 0px 0px 20px;
	color: 					#646464;
	font-size: 				12px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	border: 				1px solid #666666;
	
	border-radius:			4px;
    -moz-border-radius:		4px;
    -webkit-border-radius:	4px;

}

input.sy_clave {
	background: 			#E2EDFE url(../images/iconos_16/llave_1.png) no-repeat 1px 3px;
	width: 					140px;
	height: 				23px;
	padding: 				2px 0px 0px 20px;
	border: 				1px solid #666666;
	color: 					#646464;
	font-size: 				12px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;

	border-radius:			4px;
    -moz-border-radius:		4px;
    -webkit-border-radius:	4px;

}