/*<![CDATA[*/
/*
=======================================================================
*** HOJA DE ESTILO MAESTRA PARA TODO EL SITE CON ESTILOS DE INTERFAZ
=======================================================================
+++ Estilos para elementos genéricos y contenedores generales
----------------------------------------------------------------------
*/
body { margin:0px; padding:0px; background:#BEEA97 url(/sportclub/imgLib/web/bg.jpg) repeat-x; padding-left:50%; font-family: Arial, Helvetica, sans-serif; }
#cabecera, div.intro, #contenido, #pie { width:644px; margin-left:-322px; }
p { font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; margin:0px; }
/*
----------------------------------------------------------------------
+++ Estilos para capa de Cabecera
----------------------------------------------------------------------
*/
#cabecera { position:relative; background:#FFF url(/sportclub/imgLib/web/cabecera_bg.jpg) no-repeat right top; margin-bottom:15px; }
#cabecera h1 a { display:block; width:148px; height:85px; background:#FFF url(/sportclub/imgLib/web/logo.jpg) no-repeat; text-indent:-100em; overflow:hidden; }
#cabecera ul { margin:0px; height:53px; padding:0px; background:transparent url(/sportclub/imgLib/web/nav_off.jpg) no-repeat; }
#cabecera ul li { display:block; width:92px; float:left; list-style-stype:none; } 
#cabecera ul li a { display:block; width:92px; height:53px; text-indent:-100em; overflow:hidden; } 
#cabecera ul li a:hover { background:transparent url(/sportclub/imgLib/web/nav_on.jpg) no-repeat; }
#cabecera ul li a#a:hover { background-position: 0px top; }
#cabecera ul li a#b:hover { background-position: -92px top; }
#cabecera ul li a#c:hover { background-position: -184px top; }
#cabecera ul li a#d:hover { background-position: -276px top; }
#cabecera ul li a#e:hover { background-position: -368px top; }
#cabecera ul li a#f:hover { background-position: -460px top; }
#cabecera ul li a#g:hover { background-position: -552px top; }
/* ------------------[ Banner Festival ]------------------------------ */
#cabecera h2.banner { position:absolute; top:11px; right:12px; }
#cabecera h2.banner a { display:block; width:438px; height:65px; text-indent:-1000em; background:#588CC5 url(/sportclub/imgLib/web/banner_fiestaPark.gif) no-repeat; text-decoration:none; overflow:hidden; }
#cabecera iframe.banner { width:442px; height:69px;position:absolute; top:11px; right:12px;}

/*
----------------------------------------------------------------------
+++ Estilos para capa de Introduccion Grafica de Area (ID libre)
----------------------------------------------------------------------
*/
div.intro { position:relative; height:166px; }
div.intro h1 { font-size:18px; font-weight:normal; color:#D7EBC7; padding:20px 0px 5px 26px; }
div.intro p { font-size:11px; color:#FFF; width:200px; padding:0px!important; margin:0px 0px 0px 26px!important; }
div.intro ul { position:absolute; bottom:0px; margin:0px; padding:0px; padding-left:16px;  }
div.intro ul li { display:block; float:left; width:134px; height:32px;  margin-right:7px; list-style-type:none; }
div.intro ul li a { display:block; text-align:center; font-weight:bold; font-size:11px; color:#FFF; text-decoration:none; padding-top:11px; }
div.intro ul li a:hover { color:#D7EBC7; }
div.intro ul li a.activo, div.intro ul li a.activo:hover { font-size:12px; color:#569C31; padding-top:9px; }
/*
----------------------------------------------------------------------
+++ IDs particulares de imagen de fondo de capa de Introduccion Grafica
----------------------------------------------------------------------
*/
#album { background:transparent url(/sportclub/imgLib/web/area_album.jpg) no-repeat; }
#clases { background:transparent url(/sportclub/imgLib/web/area_clases.jpg) no-repeat; }
#comollegar { background:transparent url(/sportclub/imgLib/web/area_comollegar.jpg) no-repeat; }
#monitores { background:transparent url(/sportclub/imgLib/web/area_monitores.jpg) no-repeat; }
#horarios { background:transparent url(/sportclub/imgLib/web/area_horarios.jpg) no-repeat; }
#paseovirtual { background:transparent url(/sportclub/imgLib/web/area_paseovirtual.jpg) no-repeat; }
#tarifas { background:transparent url(/sportclub/imgLib/web/area_tarifas.jpg) no-repeat; }
/*
----------------------------------------------------------------------
+++ Estilos para capa de Contenidos Generales
----------------------------------------------------------------------
*/
#contenido { background:#FFF url(/sportclub/imgLib/web/contenido_bg.jpg) repeat-y; padding-top:30px; padding-bottom:10px; }
#contenido h2 { font-size:22px; color:#7CA8D3; font-weight:normal; margin-left:20px; }
#contenido h3 { font-size:18px; color:#87BD5F; font-weight:normal; margin-left:20px; }
#contenido p, #contenido li { font-size:12px; color:#666; margin:5px 20px 12px 20px; line-height:1.4em; }
#contenido p strong, #contenido li strong { color:#4B87C2; }
#contenido p a { color:#4B87C2; }
#contenido p a:hover { color:#568235; text-decoration:none; }
#contenido ul { padding:0px; margin-left:20px;}
#contenido li { list-style-type:none; padding-left:20px; background:url(/sportclub/imgLib/web/li_bg.gif) no-repeat left 2px; }
.derecha { float:right; }
/*
----------------------------------------------------------------------
+++ Estilos para capa de Pie
----------------------------------------------------------------------
*/
#pie { position:relative; height:169px; background:#FFF url(/sportclub/imgLib/web/pie_bg.jpg) no-repeat left 36px; }
#pie address { display:none; }
#pie p { margin:0px; padding-left:20px; line-height:36px; background:#FFF url(/sportclub/imgLib/web/contenido_bg.jpg) repeat-y; }
#pie p a { font-size:11px; color:#51992C; text-decoration:none; background:#FFF url(/sportclub/imgLib/web/home.gif) no-repeat left 4px; padding-left:14px; }
#pie p a:hover { color:#333; }
#pie ul { position:absolute; top:84px; left:376px; margin:0px; padding:0px; }
#pie ul li { display:inline; list-style-type:none; }
#pie ul li a { display:block; width:72px; height:21px; float:left; margin-right:10px; text-indent:-100em; overflow:hidden; }
-->
/*]]>*/