/* Estilos Pagina */
#container {
        margin: 0 auto;
	width: 760px; 
	font-family: Arial, Helvetica, sans-serif;
}



body {
        background-color:#EBF3FA;
}


.menu {
        background-image:url(../pics/menu.jpg);
        width:760px;
	height:30px;
        vertical-align:bottom; 
}
.header_top {
        background-image:url(../pics/logo.jpg);
        margin-top: 1px;
        width:760px;
        height:100px;
}

.header {
	margin-top: 1px;
	background-image:url(../pics/header.jpg);
	width:760px;
	height:180px;
	text-align:right;
}

/*Botones*/
#navi {
        list-style:none;
        margin:0;
        padding:1px;
}
#navi li {
        margin:2px;
        padding:0;
        float:left;
        vertical-align: bottom;
}
#navi li a {
        display:run-in; 
        padding:0px 20px;
        text-decoration:none;
        text-align:center;
        font-size:12px;
        color:#FFFFFF;
}
#navi li a:hover {
        color:#FFFFFF;
        background-color:#578AB0;
}

#cuerpo {
        background-color:#FFF;

}

/* Formulario */

	.formulario{
	}

	#formulario h1 {
		font-size:14px;
		font-weight:bold;
		text-align:center;
		margin:10px 10px;
		padding: 1px 0px 1px 1px;  
	}

	#formulario p.titulos{
		font-size:12px;
		text-align:left;
 		font-weight:bold; 
		color:#000;
		border-bottom:solid 1px #dedede;
		margin:10px 10px;
		padding: 1px 0px 1px 1px;  
	}

	#formulario form{
		font-family: Arial, Helvetica, sans-serif; 
		font-size:11px;
		text-align:left;
	}

	#formulario label{
		display:block;
		float:left;
 		font-weight:bold; 
		text-align:left;
		width:210px; 
	}

	
	#formulario .small{
		display:block;
		color:#666666;
		font-weight:normal;
		text-align:left;
		width:210px;
	}


	#formulario .tit_den{
		font-weight:bold;
		text-align:center;
		padding: 1em 1em 0 1em;  
	}


	#formulario .response{
		font-family: Arial, Helvetica, sans-serif; 
		font-size:12px;
		font-weight:bold;
		text-align:center;
	}


	#formulario ol {  
	 	margin-left:0 ;
		padding: 1em 1em 0 1em;  
		list-style: none;
	}

	#formulario  li {  
 		padding-bottom: 2em; 
	}

	#formulario a {color: red;text-decoration:none;}
	#formulario a:hover {color: cyan;}
	#formulario a:active {color: maroon;}
	#formulario a:focus {border: 1px solid red;}
	#formulario a:focus:hover {color: lime;}


	#formulario p{
		text-align:center;
		font-weight:bold;
	}


	#formulario select{
       		border: 1px solid #b6cdec;
	        font-size: 11px;
	}


	#formulario .button{ 
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}




input.required, input.validate-digits,  input.validate-alphanum, input.opcional, textarea.required, textarea.opcional {
	border: 1px solid #b6cdec;
	font-size: 11px; 
}



input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
/*	color : #FF3300; */

}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #b6cdec;
/*	color : #000; */
}

.validation-advice {
	margin: 15px 0;
	padding: 2px;  
/*	background-color: #000000;*/
	background-color: #FF3300; 
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}


/* Stylo de formulario */