body {
   margin: 0;
   padding: 0;
   background: #252D37 url(images/img1.gif) repeat-x;   
/*   background: #252D37 url(images/img1.gif) repeat-x;*/
   font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #A4AFBD;}

forma {
   margin: 0;
   padding: 0;}

h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
   color: #FFFFFF;}

h1 { font-size: 31px; }
h2 { font-size: 26px; }
h3 { font-size: 18px; }

p, ul, ol, blockquote {
   margin-top: 0;
   padding-top: 0;
   text-align: justify;
   line-height: 18px;}

a {color: #95BA2E;}
a:hover {text-decoration: none;}

/* grupos de menu en la primera columna */
.grupoMenu {
   margin: 0 0 20px 0;
   padding: 0 20px 20px 20px;
   background: url(images/img4.gif) repeat-x left bottom;}

/* Formato de comentarios */
.comenta {
   margin: 0 0 20px 0;
   padding: 10px 20px 30px 20px;
   background: url(images/img4.gif) repeat-x left bottom;}

.comenta h4 {
   margin-bottom: 20px;
   font-size: 11px;
   font-weight: normal;}

.comenta h4 strong {
   font-weight: bold;
   color: #5B6F88;}

/* cabecera de la pagina web */
#cabecera {
   clear: both;
   width: 100%;	
   height: 130px;
   margin: 0 auto;}

/*Barra Menu superior */
ul.cssMenu {width:770px; margin: 55px 0px 0px 10%; _margin-left:90px;}
ul.cssMenu ul {display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-2px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:99%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
   list-style:none;
   padding:0px 0px 0px 0px;
   background-color:#A5A5A5;
   background-repeat:repeat;
   border-color:#A6A6A6;
   border-width:1px;
   border-style:solid;
   }

ul.cssMenu table {border-collapse:collapse}
ul.cssMenu {
   display:block;
/*  height:45px;*/
   background-color:#f2f7fd;
  /* zoom:1;*/
   float: left;}

ul.cssMenu ul{width:200px;} /*primer UL dentro del UL padre, define el ancho del bloque desplegado*/

ul.cssMenu li{
   display:block;
   margin:0px 0px 0px 1px;
   font-size:0px;}

ul.cssMenu a:active, ul.cssMenu a:focus {outline-style:none;}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
   display:block;
   vertical-align:middle;
   background-color:#f2f7fd;
   border-width:0px;
   border-color:#FCEEB0;
   border-style:solid;
   text-align:center;
   text-decoration:none;
   padding:5px;
   _padding-left:0;
   font:normal 13px Arial;
   color: #000000;
   text-decoration:none;
   cursor:default;}

ul.cssMenu span{overflow:hidden;}
ul.cssMenu li {	float:left;}
ul.cssMenu ul li {float:none;}

ul.cssMenu ul a {
   text-align:left;
   white-space:nowrap;}

ul.cssMenu li.sep{
   text-align:left;
   padding:0px;
   line-height:0;
   height:100%;}

ul.cssMenu li.sep span{
   float:none;
   padding-right:0;
   width:3px;
   height:100%;
   display:inline-block;
   background-color:#A6A6A6;	
   background-image:none;}

ul.cssMenu ul li.sep span{
   width:100%;
   height:3px;}

ul.cssMenu li:hover{position:relative;}
ul.cssMenu li:hover>a{
   background-color:#990000;
   border-color:#4C99AB;
   border-style:solid;
   font:normal 13px Arial;
   color: #FFFFFF;
   text-decoration:none;}

ul.cssMenu li a:hover{
   position:relative;
   background-color:#990000;
   border-color:#4C99AB;
   border-style:solid;
   font:normal 13px Arial;
   color: #FFFFFF;
   text-decoration:none;}

ul.cssMenu li.dis a {color: #AAAAAA !important;}
ul.cssMenu img {
   border: none;
   float:left;
   _float:none;
   margin-right:2px;
   width:16px;
   height:16px;}

ul.cssMenu ul img {
   width:16px;
   height:16px;}

ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
   display:block;
   background-image:url(./images/arrv_blue_2.gif);
   background-position:right center;
   background-repeat: no-repeat;
   padding-right:8px;}
ul.cssMenu li:hover>a>span{background-image:url(./images/arrv_white_2.gif);}
ul.cssMenu a:hover span{_background-image:url(./images/arrv_white_2.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)}
ul.cssMenu ul li:hover > a span{background-image:url(./images/arr_white_2.gif);}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span,ul.cssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_white_2.gif)}

ul.cssMenu table a:hover table span,ul.cssMenu table a:hover a:hover table span{background-image:url(./images/arr_blue_2.gif)}

ul.cssMenu li a.cssMenui0{font:n;}
ul.cssMenu li a.cssMenui0:hover{font:o;}

/* Busqueda */
#buscar {
   float: right;
   padding: 63px 0 0 0;}

#campoDeTexto {
   width: 175px;
   background: #FFFFFF;
   border: none;}

.etiqueta {
   height: 19px;
   background: #6F9303;
   border: none;
   font-size: 12px;
   font-weight: bold;
   color: #FFFFFF;}
   
.etiqueta a {
   text-decoration: none;
   background: #b5272a;
   color: #FFFFFF;}
  
.etiquetaFacebook{
   height: 40px;
   background: #ffffff;
   border: none;
   font-size: 13px;
   font-weight: bold;
   color: #29166f;	
}
  
.etiquetaAsistencia{
   clear:both;
   height: 80px;
   background: #ffffff;
   border: none;
   font-size: 12px;
   font-weight: bold;
   color: #303c66;	
}
.concursoCohete{
   clear:both;
   height: 80px;
   background: #ffffff;
   border: none;
   font-size: 13px;
   font-weight: bold;
   color: #11186a;	
}
  

/* Content */
#contenido {
   width: 85%;
   margin: 0 auto;}

#primeraColumna {
   float: left;
   width: 25%;}

#segundaColumna {
   float: right;
   width: 73%;
   _width: 600px;}

/* Contenido de la primer columna */
#primeraColumna ul {
   margin-left: 0;
   padding-left: 0;
   list-style: none;}

#primeraColumna li {
   padding: 1px 0 1px 0;
   border-top: 1px solid #3B495A;}

#primeraColumna li.first {border: none;}
#primeraColumna h3 {font-size: 15px;}

/*Contenido de la segunda columna */

/* Logo */
#logo {
   margin: 0 0 20px 0;
   padding: 0 0 40px 20px;
   background: url(images/img3.gif) repeat-x left bottom;}

#logo h1 {text-transform: lowercase;}

#logo h2 {
   text-transform: lowercase;
   font-size: 12px;}

#logo a {
   text-decoration: none;
   color: #FFFFFF;}

/* Bienvenida */
#bienvenida {padding: 5px 20px 20px 10px;}
#bienvenida h2 {margin-bottom: 25px;}
#bienvenida .image {
   float: left;
   padding: 0 17px 0 0;
   height: 480px;
/*   width: 480px;*/}

#bienvenida p {margin-left: 0px;}


#textoConImagen {
	text-align: justify;}

#textoConImagen .titulo{
	font-size:18px;
	color: silver;
	text-align: center;}

#textoConImagen p {
	margin-left: 2px;
    text-align: justify;
    font-size:12px;
    color: silver;}

#textoConImagen .icono{
	float: left;
    border-width:1px;
    border-color:#FCE000;
    border-style:solid;
	padding: 2px 2px;
	height: 15px;
	width: 21px;}

#textoConImagen .imagenI{
	float: left;
	border:none;
	padding: 2px 3px 0 0;
	height: 171px;
	width: 246px;}

#textoConImagen .imagenD{
	float: right;
	border:none;
	padding: 2px 0 0 3px;	
	height: 170px;
	width: 246px;}
	
#textoConImagen .imagenRecomendacion {
	float: none;
	border:none;
	padding: 2px 0 5px 0;	
	height: 431px;
	width: 546px;}	
#textoConImagen .imagenIJH{
	float: left;
	border:none;
	padding: 2px 3px 0 0;
	width: 200px;
}

#textoConImagen .imagenDJH{
	float: right;
	border:none;
	padding: 2px 0 0 3px;	
	width: 200px;
}


/* Pie de pagina Web */
#pieDePagina {
   clear: both;
   width: 100%;
   margin: 0 auto;
   background: url(images/img6.gif) repeat-x left top;}

#pieDePagina p {
   margin: 0;
   padding: 30px;
   text-align: center;}
