* { padding:0; margin:0 } body { font-family:'Arial', 'Helvetica', 'trebuchet MS', 'verdana'; font-size:82%; background-color:#cdc9c2; background-image line-height:1.5em } a:link,a:visited { color:black; text-decoration:none } a:hover {color:black} img { border:0px } h1 { font-size:1.2em; margin-bottom:1.3em; margin-top:20px; padding-top:10px } p { font-size:0.95em; margin-bottom:0.9em; } strong {font-weight:bold} em {font-style:normal} p.prix { text-align:right; } p.prix strong { background-color:white; padding:4px; border-radius:0.2em; } p.infos { text-align:right; font-size:0.85em; font-style:italic; padding-bottom:10px; border-bottom:1px solid gray } /* PSIZIONAMENDU OROKORRA ************************************************************************/ /* */ body { margin-left:auto; margin-right:auto; position:relative; } div#kuadroa { width:940px; margin-left:auto; margin-right:auto; position:relative; overflow:hidden; } /**** div#content { border:1px solid black } div.border_box { border:1px solid blue; } div.box_skitter { border:1px solid red; } div.box_skitter_large { border:1px solid white } ****/ /* Burua ************************************************************************/ div#burua { margin-bottom:-15px } div#burua span img { margin-left:-10px } div#kuadroa>span img { margin-left:-10px } /* Burua II ************************************************************************/ div#burua2 span:first-child img { margin-top:-5px; border-radius:0.3em; } div#burua2 span+span img { margin-bottom:-15px; margin-top:2px } /* Menu Luzea ************************************************************************/ ul.menuluze { overflow:hidden; padding:5px; margin-bottom:15px; background-color:gray; border-radius:0.3em; } ul.menuluze li:first-child { margin-left:0px; padding-left:15px } ul.menuluze li { float:left; height:15px; list-style-type:none; padding-left:15px; padding-top:6px; padding-bottom:8px; padding-right:15px; } ul.menuluze li a { color:#c5c2be; } ul.menuluze li:hover { background-color:#383838; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; } ul.menuluze li:hover a { color:white } ul.menuluze>ul { position: absolute; right:5px; } ul.menuluze>ul li { padding-right:10px; padding-left:10px; } ul.menuluze a.orriaktibatua { color:white; font-weight:bold } ul.menuluze ul li a.orriaktibatua { color:white; font-weight:bold } /* Menu ************************************************************************/ /* div#burua>ul li { float:left; list-style-type:none; border-top-right-radius:0.2em; border-top-left-radius:0.2em; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:5px; margin-left:10px; } */ div#menua { float:left; margin-right:20px } div#menua>ul>li:first-child p { padding-left:10px; margin-bottom:0em; } div#menua>ul>li { background-color:white; width : 200px; margin-bottom:3px; border-radius:0.2em; } div#menua>ul>li>a { display:block; height:100%; padding-top:8px; padding-bottom:5px; padding-left:13px; } div#menua>ul li ul { margin-left:10px; list-style-type:none; width:190px } div#menua>ul li>ul li { border-bottom:1px solid #cdc9c2; margin-left:10px; } div#menua>ul li ul li:hover { background-color:#e8e6e4; } div#menua ul li>ul li { } div#menua>ul li ul li+li+li+li+li+li { border:none; } div#menua ul li>ul li a { display:block; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; } div#menua ul li a:hover { background-color:#e8e6e4; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; border-radius:0.2em } div#menua a.orriaktibatua { background-color:#eb690b; font-weight:bold; color:white; border-radius:0.2em } div#menua a.orriaktibatua:hover { color:black; } /* Edukia ************************************************************************/ div#edukia { float:left; overflow:hidden; width:500px; margin-right:20px; margin-bottom:20px } div#edukia p { text-align:justify } div#edukia p.tabulation { margin-left:50px } div#edukia p.entresaka { text-align:center; font-size:2.2em; font-weight:italic; line-height:1.2em; color:#a7a39d; } div#edukia p.sinadura { text-align:right; margin-right:30px } /* Eskuina ************************************************************************/ div#eskuina { overflow:hidden; margin-bottom:20px; border-bottom-right-radius:0.2em; border-bottom-left-radius:0.2em; } div#eskuina h4 { padding-top:4px; padding-bottom:4px; text-align:center; background-color:#a7a39d; border-top-right-radius:0.2em; border-top-left-radius:0.2em; } div#eskuina ul { margin-top:1px; overflow:hidden; background-color:white; width:200px; padding-bottom:14px } div#eskuina ul li { float:left; list-style-type:none; background-color:#efedeb; width:48px; height:48px; margin-left:14px; margin-top:14px } div#vehicule { width:200px; background-color:white; margin-top:10px } div#vehicule p { padding:10px 10px 0px 10px; text-align:center; font-size:0.95em; line-height:1.2em; font-weight:bold; color:#fb9010 } /* Eskuina II ************************************************************************/ div#eskuina2 { overflow:hidden; margin-bottom:20px; border-top-right-radius:0.2em; border-top-left-radius:0.2em; } div#eskuina2 h4 { padding-top:4px; padding-bottom:4px; text-align:center; background-color:#a7a39d; border-top-right-radius:0.2em; border-top-left-radius:0.2em; } div#eskuina2 ul { } div#eskuina2 ul li { } div#eskuina2 { background-image:-moz-linear-gradient(bottom, #cdc9c2, white); } /* Galeria ************************************************************************/ div#galeria { float:left; overflow:hidden; width:500px; margin-right:20px; margin-bottom:20px } div#galeria h4 { padding-top:6px; padding-bottom:7px; text-align:center; background-color:#a7a39d; border-radius:0.2em; } div#galeria ul { overflow:hidden; width:500px; } div#galeria ul li { background-color:white; float:left; list-style-type:none; width:155px; height:100px; margin-left:15px; margin-top:15px; box-shadow:2px 2px 4px #99999a; } div#galeria ul li:first-child { margin-left:0px; } #galeria ul li>a>img+img { display:none } #galeria ul li>a:hover>img:first-child { display:none } #galeria ul li>a:hover>img+img { display:inline; } #galeria ul li>a:hover>img+img { display:inline } /* Galeria TXIKI ************************************************************************/ div#galeriatxiki { float:left; overflow:hidden; width:500px; margin-right:20px; margin-bottom:20px } div#galeriatxiki h4 { padding-top:6px; padding-bottom:7px; text-align:center; background-color:#a7a39d; border-radius:0.2em; } div#galeriatxiki ul { overflow:hidden; width:500px; margin-top:20px; margin-bottom:20px; border-bottom:1px solid #a7a39d; padding-bottom:20px } div#galeriatxiki ul li { float:left; list-style-type:none; width:93px; height:70px; margin-left:8px; box-shadow:1px 1px 2px #99999a; } div#galeriatxiki ul li:first-child { margin-left:0px; } #galeriatxiki ul li>a>img+img { display:none } #galeriatxiki ul li>a:hover>img:first-child { display:none } #galeriatxiki ul li>a:hover>img+img { display:inline } #galeriatxiki ul li>a:hover>img+img { display:inline } #galeriatxiki p { text-align:justify } /* Galeria BOUTIQUE ************************************************************************/ div#galeriaboutique { float:left; overflow:hidden; width:500px; margin-right:20px; margin-bottom:20px } div#galeriaboutique h4 { padding-top:6px; padding-bottom:7px; text-align:center; background-color:#a7a39d; border-radius:0.2em; } div#galeriaboutique h1 { margin-bottom:5px } div#galeriaboutique ul { margin-top:-20px; margin-bottom:50px } div#galeriaboutique ul li { background-color:white; float:left; list-style-type:none; width:155px; height:100px; margin-left:15px; margin-top:15px; box-shadow:2px 2px 4px #99999a; } div#galeriaboutique ul li:first-child { margin-left:0px; } #galeriaboutique ul li>a>img+img { display:none } #galeriaboutique ul li>a:hover>img:first-child { display:none } #galeriaboutique ul li>a:hover>img+img { display:inline; } #galeriaboutique span>a:hover>img+img { display:inline } #galeriaboutique span>a>img+img { display:none } #galeriaboutique span>a:hover>img:first-child { display:none } #galeriaboutique span>a:hover>img+img { display:inline; } #galeriaboutique span>a:hover>img+img { display:inline } /* Galeria II ************************************************************************/ div#galeria2 { float:left; overflow:hidden; width:500px; margin-right:20px; margin-bottom:20px } div#galeria2 h4 { padding-top:2px; padding-bottom:2px; text-align:center; background-color:#a7a39d; margin-bottom:20px } div#galeria2 ul { overflow:hidden; width:500px; } div#galeria2 ul li { float:left; list-style-type:none; width:125px; height:90px; } #galeria2 ul li>a>img+img { display:none } #galeria2 ul li>a:hover>img:first-child { display:none } #galeria2 ul li>a:hover>img+img { display:inline } /* MENTIONS ******************************************************************************************/ div#edukia { text-align:justify; } div#edukia h5 { margin-top:20px; margin-bottom:5px; border-bottom:1px solid #a7a39d; font-size:1em } div#edukia h4 { padding-top:6px; padding-bottom:7px; text-align:center; background-color:#a7a39d; border-radius:0.2em; } div#edukiae p { font-size:0.90em; margin-top:5px; } div#edukia p>a { color:#5b5a5a; } div#edukia p>a:hover { text-decoration:underline; color:black } /* CONTACT ******************************************************************************************/ div#contact { float:left; overflow:hidden; width:500px; margin-right:20px; margin-bottom:40px } div#contact h4 { padding-top:6px; padding-bottom:7px; text-align:center; background-color:#a7a39d; border-radius:0.2em; } #contact form { width:400px; padding-top:30px; } #contact form fieldset { border:0 } #contact form legend { display:none } #contact form fieldset dl>dt { width:150px; text-align:right; float:left; } #contact form fieldset dl>dd { margin-left:170px; min-height:30px; } #contact form fieldset dl>dd>dl>dt { float:right; width:90%; text-align:left } #contact form fieldset dl>dd>dl>dd { margin:0; min-height:0 } #contact form fieldset dl>dd>textarea { width:100%; height:8em } #contact form fieldset>ul>li { display:none } #contact form fieldset>ul>li:first-child+li { display:block; list-style-type:none; text-align:center } #contact p#alerte { position:absolute; bottom:180px; left:395px; color:red } #contact p#alerte2 { position:absolute; left:385px; top:500px; color:red } /* Adresse ***************************/ div#adresse { margin-left:auto; margin-right:auto; width:940px; font-size:0.95em; text-align:center; padding-top:15px; overflow:hidden } div#adresse p { color:#5b5a5a } div#adresse p a { color:#5b5a5a } div#adresse>p>strong { font-weight:bold } div#adresse>p>a:hover { text-decoration:underline } /* Zangoa ******************************************************************************************/ #zangoa { margin-left:auto; margin-right:auto; height: 75px; width:940px; border-top:1px solid black; font-size:0.85em; text-align:center; padding-top:15px; overflow:hidden } #zangoa>p:first-child { font-size:1.1em; } #zangoa>p:first-child>a:hover { font-weight:bold } #zangoa>p>a:hover { text-decoration:underline } #zangoa>p+p>a { margin-left:10px; margin-right:10px } /*************************************************************/ /******************************LIGHTBOX*******************************/ /*************************************************************/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prev.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/next.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }