*{ margin: 0; padding: 0; }

body {
text-align:center;
font-size:62.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.6em;
background: #FFF url(../imagenes/bg.gif) repeat-x;
color: #444;
}

a {	color: #039;	text-decoration: none; }
a:hover { color: #888; }
p { margin-bottom: 10px; }
h2 { color: #FFF; font: bold 2.6em Verdana, Arial, Helvetica, sans-serif; }
h3 { color: #FFF; font: bold 1.8em Verdana, Arial, Helvetica, sans-serif; }
img { border: 1px solid #039; }
hr { clear:both; border:1px dashed #444; }

#content { width: 900px; margin: 0 auto; text-align:left; }

#intro {
background: #FFF url(../imagenes/header.jpg) no-repeat;
height: 198px;
margin-top: 10px;
padding-right: 40px;
text-align: right;
}

.right { float: right; width: 620px; margin-bottom: 10px; }

.left { float: left; width: 260px; margin-bottom: 10px; }

#footer {
clear: both;
font-size:1.2em;
text-align: center;
padding-top: 10px;
border-top: 1px solid #CCC;
}

#menu { float: right; margin: 42px 30px 0 0; }
#menu li { display: inline; font-size: 1.4em }
#menu li a { padding: 10px 15px 0 0; margin-left: 50px;  border-right: 1px solid #039; color:#F00; font-weight: bold; }
#menu li a:hover { color: #F00; text-decoration:overline; }

#intro h2.directorio a { color:#FFF; text-decoration:underline; }
#intro h2.directorio { height:20px; margin-bottom:28px; color:#FFF; font-size:1.3em; }

.box { text-align:justify; padding: 0 5px; margin-bottom:5px; font-size:1.3em; }
.border-box { border:1px solid #444; text-align:center; margin-bottom:5px; padding: 5px; font-size:1.3em; }
.sombra-box { background: #DDD; margin-bottom:5px; padding: 5px; font-size:1.3em; }
.result-box { background: #DDD; margin-bottom:5px; padding: 5px; font-size:1.3em; }
.result-box p { font-size:.9em;  line-height:1.1em; }
.result-box img { float:left; margin-right: 5px; }
.border-box img { margin-right: 5px; }

.left h3, .right h2 {
clear: both;
background: #DDD  url(../imagenes/bgh.gif) repeat-x bottom;
padding: 6px 0 17px 10px;
font-weight: bold;
font-size: 1.4em;
}

.right ul { margin-left:30px; list-style-type:square; }

.left ul { width:260px; list-style:none; }
.left ul li { background: #DDD; margin: 4px 0; }
.left ul li a { display:block; color: #F00; width:250px; padding: 4px 0 4px 10px; font-size:1.4em; }
.left ul li a:hover { background: #039; color: #FFF; font-weight:bold; }
.left ul ul li { padding-left:10px; background: #039; }
.left ul ul li a { width:240px; color:#039; background:#EEE; }
.left ul ul li a:hover { background: #039; color: #FFF; }

form { border:1px solid #444; background:#EEE; padding:10px; font-size:1.2em; margin-bottom:5px; }
form fieldset { border:0px; margin-bottom:5px; }
form legend { font-weight:bold; color: #444; padding-left:5px; }
form input, form select { border:1px solid #DDD; padding:2px; }
form input.submit { border:1px solid #AAA; cursor:pointer; }

table { width: 100%; border:1px solid #444; margin-bottom:5px; font-size:1.4em; }
table td {  padding: 2px 0; }
table th { font-weight: bold; padding: 2px 0; }
table tr.impar { background:#EEE; }
table th.borde-arriba{ text-align:center; border-top: 1px solid #444; border-bottom:none; }
table th.borde-abajo { text-align:center; border-bottom: 1px solid #444; }

fieldset table { border:none; font-size:1em; }
fieldset table th { border: none; text-align:left; }

.auto {
text-align:center;
width:150px;
height:100px;
float:left; }

.top { width:100%; position:absolute; top:0px; left:0px; }

.err {
background:#FCC url(../imagenes/error.gif) 0.5em 0px no-repeat;
color:#000;
border-bottom:1px solid #FAA;
font-size: 1.1em;
padding-left:3em;
height:18px;
text-align:left;
}

.boton { font-size:1.4em; padding:3px; background:#EEE; border:1px solid #AAA; text-align:right; margin-bottom:5px; }
.margenes { border:none; margin-left:90px; padding-top:60px; }
.foto { text-align:center; width:120px; height:100px; float:left; }
.red { color:#F00; }
.centrar { text-align:center; }
.limpiar { clear:both; }
.no { display: none; }