/*** CLUB LA GUARIA - STYLES.CSS ***/ td {text-align: left;vertical-align: top;font-family:Helvetica , sans-serif;font-size:11px;color:#969494;} form{margin:0px;} a {text-decoration: underline;color:#969494;} .blue{color:#859BB7;} a.blue{color:#859BB7;text-decoration:underline;} .red{color:#B54040;} a.red{color:#B54040; text-decoration:underline;} a.redn{color:#B54040;text-decoration:none;} .big{color:#848282;text-transform:uppercase;font-weight:bold;} .top{color:#E6E6E6;} a.top{color:#B8B8B9;text-decoration:none;} a.copy{font-family:Helvetica , sans-serif;color:#666666;text-decoration:none;} /*DROppY NAV*/ #nav { display: block; margin: 0; padding: 0; } #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; } #nav ul { display: none; position:absolute; left: 0; margin: 0; padding: 0; } * html #nav ul { line-height: 0; } /* IE6 "fix" */ #nav ul a {} /* IE6/7 fix */ #nav ul li { float: none; } #nav ul ul { top: 0; } /* Essentials - configure this */ #nav ul { width: 235px; } #nav ul ul { left: 235px; } /* Everything else is theming */ #nav { height: 30px; } #nav *:hover {} #nav a {text-align:center; display:block;} #nav li.hover a {} #nav ul {} /*#nav ul a {opacity: 0.9; filter: alpha(opacity=90); }*/ /* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */ .nav-1 a{display:block; background:url(../images/m1.jpg) no-repeat; height:24px; width:135px; color:#000000; text-decoration:none;font-size:14px; font-weight:bold; background-position:center;} .nav-1 a:hover{display:block; background:url(../images/m1-hvr.jpg) no-repeat; height:24px; color:#000000; text-decoration:none; background-position:center;} .submenu a{ display:block; background:#666666; height:25px; width:134px; color:#ffffff; text-decoration:none; font-family:Helvetica , sans-serif; font-size:11px; padding-top:8px; border:#000000 outset; border-width:thin;}/* IE6 "fix" */ .submenu a:visited, .submenu a:active{ display:block; background:#28317e; height:25px; width:134px; color:#fff; text-decoration:none; font-family:Helvetica , sans-serif; font-size:11px; padding-top:8px;}/* IE6 "fix" */ .submenu a:hover{ display:block; background:#333333; height:25px; width:134px; color:#ffffff; text-decoration:none; font-family:Helvetica , sans-serif; font-size:11px; padding-top:8px; border:#000000 outset; border-width:thin;}/* IE6 "fix" */ /********Containers*******/ body{ background:url(../images/bg.jpg) repeat-x; background-color:#FFFFFF;} #web_container {width:1000px;margin-left:auto;margin-right:auto;text-align:center;} #area_principal{background:url(../images/fondo_guaria.png) repeat-y; background-color:#FFFFFF;color:#612f86;min-height:1200px;} #column_left{ float:left; width:200px; background-color:#DEE5DE;} #column_center{ float:left; width:600px; background-color:#FFFFFF;} #column_right{ float:left; width:200px; } #footer {width:1000px; height:50px; background:url(../images/footer-bg.jpg);} .copyright {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;color:#ffffff;} .copyright a{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff;} .copyright a:hover{color:#ffffff;} .links-footer {font-family:Arial, Helvetica, sans-serif;color:#ffffff;} .links-footer a{font-size:11px; text-decoration:none; color:#ffffff;} .links-footer a:hover{ color:#ffffff;} /********Typos*******/ .bodytext{ font-family:Helvetica , sans-serif; font-size:12px;} .subtitulos{ font-family:Helvetica , sans-serif; font-weight:bolder; font-size:20px; color:#000000;} /********Registro*******/ #registro {width:197px; height:150px;} .registro-titular { background-color:#660033; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;} .registro-textos { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333;} /********Eventos*******/ #eventos { width:150px; background:url(../images/arrow-col3-r.jpg) no-repeat; background-position:inherit; margin-left:10px;} .eventos-txt {text-align:left; padding-left:16px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666;} .eventos-tt {font-size:11px; font-weight:bold; color:#333333;} /********BotonesMenu1Header*******/ #m1 {width:630px; height:23px; font-family:Helvetica , sans-serif; text-decoration:none;} .m1-btn1 {width:131px; height:23px; background:url(../images/m1-btn1.jpg) no-repeat;float:left;} .m1-btn1 a{width:131px; height:23px; background:url(../images/m1-btn1.jpg) no-repeat; display:block;} .m1-btn1 a:hover{width:131px; height:23px; background:url(../images/m1-btn1-hvr.jpg) no-repeat;} .m1-btn2 {width:101px; height:23px; background:url(../images/m1-btn2.jpg) no-repeat;float:left;} .m1-btn2 a{width:101px; height:23px; background:url(../images/m1-btn2.jpg) no-repeat; display:block;} .m1-btn2 a:hover{background:url(../images/m1-btn2-hvr.jpg) no-repeat;} .m1-btn3 {width:92px; height:23px; background:url(../images/m1-btn3.jpg) no-repeat;float:left;} .m1-btn3 a{width:92px; height:23px; background:url(../images/m1-btn3.jpg) no-repeat; display:block;} .m1-btn3 a:hover{background:url(../images/m1-btn3-hvr.jpg) no-repeat;} .m1-btn4 {width:183px; height:23px; background:url(../images/m1-btn4.jpg) no-repeat;float:left;} .m1-btn4 a{width:183px; height:23px; background:url(../images/m1-btn4.jpg) no-repeat; display:block;} .m1-btn4 a:hover{background:url(../images/m1-btn4-hvr.jpg) no-repeat;} .m1-btn5 {width:123px; height:23px; background:url(../images/m1-btn5.jpg) no-repeat;float:left;} .m1-btn5 a{width:123px; height:23px; background:url(../images/m1-btn5.jpg) no-repeat; display:block;} .m1-btn5 a:hover{background:url(../images/m1-btn5-hvr.jpg) no-repeat;} /********ExtractosContenidos*******/ .titles, .titles a{font-family:Helvetica, sans-serif; color:#612f86; font-size:16px; margin-bottom: 0.8em; font-weight: bold; text-decoration:none; border:none;} .titles a{ padding:0 0 0 12px;} .titles a {background:url(../images/arrow-left.jpg) no-repeat left;} .titles a:hover{font-family:Helvetica , sans-serif; color:#612f86; font-size:16px; text-decoration:underline; border:none;} .titulares-articulos { font-family:Helvetica, sans-serif; color:#612f86; font-size:16px; font-weight:bold; text-decoration:none;} .pics {width:140px;} #caja-textos {width:575px; margin-left:12px;} .articulos-textos {font-family:Helvetica , sans-serif; font-size:12px; color:#000000; text-align:justify;} .noticias {} .dotline-bg {background:url(../images/dot-line-bg.jpg) repeat-x;} .xtr-txt {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;} .descargable { width:120px; height:20px; float:left;} .descargable a{ background:url(../images/download-icon.png) no-repeat; background-position:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-decoration:none; padding: 0 0 5px 20px;} .descargable a:hover{color:#612f86; background:url(../images/download-icon-hvr.png) no-repeat; padding: 0 0 5px 20px;} .galeria-asoc { min-width:120px; height:20px; float:left;} .galeria-asoc a{ background:url(../images/gallery-icon.png) no-repeat; background-position:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-decoration:none; padding: 0 0 5px 20px;} .galeria-asoc a:hover{color:#612f86; background:url(../images/gallery-icon-hvr.png) no-repeat; padding: 0 0 5px 20px;} .ver-detalles { width:120px; height:20px; float:left;} .ver-detalles a{ background:url(../images/details-icon.png) no-repeat; background-position:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; text-decoration:none; padding: 0 0 5px 20px;} .ver-detalles a:hover{color:#612f86; background:url(../images/details-icon-hvr.png) no-repeat; padding: 0 0 5px 20px;} /********CategoriasDeporttivas*******/ .c-t {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold;} .cat-bordes {/*background:url(../images/cat-bordes.jpg) no-repeat;*/border: medium double #DDEBEB; width:250px; height:332px; float:left;} div .left{margin: 0 1em 0 1em;} .c-pix {width:82px; height:115px; float:left;} /************Slideshow*************/ div #slideshow { height:200px; width:600px; margin-left: auto; margin-right: auto;} div #slideshow > img { padding-left:1px;} /*************Articulos************/ .floatleft { width:100px; float:left; clear:left; margin: 0 10px 10px 0; border: 1px solid #666666; padding: 2px;} .floatright { width:150px; float:right; clear: right; margin: 0 10px 10px 10px; padding: 2px;} .menu-top {width:630px; height:23px; background:url(../images/sf-menu-bg.jpg) repeat-x;} /* jQuery lightBox plugin - Gallery style */ #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;} #jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;} #lightbox-container-image { padding: 10px; } #lightbox-loading {position: absolute;top: 40%;left: 0%; height: 25%;width: 100%; text-align: center; line-height: 0;} #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block;} #lightbox-nav-btnPrev {left: 0; float: left;} #lightbox-nav-btnNext {right: 0; float: right;} #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;padding: 0 10px 0;} #lightbox-container-image-data {padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right;padding-bottom: 0.7em; } /**********List Gallery*******/ .list_gallery_item{ border:1px solid #999999;text-align:center; padding:6px 6px 6px 6px; width:168px; height:240px;} .titulo_list_gallery{color:#CA0202;text-align:left;font-weight:bold; text-align:center; padding-top:4px;} .titulo_detalles{color:#CA0202;text-align:left;font-weight:bold;padding-top:4px;font-size:large;} .text_list_gallery{text-align:center;} .footer_list_gallery{ font:11px Arial, Helvetica, sans-serif;color:#666666;text-align:center;} .list_gallery_item_hover{background-color: #F1E8E6;} .border1{ border:1px solid #999999;} /**********End List Gallery***/ .typo-normal {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9966cc; text-align:justify; margin-left:12px; width:575px;} /********calendar***********/ .sys_calendar{} .sys_calendar thead tr{background-color: #666666;color: #FFFFFF;} .sys_calendar tbody tr td{border:1px solid;vertical-align:top;height:80px;} .sys_calendar tbody tr td:hover{background-color: #F1E8E6;} .sys_calendar tbody tr td div{background-color:#CCCCCC;text-align:left;cursor:pointer;} .sys_calendar tbody tr td div.head{background-color:#CCCCCC;text-align:left;} .sys_calendar tbody tr td div.even{background-color:#FFFFFF;text-align:left;} .sys_calendar tbody tr td div.even:hover{background-color:#999999;text-align:left;} .sys_calendar tbody tr td div.odd{background-color:#F0F0F6;text-align:left;} .sys_calendar tbody tr td div.nodate{background-color:#CCCCCC;height:80px;} .sys_calendar tbody tr td div.odd:hover{background-color:#999999;} .sys_calendar > thead > tr > td{color:white;} .sys_calendar > tbody > tr > td > div {color: black;} .sys_calendar > tfoot > tr > td {text-align: center;color:black;font-size: bigger;} .sys_calendar > tfoot > tr > td > a{color:black;font-size: larger;} /*****end sys calendar************/ /* jQuery lightBox plugin - Gallery style */ #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;} #jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;} #lightbox-container-image { padding: 10px; } #lightbox-loading {position: absolute;top: 40%;left: 0%; height: 25%;width: 100%; text-align: center; line-height: 0;} #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block;} #lightbox-nav-btnPrev { left: 0; float: left;} #lightbox-nav-btnNext { right: 0; float: right;} #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;} #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /**********List Gallery*******/ .list_gallery_item{ border:1px solid #999999;text-align:center; padding:6px 6px 6px 6px; width:168px; height:240px;} .titulo_list_gallery{color:#CA0202;text-align:left;font-weight:bold; text-align:center; padding-top:4px;} .titulo_detalles{color:#CA0202; text-align:left;font-weight:bold;padding-top:4px;font-size:large;} .text_list_gallery{text-align:center;} .footer_list_gallery{ font:11px Arial, Helvetica, sans-serif;color:#666666;text-align:center;} .list_gallery_item_hover{background-color: #F1E8E6;} .border1{ border:1px solid #999999;} /**********End List Gallery***/ #h2-gradient-bg {width:200px; height:23px; background:url(../images/h2-gradient-bg.jpg) repeat-y;} .h2-type-000000 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000} .h2-type-purple { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#993a58;} /******** Cursos y Horarios ********/ table.cursos-horarios tbody td {color: #3d3d3d;padding-top: 4px;padding-right: 4px;padding-bottom: 4px;padding-left: 4px;background-color: #ffffff;vertical-align: top;} table.cursos-horarios tbody tr.even td {background-color: #ffffff;} table.cursos-horarios tbody tr.hover td {background-color: #f1e8e6;} table.cursos-horarios tbody tr.hover.even td {background-color: #f1e8e6;} #header {background:url(../images/header.jpg); height:106px; width:1000px;} #headsearchpanel { height:60px; position:absolute; left: 850px; top: 40px; } #search {width:256px; height:60px; color:#000000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:10px;} .temp2 { height:30px; width:30px;} .temp { height:30px;} /*Seleccion de canchas */ #lista-canchas > li:hover {background: #FFFFDD;} .logo { border:none; } .logo img { border:none; margin: 20px 0 0 50px;} .logo a{border:none; }