/*
Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas02/
*/

/* General layout */
body {
	background:#e0e0e0;
	color:#303030;
	font:76% tahoma, verdana, sans-serif;
	margin:0;
	padding:15px 0 0;

}

a img{
	text-decoration:none;
}
#container {background:#fff; margin:0 auto 20px; padding:5px 20px 20px; width:950px;}

/* Site title */
#logo {margin:15px 0 0; height:100px;}
#logo h1 a {border:none; color:#505050;}
#logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
#logo p {font-size:1.3em;  color:#505050; margin:0 0 20px 0;}

/* Quick Info Zone */
#quick-zone-dx{
	 width: 200px;
	 float: right;
	 		background-image: url(images/barcode-small.png);
		background-position: right;
		background-repeat: no-repeat;
		height: 93px;

}

#quick-zone-dx p{
	padding: 5px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;

}

#quick-zone-sx{
	 width: 200px;
	 float: left;
}

/* Tags */
a {border-bottom:1px dotted #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
a img {border:0;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
p {line-height:1.5em; margin:0 0 15px; text-align:justify;}
ul,ol {margin:0 0 15px 15px; padding:0;}
li {margin:0 0 3px 0;}

/* Toptabs menu */
#toptabs {font-size:.8em; margin:10px auto -13px; width:980px;}
#toptabs p {color:gray; text-align:right;}
.toptab {background:#f0f0f0 url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
.navitab:hover {background:#d0d0d0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
.activenavitab {background:#505050 url(images/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}

/* Header description area */

/*#desc {background:#505050 url(images/front-1.png) center left repeat-y; 
       clear:both; color:#fff;  height:200px; margin:5px 0 15px; padding:0 0 5px 0;}
		 */
		 
		 #desc {/*background:#505050 center left repeat-y; */
       clear:both; color:#fff;  height:200px;  margin: 5px 0 25px; padding:0 0 5px 0;
		 }


#desc p {font-size:1em; line-height:1.3em; padding:0 15px 0; width:380px;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/* Main content */
#main {border-right:1px solid #d8d8d8; float:left; margin:0; padding: 10px 15px 0 0; width:690px;}

/* Sidebar */
#sidebar {float:right; width:230px;  margin-top: 10px; }
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}

ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#f0f0f0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:220px;}
ul.sidelink li a:hover {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}


ul.sideinfo li {
    display:inline;
    background:url(images/pipe.gif) no-repeat 100% .35em;
    padding-right:7px;
    padding-left:7px;
	 font-size: smaller;
    }
	 
/* Footer */
#footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0;height:50px;}
#footer a {color:gray;}
#footer a:hover {color:#303030;}
#footer p {color:gray; font-size:0.9em; line-height:1.3em; margin:15px 0 0; padding:0;}
#footer-text{
	float: left;
}
#footer-logo{
	float: right;
	margin-top: 5px;
	background-image:  url(images/waves-small.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 250px;
	height: 50px;
}


#footer-logo p{
	margin-top:35px;
}
/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:0.9em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {background:#f0f0f0; padding:10px;}
.hide {display:none;}

/* bottoni 
Uso: <a class="button" href="#"><span>Bring world peace</span></a>
IE: <a class="button" href="#" onclick="this.blur();"> … </a>
*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* Feature */

#feature {
        position: relative; 
     /*   width: 720px; 
        height: 439px;*/
		  height:230px; 
		  	  
      } 
		
      #feature-content {
   position: absolute;
		  bottom:0;
		  left:0;
        height: 150px; 
        width: 300px; 
/*        background-color: #dfdfdf;*/
		    background-image: url('images/transparent.png');
		margin: 5px 10px 40px 0px;
      } 
		
      #feature-content h1 {
        margin: 0;
        padding: 0;
        line-height: 125px;
        padding: 0 30px;
        font-weight: normal;
        font-size: 2.3em;
      } 
		
		#feature-content h2 {
        margin: 10px;
 
        line-height: 10px;
   
        font-weight: normal;
        font-size: 1.3em;
       padding: 10px 15px 5px;
      } 
		
      #feature-content a {
        float: right; 
        font-size: .6em; 
        color: #fff; 
        text-decoration: none; 
        text-transform: uppercase; 
      }
		
		  #feature-content p{
		  	font-size:1em; line-height:1.2em; padding: 5px 10px 5px; width:240px;
			text-align: justify;
  		}
		
		#feature-content .right {margin:-8px 0 8px 0; text-align:right;}
		
		#logos{
	
	float:right;
}

		#social-logos{
	padding-left:5px;
	padding-right:5px;

	float:left;
}

#social-logos a{
	padding-left:5px;
	padding-right:5px;
}