/**************************************************************************
**************************************************************

Welcome to the CSS for Relic, coded by Kevin Cannon.
The CSS is pretty straight forward. There are a few
small hacks however, with one line controlling firefox
and the other IE. These are clearly labled. If you need
any help with the template, email me at kmcannon@telus.net

***************************************************************
***********************************************************************/
body  {
	margin:0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0;
	font-family:verdana, arial, times, georgia, sans-serif;     
	font-size:12px;
	text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #FFC;
}


#wrapper {
        height:100%;
        margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
        width:950px;
		text-align: left; /* this overrides the text-align: center on the body element. */
		background-color: #FFF;
		padding-left:5px;
		padding-right:5px;
		-moz-box-shadow: 5px 5px 2px #999;
		-webkit-box-shadow: 5px 5px 2px #999;
		border:1px solid #000;
		-moz-border-radius: 5px 5px;
		-webkit-border-radius: 5px 5px;
		behavior: url(ie-css3.htc);
}




/* remember that padding is the space inside the div box and margin is the space outside the div box */

/***************CSS principale per il menu***************/
#container{
	margin:0 auto;
	color:#fff;
	width:auto;
	text-align:center;
}
#container-logo{
	margin:0 auto;
	color:#fff;
	width:auto;
	background-image: url(images/gradient_header_top.gif);
	background-repeat: repeat-x;
	text-align:center;
}
#linea-logo{
	
	margin:0 auto;
	color:#fff;
	vertical-align:middle;
	width:950px;
	
}
#logo{
	text-align:left;
	margin:0 auto;
	color:#fff;
	vertical-align:middle;
}
#bandiere{
	float:right;
	position: relative;
	text-align: right;
	vertical-align:middle;
	top: 25px;
	
}

#container-nav{
	margin:0 auto;
	color:#fff;
	background-image: url(images/gradient_header.gif);
	background-repeat: repeat-x;
	text-align:center;
}
#navigation{
	
	margin:0 auto;
	color:#fff;
	vertical-align:middle;
	width:950px;
}
#nav{font: 90%/1.5 Verdena,Tahoma,sans-serif; }
#nav,#nav li{margin:0;padding:0;list-style-type:none;}
#nav{
	height:36px;
	line-height:35px;
	background-image: url(images/gradient_header.gif);
	background-repeat: repeat-x;
}
#nav a{
	display:block;
	padding: 0 10px;
	text-decoration: none;
	color:#900
}
#nav li{
	float: left;
	position: relative;
}
#nav li:hover,#nav a:hover{
	color: #F90;
	background-image: url(images/gradient_header1.gif);
	background-repeat: repeat-x;
	text-decoration: underline;
}
#nav li:visited,#nav a:visited{
	color: #C30;
	background-image: url(images/gradient_header.gif);
	background-repeat: repeat-x;
}
#ricerca{
	float:right;
	position: relative;
	text-align: right;
	vertical-align:top;
}


/************************ LEFT SIDE COLUMN *****************/
#left {
        float:left;
        width:190px;
		text-align:center
        }
        
#left h1, #right h1 {
        font-size:15px;
        font-family:helvetica, arial, georgia, times, sans-serif;
        color: rgb(104,16,16);

}

#left p {
        font-size:15px;
        padding-bottom:10px;
        margin-top:-3px !important; /*****  FIREFOX  *****/
        margin-top:-14px;  


}       

#left a {
        font-size:15px;
        padding-bottom:10px;
        margin-top:-3px !important; 
        margin-top:-14px;            
        color: #660000;
        line-height: 150%;
		text-decoration: none;
      
}
#left a:hover {
      color:rgb(233,169,59);
      text-decoration: underline;
}
#left a:visited {
	color:#C30;      
}

.categorie{
	margin-top:3px;
	float:left;
	width:190px;
	color: #900;
	border: 3px solid #F60;
	background:#FF9;
	-moz-border-radius: 15px 15px;
	-webkit-border-radius: 15px 15px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	text-align:left;
	behavior: url(ie-css3.htc);
}
.cat_head{
	
	text-align:center;
}
.map{
	width:190;
	padding-top:6px;
}

/************************** MAIN CONTENT IN MIDDLE ******************/

#middle {
	float: left;
	width:510px;
	line-height:1.01em;
	margin-left:20px;
	text-align: center;
	padding-left: 10px;
}
        
#middle p, p {
	font-size:14px;
	color:#404040;
	line-height:1.5em;
	text-align: center;
}


.bold{ 
 font-size:11px;
 font-weight: bold; 
}

#middle h1 {
	font-family: Verdana,Tahoma, Georgia, Century Gothic, arial, times, sans-serif;
	font-size:24px;
	font-weight:bold;
	/*border-bottom:1px solid #000000;*/
     padding-bottom:5px;
	margin-top:24px;
	color: #900;
	text-align: center;
}


#middle a {
        font-size:15px;
        padding-bottom:10px;           
        color: #660000;
        line-height: 150%;
		text-decoration: none;
      
}
#middle a:hover {
      color:rgb(233,169,59);
	  text-decoration: underline;
      
}
#middle a:visited {
	color:#C30;      
}

.img a{
	border:0px;
	text-decoration:none;
}
.offerte{
	margin-top:3px;
	float:left;
	width:99%;
	color: #900;
	border: 3px solid #900;
	background:#FF9;
	-moz-border-radius: 15px 15px;
	-webkit-border-radius: 15px 15px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	text-align:center;
	behavior: url(ie-css3.htc);
}
.art_container{
	float:left;
	width:510px;
	text-align:center;
	color: #900;
	border: 3px solid #F60;
	background:#FFC;
	-moz-border-radius: 15px 15px;
	-webkit-border-radius: 15px 15px;
	padding-left:5px;
	padding-bottom:5px;
	margin-top:3px;
	margin-bottom:3px;
	behavior: url(ie-css3.htc);
}

.art_head{
	
	text-align:center;
	padding-top:5px;
}
.articoli{
	width:29%;
	height:160px;
	border: 3px solid #FC0;
	background:#FFF;
	-moz-border-radius: 15px 5px;
	-webkit-border-radius: 15px 5px;
	float:left;
	text-align:center;
	margin:5px;
	margin-bottom:5px;
	padding-left:5px;
	behavior: url(ie-css3.htc);
}

/***************************  RIGHT COLUMN  *********************/
#right {
        float:right;
        font-size:12px;
        width:200px;
        /*background-image: url(images/gradient_corpo_div.gif);*/        
        color: rgb(104,16,16);
        text-align: right;
        margin-top: 3px;
}

#right a {
        font-weight:bold;          
        color: #660000;
        line-height:150%;
        font-size:120%;
		text-decoration: none;
}

#right a:hover {
        
        font-weight:bold;                
        color: rgb(233,169,59);
        line-height:150%;
        font-size:120%;
		text-decoration: underline;
}
.art_container_right{
	float:left;
	width:190px;
	text-align:center;
	color: #900;
	border: 3px solid #F60;
	background:#FF9;
	-moz-border-radius: 15px 15px;
	-webkit-border-radius: 15px 15px;
	padding-left:5px;
	padding-bottom:5px;
	margin-top:3px;
	margin-bottom:3px;
	behavior: url(ie-css3.htc);
}
.art_head_right{
	
	text-align:center;
	padding-top:5px;
}
.articoli_right{
	width:85%;
	height:160px;
	border: 3px solid #FC0;
	background:#FFF;
	-moz-border-radius: 15px 5px;
	-webkit-border-radius: 15px 5px;
	float:left;
	text-align:center;
	margin:5px;
	margin-bottom:5px;
	padding-left:5px;
	behavior: url(ie-css3.htc);
}
/********************************************    FOOTER  *****************/
#footer {        
        padding-top:5px;
        text-align:center;
        width:90%;
        margin:0 auto;
        clear:both;        
}

.footer {
        margin-top:-2px;

}       

.footer a
{
  color:#660000;
  text-decoration: none;
}

.footer a:hover
{
  color:rgb(233,169,59);
  text-decoration: underline;
}