/* Documento CSS */

body{padding:0;	margin:0;font-family:Arial, Helvetica, sans-serif;background:#0c0c0c;color:#e0e0e0;}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{margin:0; padding:0;}
ul{margin:0; padding:0; list-style-type:none;font-size:0;}

/*------------------------------------------------ todo --------------------*/
#todo{border-top: 10px #0986b5 solid;width:856px;margin:0 auto;position:relative;background-color:#222;}

/*------------------------------------------- principal --------------------*/
#principal{width:828px;margin:0 auto;padding:0 0 0 0;position:relative;}
#principal img.logo{display:block;border:none;left:auto;margin-top:24px;margin-left:14px;background-color:#CCC;width:auto;float:left;}

#principal p.cabecera{float:right;width:300px;margin:24px 14px 24px 0;text-align:right;}
#principal p.cabecera span.edicion{font-size:18px;font-weight:normal;font:Arial, Helvetica, sans-serif;color:#666;}
#principal p.cabecera span.fecha{font-size:30px;font-weight:normal;font:Arial, Helvetica, sans-serif;color:#FFF;}
#principal p.cabecera span.disciplinas{font-size:18px;font-weight:normal;font:Arial, Helvetica, sans-serif;color:#00a7e6;}

#principal ul.subnav1{background: url(imgs/combo_subnav_diag.gif) top left no-repeat #000;width:auto;display:block;float:right;padding: 9px 14px 0px 20px;}
#principal ul.subnav1 li.subnav_item {float: left;display: inline;margin-left: 30px;}
#principal ul.subnav1 li.subnav_item a{color:#ff7e00;font:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;text-decoration:none;}
#principal ul.subnav1 li.subnav_item a:hover{color:#fff;}

#principal .combo{background-color:#000;width:800px;display:block;padding:14px 14px 14px 14px;}

#nav{width:856px;margin:0 auto;padding:32px 0 0 0;position:relative;}

#nav ul.nav1{width:100%;display:block;float:left;border-left: 4px solid #ff7e00;height:24px;}
#nav ul.nav1 li.nav_item {float: left;display: inline; padding:4px 16px 4px 16px;border-right: 1px solid #555;}
#nav ul.nav1 li.nav_item a{color:#ff7e00;font:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;text-decoration:none;}
#nav ul.nav1 li.nav_item a:hover{color:#fff;}

#inicio{width:808px;margin:30px 24px 24px 24px; padding:0 0 0 0;position:relative;}

#izquierda {width:370px;float:left; margin-bottom:40px;}
#izquierda h1{font-size:21px;color:#fff;padding: 12px 14px 12px 14px; background-color:#111;margin: 0;font-weight:normal; line-height:24px;background:url(imgs/inicio_titulos_bkg.jpg) no-repeat left top}
#izquierda img{margin: 0;}
#izquierda p{font-size:13px;color:#c0c0c0;padding: 12px 14px 12px 14px; background-color:#444;margin: 0; text-align:justify;}
#izquierda a {height:12px;color:#ff7e00;text-decoration:none; background:url(imgs/inicio_box_flechita.gif) no-repeat left center; font-family:Tahoma, Geneva, sans-serif;margin:0 0 0 0;padding:2px 0 0 8px; }
#izquierda a:hover {color:#fff;text-decoration:none;}
#izquierda .inicio_textos_sep{width:100%;height:14px;margin:0 0 0 0}

#derecha {width: 410px; float:right;}

h1#box_titulos {font-size:21px; color:#FFF;font-weight:normal;padding:15px 24px 15px 15px;}

#box1 {float:left; background:url(imgs/inicio_box_bkg1.jpg) top left repeat-x; width:200px; height:200px; position:relative}
#box1 h2{font-size:14px; color:#f2ffb2;font-weight:bold;padding:0 24px 15px 15px;}
#box1 p{font-size:11px; color:#f2ffb2;font-weight:normal;padding:0 24px 15px 15px;}
#box1 a{color:#f2ffb2;font-weight:normal;text-decoration:none;}
#box1 a:hover{color:#fff;font-weight:normal;text-decoration:none;}
#box1 p.link, #box2 p.link, #box3 p.link, #box4 p.link{position:absolute; top: 170px; background:url(imgs/inicio_box_flechita.gif) no-repeat left top; font-family:Tahoma, Geneva, sans-serif;margin:0 0 0 15px;padding-left:8px;}
#box1 p.link a, #box2 p.link a, #box3 p.link a, #box4 p.link a{color:#fff;font-weight:bold;text-decoration:none;}

#box2 {float:right; background:url(imgs/inicio_box_bkg2.jpg) top left repeat-x; width:200px; height:200px; position:relative}
#box2 h2{font-size:14px; color:#e9ce8f;font-weight:bold;padding:0 24px 15px 15px;}
#box2 p{font-size:11px; color:#e9ce8f;font-weight:normal;padding:0 24px 15px 15px;}

#box3 {float:left; background:url(imgs/inicio_box_bkg3.jpg) top left repeat-x; width:200px; height:200px; margin-top:10px;position:relative}
#box3 h2{font-size:14px; color:#f2ffb2;font-weight:bold;padding:0 24px 15px 15px;}
#box3 a{color:#f2ffb2;font-weight:bold;text-decoration:none;}
#box3 a:hover{color:#fff;font-weight:bold;text-decoration:none}
#box3 p{font-size:11px; color:#f2ffb2;font-weight:normal;padding:0 24px 15px 15px;}

#box4 {float:right; background:url(imgs/inicio_box_bkg4.jpg) top left repeat-x; width:200px; height:200px; margin-top:10px;position:relative}
#box4 h2{font-size:14px; color:#bde0ed;font-weight:bold;padding:0 24px 15px 15px;}
#box4 p{font-size:11px; color:#bde0ed;font-weight:normal;padding:0 24px 15px 15px;}

#box_elchalten {width:410px;height:120px; background:url(imgs/inicio_box_elchalten.jpg) repeat-x top left; display:block; position:relative; margin: 10px 0 10px 0}
#box_elchalten h1{position:absolute;left:14px;top:14px;font-size:13px; font-weight:bold;}
#box_elchalten p{position:absolute;left:14px;top:44px;font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:normal; line-height:14px;}
#box_elchalten a {color:#ff7e00;text-decoration:none;}
#box_elchalten a:hover {color:#fff;text-decoration:none;}
#box_elchalten img.imagen{position:absolute;left:108px;top:10px;}

ul#archivo {width:410px;height:210px;display:block;float:left;margin-bottom:10px;}
li#archivo_edicion {float: left;display: inline;width:132px;}
li#archivo_sep {float: left; display:inline; width:7px; visibility:hidden}

#box_ediciones_anteriores {width:132px;height:210px; background:url(imgs/inicio_box_ediciones_anteriores.jpg) repeat-x top left; display:block; position:relative; margin: 0 0 0 0}
#box_ediciones_anteriores img.imagen{position:absolute;left:12px;top:10px;}
#box_ediciones_anteriores h1{position:absolute;left:12px;top:128px;font-size:12px; font-weight:bold;}
#box_ediciones_anteriores p{position:absolute;left:12px;top:142px;font-family:Tahoma, Geneva, sans-serif; font-size:10px; font-weight:normal; line-height:14px; color:#666;}
#box_ediciones_anteriores a {color:#ff7e00;text-decoration:none;}
#box_ediciones_anteriores a:hover {color:#fff;text-decoration:none;}

#contenidos{width:808px;padding:32px 24px 24px 24px; position:relative; }

#contenidos_subnav {width:220px; float:left; margin-bottom:48px;}
#contenidos_subnav h1{font-weight:normal; color:#00a7e6; font-size:21px;padding:0 0 16px 0;}
#contenidos_subnav li{line-height:20px;font-weight:normal; font-size:21px; font-size:10px; font-family:Verdana, Geneva, sans-serif;}
#contenidos_subnav a {font-weight:normal; color:#888; text-decoration:none; }
#contenidos_subnav a:hover {font-weight:normal; color:#fff; text-decoration:none;}

#contenidos_subnav a.sel {font-weight:normal; color:#e0e0e0; text-decoration:none;}
#contenidos_subnav a.sel:hover {font-weight:normal; color:#fff; text-decoration:none;}

#contenidos_columnas {width:588px; float:right; font-size:13px; color:#c0c0c0; line-height:20px;text-align:justify;padding-bottom:48px;}

p.contenidos_columnas span.sel {font-weight:normal; color:#fff; text-decoration:none;}
p.contenidos_columnas span.mensaje {font-weight:normal; color:#fff; background:#444; padding: 8px 8px 8px 8px;text-decoration:none;}
p.contenidos_columna1 {width:258px; float:left; margin-right:24px;}
p.contenidos_columna2 {width:258px; float:right; margin-right:24px;}

p.contenidos_columna1 {width:258px; float:left; margin-right:24px;}
p.contenidos_columna1 a, p.contenidos_columna2 a {color:#ff7e00;text-decoration:none;}
p.contenidos_columna1 a:hover, p.contenidos_columna2 a:hover {color:#fff;text-decoration:none;}
p.contenidos_columna1 span.sel, p.contenidos_columna2 span.sel{font-weight:normal; color:#fff; text-decoration:none;}
p.contenidos_columnas a, p.contenidos_columna2 a {color:#ff7e00;text-decoration:none;}
p.contenidos_columnas a:hover, p.contenidos_columna2 a:hover {color:#fff;text-decoration:none;}

p.contenidos_columnas span.sec, p.contenidos_columna2 span.sec{font-weight:bold; color:#fff; font-size:14px; text-decoration:none;}

h1.contenidos_columnas {width:258px; margin: 0 24px 24px 0;font-weight:normal; font-size:18px}
h1.contenidos_columna1 {width:258px; margin: 0 24px 24px 0; font-weight: normal;font-size:18px}
h1.contenidos_columna2 {width:258px; margin: 0 24px 24px 0;font-weight:normal;font-size:18px}

p.contenidos_columna1 img.logo, p.contenidos_columna2 img.logo {margin: 8px 0 8px 0;width:210px;float:left;}

#contenidos_clasificaciones tr.columnas {height:12px; background-color:#333;}
#contenidos_clasificaciones tr.uno {margin:0; padding:0; height:12px; background-color:#424242;}
#contenidos_clasificaciones tr.dos {margin:0; padding:0; height:12px; background-color:#494949;}
#contenidos_clasificaciones td {font-size:10px; margin:0; padding:2px 2px 2px 2px;}

#contacto {text-decoration:none; }
#contacto li {text-decoration:none; list-style:none; color:#ccc; font-size:13px; position:relative; height: 24px; display:block}
#contacto input.campos {font-family:Arial, Helvetica, sans-serif;text-decoration:none; list-style:none; width:200px; background:#111; border:none; color:#ddd; font-size:12px; margin-left:50px; position:absolute; left: 32px; top:2px}
#contacto textarea.mensaje {font-family:Arial, Helvetica, sans-serif;text-decoration:none; list-style:none; width:200px; height:100px; background:#111; border:none; color:#ddd; font-size:12px; margin-left:50px; position:absolute; left: 32px; top:2px;}
#contacto input.boton {text-decoration:none;width:200px;height:30px;background:#000;border:none;color:#ff0;	font-size:12px;margin-left:50px;position:absolute;left: 32px;top:100px;}

#inscripcion {text-decoration:none; }
form#inscripcion {margin-bottom:48px; }
#inscripcion li {text-decoration:none; list-style:none; color:#ccc; font-size:13px; position:relative; height: 24px; display:block}
#inscripcion select.campos {font-family:Arial, Helvetica, sans-serif;text-decoration:none; list-style:none; width:200px; background:#111; border:none; color:#ddd; font-size:12px; margin-left:50px; position:absolute; left: 32px; top:2px}
#inscripcion input.campos {font-family:Arial, Helvetica, sans-serif;text-decoration:none;list-style:none;width:200px; background:#111;border:none;color:#ddd;font-size:12px; margin-left:50px;position:absolute;left: 32px;top:2px;}
#inscripcion textarea.mensaje {font-family:Arial, Helvetica, sans-serif;text-decoration:none; list-style:none; width:200px; height:100px; background:#111; border:none; color:#ddd; font-size:12px; margin-left:50px; position:absolute; left: 32px; top:2px; }
#inscripcion textarea.mensaje_equipo {font-family:Arial, Helvetica, sans-serif;text-decoration:none; width:280px; height:100px; background:#111; border:none; color:#ddd; font-size:12px; margin-bottom: 10px;position:absolute; display:block}
#inscripcion input.boton {width:200px; height:30px; background:#000; border:none; color:#ff0; font-size:12px; display:block; position:absolute; top:10px; left:82px; margin-bottom:32px}
#inscripcion input.boton2 {width:200px; height:30px; background:#000; border:none; color:#ff0; font-size:12px; display:block; position:absolute; top:90px; left:0px; }

.spacer{clear:both;font-size:0;line-height:0;}

/*------------------------------------ Pie -------------------------------*/
#pie_principal{width:100%;height:168px;background:#181818;border-bottom: 10px solid #090909; float:left}
#pie{width:828px;height:138px;margin:0 auto;position:relative;}
#pie ul.subnav1{width:290px;position:absolute;left:0;top:24px;}
#pie ul.subnav2{width:290px;position:absolute;left:0;top:39px;}
#pie ul.subnav3{width:290px;position:absolute;left:0;top:54px;}
#pie ul li{float:left;font:normal 11px Arial, Helvetica, sans-serif;color:#444;}
#pie ul li a{padding:0 8px;font:normal 11px Arial, Helvetica, sans-serif;color:#bbb;text-decoration:none;}
#pie ul li a:hover{text-decoration:none;color:#fff;}
#pie p.copyright{font:normal 11px Arial, Helvetica, sans-serif;position:absolute;left:0;top:93px;color:#999;width:290px;margin-left:8px;}
#pie p.disenio{display:block;width:176px;height:21px;padding:0;position:absolute;left:0;top:128px;font:11px Arial, Helvetica, sans-serif;color:#BCAC58;margin-left:8px;}
#pie p.disenio a.link{font: 11px Arial, Helvetica, sans-serif;color:#BCAC58;text-decoration:none;}
#pie p.disenio a.link:hover{color:#000;background-color:#F7F7F7;}
#pie img.logos {float:right;border:0;margin-top:24px; margin-right:8px;}

