/* ------------------------------------------------------------- Federación Internacional de Pádel (F.I.P.) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: Styles for Federación Internacional de Pádel Filename: padel.css Version: 1.0 Date: 05/2008 ------------------------------------------------------------- */ @import url(typography.css); /* Bug hunting - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /** { border: 1px solid red !important; } */ html, body { height:100%; } body { margin:0px; position:relative; background:url(../img/bk_grass.jpg) center top #72b523; } /* Clearing floats - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #allWrapper { background:url(../img/bk_grass_top.jpg) repeat-x center top; min-height:400px; } #wrapper { width:884px; position:relative; margin:0 auto; } /* TOP - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #top { width:100%; height:139px; margin:0px auto; position:relative; z-index:5; } /* Logo - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #top h1 { margin:0px; } #logo { display:block; width:330px; height:98px; background:url(../img/logo.gif) no-repeat; text-indent:-9000px; padding:0px; margin:0px; float:left; display:inline; position:absolute; left:260px; top:15px; } #logo a { display:block; width:100%; height:100%; } #top #map { width:212px; height:93px; background:url(../img/top_map.gif) no-repeat; position:absolute; bottom:25px; right:60px; } #topMenu { height:18px; width:240px; position:absolute; top:17px; right:1px; } #topMenu a { width:66px; height:20px; background:url(../img/b_top.gif) no-repeat; line-height:18px; text-align:center; display:inline; float:right; margin-left:10px; color:#fff; font-size:10px; text-decoration:none; } #topMenu a:hover { color:#9cfd40; } #pic01 { width:182px; height:209px; position:absolute; top:17px; left:-60px; background:url(../img/pic_promo01_01.gif) no-repeat; z-index:8; } #pic02 { width:156px; height:192px; position:absolute; top:19px; left:0px; background:url(../img/pic_promo02_01.gif) no-repeat; z-index:7; } #pic03 { width:194px; height:131px; position:absolute; top:36px; left:40px; background:url(../img/pic_promo03_01.gif) no-repeat; z-index:6; } /* MAIN - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #content { padding-right:292px; z-index:10; } /* infoColumn - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #infoColumn { display:inline; margin-right:-310px; width:219px; padding-left:4px; padding-top:3px; float:right; color:#1a5619; } #infoColumn h2 { width:169px; height:12px; background:url(../img/info_shape_top.png) no-repeat; margin-top:0px; margin-bottom:0px; padding:20px 10px 10px 40px; font-family:sans-serif; text-transform:uppercase; color:#176e00; } #infoColumn .boxContent { background:url(../img/info_shape_bk.png) repeat-y; padding:1px 10px 10px 15px; height:1%;} #infoColumn .boxContent p { margin-top:0px; } #infoColumn .boxContent img { margin:5px; } #infoColumn .boxFooter { background:url(../img/info_shape_bot.png) no-repeat; width:219px; height:10px; margin-bottom:10px; } .button_small a { display:block; height:18px; width:70px; background:url(../img/b_small.gif) no-repeat; padding:0 7px 0 7px; line-height:18px; color:#fff; font-size:10px; text-align:center; text-decoration:none; } .button_small a:hover { background:url(../img/b_small_active.gif) no-repeat; color:#fff; } /* Menu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #content #menu { width:562px; height:70px; display:inline; float:left; padding:22px 20px 0 10px; background:url(../img/shape_top.png) no-repeat; margin:0; } #menu { position:relative; z-index:10; } #menu, #menu li { padding:0px; margin:0px; display:block; } #menu li { _width:50px; text-indent: 0; white-space:nowrap; background:url(../img/menu_b.gif) no-repeat left; list-style:none; line-height:36px; height:36px; margin:0px; margin-left:10px; padding:0; padding-left:4px; font-weight:bold; font-size:11px; text-transform:uppercase;color:#fff; cursor:pointer; display:inline; float:left; z-index:100; position:relative; } #menu li a { height:100%; display:block; background:url(../img/menu_b.gif) no-repeat right; padding-right:4px; text-decoration:none; } #menu li:hover { background:url(../img/menu_b_active.gif) no-repeat left; } #menu li:hover a { background:url(../img/menu_b_active.gif) no-repeat right; } /* Documentacion */ #menu li .docmenu {background:url(../img/menu_b_doc.gif) no-repeat right;} #menu li a .docmenu { height:100%; display:block; background:url(../img/menu_b_doc.gif) no-repeat left; padding-right:4px; text-decoration:none; text-align:center } #menu li:hover .docmenu{ background:url(../img/menu_b_active_doc.gif) no-repeat right; } #menu li:hover a .docmenu{ background:url(../img/menu_b_active_doc.gif) no-repeat left; } /* Submenu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #menu ul { position:absolute; display:none; float:none; top:36px; left:0px; width:250px; background-image:none; white-space:nowrap; margin:0px; padding:0px; opacity:0.9; } #menu li:hover ul { display:block; } #menu ul li { width:100%; padding:3px 5px 0 10px; height:33px; background:#65b317; margin-top:5px; margin-left:0px; margin-bottom:0px; line-height:27px; text-transform:none; } #menu ul li a { display:block; width:100%; height:100%; background:none; text-indent:9px; word-spacing: 0em; } #menu ul li:hover { background:#72ca1a; } /* mainColumn - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #mainColumn { background:url(../img/shape_bk.png) repeat-y; padding:1px 20px 18px 20px; display:inline; float:left; width:552px; height:inherit; z-index:15px; } #mainColumnBot { background:url(../img/shape_bot.png) no-repeat; height:10px; width:592px; display:inline; float:left; } #mainColumn h1 { text-transform:uppercase; } #mainColumn img { margin-top:4px; } #mainColumn img.left { margin-right:15px; } /* FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #footer p, #footer a { color:#fff; text-align:center; } /* CALENDARIO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #calendar-container{ width:230px; vertical-align:top; padding-right:10px; } /* FECHA RESALTADA CALENDARIO */ .fechaevento{ background-color:#CAE4FF; } /* TALE */ .cabtabla{ border:1px solid #CAE3B3; background-color: #CAE3B3; font-size:12px; } /* Enlace a las imágenes */ .enlaceImagenes{ cursor:pointer; } /* Estilo para la imagen destacada */ #imgDestacada, #imgDestacada img{ width:200px; height:160px; margin-top:0;padding:0; }