@charset "utf-8";

/* layout */
html,body{margin:0; padding:0; color:#464646; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #1D7189 url(../images/layout/background.gif) top left repeat-x;}

h1{display: block; margin:0; padding:0; text-indent: -9999px; background: url(../images/layout/top.jpg) top left no-repeat; height: 129px; width:600px;}
@media print{ h1{text-indent: 0px;} }
h2{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 30px; font-weight:normal; margin:0 0 10px 0; padding:0;}
h3{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 25px; font-weight:normal; margin:0 0 10px 0; padding:0;}

p {padding:0; margin:0; border:0; text-align:left}
img {padding:0; margin:0; border:0}

hr {display:block; clear:both; float: none; visibility:hidden}
hr.row{background: #ffffff url(../images/layout/bg-dot-row.gif) top left repeat-x; height: 3px; border:0; width:100%; display:block; clear:both; float: none; margin: 15px 0 15px 0; visibility:visible;}

a, a:link, a:active{color: #1D7189; text-decoration: underline}
a:hover{color: #33AAFF}

#contents{display: block; width: 100%; min-height: 375px; height: auto !important; height:375px; background: #FFFFFF url(../images/layout/contents-bg.gif) top left repeat-x; margin:0; padding:0; color:#464646}
#contents .container{ display:block; min-height: 375px; height: auto !important; height:375px;}
#contents .container img.prodotto{display: block;float:left; border: 1px solid #9C9C9C; padding:1px; background:#FFFFFF; display:block; position:relative; top:-15px; left:-10px}

ul#menu{display: block; margin:0; padding:0; list-style:none; height: 35px; width: auto; position: absolute; z-index: 10; top: 95px; left:433px }
ul#menu li{display: block; margin:0; padding:0; list-style:none; height: 35px; width: 109px; text-align:center; float:left; vertical-align:middle; line-height: 35px; font-weight:bold}
ul#menu li a {display: block; background: url(../images/layout/menu-bg.png) top left no-repeat; height: 35px; width: 108px; text-decoration:none; color: #464646; }
ul#menu li a:hover, ul#menu li.selected a {display: block; background: url(../images/layout/menu-bg.png) bottom left no-repeat; color: #3D9CAD;}

#footer{display: block; margin:0; padding:0; background: url(../images/layout/footer-bg.jpg) top left repeat-x; height: 100px; width: 100% }
#footer div{display: block; float: left; margin:12px 0 0 -1px; height: 62px; text-align:center; border-left: 1px solid #CCCCCC}
#footer div.info{width: 410px}
#footer div img{margin: 3px 15px 0 15px;}
#footer div p{font-size: 10px; margin: 5px 25px 0 15px;}
#ender{width:862px}
#ender .counter{float:left}
.credits{width:100px;height:30px;background:url(../images/endesia_sign_light.png) no-repeat;text-indent:-1000em;display:block;float:right;}

/* forms */
form fieldset {border: none; margin:0; padding:0;}
form fieldset p,form p {display: block; clear:both; float:none;}
label {display: block; width: 50px; text-align:right; color: #A8EEF7; font-weight:bold; font-size: 10px; line-height: 17px; float:left; margin:0; padding: 2px 5px 0 0 }
input,select,textarea {display:block; background: #F1F1F1; border: 1px solid #0D323C; height:17px; width: 150px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; margin: 1px 0 0 0; padding:1px; float:left;}
input[type="hidden"]{margin: 0; padding: 0; display:none}
textarea{height: 50px}
select{height: 20px}
input.button {background: url(../images/layout/button-bg.gif) top right repeat-x; height: 40px; width: 100px; color: #113E4D; font-weight:bold; border: 1px outset #185D70;}
input.checkbox,input.radiobox{border: none; background:none; padding:0; margin:0; width: 14px;}

/* price */
div.description-price{ display: block;float: left; width: 150px; margin: 35px 0 5px 20px; color: #339900}
div.description-price p.price{font-size:36px; font-weight:bold; width: auto; float:left}
div.description-price p.euro{margin: 0 0 0 2px; font-size:18px; position:relative; top: 4px; left: 4px}
div.description-price p.euro span{float: left; font-size: 12px; position:relative; top: -2px; left:-5px }
div.description-price div.sub_price{margin: 2px 0 0 6px; font-weight:bold; font-size: 12px}

/* home */
.colums{display: block; width: 384px; min-height: 275px; height: auto !important; height:275px; overflow:hidden; float:left; padding: 15px 25px 0 25px;}
.colums strong.titolo {display:block; width: 100%; text-align:center; font-weight:normal; color: #1F7289; font-size:16px; margin: 0 0 15px 0;}
.colums a{margin: 0 0 0 20px; }
.colums img.prodotto {display:block; margin: 10px 0 0 70px !important; margin: 10px 0 0 35px}
.colums h2.offer{font-size: 22px;padding: 25px 25px 0 75px;}
.colums h2.offer img{margin: 0 8px 0 8px;}
.offers-block{ display: block; clear:both; float:none; height: 165px; width:845px; background: url(../images/layout/offers-block.jpg) top left no-repeat; position:absolute; top: 400px; left: 26px; color:#339900}
.offers-block ul{margin:5px 0 0 80px; padding:0; list-style:none;}
.offers-block ul li{display: block; margin:0; padding:0; list-style:none; float:left; height: 155px;}
.offers-block ul li.col-left{ width:290px; }
.offers-block ul li.col-right{ width:360px; margin: 0 0 0 100px }
.offers-block ul li img {float: left; margin: 0 10px 0 15px; position:relative; top: -10px }
.offers-block ul li a {color: #339900}
.offers-block ul li h3 {color:#1D7189; margin: 8px 0 20px 20px;}
.offers-block ul li h3 a {color:#1D7189; text-decoration:none}
.offers-block ul li h3 a:hover {text-decoration:underline}
.sub-home .offers-block strong{text-transform:uppercase; display:block; margin: -6px 0 -8px 0}
.sub-home .offers-block p img{border: 1px solid #9C9C9C; padding:1px; background:#FFFFFF; }
.sub-home {width: 100%; height: 475px; background: #1D7189 url(../images/layout/sub-home-bg.gif) top left repeat-x; color: #FFFFFF }
.sub-home .extra {display: block; clear:both; float:none; width: 100%; min-height: 275px; height: auto !important; height: 275px; background: #1D7189 url(../images/layout/home-extra-bg.jpg) top left no-repeat; }
.sub-home .extra div {display: block; height: 360px; float: left;}
.sub-home .extra div.col-left{ width:330px; margin: 75px 0 0 29px; border-right: 2px groove #2592B1; padding: 15px 25px 0 25px; }
.sub-home .extra div.col-right{ width:420px;  margin: 75px 0 0 0; padding: 15px 25px 0 25px;}
.sub-home .extra div ul li{margin-bottom: 15px; margin-left: -10px}
.sub-home .extra div .send {margin: 2px 0 0 10px}
.sub-home .extra form {display: block; clear:both; float:none; border-top: 1px outset #185D70; border-bottom: 1px inset #185D70; height:57px; padding: 16px 0 0 0; margin: 30px 0 0 0}
.sub-home .extra p img {float: left; margin: -5px 10px 0 0 }
.info-newsletter{display: block; margin:10px 0 0 5px; padding:5px; border:1px solid #FFFFFF; font-weight:bold; width:300px; position:relative }

/* chi siamo */
#chi-siamo .vetrina {margin: 40px  45px  45px  45px;}

/*prodotti*/
#prodotti #intro{padding: 20px 0 10px 25px; font-weight:bold}
#prodotti img {float: left; margin: 0 20px 0 0}
#prodotti h2 {color:#999999; display:block; float:none}
#prodotti ul{position: relative; top: 5px; left:0px; color:#444444; display:block; height: 160px}
#prodotti li{margin-bottom: 10px; margin-left: 30px}
#prodotti a.entra-consumer,#prodotti a.entra-business {float: left; display:block; width: 85px; height:45px; text-indent: -9999px; margin: 10px 0 0 10px}
#prodotti a.entra-consumer {background:url(../images/layout/btn-entra-consumer.jpg) top left no-repeat;}
#prodotti a.entra-business {background:url(../images/layout/btn-entra-business.jpg) top left no-repeat;}
#prodotti li a{ margin:0}

/* contatti */
#contatti form{display: block; padding:0 0 15px 0}
#contatti .colums{display: block; clear:both; float:none; width:818px;}
#contatti form{display: block; position:relative; margin: 25px 0 0 25%; width:100%}
#contatti form p{float:left;}
#contatti label {color: #444444; width: 150px; text-align:right; margin:0 15px 0 0}
#contatti input {width: 200px;}
#contatti select {width: 204px;}
#contatti textarea {width: 200px; height: 50px}
#contatti input.button {width: 100px; margin: 20px 0 0 150px}
#contatti .colums div ul.info{padding:0; display:block; clear:both; float:none; margin: 10px 0 25px 36%; color:#CC0000; width:420px}
#contatti .colums div li{list-style:disc}
#contatti .colums div li.success{color: #00CC00; font-weight:bold; border:1px solid #00CC00; padding:5px; list-style: none; margin:10px 0 10px -170px; text-align:center}
#contatti .colums div li.error{color: #FF0000; font-weight:bold; border:1px solid #FF0000; padding:5px; list-style: none; margin:10px 0 10px -170px; text-align:center}

/* area prodotti */
#area-prodotti h2{padding: 20px 0 10px 25px}
#area-prodotti h2 em {color: #9A9A9A}
#area-prodotti div{padding: 0 0 25px 40px}
#area-prodotti ul#lista-prodotti,#area-prodotti li.prodotto{display: block;margin:0; padding:0; list-style: none; width:790px;}
#area-prodotti ul#lista-prodotti li.prodotto{background: url(../images/layout/bg-righe-prodotti.gif) top center no-repeat; height:110px;}
#area-prodotti ul#lista-prodotti li.ender{background: url(../images/layout/bg-righe-prodotti.gif) top center no-repeat; height:5px; position:relative; top:-5px}
#area-prodotti ul#lista-prodotti li.prodotto div.description{width: 600px;display: block; height:85px; float:left;}
#area-prodotti ul#lista-prodotti li.prodotto div.description-price{ height: 50px; overflow:hidden; width:130px; margin: 35px 0 0 -25px; display: block; float:left;}
#area-prodotti ul#lista-prodotti li.prodotto div.description div.imgcnt{display: block; padding:0; float: left; width:100px; text-align:center; position:relative; margin: 10px 15px 0 -25px; float:left }
#area-prodotti ul#lista-prodotti li.prodotto div.description img {border: 1px solid #999999; padding:1px; max-height: 82px; height: auto !important; height:82px; margin: 2px 0 0 0; }
#area-prodotti ul#lista-prodotti li.prodotto div.description p{display: block; float:left; width:505px}
#area-prodotti ul#lista-prodotti li.prodotto div.description strong.title{display:block; font-weight:normal; color: #1F7289; font-size:14px; margin: 15px 0 5px 0;}
#area-prodotti ul#lista-prodotti li.prodotto div.description a.detail{float: right; display:block; position:relative; top: 5px; right: 18px}
a.area-riservata{display: block; background: url(../images/layout/area-riservata.jpg) top left no-repeat; width:200px; height:55px; position:relative; margin: 0 0 0 650px; top:-15px; text-decoration:none}
a.area-riservata:hover{background: url(../images/layout/area-riservata.jpg) bottom left no-repeat; text-decoration:none}
a.area-riservata span{position: relative; top:38px; left:-48px; float:right;}
ul#submenu{background:url(../images/layout/bg-submenu-business.gif) top left repeat; list-style:none; margin: 0; padding:0 }
ul#submenu li{height: 36px; display:inline; margin:0; padding:9px 12px 8px 8px; background: url(../images/layout/submenu-line-div.gif) top right no-repeat;}
ul#submenu li a{ line-height:36px; color:#FFFFFF; font-weight:normal; text-decoration:none}
ul#submenu li a:hover{ text-decoration:underline;}
ul#submenu li a.selected{ font-weight:bold; text-decoration:underline;}

/* dettaglio prodotti */
#dettaglio-prodotto h2{padding: 20px 0 10px 25px}
#dettaglio-prodotto h2 a{color: #464646; text-decoration:none}
#dettaglio-prodotto h2 a:hover{text-decoration:underline}
#dettaglio-prodotto div{padding: 0 0 25px 40px}
#dettaglio-prodotto div.row{clear: both; float:none; display: block; width:800px; height:15px; background:url(../images/layout/double-row.gif) top left repeat-x; border:0px; margin:0; padding:0; position:relative; top:-5px}
#dettaglio-prodotto ul#lista-prodotti{clear: both; display: block; float:none; margin:0; padding:0; list-style: none; width:790px; min-height: 180px; height: auto !important; height:180px;}
#dettaglio-prodotto li.prodotto{display: block;margin:0; padding:0; list-style: none; width:790px;}
#dettaglio-prodotto ul#lista-prodotti li.prodotto div.description{display: block; width: 550px; float:left; min-height: 100px; height: auto !important; height:100px;}
#dettaglio-prodotto ul#lista-prodotti li.prodotto div.description-price{display: block; height: auto; width:180px; margin: 35px 0 0 -25px; display: block; float:left; position:relative; left:25px}
#dettaglio-prodotto ul#lista-prodotti li.prodotto .imgcnt{display: block; padding:0; float: left; width:100%; position:relative; text-align:center; margin: 0 0 25px 0px }
#dettaglio-prodotto ul#lista-prodotti li.prodotto img {border: 1px solid #999999; padding:1px; margin: 2px 0 0 0; }
#dettaglio-prodotto ul#lista-prodotti li.prodotto div.description p{display: block; float:left; width:505px}
#dettaglio-prodotto ul#lista-prodotti li.prodotto div.description h3.title{display:block; font-weight:normal; color: #1F7289; font-size:16px; margin: 15px 0 5px 0;}
#dettaglio-prodotto ul#lista-prodotti li.prodotto div.description a.detail{float: right; display:block; position:relative; top: 5px; right: 18px}
#attachment-area{clear: both; display:block; float:none; width:800px;}
a.attachment{display: block; text-indent: -9999px; background: url(../images/layout/scarica-allegato.jpg) top left no-repeat; width:132px; height:51px; position:relative; margin: 0 0 0 650px; top: -2px}
a.attachment:hover{background: url(../images/layout/scarica-allegato.jpg) bottom left no-repeat;}

/* form contatti */
.captcha-input{width:70px; height:20px; text-align:center; float:left}
.privacy-checkbox{position:relative; top:15px; left: -92px}

/* paginazioen*/
#paginazione{ width:785px; text-align:right}
#paginazione .selected{ font-weight:bold}

/* credits */
#credits{color: #0099CC; padding: 2px; font-size: 11px; position:relative; top:-60px}
#credits a{ color:#0099CC}