@charset "utf-8";

/****************************************************************************************/
/* CSS BOX BLANCO CON REBORDE (DE MOMENTO LO DEJO AQUI) */
/****************************************************************************************/

DIV.box_brdsup{
	width:728px;
	height:10px;
	background:url(../img/form/728box_blanco.gif) 0px 0px no-repeat;
	#font-size:1pt;  /*Para Internet Explorer */
}

DIV.box_cont{
	width:700px;/*728px*/
	padding:0px 14px; /*padding para el degradado del borde 5px; padding margen interno: 9px;*/
	background:url(../img/form/728box_blanco_bg.gif) repeat-y;
}

DIV.box_brdsub{
	width:728px;
	height:10px;
	background:url(../img/form/728box_blanco.gif) 0px -10px no-repeat;
	#font-size:1pt;
}

/****************************************************************************************/
/* CSS LABEL */
/****************************************************************************************/
LABEL{
	font-weight:bolder;
	text-transform:capitalize;
}

/****************************************************************************************/
/* CSS INPUT */
/****************************************************************************************/

INPUT[type="text"], INPUT[type="password"]{
	border:1px solid #CCC;
	background:url(../img/form/input_txt_bg.gif) repeat-x;
	padding:4px;
}
INPUT[type="text"]:focus, INPUT[type="password"]:focus{
	border:1px solid #3E69A6;
	padding:4px;
	color:#3E69A6;
}
	INPUT.w200f12{ 
		width:200px;
		font-size:12px;
		background-color:#FFF;
	}
	
	INPUT.w180f12{
		width:180px;
		font-size:12px;
		background-color:#FFF;
	}
	/* Error en input */
	INPUT.w200f12_err{
		width:200px;
		font-size:12px;
		border: 1px solid #9e0000;
		color:#9e0000;
		background:url(../img/form/input_txt_bg_err.gif) #ffc7c7 repeat-x;
	}
	INPUT.w200f12_err[type="text"]:focus, INPUT.w200f12_err[type="password"]:focus{
		width:200px;
		font-size:12px;
		border: 1px solid #9e0000;
		color:#9e0000;
		background:url(../img/form/input_txt_bg_err.gif) #ffc7c7 repeat-x;
	}	
	/* Error en input */

SELECT{
	border:1px solid #CCC;
	background:url(../img/form/input_txt_bg.gif) repeat-x;
	background-color:#FFF;
	width:210px;
	padding:3px;
	font-size:12px;
}

SELECT.slt_nowidth{ width:auto; padding:1px; }

SELECT:focus{
	border:1px solid #3E69A6;
}

	SELECT.w_auto{
		width:auto;
		background-color:#FFF;
	}

/****************************************************************************************/
/* CSS BOTONES */
/****************************************************************************************/

A.button_anim{
	height:24px;/*24px*/
	padding:6px 6px 0px 18px;
    border:solid 1px #8AB134;
    position:relative;
    cursor:pointer;
    display:inline-block;
    background-image:url(../img/form/bkg.png);
    background-repeat:repeat-x;
    font-size:11px;
	font-weight:bolder;
    height:16px;
    text-decoration:none;
    color:#40740D;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
}

A.button_anim img {
    position:absolute;
    top:-5px;
    left:-19px;
    border:none;
}

/****************************************************************************************/
/* CSS HELPBOX PARA FORMULARIOS */
/****************************************************************************************/

.hint {
  display:none;
  position: absolute;
  margin-left:20px;
  width: 302px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background-color: #ffc;
}
 
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background:url(../img/form/helpbox_pointer.gif) left top no-repeat;
}

/****************************************************************************************/
/* CSS APARTADOS FORMULARIOS */
/****************************************************************************************/

DIV.tit_grp_frm{
	width:700px;
	position:absolute;
	text-align:right;
}
DIV.tit_grp_frm H2, H2.tit_form{
	font-size:25px;
	font-weight:bolder;
	font-style:italic;
	color:#CCC;
}

DIV.grupo_marg{
	padding:9px 0px;
	border-top:1px dotted #CCC;
}

DIV.grupo_marg_nobrd{
	margin-bottom:9px;
}

DIV.grupo_nomarg{
	padding:9px 0px;
	border-top:1px dotted #CCC;
}

DIV.grupo_nomarg_nobrd{
	padding:9px 0px;
}

DIV.botonera{
	margin-left:9px;
}

/****************************************************************************************/
/* CSS PASSWORD CONTROL DE NIVEL */
/****************************************************************************************/
SPAN.levelpass_txt{
	position:absolute;
	margin-top:-5px;
	font-size:11px;
	font-style:italic;
}

DIV.levelpass{
	margin-top:8px;
	width:150px;
	height:10px;
	background:url(../img/form/pass_nivel.png) 0px 0px no-repeat;
	#font-size:1pt;  /*Para Internet Explorer */
}

DIV.levelpass1{
    margin-top:8px;
    width:150px;
    height:10px;
    background:url(../img/form/pass_nivel.png) 0px -10px no-repeat;
    #font-size:1pt;  /*Para Internet Explorer */
}

DIV.levelpass2{
    margin-top:8px;
    width:150px;
    height:10px;
    background:url(../img/form/pass_nivel.png) 0px -20px no-repeat;
    #font-size:1pt;  /*Para Internet Explorer */
}

DIV.levelpass3{
    margin-top:8px;
    width:150px;
    height:10px;
    background:url(../img/form/pass_nivel.png) 0px -30px no-repeat;
    #font-size:1pt;  /*Para Internet Explorer */
}