*{margin:0; padding:0;font-family:Helvetica,Arial,Tahoma,Verdana,sans-serif;} body {background: #FFF url(/images/bg.jpg) top center no-repeat;text-align: center;} a:link, a:visited, a:active { text-decoration: none; color: #254532 } a:hover { text-decoration: underline; } #contenedor{width: 940px;margin: 0 auto;padding: 0;} #logo {display:inline;float:left;text-align:left;margin:0;width:312px;height:113px;overflow:hidden;} #logo a{display:block;width:100%;height:100%;margin:0;color:#000;font-size:11px;padding:65px 0 0 135px;text-decoration:none !important} #menu{display:inline;float:left;text-align:right;margin:21px 0 0 0;width:613px;height:40px;} #menu ul{list-style-type:none;} #menu li{float:left;display:inline;} #menu a.estoy, #menu a:hover{color:#254532;text-decoration:none;} /* Fix IE. Hide from IE Mac \*/ * html body #main #menu ul li a {float:left;} /* End */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * {margin:0;padding:0;list-style: none;} .sf-menu ul {position:absolute;top:-999em;width:200px; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float:left;position:relative;} .sf-menu a {display:block;position:relative;} .sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:40px; /* match top ul list item height */ z-index:99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:200px; /* match ul width */top:0;} ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;} /*** DEMO SKIN ***/ .sf-menu {float: left;margin-bottom:1em;} .sf-menu a {color:#000;font-size:12px;line-height:40px;display:block;padding:0 15px;text-decoration:none;} .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/} .sf-menu li {background:transparent;} .sf-menu li li {background:#fff;text-align:left !important} .sf-menu li li li {background:#fff;text-align:left !important} .sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;color:#254532;text-decoration:none;} /*** arrows **/ .sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator { position:absolute;display:block;right:.75em;top:1.05em; /* IE6 only */ width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url(/images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url(/images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* fin menu */ #ofertas{display:inline;float:left;margin:35px 0 0 15px;width:670px;height:190px;} #ofertas li{margin:0;padding:0;list-style:none;width:670px;height:190px;} #ofertas .miniatura{width:225px;background:url(/images/bgfoto.jpg) bottom left no-repeat;padding:0 0 21px 0;float:left} .miniatura img {border:3px solid white;width:219px} #ofertas .detalle{float:left;width:430px;margin:0 0 0 15px} .detalle h2 {font-size:19px;color:#254532;margin:15px 0 0 0;text-align:left;font-weight:normal;text-transform:uppercase} .detalle p{margin:5px 0;text-align:left;font-size:11px;color:#000;line-height:12px} .detalle h3 {font-size:19px;color:#A01f1f;margin:5px;text-align:right;text-transform:uppercase;font-weight:normal;} .clear{clear:both;} #foto {margin:0;width:670px;height:190px;float:left;display:inline;margin:0;} #verofertas{float:right;display:inline;width:250px;height:190px;margin:35px 0 0 0} #verofertas a{display:block;width:100%;height:100%;margin:0;text-decoration:none !important} #complemento {display:inline;float:left;width:940px;margin:50px 0 0 0} #left{float: left;width: 250px;display: inline;margin:0 0 0 15px;overflow:hidden;} #left form {margin:0 0 20px 0 !important} #left fieldset{padding:0 10px;text-align:left;border:0;font-size:11px;} #left label{display:block;margin:0;} #left input, #left select, #left textarea{width:230px;background:#fff; padding:3px;border:1px dotted #ccc;color:#000;font-family:Arial, sans-serif;font-size:11px;margin:0 0 10px 0} #left select.peque{width:70px;background:#fff; padding:3px;border:1px dotted #ccc;color:#000;font-family:Arial, sans-serif;font-size:11px;margin:0 5px 10px 5px} #left input.enviar{background:#254532;color:white !important;font-weight:bold !important;width:100px !important} #left #telefonos{display:inline;float:left;margin:22px 0 5px 15px;width:192px;} #telefonos p{margin:2px 0 0 60px;font-size:10px;color:white;text-align:left;} #telefonos p span{font-weight:bold;font-size:12px;color:#254532;line-height:16px} #main{float:right;display: inline;width: 615px;text-align:left;margin:0 25px 0 0} #main h1 {margin:0 0 30px 0;font-size:23px;color:#254532;line-height:23px;font-weight:normal;letter-spacing:-1px} #main h2 {margin:10px;font-size:21px;color:#33cc33;line-height:30px;} #main p{margin: 0 0 20px 0;font-size:13px;line-height:150%;font-weight:normal;text-align:justify;} #main p.red{color:red;font-weight:bold;text-align:center;margin:15px;} #main p.green{color:green;font-weight:bold;text-align:center;margin:15px;} #main ul{margin:0 0 0 15px;} #main li {margin:0;line-height:135%;padding:0;list-style:none;font-size:13px;line-height:150%;font-weight:normal;} #main table {margin:0 0 20px 0;width:615px;border-top:1px dotted #ccc} #main td{font-size:11px;font-weight:normal;padding:5px;border-bottom:1px dotted #ccc} #main tr:hover{background:#f0f0f0} #main td a {font-size:15px;font-weight:normal;text-transform:uppercase} #main img.der {float:right;margin-left:10px;} img.pad {vertical-align:middle;padding:2px;border:1px dotted #ccc;background:white} #main a.pagina{color:#666 !important;padding:2px 5px !important;background:#ccc !important;text-decoration:none !important} .current{color:#fff !important;padding:2px 5px !important;background:#254532 !important;text-decoration:none !important} #main #transicion{display:inline;float:right;width:183px;height:190px;margin:0 0 30px 30px;background:url(/images/foto.jpg) bottom center no-repeat} #transicion p {font-size:10px;margin:125px 10px 5px 10px;text-align:center;line-height:90%;color:White} #main form {margin:0 0 20px 0 !important} #main fieldset{padding:10px;text-align:left;border:0;font-size:11px;border:1px dotted #ccc} #main label{display:block} #main input, #main select, #main textarea{width:580px;background:#fff; padding:5px;border:1px dotted #ccc;color:#000;font-family:Arial, sans-serif;font-size:11px;} #bottom{display: inline;float:left; width: 940px;height: 30px;margin:10px 0 0 0;background:#212121;overflow:hidden; line-height:30px;font-size:11px;color:white;clear:both} #bottom p{color:white;text-align:left;text-indent:10px} #bottom a{color:white;font-weight:bold} .fotocoches{float:left;display:inline;margin:0;width:200px;padding:0} .fotocoches img {width:180px;margin:0 0 5px 0} #datos{display:inline;float:right;color:#666;width:410px;margin:0;font-size:12px;padding:0 !important;} #datos p.titulo {width:120px;color:#254532;font-weight:normal;font-size:12px;margin:0 !important;padding:5px 0 !important;line-height:15px;border-top:1px dotted #ccc;font-weight:bold;display:inline-block;float:left} #datos p.texto {width:280px;color:#000000;font-weight:normal;font-size:12px;margin:0 !important;padding:5px 0 !important;line-height:15px;border-top:1px dotted #ccc;font-weight:normal;display:inline-block;text-align:left !important;float:left} #datos p.completo {width:400px;height:300px;color:#000000;font-weight:normal;font-size:12px;margin:0 0 10px 0 !important;padding:0 !important;line-height:15px;border:1px dotted #ccc;font-weight:normal;display:inline-block;text-align:left !important;float:left} /* AnythingSlider v1.4 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ /******* SET DEFAULT DIMENSIONS HERE ********/ div.anythingSlider {width: 670px;height: 190px;margin: 0;} /****** SET COLORS HERE *******/ /* Default State */ div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {display:none;background: #777;} div.anythingSlider .anythingWindow {} /* Active State */ div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {display:none;background-color: #7C9127;} div.anythingSlider.activeSlider .anythingWindow {border-color: #7C9127;} /**** DO NOT CHANGE BELOW THIS LINE ****/ /* anythingSlider viewport window */ div.anythingSlider .anythingWindow {overflow: hidden;position: relative;width: 100%;height: 100%;} /* wrapper: 45px right & left padding for the arrows, 28px @ bottom for naviagation */ div.anythingSlider {position: relative;padding: 0;} /* anythingSlider base UL */ ul.anythingBase {background: transparent;list-style: none;position: absolute;top: 0; left: 0;margin: 0;} ul.anythingBase li.panel {background: transparent;display: block;float: left;padding: 0;margin: 0;} /* Navigation Arrows */ div.anythingSlider .arrow {top: 50%;position: absolute;display: none;} div.anythingSlider .arrow a {display: none;} div.anythingSlider .forward { right: 0; } div.anythingSlider .back { left: 0; } div.anythingSlider .forward a { background-position: 0 -40px; } div.anythingSlider .back a { background-position: -88px -40px; } div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; } div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; } /* Navigation Links */ div.anythingSlider .thumbNav { margin: 0; } div.anythingSlider .thumbNav li { display: inline; } div.anythingSlider .thumbNav a {display: none;} div.anythingSlider .thumbNav a:hover { background-image: none; } /* slider autoplay right-to-left, reverse order of nav links to look better */ div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */ div.anythingSlider.rtl .thumbNav { float: left; } /* move nav link group to left */ /* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */ /* Autoplay Start/Stop button */ div.anythingSlider .start-stop {display:none;} div.anythingSlider .start-stop.playing { background-color: red; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; color: #ff0 } #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; } #lbOverlay.grey { background-color: #000000; } #lbOverlay.red { background-color: #330000; } #lbOverlay.green { background-color: #003300; } #lbOverlay.blue { background-color: #011D50; } #lbOverlay.gold { background-color: #666600; } #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; } #lbMain a img { border: none; } #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; } #lbOuterContainer.grey { border: 3px solid #888888; } #lbOuterContainer.red { border: 3px solid #DD0000; } #lbOuterContainer.green { border: 3px solid #00B000; } #lbOuterContainer.blue { border: 3px solid #5F89D8; } #lbOuterContainer.gold { border: 3px solid #B0B000; } #lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; } #lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; } #lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; } #lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; } #lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; } #lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; } #lbImageContainer, #lbIframeContainer { padding: 10px; } #lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/js/images/loading.gif) center no-repeat; } #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lbImageContainer>#lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } #lbPrev { width: 49%; height: 100%; background: transparent url(/js/images/blank.gif) no-repeat; display: block; left: 0; float: left; } #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(/js/images/prev_grey.gif) left 15% no-repeat; } #lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(/js/images/prev_red.gif) left 15% no-repeat; } #lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(/js/images/prev_green.gif) left 15% no-repeat; } #lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(/js/images/prev_blue.gif) left 15% no-repeat; } #lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(/js/images/prev_gold.gif) left 15% no-repeat; } #lbNext { width: 49%; height: 100%; background: transparent url(/js/images/blank.gif) no-repeat; display: block; right: 0; float: right; } #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(/js/images/next_grey.gif) right 15% no-repeat; } #lbNext.red:hover, #lbNext.red:visited:hover { background: url(/js/images/next_red.gif) right 15% no-repeat; } #lbNext.green:hover, #lbNext.green:visited:hover { background: url(/js/images/next_green.gif) right 15% no-repeat; } #lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(/js/images/next_blue.gif) right 15% no-repeat; } #lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(/js/images/next_gold.gif) right 15% no-repeat; } #lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; } #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; } #lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; } #lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; } #lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; } #lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; } #lbPrev2_Off, #lbNext2_Off { font-weight: bold; } #lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; } #lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; } #lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; } #lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; } #lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; } #lbDetailsData { padding: 0 10px; } #lbDetailsData.grey { color: #333333; } #lbDetailsData.red { color: #620000; } #lbDetailsData.green { color: #003300; } #lbDetailsData.blue { color: #01379E; } #lbDetailsData.gold { color: #666600; } #lbDetails { width: 60%; float: left; text-align: left; } #lbCaption { display: block; font-weight: bold; } #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbClose.grey { background: url(/js/images/close_grey.png) no-repeat; } #lbClose.red { background: url(/js/images/close_red.png) no-repeat; } #lbClose.green { background: url(/js/images/close_green.png) no-repeat; } #lbClose.blue { background: url(/js/images/close_blue.png) no-repeat; } #lbClose.gold { background: url(/js/images/close_gold.png) no-repeat; } #lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbPlay.grey { background: url(/js/images/play_grey.png) no-repeat; } #lbPlay.red { background: url(/js/images/play_red.png) no-repeat; } #lbPlay.green { background: url(/js/images/play_green.png) no-repeat; } #lbPlay.blue { background: url(/js/images/play_blue.png) no-repeat; } #lbPlay.gold { background: url(/js/images/play_gold.png) no-repeat; } #lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbPause.grey { background: url(/js/images/pause_grey.png) no-repeat; } #lbPause.red { background: url(/js/images/pause_red.png) no-repeat; } #lbPause.green { background: url(/js/images/pause_green.png) no-repeat; } #lbPause.blue { background: url(/js/images/pause_blue.png) no-repeat; } #lbPause.gold { background: url(/js/images/pause_gold.png) no-repeat; }