/* Graphic Design and Server-Side Development by Alfasid sas */
/* Client-Side Development by Dunia Basciu  - www.duniabasciu.com*/

/* global rules */
html {padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      background: #fff;}

body {max-width:1000px;
      min-width:900px; 
      margin: 0 auto 0;
      padding: 0;
      color: #000;
      font-family: tahoma,sans-serif;
      font-size: small;
      background: #fff;
      vertical-align:middle;}
      
      
#wrap {width:100%;
background : url(../images/rightColumnBack.png) right top repeat-y transparent;}
					 
#header { background: url(../images/headerBack.png) right top no-repeat transparent;
  height: 240px;
  margin:0;
  padding:0;
  position: relative;}
                                       
#content {float: left;
    width: 79%;
    background: url(../images/back_wrap_sx1.png) 15% top repeat-y transparent;}

#contentCenter { float: right;
    width: 75%;
    background-color:transparent;
    font-size: 95%;  
    margin-right:2%;
    margin-top: 2%;
    margin-bottom: 2%;
    min-height:600px;}

#leftColumn {float:left;
    width:21%;
    margin-right:1%;}

#rightColumn {float:right;
       width:21%;
       height: 100%;}
       
#footer {min-height:30px;
   height:auto !important;
   height:30px;
   width:100%;
   margin: 0;
   clear: both;
   background-color: #023e74;}

/* header */
#header a {height:170px;
 display : block;
 padding: 0;
 margin: 10px 0 0 30px;}
 
p.tagline {color:#fff;
padding:0;
position: absolute;
top: 35px;
left: 240px;}

#header ul{list-style: none;
    width:98%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom:0;
    padding: 0 0 0 2%;
    margin: 0;
    color:#fff;
    text-align: left;}

#header ul li{display: block;
    float: left;
    height:25px;
    margin:0 5px 0 0;
    padding: 0 20px 5px 0;
    background: url(../images/backLiNavi.png) right 11px no-repeat transparent;}

#header ul li.current {text-decoration : underline;}

#header ul li a {display: block;
 height: 20px;
 margin:7px 0 5px 0;
 padding:0;
 color: #fff;
 }
/* end header */

/* Bread Crumbs */
div.breadcrumbs {
    height:19px;
    width: 100%;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    margin:0;
    padding: 3px 0 0;
    color: #fff;
    background-color: #5a3d1c;}
    
div.breadcrumbs a { color: #fff;}

div.breadcrumbs a.first {margin-left: 20px;}
/* end Bread Crumbs */


/* content */
#contentCenter h1.titlePage { color: #5a3d1c;
 font-size:150%;}
 
#contentCenter img {margin:15px 0 0;
padding:0;}

#contentCenter dl {margin: 0 0 20px 0;
    padding: 0;}

#contentCenter dl span { display: block;
    color:#023e74;
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 3px;}

#rightColumn ul {list-style: none;
    width:100%;
    margin: 0;
    padding: 10px 0 0;
    color:#fff;
    text-align: left;}

#rightColumn ul li {display: block;
/*    height:22px;
*/    width: 100%;
    border-bottom: 1px dotted white;
    margin:0;
    padding: 2px 0 4px 0;}

#rightColumn ul li a {display: block;
 height: 100%;
 margin:3px 0 0 20px;
 padding:0;
 color: #fff;}
 
#leftColumn ul,h3.leftBoxHeading {list-style: none;
    width:100%;
    margin: 0;
    padding: 0;
    color:#fff;
    text-align: left;}

#leftColumn ul li, h3.leftBoxHeading{display: block;
    height:18px;
    width: 100%;
    background: url(../images/leftLi.png) left top no-repeat transparent;
    margin:0;
    padding: 0;}
    
#leftColumn ul li.title, h3.leftBoxHeading  {
    background: url(../images/leftUlTitle.png) left top no-repeat transparent;
    margin:0;
    padding:0 0 0 20px;
    color: #fff;
    font-size: 100%;}

#leftColumn ul li a {display: block;
 height: 100%;
 margin:0 0 0 20px;
 padding:0;
 color: #000;}
 
div#formSearch {background: url(../images/formSearchBack.png) left top no-repeat transparent;
 height:107px;}
div#loginSideBox {background: url(../images/myAreaBack.png) left top no-repeat transparent;height:167px;}
div#formSearch form {padding: 10px 0 0;}

div#formSearch form label, div#loginSideBox form label{ margin:0 0 1px 10px;
    padding:0;}
    
div#formSearch form input,div#loginSideBox form input,div#loginSideBox a{ margin:0 0 5px 10px;}

div#formSearch form label, div#formSearch form input {padding:0;}

div#formSearch form a.advSearch {margin:5px 0 0 10px;}

div.check{margin: 10px 0 ;
width: 100%;}

div.check input, div.check label {float: left;
margin-right :5px;}
 
#leftColumn .myCart{background: url(../images/myAreaBack.png) left top no-repeat transparent;
 height:157px;}

#leftColumn .myCart ul {list-style: none;
    width:100%;
    margin: 0;
    padding: 20px 0 0;
    color:#fff;
    text-align: left;}
    
#leftColumn .myCart ul li{display: block;
    height:20px;
    width: 100%;
    background: none;
    margin:0;
    padding: 0;}
    
#leftColumn .myCart ul li a { height: 100%;
 margin:0 0 0 10px;
 padding:0;}
 
#leftColumn .myCart ul li a, div#formSearch form label,
div#formSearch form a.advSearch {display: block;
 font-weight: bold;
 font-size: 85%;
 text-transform: uppercase;
 color: #000;}
 
div.contentOffers {width: 100%;
    height:260px;
    margin: 0;
    padding: 0;
    border-bottom: 20px solid #5a3d1c;}
    
div.contentOffers div.noBorder {
    border: none;
    width:24%;
}
    
div.boxOffer {width:25%;
 border-right: 1px dotted #5a3d1c;
 float: left;
 height: 240px;
 padding:10px 0; }
 
div.boxOffer h2, div.boxOffer h3, div.boxOffer p {font-size:90%;
font-weight: normal;
margin: 3px 7px 3px 10px;}

div.boxOffer h2, div.boxOffer h3 {color: black;}

div.boxOffer p {color: #a4660e;}

div.boxOffer h2 {text-transform : uppercase;}

div.boxOffer a.buttonInfo {display: block;
background: url(../images/buttonInfo.png) left top no-repeat transparent;
height: 22px;
margin: 10px 7px 3px 0;}
 
div.boxImg {width: 95%;
    height: 128px;
 margin: 0 0 3% 6%;
 padding: 0 0 0 0;
 background: url(../images/backOffer.png) left top no-repeat transparent;
 position: relative;}
 
div.boxOffer div.boxImg h2 { font-size: 100%;
font-weight: bold;
text-transform : uppercase;
margin: 0 0 0 13px;
padding: 5px 0 0;}

div.boxOffer div.boxImg img {margin: 0;
padding: 0;
position: absolute;
bottom: 3px;
left: 3px;}

div.boxImg a{color: #000;text-decoration:none;}
/* end content */

/* contatti e newsletter */
div#form_contatti {
    margin: 15px 0 0;
    border-top: 5px solid #5a3d1c;
    padding : 15px 0 0;}
    
form label, form input {display: block;}

form input, form textarea {
margin: 3px 0 10px;}

p.label {font-weight: bold;
margin-bottom: 3px;}

input.button {float:left;
margin: 15px 10px 0 0;}

#form_contatti a.newsletter{display :block;
color: #023e74;
font-weight : bold;
clear:both;
padding-top :20px;}

/* footer */
#footer ul{list-style: none;
    width:100%;
    height: 50px;
    margin: 0;
    padding: 0;
    color:#fff;
    text-align: left;}
    
#footer ul li{display: block;
    height:22px;
    border-top: 2px solid white;
    margin:0;
    padding: 0 0 0 10px;}
    
#footer ul li a {display: block;
 height: 100%;
 margin:3px 0 0 10px;
 padding:0;
 color: #fff;}
/* end footer */

/* links */
a:link, a:visited,
#header ul li a:link, #header ul li a:visited,
#footer ul li a:link, #footer ul li a:visited {font-weight: normal;
  text-decoration:none;}
  
a:hover, a:active,  
#header ul li a:hover, #header ul li a:active,
#footer ul li a:hover, #footer ul li a:active {text-decoration : underline;}

/*globals*/
img { border: none;}

form, p {margin:0;
padding: 0;}

.space {margin: 15px 0;}

.clear {clear : both;}

/*navigazione ezpages*/
#navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}
#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	}

#navEZPagesTOC ul {
	margin: 0;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}
 #navEZPagesTOC ul li a {
	color: #3300FF;
	text-decoration: none;
	}
 #navEZPagesTOC ul li a:hover {
	color: #FF0000;
	}