/*--[ layout ]---------------------------------------------------------------*/
html{
height:100%;}

body { 
	padding: 0; margin: 0; text-align: center; font-family: Verdana, Arial, Helvetica; font: 11px/1.4 Verdana, Arial; color: #141E22; background: #020202 url(../images/fondo.jpg) no-repeat top center; height:100%;}

#interface { width: 955px; margin: 0 auto; text-align: left; color:#000000; background-color: #fff; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */ display:block; background-color:#fff; }

#cabecera { height: 322px; margin: 0; background-color: #000000; background-image: url(/img/headBG.jpg); background-repeat: no-repeat; border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF;}

#cabeceraPeke { height: 160px; margin: 0; background-color: #000000; background-image: url(/img/headBG.jpg); background-repeat: no-repeat; border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF;}

#contenidoHome { width: 955px; min-height:120px; padding-top:106px; background: url(../images/bajoCabecera.jpg) #333333 left top  no-repeat; display:block;}

#contenido { width: 955px; display:block; min-height:120px; background: url(../images/bajoCabecera.jpg) #333333 left top  no-repeat;}
	
#menuH{ position:relative; background-color:#000000; display:block;border-bottom:1px solid #FFFFFF; }

#centralHome{ width: 530px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; min-height:0px; float: right; padding-bottom: 20px; background-color: transparent;}
	
#lateralHome { width: 425px; color: #333333; float: left; background-color: transparent; font-size:1.0em; font-family: Arial, Helvetica, sans-serif; font-style:italic; font-weight: bold;}
	
#central{ position:relative; width: 636px; padding-left: 20px; padding-right: 68px; min-height: 200px; padding-top: 78px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #FFFFFF; float: right; padding-bottom: 20px; background-color: transparent;}

#centralGaleria{ position: relative; width: 885px; padding-left: 20px; padding-right: 50px; padding-top: 78px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #FFFFFF; float: right; background-color: transparent;}

#central ul{ padding:0px; margin:0px; width:450px;}

#centralInscripciones{ position: relative; width: 636px; padding-left: 20px; padding-right: 68px; padding-bottom: 40px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; min-height: 200px; padding-top: 78px; background-color: transparent;}

#centralInscripciones h2{ margin:0; padding:0;}
/* */
#infoDcha{ position: absolute; top: 75px; right: 47px; width: 173px; padding-right: 0px; font-size: 1.0em;background-color: transparent; text-align: left; color: #FFFFFF; padding: 5px; padding-bottom: 10px; /*border-top:1px solid #FFFFFF;*/ /*border-bottom:1px solid #787878;*/}
#infoDcha a{ color:#FFFFFF;}
#infoDcha a:hover{ color:#cccccc;}
#infoDcha h3{ font-size: 1.1em; padding: 0; margin: 0;}
/* */
#central a{ color: #FFFFFF;}
#central a:hover{ color: #CCCCCC;}
/* */
#lateral{ width: 220px; float: left; color: #fff; padding-top: 106px; background-color: transparent; font-size: 1.0em; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold;}
/* */
#pie { margin: 0 auto; width: 770px; clear: both; color:#333333; height:100%;}

/*--[ columnas ]---------------------------------------------------------------*/

#colinterface { padding: 0 20px;}
	
#colPrincipal { margin: 0; width: 360px; float: left;}
	
#colLateral { margin: 0; width: 160px; float: right}
	
#colPrincipal h2, #colLateral h2 { margin: 0 0 3px; font-size: 1.5em; line-height: 1.5em; color: #55818A;}
	
#colPrincipal p, #colLateral p { margin: 0 0 15px; font-size: 1.2em; line-height: 1.5em;}
	
#bienvenida { color:#000000; margin: 15px 0 20px;}
#bienvenida p{ font-size:1em;}
	
#proximamente h2 { padding: 5px; background: #E62B2A; color: #FFF; font-size: 1em;}
#proximamente dl { margin: 0 20px;}
#proximamente dt { margin: 0 10px; font-size: 1em; color: #000;}
#proximamente dd { padding: 0; margin: 0 10px 15px; font-size: 1.1em; color: #444;}

/*--[ comunes ]----------------------------------------------------------------*/

h1, h2, h3, h4 { margin: 0 10px; color: #fff; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.2em; font-weight: normal;}

h1{font-size: 200%; line-height: 100%}

h2{font-size: 1.3em; line-height: 100%; color:#70AD23; font-style: italic; font-weight: bold;}

.menuDestacado{ font-size:1.3em; font-style:italic; font-weight:bold;}

h2 .rojo{ color:#FE0003;}

h2 { margin: 0 0px 15px; color: #000;}

#contenido h2 {	color: #fff;}

#central h2 { color: #fff;}
	
p { margin-left:0px; margin-right:20px; margin-top:0px; margin-bottom:10px; color: #fff; width:440px;}
	
p  a{color: #fff;}

img { border: none;}
	
.destacar { background: #FFC;}
	
.cubreAncho { clear: both;}

.alt { display: none;}
	
ul{ margin-left:0px; padding-left:0px;}
	
ul li{ list-style: none; color:#FFFFFF}

.textoLi{ padding-left:10px; width:400px;background: url(../img/pitiLi.gif) no-repeat left top;}

/*
ol{ padding:5px; margin:0px; list-style:decimal;}
	
ol li{ list-style: none;}
*/

/*--[ cabecera ]-------------------------------------------------------------*/

#saltar { display: none; text-align: left; position: absolute; top: -20px;}

#cabecera h1 { margin: 0; width: 580px; height: 195px; background: url("/img/uc.gif") no-repeat; display: block;}
#cabecera h1 span { display: none;}

#fecha { margin: 0; width: 770px; /*text-shadow: #1C272B 0px 1px 2px;*/ text-align: right; font-size: 1.1em; line-height: 1.5em; color: #027DA5; float: left; padding-top: 5px; padding-right: 0; padding-bottom: 0; padding-left: 0;}

/*--[ lateral ]---------------------------------------------------------------*/

#enlace, .addMenuLink { margin: 0 0 5px; background-color:#75B5F5; margin: 10px 0 0 0; padding: 0 0 0 10px; font-size: 1.2em; line-height: 1.2em; border-bottom: thin #999999;}
#enlace a, .addMenuLink a { width: 185px; height: 65px; display: block;}
#enlace a:hover, .addMenuLink a:hover { background-position: 0 -65px;}
#enlace a { background-color: #75B5F5; background-image: url(../img/referalLink.jpg); background-position: 0 0;}
	
.addMenuLink a { background: url("../img/addMenuLink.jpg") 0 0;}

.iconLegend { margin: 0 0 5px; }
  
#noticias { margin: 0 0 0px; padding: 0 0 10px; background: #75B5F5 url("../img/citiesBottom.jpg") no-repeat bottom;}
#noticias dt { margin: 0 0 7px 10px; width: 180px; height: 20px; background: url("../img/citiesTop.jpg") no-repeat;}
#noticias dd { margin: 5px 0 0 0; padding: 0 0 0 10px; font-size: 1.2em; line-height: 1.2em; border-bottom: thin #999999; background: url("../img/citiesArrow.jpg") no-repeat center left;}
#noticias a:link, #cities a:visited { color: #333;}
#noticias a:hover {	color: #000;}
#noticias a:active { color: #000; font-weight: bold;}

#opcionesMenu { margin: 0; padding: 0px; padding-left:47px; padding-right:0px; background: url(../img/none.gif) transparent repeat; color:#fff; /*letter-spacing:-0.03em;*/}
#opcionesMenu h4 { margin: 0 0 10px; font-size: 1.2em; color: #fff;}
#opcionesMenu ul { margin: 0;	padding: 0; list-style: none;}
#opcionesMenu li { margin: 0 0 0px;padding:3px; padding-right:0px; background-color: transparent; color:#fff;	border-bottom:1px solid #787878; font-size:1.3em;}
#opcionesMenu li a {  text-decoration:none; display:block; color:#FFFFFF;}
#opcionesMenu li a:hover{ color: #ff0000; text-decoration:none;}
	
#promos {
	margin: 0; padding: 0px; padding-left:52px; padding-right:20px; background: url(../img/none.gif) transparent repeat; color:#fff; font-weight:bold; letter-spacing:-0.05em; font-size:15px; float:right; margin-top:-110px;}
#promos h4 { margin: 0 0 10px; font-size: 1.2em; color: #fff;}
#promos ul { margin: 0; padding: 0; list-style: none;}
#promos li { margin: 0 0 2px;padding:5px; background-color: transparent; color:#fff; float:left;}
#promos li a { text-decoration:none; display:block; color:#FFFFFF;}
#promos li a:hover{ color:#FE0003; text-decoration:none;}
/* */
#promosContenido { margin: 0; padding: 0px; padding-left:52px; padding-right:20px; background: url(../img/none.gif) transparent repeat; color:#fff; font-weight:bold; letter-spacing:-0.05em; font-size:15px; float:right; margin-top:0px;}
#promosContenido h4 { margin: 0 0 10px; font-size: 1.2em; color: #fff;}
#promosContenido ul { margin: 0; padding: 0; list-style: none;}
#promosContenido li { margin: 0 0 2px;padding:5px; background-color: transparent; color:#fff; float:left;}
#promosContenido li a { text-decoration:none; display:block; color:#FFFFFF;}
#promosContenido li a:hover{ color:#FE0003; text-decoration:none;}

/* */
#galeria { width:875px; margin: 0; padding: 0px; padding-left:10px; padding-right:0px; background: url(../img/none.gif) #000000 repeat; color:#fff; font-weight:bold; letter-spacing:-0.05em; font-size:15px; }
#galeria h4 { margin: 0 0 10px; font-size: 1.2em; color: #fff;}
#galeria ul { margin: 0; padding: 0; list-style: none;}
#galeria ul li { margin:9px; padding:5px; background-color: transparent; color:#fff; float:left;}
#galeria li a { text-decoration:none; display:block; color:#FFFFFF;}
#galeria li a:hover{ color:#FE0003; text-decoration:none;}
/* */

#galeriaPeke { width:550px; margin: 0; padding: 0px; padding-left:0px; padding-right:0px; background: url(../img/none.gif) #000000 repeat; color:#fff; font-weight:bold; letter-spacing:-0.05em; font-size:15px;}
#galeriaPeke ul { margin: 0; padding: 0; list-style: none;}
#galeriaPeke ul li { margin:15px; padding:5px; padding-left:0px; margin-left:0px; background-color: transparent; color:#fff; float:left;}
#galeriaPeke li a { text-decoration:none; display:block; color:#FFFFFF;}
#galeriaPeke li a:hover{ color:#FE0003; text-decoration:none;}

/* */

#logos{ margin-left:40px; margin-right:40px; background:url(../images/fondoLogos.gif) #FFFFFF repeat-x; padding-bottom:20px;}
#logos ul { margin: 0; padding: 0; list-style: none; padding-left:7px; padding-bottom:10px;}
#logos li { padding-left:2px;padding-right:2px; margin:0px; color:#fff; display:inline;}
#logos li a { text-decoration:none; color:#FFFFFF;}
#logos li a:hover{ color:#FE0003; text-decoration:none;}

#logoRoll{ padding-left:2px; padding-right:2px; margin:0px; color:#fff; display:inline; float:left; width:165px; height:81px;}
#logoRoll2{ padding-left:2px; padding-right:2px; margin:0px; color:#fff; display:inline; float:left; width:165px; height:81px;}
#logoRoll3{ padding-left:2px; padding-right:2px; margin:0px; color:#fff; display:inline; float:left; width:165px; height:81px;}
#logoRoll4{ padding-left:2px; padding-right:2px; margin:0px; color:#fff; display:inline; float:left; width:165px; height:81px;}
#logoRoll5{padding-left:2px; padding-right:2px; margin:0px; color:#fff; display:inline; float:left; width:165px; height:81px;}
#logoRoll6{padding-left:2px; padding-right:2px; margin:0px; color:#fff; display:inline; float:left; width:165px; height:81px;}
	
/*--[ Principal ]--------------------------------------------------------------*/

#bloqueDestacado { background: #FFF url("../img/featBlock.gif") repeat-y;}

#panelIzda { margin: 0; padding: 0 0 20px; width: 180px; color: #212121;	float: left; font-size:9px;}
#panelIzda a { margin: 0 15px; padding: 7px 15px;	border: 1px solid #343434; display: block;	text-align: center;}
#panelIzda .submit {margin: 10px 0 0;}
#panelIzda h2 { margin: 0 10px 2px;	width: 180px; height: 30px; background: url("../img/quickPoll.jpg");}
#panelIzda p { margin: 0 10px; font-size: 1.2em; line-height: 1.4em;}
#panelIzda ul { margin: 0 0 10px; padding: 0; list-style: none; font-size: 1.1em;}
#panelIzda fieldset { border: none;}

#destacado { padding: 0; width: 375px; margin: 0 0 0 200px;}
#destacado h2 { margin: 0 0 15px; font-size: 1.1em; font-weight: normal; color: #8BB448;}
#destacado h2 a { color: #496F78; text-decoration: none;}
#destacado h2 a:hover {	text-decoration: underline;}
#destacado h2 strong { margin: 0 0 2px; font-size: 1.1em; font-weight: normal; display: block; color: #496F78;}
#destacado p { margin: 0; font-size: 1.2em; line-height: 1.4em; color: #141D21;}

/*--[ formularios ]-----------------------------------------------------------------*/
#email{ padding-left:0px;}
#email fieldset { margin: 20px; padding: 0 0 250px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border: none;}
#email form { padding: 0px 0px 0px; border: none; width:400px;}
#email label { display: block;}
#email label span { color: #999; font-weight: normal;}
#email select { margin: 5px 0 20px; width: 50%; display: block;}
#email input:hover, #email textarea:hover { background: #ECECEC;}
#email input:focus, #email textarea:focus { background: #FFFFE6;}
#email input, #email textarea { margin: 5px 0 10px; width: 500px; background: #F5F5F5; border: 1px solid #ccc; color: #555;}
	
.emailMessage { margin: 0 50px; padding: 20px; background: #FFC; text-align: center;}

/*--[ pie de pagina ]-----------------------------------------------------------------*/
#pie { background: url("../img/sysco.jpg") no-repeat top right; width:903px; text-align:left; color:#000000; background-color: #fff; padding-left:52px; padding-bottom:12px;}
#pie p { margin: 0 190px 15px 0; padding: 15px; color: #FFF; font-size: 1em; line-height: 2em; text-align: left; background-color: #fff;}
#pie span { font-size: 1.1em; display: block;}
#pie a:link, #pie a:active, #pie a:visited { color: #000000; }
#pie a:hover { color: #000000;}

/*--[ bloque anuncio ]--------------------------------------------------------------*/
.bloqueAnuncio { padding: 10px 0 10px 17px; border-right: none; border-left: none; clear: both; background-color: #F6F5F2; background-repeat: repeat; background-position: left top;}
.bloqueAnuncio img { margin: 0 14px 0 0; border: 3px solid #60727D; background-color: #FFFFFF;}
.bloqueAnuncio img:hover { border: 3px solid #E62B2A;}

/*--[ navegacion ]------------------------------------------------------------*/
#navegacion { margin: 0 0 0px; float:right; background-color: #fff; width:656px; display:block; height:34px; padding-bottom:10px; padding-top:10px;}
#navegacionTop { margin: 0 0 0px; float:right; background-color: #FFFFFF; width:704px; padding-right:48px; display:block; background-color:#fff; text-align:right; font-weight:bold; padding-top:15px; list-style:none;}
#navegacionTop li{ list-style:none;}
	
/*--[ pestaņas ]--------------------------------------------------------------*/
ul#pestanas { background: url(../img/.gif) transparent repeat-x; padding: 0;  list-style: none outside; text-align: right; float:right;}
#pestanas li { color: #70AD23; float: left;padding-left: 5px;list-style: none;}
#pestanas li a:hover { text-decoration: underline; /*background-color: #CCCCCC;*/}
#pestanas li a { text-align: center; display: inline; text-decoration: none; color: #000000; background-color: transparent; /*background-image: url(../img/fondoBots.gif);*/}
#pestanas li a:hover { text-decoration: underline; /*background-color: #CCCCCC;*/}
#pestanas li.current { margin: 0; border-right: 1px solid #65949C; background: #55818A; line-height: 25px;}
#pestanas li.current a { height: 25px;}
#pestanas li.current a:hover { text-decoration: underline; background-color: #027DA5;}
	
/*
ul#galeria{ }
#galeria li{ float: left; padding: 5px;}
#galeria li a{ text-decoration: none;}
#galeria li a:hover{ text-decoration: underline; /*background-color: #CCCCCC;}
*/

/*--[ subnavegacion ]--------------------------------------------------------------*/
#subNavegacion { padding: 0 15px 0 0; color: #55818A; line-height: 30px; float: right;}
#subNavegacion a { margin: 0 5px;}
#subNavegacion a:link, #subNav a:visited { color: #FFF; text-decoration: none;}
#subNavegacion a:hover { color: #DAE4E6; text-decoration: underline;}
#subNavegacion a:active { color: #FF9;}
	
/*--[ genericas ]------------------------------------------------------------*/
.tabla1 { table-layout:fixed;}
.rojo {	color:#ff0000;}
.gris {	color:#333333;}
.peque { font-size:0.8em;}
.pequeGr { font-size:0.9em;}
.pIzda { padding-left:60px;}
.aviso{ padding:10px; border:1px solid #CCCCCC;}

/*--[ textos ]--------------------------------------------------------------*/
.texto14{ font-size:1.4em;}
.textoEnorme{ font-size:4.0em;  height:20px; display:block;}
.texto14Resaltado{font-size:1.3em; line-height:100%; color:#fff; font-style:italic; font-weight:bold;}
.texto13Resaltado{font-size:1.1em; line-height:100%; color:#fff; font-style:italic; font-weight:normal;}
.texto12{ font-size:1.2em;}
.texto9{ font-size:0.8em;}
.textoResaltado{ font-size:1.3em; font-style:italic; font-weight:bold;}
.textoResaltadoCursiva{ font-size:1.3em; font-style:italic; font-weight:bold;}
.rojo{ color:#FE0003;}
.fondoBotonDcha{ background: url(../images/none.gif) #434343 repeat-x; display:block; width: 80%;}
.fondoBoton{ background: url(../images/none.gif) #434343 repeat-x; display:block; width: 20%;}
.boton{ font-size:1.0em; text-decoration:none; color:#FFFFFF; background: url(../images/fondoBotRojo.gif) #333333 repeat-x; display:block; width: 100%; text-align:center; padding-top:3px; padding-bottom:3px;}
.boton:hover{ color:#000000; border:1px solid #000000; text-align:center;}
.botonDcha{ font-size:1.0em; text-decoration:none; color:#FFFFFF;
background: url(../images/fondoBotGris.gif) #333333 repeat-x; display:block; width: 100%; text-align:center; padding-top:3px; padding-bottom:3px; }
.botonDcha:hover{ color:#cccccc; border:1px solid #000000; text-align:center;}

.estrecho{ width: 240px;}
.imgIzda{ display:block; padding:10px; padding-top:0px;float:left;}
.imgDcha{ display:block; padding:10px; padding-top:0px; float:right;}

.cajaBorde{ padding:2px; border:1px solid #FFFFFF;}
.cajaBorde a{ color:#FFFFFF;}

.clearAll{ clear:both;}

#email{ float:right; background:#000000;}
	
#falta{ float:right; background-color:#000000; display:block; height:0px; margin-right:45px; #margin-right:24px; /* Para Internet Explorer */ margin-top:-72px; z-index:8900; position:relative;}

/* TABS */
#tabsH { float:left; width:905px; background:#000000; font-size:1.0em;  margin-top:-30px; height:30px; display:block; z-index:1800; position:relative;}
#tabsH ul { margin:0; padding:0 0 0 45px; list-style:none;}
#tabsH ul li { display:inline;}
#tabsH ul li a {
	float:left; margin:0; padding:0 0 0 0px; text-decoration:none; padding-right:2px;}
/* */
table { border-collapse: collapse; /*border: 1px solid #03476F;*/ color: #fff; background: transparent;}
table a{ color:#FFFFFF;}
caption { text-align: center; background: transparent; padding:6px 4px 8px 0px; color: #000000; text-transform: uppercase;}
td, th { border-bottom: 1px dotted #999999; padding: .4em; color: #fff;}

thead th, tfoot th { text-align: left; background: #cccccc; color: #333333; padding-top:3px;}
thead tr{ padding-bottom:20px;}

tbody td a { background: transparent; text-decoration: underline; color: #CCCCCC;}
tbody td a:hover { color: #fff;}
tbody th a { background: transparent; text-decoration: none; font-weight:normal; color: #fff;}
tbody th a:hover { background: transparent; color: #fff;}  
tbody th, tbody td { vertical-align: top; text-align: left;}

tfoot td { border: 1px solid #03476F; background: #336699; padding-top:3px; color: #FFFFFF;}
  
.odd { background: #AEE239;}
  
#tablaInscritos tbody tr:hover { background: #666666; border: 1px solid #03476F; color: #000000;}
  
tbody tr:hover th,
tbody tr.odd:hover th { background: #666666; color: #000000;}

#directions{ color:#fff;}
#directions td{ background-color:#434343; }
/* */
form.formulario fieldset { margin-bottom: 10px; width:60%; }
form.formulario legend { padding: 0 2px; font-weight: bold; }
form.formulario label { display: inline-block; line-height: 1.8; vertical-align: top;}
form.formulario fieldset ol { margin: 0; padding: 0;}
form.formulario fieldset li { list-style: none; padding: 5px; margin: 0;}
form.formulario fieldset fieldset { border: none; margin: 3px 0 0; }
form.formulario fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.formulario fieldset fieldset label { display: block; width: auto; }
form.formulario em { font-weight: bold; font-style: normal; color: #f00;}
form.formulario label { width: 100px; /* Width of labels */}
form.formulario fieldset fieldset label { margin-left: 103px; /* Width plus 3 (html space) */}

input, textarea{ width:80%;}