@charset "utf-8";
/* CSS RESETEO DE ESTILOS */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* para preservar line-height y apariencia de selectores */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*permitir escalado en IE*/
input,textarea,select{*font-size:100%;}
/*porque legend no hereda en ID */
legend{color:#000;}

/* ----------------- FIN RESETEO --------------------- */
body, html {
	font-size: 1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	min-height: 100%;
	height: 100%;
	background-color: #231002;
}
#principal {
	width: 627px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: visible;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/bg2.gif);
	background-repeat:   repeat-y;
}
/* ---------------- CABECERA --------------------- */
#cabecera {
	width: 627px;
	height: 179px;
	background-image: url(images/bg1.gif);
	background-repeat: no-repeat;
}
#cabecera a:link, #cabecera a:visited, #cabecera a:active {
	color: #574E2D;
	text-decoration: none;
}
#cabecera a:hover {
	color: #990000;
	text-decoration: underline;
}
#cabecera ul {
	margin-top: 126px;
	color: #574E2D;
	font-weight: bold;
	font-size: 12px;
	margin-left: 20px;
	display: block;
	clear: both;
	float: left;
	width: 605px;
}
#cabecera li {
	display: inline;
	margin-right: 10px;
}
/* ---------------- CONTENIDO --------------------- */
#caja {
	width: 587px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}
#caja h1 {
	color: #76441E;
	font-weight: bold;
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 0em;
	margin-bottom: 10px;
	background-image: url(images/linea.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 8px;
	height: 28px;
}
#caja p {
	font-size: 14px;
	padding-left: 27px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6F5E2F;
	margin-bottom: 10px;
}
#caja img {
	border: 1px solid #BA9C36;
	padding: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#caja ul {
	font-size: 14px;
	padding-left: 27px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6F5E2F;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 40px;
}
#caja li {
	list-style-position: outside;
	list-style-type: square;
}
#caja strong {
	color: #990000;
}
#mapita {
	width: 530px;
	height: 350px;
	margin-left: 27px;
	border: 2px solid #990000;
}
/* ---------------- PIE --------------------- */
#pie {
	width: 627px;
	height: 90px;
	background-image: url(images/bg3.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	background-color: #231002;
	clear: none;
}
/* ---------------- FORMULARIO --------------------- */
form {
	overflow: visible;
}
label {
	display:block;
	font-weight:bold;
	color: #990000;
	margin-bottom: 5px;
}
fieldset {
	border:1px solid #990000;
	padding: 10px;
	margin-bottom: 10px;
}
legend {
	color: #990000;
	font-weight:bold;
	background-color: #FFFFFF;
	padding: 3px;
	margin: 5px;
	border: 1px solid #990000;
}
select {
	border: 1px solid #666666;
}
input:focus, textarea:focus {  
 background:#FFF799;  
}
/* ******************************************** */
/* ************** MENSAJES ******************** */
/* ******************************************** */
.info, .ok, .atencion, .nok {  
    border: 1px solid;  
    margin: 10px 0px;  
    padding:15px 10px 15px 50px;  
    background-repeat: no-repeat;  
    background-position: 10px center;  
}  
.info {  
    color: #00529B;  
    background-color: #BDE5F8;  
    background-image: url('images/info.png');  
}  
.ok {  
    color: #4F8A10;  
    background-color: #DFF2BF;  
    background-image:url('images/ok.png');  
}  
.atencion {  
    color: #9F6000;  
    background-color: #FEEFB3;  
    background-image: url('images/atencion.png');  
}  
.nok {  
    color: #D8000C;  
    background-color: #FFBABA;  
    background-image: url('images/nok.png');  
}