/**********************************
MAIN DI BASE
**********************************/

* {	margin: 0;	padding: 0;}

html, body {height:100%;}

body {background:#f0f0f0; color:#454545;	font-family:"Lucida Sans unicode",Trebuchet MS,Arial,Verdana,Helvetica,Tahoma,sans-serif; font-size:14px; line-height:18px;}

/*classe per nascondere elemento di templavoila */
.hidden {display:none;}
.cleaner {clear:both;}

/*anchor generici*/
a  {text-decoration: none;	xfont-weight: bold;	color: #d60000;}
a:hover {	color: #d60000; text-decoration: underline;}

/**********************************
MAIN CONTAINER
* html #logo a { background:transparent url(../images/trasp.gif) no-repeat scroll 0 0; cursor: pointer; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/templates/images/logo.png', sizingMethod='crop');}
**********************************/
#container02 {width:100%;height:190px;position:fixed;z-index:10; background:transparent url(../images/container01_bg.png) 50% 0 no-repeat;}
#container03 {width:100%;position:relative;top:100px;}

/*IE6*/
* html #container02 {height:0px;background:transparent url(../images/container01_bg.gif) 50% 0 no-repeat;}
* html #container03 {top:0;}


#header01 {width:100%; height:130px;}
#header02 {position:relative; margin:0 auto; width:990px; }

div#menu_nav {text-align:right; color:#fff; top:70px; right:20px; width:660px; height:30px; position:absolute;z-index:2;}	
#logo { width:320px; height:100px;border:0;position:absolute;top:0;left:70px;z-index:2;}		    
#logo a {width:100%;height:100%;display:block;background:transparent url(../images/logo.png) no-repeat scroll 0 0; }

#content01 { width:100%; min-height:690px;} 
* html #content01 { height:690px; }
#content02 { width:990px;  margin:0 auto;position:relative;}
#backgroundflash {width:990px; position:absolute; z-index:0; }
#content03 { width:940px; padding: 0 25px; position:relative; z-index:9;}

#footer01 { height:300px; padding-top:10px; width:100%; background:#6787ba;border-top:1px solid #a2b7d6; position:relative;}
#footer02 { height:100px; width:100%;background:#436394;border-top:1px solid #d6e0ec;border-bottom:1px solid #d6e0ec;}
#footer03 { height:50px; padding:50px 25px 0 25px;  width:940px; margin:0 auto;}




/*******************************************************************/
/** BACKGROUND DIVERSI PER PAGINA                                 **/
/** 1) si deve definire il nome dello stile nel header di pagina  **/
/**    dentro nel backend di typo3 nel tab Extended               **/ 
/**   (ad esempio background1 nella pagina Negozio)               **/
/**                                                               **/
/** Qua si definiscono le caratteristiche dello stile             **/
/** . si puo cambirare il colore e l'immagine di background       **/
/** . il padding-top posizione il background flash                **/
/** . per ogni stile si puņ ridefinire il colore di bg del footer **/
/*******************************************************************/
.background #content01 {padding:34px 0 20px; background:#9fb2d2 url(../images/background.jpg) 50% 0 no-repeat;}
.background01 #content01 {padding:34px 0 20px; background:#ce8fce url(../images/background01.jpg) 50% 0 no-repeat;}
.background02 #content01 {padding:34px 0 20px; background:#90a4ce url(../images/background02.jpg) 50% 0 no-repeat;}
.background03 #content01 {padding:34px 0 20px; background:#a5ce8f url(../images/background03.jpg) 50% 0 no-repeat;}
.background04 #content01 {padding:34px 0 20px; background:#ceca8f url(../images/background04.jpg) 50% 0 no-repeat;}

.background #footer01 { background:#6787ba;border-top:1px solid #a2b7d6;}
.background #footer02 { background:#436394;border-top:1px solid #d6e0ec;border-bottom:1px solid #d6e0ec;}
.background01 #footer01 { background:#a862a8;border-top:1px solid #e4b4e4;}
.background01 #footer02 { background:#823583;border-top:1px solid #e4b4e4;border-bottom:1px solid #e4b4e4;}
.background02 #footer01 { background:#6787ba;border-top:1px solid #a2b7d6;}
.background02 #footer02 { background:#436394;border-top:1px solid #d6e0ec;border-bottom:1px solid #d6e0ec;}
.background03 #footer01 { background:#80a86a;border-top:1px solid #c5e0b5;}
.background03 #footer02 { background:#678f51;border-top:1px solid #c5e0b5;border-bottom:1px solid #c5e0b5;}
.background04 #footer01 { background:#b8b478;border-top:1px solid #eeebcb;}
.background04 #footer02 { background:#969259;border-top:1px solid #eeebcb;border-bottom:1px solid #eeebcb;}
/*******************************************************************/
/*******************************************************************/





/*******************************************************************/
/** FORMATTAZIONE MENU ORIZZONTALI                                **/
/*******************************************************************/
div#menu_nav ul {list-style-type: none; padding-right:5px; }
div#menu_nav li {display:inline; background:transparent url(../images/menu_bullet.gif) no-repeat scroll 0px 4px;padding:0px 8px 0 17px; }
* html div#menu_nav li { background-position: 0px 4px;}
*:first-child+html div#menu_nav li { background-position: 0px 4px;}
div#menu_nav li a {color: #454545; font-size:16px; font-weight:normal;}
div#menu_nav li a:hover, div#menu_nav a.activelink {color: #dd0000; border-bottom:2px solid #dd0000;}
div#menu_nav li.first {background:none !important;}

div#menu_nav div#menu_nav li a:hover,
div#menu_nav div#menu_nav a.activelink {color: #fff; background:transparent url(../images/menu_active.gif) no-repeat scroll 50% 0%;}

/*********************************************/
/** HOMEPAGE                                **/
/*********************************************/
.homepage #container03 {top:0;}
.homepage #container02 {display:none;}
.homepage #container03 {top:0;height:100%;}

/*********************************************/
/** RIGHE CONTENUTI                         **/
/********************************************
#row2 { float:left; width:460px; padding:0 10px 0 0;}
#row3 { float:left; width:460px; padding:0 0 0 10px;}
#row4 { clear:both; width:100%;}
#cleaner2 { display:none;}

.twocols #row2 { float:left; width:220px; padding:0 10px 0 0;}
.twocols #row3 { float:left; width:700px; padding:0 0 0 10px;}
.twocols #cleaner2 { display:none;}
*/

/*********************************************/
/** FORMATTAZIONE MENU FOOTER               **/
/*********************************************/
#copyrights {color:#fff;width: 700px; float:left;}
#credits { text-align:right; width: 200px; float:right;}
#footer02 ul{list-style-type:none;padding: 0;margin: 0; text-align:right;}
#footer02 li {display:inline; padding:0pt 5px 0pt 7px; background: url(../images/menu_bottom_bullet.gif) no-repeat 0 4px;} 
#footer02 a {color: #fff;text-decoration:none; font-weight: normal;}
#footer02 a:hover,
#footer02 li.activelink {color: #ff0000;}
#footer02 li.first {background:transparent;}