/* ESTRUCTURA */
* {margin:0;padding:0}
body {background: #fff url(img/body_fondo.gif);color:#4FADD3; font:83%/1.5 arial,tahoma,verdana,sans-serif}
#gral {background:url(img/gral_fondo.gif) repeat-x;}
#cuerpo {width:829px; margin:0; position:relative; background:url(img/cuerpo_fondo.gif) repeat-y;}
#top {position:absolute; top:110px; left:211px; height:61px; width:403px; z-index:20}
#pie { clear:both; height:20px;}
.contenido { margin:20px 130px 0 120px; padding:50px 30px 0 30px; min-height:349px;
background: url(img/cont_fondo.jpg) no-repeat; position:relative;}
* html .contenido {height:349px;}

#extra1 {background: url(img/izq_top.jpg) no-repeat; 
  top:0; height:705px; width:34px; position:absolute;}
#extra2 {background: url(img/der_top.jpg) no-repeat;  
  height:705px; width:46px; position:absolute; right:0; top:0;}
* html #extra2 {right:-1px; }
/* LINKS */
a,a:link,a:visited {background:transparent;text-decoration:none;cursor:pointer; color:#FFF;} 
a:hover,a:active, ul#nav li.activo a {color:#4FADD3;}
/* TIPOGRAFIA */
p, ul, ol {font: 11px/13px Tahoma,arial,verdana,sans-serif; }
h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;margin: 0 0 .3em;color:#FFF; padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font:bold 12px/14px Tahoma,arial,verdana,sans-serif; color:#4FADD3; text-align:left;}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
dt {font-weight:bold;}
.error {color:#F00; font-weight:bold}
small {font-size:10px; color:#0D9AD3}
dd {color:#fff; margin-bottom:5px;}
/* GENERAL */
img { border:none;} 
div.hr {padding:25px 0; background:url(img/hr.gif) center center no-repeat; height:9px; clear:right;}
hr {display:none;}
h3 {margin:13px 150px;}
.clear {clear:both; position:relative; font-size:0px; height:0px; line-height:0px} 
/* MAQUETA - TOP */
#top h1 span, #top h2 span {display:none;}
#top h1 {position:absolute; background:url(img/h1_logo.gif) no-repeat; height:61px; width:403px;}

/* MAQUETA - CONTENIDO */
.contenido ol, .contenido ul {margin-left:20px;}
.contenido ul.galeria {list-style:none; display:block; margin:1px; padding:1px; width:500px;}
.contenido ul.galeria li {display:inline; float:left; margin:12px; 
  border:1px solid #FFF; background:none; list-style:none; padding:0 ! important;}
.contenido ul.galeria li img, .contenido ul.galeria li {width:130px; height:116px;}
.contenido li { list-style:none; display:block; /*width:232px;*/ height:17px; margin:1px; padding-left:10px;
  background:url(img/li_bullet.gif) 0 5px no-repeat;}
.contenido ul.audio li {background:url(img/li_bullet_audio.gif) 0 2px no-repeat;padding-left:16px;}
.foto { text-align:center; }
.foto img {padding:1px; border:1px solid #FFF;}
/* MAQUETA - NAV */
ul#nav { padding:165px 0 10px 65px; margin-left:211px; width:408px;
background:url(img/nav_fondo.jpg) 0 185px no-repeat;}
ul#nav li { font-size:11px; float:left; display:block; margin:25px 28px 0 0;}
ul#nav li#concurso { clear:both; float:none; margin-left:96px; margin-top:0px; width:60px; list-style:none; visibility:hidden;}
ul#nav li a{ display:block; padding:13px 0 5px 14px;}
ul#nav li a:hover, ul#nav li.activo a {background:url(img/nav_hover.gif) 14px 28px no-repeat ! important;}
img.imgizq {float:left; border:1px solid #FFF; margin-right:20px; margin-bottom:20px}

/* FORMS */
form {padding: 20px 35px; color:#4FADD3; }
input.text, textarea {font-family: tahoma,verdana,sans-serif; border:1px solid #E9E9B5}
fieldset {border: none; margin:10px 0;}
label { float:left; display:block; margin:0 10px 5px 0; 
width:160px; font-weight:bold; /*position:relative;*/}
fieldset br {clear:left}
legend { font-weight:bold; color:#4FADD3}
	/* FORMS - fcuerpo - simple form, headings on left, form elements on right */
	form.fcuerpo input.text, form.fcuerpo select {width:250px;}
	form.fcuerpo textarea {width:410px;}
	form.fcuerpo span.req {color:#c00;font-size:150%;font-weight:normal;line-height:1em;}
	form.fcuerpo div.req {font-weight:normal; color:#CCC; left:180px; top:0px; position:relative;}
	form.fcuerpo label select {width: 15.5em}
	form.fcuerpo input.boton {margin: 0; color:#FFFFFF; font-weight:bold; background-color:#4FADD3;}
	form.fcuerpo fieldset.opciones label {font-size:1em; width:auto; font-weight:normal;}
	form.fcuerpo input.text {width:250px; height: 17px; line-height: 17px; font-family: tahoma,verdana,sans-serif; font-size: 11px; color    : #333333; border: 1px solid #FFFFFF; background-color:#BFEBFF;}
	form.fcuerpo input.text:hover { background-color:#97CBFF; cursor: none;}
	form.fcuerpo select.text {width:250px; height: 17px; line-height: 17px; font-family: tahoma,verdana,sans-serif; font-size: 11px; color:#333333; border: 1px solid #FFFFFF; background-color: #BFEBFF}
	form.fcuerpo select.text:hover {background-color: #97CBFF; cursor: none;}


/* tablas */
table {border: 2px solid #4FADD3; border-collapse:collapse;width:100%}
table td {padding:3px;}
table th {text-align:left;}
table thead th {color:#fff;font-size:100%;background: #4FADD3;padding: 6px}
table tbody th {color:#000;font-size:100%;background: #FFF;padding: 3px}
table tbody th.sub {font-size:100%;color:#4FADD3;background:none;padding: 1px}

/**banner**/
#banner1, #banner2 {border:1px solid #000; background:#333; z-index:100}
#banner1{height:90px; width:600px; top:10px;   left:45px; position:absolute;}
#banner2{height:600px; width:120px; position:absolute; top:10px; left:800px}

/* home */
body#home #top, body#home #nav { display:none;}
body#home .contenido {  padding:130px 35px; margin:0; background:none; height:445px;}