/*generalesGENERALES*/

/*=== === === === === === === === === === */
a:focus{ -moz-outline: none !important;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
.fleft{float:left;}
.fright{float:right;}
* {padding:0;margin:0;}
.clear { clear: both; font:1px Arial, Helvetica, sans-serif;}
ul { list-style:none;}.
.naranja { color: #FF6600;}
img { border:0;}


.nuevo{background: url(images/caracol/icon_nuevo.gif) no-repeat 0 0; width:45px; height:8px; margin:3px 0 0 0; float:left; display:block; text-indent:-100000px; font:9px Arial, Helvetica, sans-serif; color:#fff; padding:1px 2px;}
* html .nuevo {height:8px; h\eight:1px; margin:0;}
.actualizado{background: url(/images/caracol/icon_actualizado.gif) no-repeat 0 0; width:78px; height:8px; margin:3px 0 0 0; float:left; display:block; text-indent:-2000px; font:9px Arial, Helvetica, sans-serif; color:#fff; padding:1px 2px;}
* html .actualizado {height:8px; h\eight:1px; margin:0;}
.gris { color:#666;}
/*=estructura

=== === === === === === === === === === */
html, body {height: 100%;}
body {behavior:url("sites/all/themes/garland/css/csshover.htc");}/*permite que los :hover funcionen en explorer*/		
body {text-align:center;font-size:60%; background:#c0c0c0;}
#content_all { }

.header { background:#1d232a;}


/*======
MENU
/*=============*/
#barra_menu {width:100%; height:35px; margin:0px 0 0 0; position:relative; background:#000; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html #barra_menu {width:100%; w\idth:1000px;}

/*PRIMER NIVEL DE NAVEGACION
=================================================================== */
/* remove all the bullets, borders and padding from the default list styling */
#barra_menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#barra_menu li {float:left; position:relative;}
/* style the links for the top level */
#barra_menu li a, #barra_menu li a:visited {font:normal 11px Tahoma, Helvetica, sans-serif; text-decoration:none; color:#22273a; padding:10px 8px; display:block; border-right:1px solid #999; height:15px;}
/* Con esto borra el contenido de los span, asi se puede dejar textos dentro de los links para los buscadores ya qu eesto esta por imagenes*/
#barra_menu a span { display:none;}

#barra_menu a.inicio { background: url(images/inicio.jpg) 50% 0 no-repeat; width:100px; } 
#barra_menu a.club { background: url(images/club.jpg) 50% 0 no-repeat; width:100px; } 
#barra_menu a.torneos { background: url(images/torneos.jpg) 50% 0 no-repeat; width:100px; } 
#barra_menu a.equipo { background: url(images/equipo.jpg) 50% 0 no-repeat;  width:100px; } 
#barra_menu a.menores { background: url(images/menores.jpg) 50% 0 no-repeat; width:100px;} 
#barra_menu a.prensa { background: url(images/prensa.jpg) 50% 0 no-repeat; width:100px;} 
#barra_menu a.boleteria { background: url(images/boleteria.jpg) 50% 0 no-repeat; width:100px;} 
#barra_menu a.contacto { background: url(images/contacto.jpg) 50% 0 no-repeat; width:100px;} 

#barra_menu a.inicio:hover, 
#barra_menu a.club:hover, 
#barra_menu a.torneos:hover, 
#barra_menu a.equipo:hover,
#barra_menu a.menores:hover,
#barra_menu a.prensa:hover,
#barra_menu a.contacto:hover,
#barra_menu a.boleteria:hover, #barra_menu a.activo, #barra_menu li:hover a{background-position: 50% -36px;}

/*SEGUNDO NIVEL DE NAVEGACION
=================================================================== */
/* hide the sub levels and give them a positon absolute so that they take up no room */
#barra_menu ul ul {visibility:hidden;position:absolute; top:35px;left:0; width:205px; padding:10px 15px 20px 15px; background-color:#fff; z-index:999; border:1px #ccc solid;}
/* style the second level links */
body div#content_all div.header #barra_menu ul ul li a { background:url(images/caracol/bullet_menu.gif) 8px 50% no-repeat; color:#22273a; height:auto; line-height:1em; padding:5px 15px; width:170px; border:none;}
#barra_menu ul ul li a:visited {color:#ccc; height:auto; line-height:1em; padding:5px 15px; width:170px; border:none;}
/* yet another hack for IE5.5 */
* html #barra_menu ul ul li a, * html #barra_menu ul ul li a:visited {width:180px; w\idth:178px; padding:5px 15px; p\adding:0 15px;}
body div#content_all div.header #barra_menu ul ul li a:hover { background:#566171 url(images/caracol/back_menu_over.gif) 5px 50% no-repeat; text-decoration:none; color:#FFFFFF;}
#barra_menu ul ul h3 {font:bold 11px Tahoma, Helvetica, sans-serif; border-bottom:1px dotted #999; margin:0 0 10px 0; display:block; padding:0;}
#barra_menu ul ul h3 a, #barra_menu ul ul h3 a:visited { border:none; color:#566171; padding:6px 0 6px 7px; margin:-5px 0 0 0; text-transform:uppercase;}
#barra_menu ul ul h3 a:hover {color:#566171;}
/* make the second level visible when hover on first level list OR link */
#barra_menu ul li:hover ul,
#barra_menu ul a:hover ul {visibility:visible;}

/*Contenido especial en el menu*/
#barra_menu ul ul.doble_columna {width:440px; padding:0;}
#barra_menu ul ul.doble_columna h3 { margin:0 10px; padding-top:10px;}
#barra_menu ul ul.doble_columna .columna_entretenimiento { float:left; width:160px; padding:10px 10px 20px 10px;}
#barra_menu ul ul.doble_columna .columna_entretenimiento h2 {font:bold 11px/22px verdana, Helvetica, sans-serif; color:#22273a; border:none; display:block; height:20px; padding:0 0 10px 8px; text-decoration:none;}
#barra_menu ul ul.doble_columna .columna_entretenimiento a{ background: url(images/caracol/bullet_menu.gif) 8px 50% no-repeat; color:#566171; height:auto; line-height:1em; padding:5px 5px 5px 15px; border:none;}
#barra_menu ul ul .columna_entretenimiento a:hover { background:#566171 url(images/caracol/back_menu_over.gif) 5px 50% no-repeat; color:#FFFFFF; text-decoration:none;}
#barra_menu ul ul.doble_columna .columna_entretenimiento a.bullet_top { background-position:8px 9px;}
#barra_menu ul ul.doble_columna .columna_entretenimiento a.bullet_top:hover { background-position:5px 7px;}