@charset "utf-8";

/**
 * Spider Life Style
 * 
 * (c) Endesia
 */

*{margin:0; padding:0}
html,body{height:100%}
body{font: 75% Arial,Helvetica,Garuda,sans-serif; color:#666; background:#BE0E1B url(/images/layout/bg.jpg) 0 0 repeat-y}

a{color:#BE0C19}
a:hover{color:#DF1121}
img{border:0}
p{margin:0.7em 0;text-align:justify;line-height:125%;}
ul,ol,dl{margin:0 1.75em}
li p{margin:0.35em 0;}

/* layout */
#header{height:192px;width:970px;background:url(/images/layout/top.jpg) 0 0 no-repeat}
#header a{display:block; height:110px;left:60px;position:relative;text-indent:-1000px;top:38px;width:425px;}
#container{background:#fff; width:976px;min-height:100%;height:auto !Important; height:100%;margin:0 0 -160px 0;}
*:first-child+html #container{margin:0} 
#contents{float:right;font-size:1.2em;margin:0 45px 1em 30px;width:610px;}
#sidebar{width:290px; float:left; padding:420px 0 0 0}
#footer{height:160px; clear:both; background:#fff url(/images/layout/bg-footer.png) 0 0 repeat-x; margin:0 0 -150px 0}
*:first-child+html #footer{position:relative;top:25px; margin:0}
h2,h3{font-weight:normal; padding:0 0 0.25em 0; font-size:1.3em; color:#BE0D1A}
.clear{display:block;clear:both;float:none;}

/* sidebar */
#sidebar h3{color:#fff; text-align:center; font-size:1.6em; padding:1em 0 0.35em 0}
#sidebar .box.cars{background:#BE0E1B url(/images/layout/bg-sidebar-box-cars.jpg) 0 0 no-repeat; width:284px; margin:0 0 0.25em 0}
#sidebar .box.cars .more{color:#DA747C; font-size:1.5em; text-decoration:none; text-align:right; width:97%; padding:0 0 0.25em 0; display:block;}
.carShowcase{list-style:none; margin:0.5em; padding:0}
.carShowcase li{border-bottom:1px solid #DF1121; margin:1em 0 0 0}
.carShowcase a{border-bottom:1px solid #760912; display:block; text-decoration:none; cursor:hand;}
.carShowcase img{width:65px; height:49px; border:1px solid #cf9a9a}
.carShowcase .carName{color:#fff; display:block; height:50px; float:left; width:43%; text-align:right; padding:0.5em 0.75em 0 0; font-weight:bolder}

/* footer */
#footer .info{background:url(/images/layout/bg-logo-footer.jpg) 2.5em 0 no-repeat; display:block; height:135px; padding:0.5em 0 0 25em; line-height:1.1em; font-style:normal; }
#footer address{width:auto;float:left;}
#footer .info .name{display:block;height:37px;width:377px;background:url(/images/layout/logo-footer.jpg) 0 0 no-repeat; text-indent:-1000em}
#footer .info .telephone{float:left; margin:0 0.5em 0 0; border-right:1px solid #ccc; padding:0 0.5em 0 0}
#footer .info .email{margin:0.5em 0 0 0}
#footer .info span,#footer .info a{display:block;}
#footer .links{color:#444;text-align:center;font-weight:bolder;display:block;width:976px}
.credits{width:100px;height:30px;background:url(/images/endesia_sign_color.png) no-repeat;text-indent:-1000em;display:block;float:left;margin:86px 0 0 200px}

/* nav */
#nav{position:absolute;top:192px;left:22px;list-style:none;background:url(/images/layout/menu-sprite.png) -407px 0 repeat-y; width:192px; margin:0; padding:0}
#nav li{clear:both;float:none; margin:12px 0; padding:0}
#nav a{display:block;height:56px;width:194px;background:url(/images/layout/menu-sprite.png) 0 0 no-repeat; text-decoration:none; text-indent:-1000em; overflow:hidden;}
#nav .home{background-position:0px 0px}
#nav .ourCars{background-position:0px -56px}
#nav .places{background-position:0px -112px}
#nav .offers{background-position:0px -168px}
#nav .contacts{background-position:0px -224px}
#nav .guestbook{background-position:0px -280px}
#nav .auto{background-position:0px -336px}
#nav .luoghi{background-position:0px -392px}
#nav .offerte{background-position:0px -448px}
#nav .contatti{background-position:0px -504px}
#nav a:hover.home,#nav .home.active{background-position:-205px 0px}
#nav a:hover.ourCars,#nav .ourCars.active{background-position:-205px -56px}
#nav a:hover.places,#nav .places.active{background-position:-205px -112px}
#nav a:hover.offers,#nav .offers.active{background-position:-205px -168px}
#nav a:hover.contacts,#nav .contacts.active{background-position:-205px -224px}
#nav a:hover.guestbook,#nav .guestbook.active{background-position:-205px -280px}
#nav a:hover.home,#nav .home.active{background-position:-205px 0px}
#nav a:hover.ourCars,#nav .ourCars.active{background-position:-205px -56px}
#nav a:hover.places,#nav .places.active{background-position:-205px -112px}
#nav a:hover.offers,#nav .offers.active{background-position:-205px -168px}
#nav a:hover.contacts,#nav .contacts.active{background-position:-205px -224px}
#nav a:hover.guestbook,#nav .guestbook.active{background-position:-205px -280px}
#nav a:hover.auto,#nav .auto.active{background-position:-205px -336px}
#nav a:hover.luoghi,#nav .luoghi.active{background-position:-205px -392px}
#nav a:hover.offerte,#nav .offerte.active{background-position:-205px -448px}
#nav a:hover.contatti,#nav .contatti.active{background-position:-205px -504px}

/* language */
#language{background:url(/images/layout/bg-language.jpg) 0 0 no-repeat; display:block; height:54px; width:131px; margin:0; padding:0; list-style:none; position:absolute;top:0px;left:796px;}
#language li{display:inline; float:left; width:65px; overflow:hidden}
#language a{display:block;width:27px;height:20px;background:url(/images/layout/flags-sprite.png) 0 0 no-repeat; text-indent:-1000em;margin:2em 0.35em 0;filter:alpha(opacity=50);opacity: 0.5;}
#language a.active,#language a:hover{filter:alpha(opacity=100);opacity: 1;}
#language .ita{background-position:0px -20px;float:left;}
#language .eng{float:right;}

/* contents */
.welcome{width:610px; margin:2em auto; text-align:center;}
.buttonPlaces{display:block;width:608px;height:115px;background:url(/images/contents/button-places.jpg) 0 0 no-repeat; text-indent:-1000em; margin:2em auto; clear:both;}
.buttonLuoghi{display:block;width:608px;height:115px;background:url(/images/contents/banner-luoghi.jpg) 0 0 no-repeat; text-indent:-1000em; margin:2em auto; clear:both;}
#contacts{width:70%;margin:2em auto}
.privacy{font-size:0.8em}
.datepicker{width:60%; margin-right:5%}

/* offers */
.offer{clear:both; border-bottom:1px solid #ccc; margin:1em 0 2em 0;padding-bottom:1em}
.offer .title{color:#666; font-size:1em; font-weight:bolder;}
.offer .description{font-size:0.8em} 
.offer .photo{display:block;float:left;margin-right:1em; min-width:150px; text-align:center;}
.offer .detail{text-align:right;display:block;}
.offerDetail .photo{float:left; margin:0 1em 0.5em 0}
.contactUs{text-align:right;display:block;}

/* places */
#placesList{background:url("/images/layout/bg-place-light.gif") repeat scroll 0 0 transparent;border:1px solid #5E070E;margin:2em 0 0;position:relative;width:622px}
#placesList h3{color:#fff; padding:0.75em 0 0 0.5em}
#placesList .places{margin:0.55em 0 1em 2.5em;float:left; width:23.5%}
#placesList .places li,#placesList .places a{color:#fff; text-transform:capitalize; text-decoration:none;}
#placesList .places a:hover{text-decoration:underline;}
#placesList .container {background:url("/images/layout/bg-place-dark.gif") repeat scroll 0 0 transparent;float:left;margin:0.5em 0 0 0.5em;padding:1em;}
#placesList .container div{position:relative;top:0px;right:0px; width:385px;height:282px;}
#placesList .container img{position:absolute;top:0px;left:0px}
#placesList .container small{display:block;text-indent:-1000em;background:url(/images/layout/claim.jpg) 0 0 no-repeat;width:361px;height:27px; clear:both; margin:1.25em auto 0 auto}

/* excursions */
.excursionDescription img{float:right; margin:0 0 0.35em 1em}
.excursionGallery{text-align:center; margin:1em 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:1em 0;clear:both;}
.excursionGallery img{border:1px solid #ccc; padding:1px}
.excursionGallery a:hover img{border-color:#BE0E1B}

/* ourcars */
.ourCars{list-style:none;margin:1em 0;padding:0}
.ourCars li{float:left; margin:11px}
.ourCars a{background:#676767 url(/images/layout/bg-box-cars.png) 0 0 no-repeat;display:block;width:181px;height:175px;text-decoration:none;overflow:hidden;}
.ourCars a:hover{background-position:bottom left}
.ourCars .photo{display:block;margin:0.55em auto;border:1px solid #000;width:158px;height:120px}
.ourCars .name{color:#FFFFFF;display:block;font-size:13pt;line-height:90%;margin:0.5em 0.5em 0;text-align:center;}

/* car detail */
.carRequest{border-left:1px solid #666666;display:block;margin:0 0 0 117px;padding:0 0 1em 0.5em; font-size:1.2em; text-decoration:none;}
a:hover.carRequest{text-decoration:underline; font-style:italic;}
.carDetail{margin:0; padding:0;clear:both;}
.carDetail dt{float:left;width:18%;text-align:right;color:#BE0E1B;font-weight:bolder; padding:0.5em 0.5em 0 0}
.carDetail dd{float:left;width:75%;clear:right; padding:0.5em 0 0 0.5em; border-left:1px solid #666}
.carDetail p{margin:0; padding:0; font-size:1em; line-height:1em}
.carDetail .price{font-size:0.9em}
.carDetail .price strong{font-size:1.1em}
.carGallery {margin-top:1em}
.carGallery .thumbs	img{width:100px;height:75px;border:1px solid #ccc;padding:1px;}
.carGallery .big{width:auto;width:77%;height:370px;overflow:hidden;background:url(/images/loading.gif) center center no-repeat}
.carGallery .big img{border:1px solid #CCCCCC;margin:24px;padding:1px;width:442px;height:332px}
.carGallery .jcarousel-skin-tango{ border-right:1px solid #666;float:left;margin-top:24px;width:117px}
.carGallery .jcarousel-container-vertical{top:-24px}
a.generalcondition{margin:2em 0 2em 20%;height:32px;line-height:32px;display:block;background:url(/images/layout/contract.png) center left no-repeat;padding-left:42px;clear:both;float:left}

/* car request */
#carRequest{width:70%;margin:2em auto}
#carRequest .ui-datepicker-trigger{cursor:pointer;}

/* guestbook */
#guestbook{width:75%}
.guestbookMessages{margin:0 0 0.75em 0; border-bottom: 2px dotted #ccc; padding-bottom:0.9em}
.guestbookMessages.first{margin-top:1em}
.guestbookMessages h4{font-weight:normal; font-size:1.2em}
.guestbookMessages .guestName{font-size:120%;margin:0 0 0.5em 0}
.guestbookMessages .boxPhoto img{border:1px solid #96A492;float:left; padding:1px;margin:0.25em 0.5em 0.25em 0;}
.guestbookMessages .postInfo{font-size:0.9em; color:#b30}

/* links */
#links{list-style:none; font-size:1em}
#links li{margin:0.7em 0 0 0; border-bottom:1px solid #e9e9e9;padding:0 0 0.7em 0}
#links p{margin:0; padding:0;font-weight:bolder;}
#links a{font-weight:normal;}

#paynow{width:75%}
#paynow label{width:45%}
#paynow label small{display:block;}
#paynow input,#paynow select{width:45%}
#paynow input.datepicker{width:36%}
.ui-datepicker-trigger{position:relative;top:2px}
a.paynow{display:block;width:284px;height:55px;background:url(/images/layout/pay-button.png) no-repeat;color:#fff;line-height:58px;font-size:2em;text-indent:0.65em;text-decoration:none;}
a.paynow:hover{background-position:bottom left}


#conditions h2{font-size:2em;font-weight:bold;}
#conditions dl{margin-bottom:2em}
#conditions dt{margin:1em 0 0 0;font-weight:bold;font-size:1.1em;color:#333}