/* 
-----------------------------------------------------------------
-----------------------------------------------------------------
Title : WS_morselli.css
Author : Makkie Srl.
URL : http://www.makkie.com/
-----------------------------------------------------------------
-----------------------------------------------------------------
*/


/******************* BODY *******************/
body {margin:0px; padding:0px; background:url(../ita/image/bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF; font-family:Tahoma, Verdana, Arial; color:#000000; font-size:12px; line-height:1.4em; min-height:100%; width:100%; height:100%;}
html > body #container {height:auto;}

html {min-height:100%; width:100%; height:100%;}
html > body {height:auto;}



/******************* classi generiche *******************/

.pagehome {background:url(../ita/image/bg_home.jpg); background-repeat:repeat-x;}

.align { vertical-align:middle;}
.leftimg {float: left; margin-right: 15px; margin-bottom: 10px;}
.rightimg {float: right; margin-left: 15px; margin-bottom: 10px;}


.rosso_12	{font-family:Tahoma, Verdana, Arial; color:#DD3F44; font-size:12px; }

a.link_rosso_11	{font-family:Tahoma, Verdana, Arial; color:#DD3F44; text-decoration:underline; font-size:11px; }
a.link_rosso_11:visited	{font-family:Tahoma, Verdana, Arial; color:#000000; text-decoration:underline; font-size:11px; }
a.link_rosso_11:hover	{font-family:Tahoma, Verdana, Arial; color:#000000; text-decoration:underline; font-size:11px; }

a.link_rosso_11_B	{font-family:Tahoma, Verdana, Arial; font-weight:bold; color:#DD3F44; text-decoration:underline; font-size:11px; }
a.link_rosso_11_B:visited	{font-family:Tahoma, Verdana, Arial; font-weight:bold; color:#000000; text-decoration:underline; font-size:11px; }
a.link_rosso_11_B:hover	{font-family:Tahoma, Verdana, Arial; font-weight:bold; color:#000000; text-decoration:underline; font-size:11px; }

a.link_rosso_12	{font-family:Tahoma, Verdana, Arial; color:#DD3F44; text-decoration:underline; font-size:12px; }
a.link_rosso_12:visited	{font-family:Tahoma, Verdana, Arial; color:#000000; text-decoration:underline; font-size:12px; }
a.link_rosso_12:hover	{font-family:Tahoma, Verdana, Arial; color:#000000; text-decoration:underline; font-size:12px; }

a.link_rosso_12_B	{font-family:Tahoma, Verdana, Arial; color:#DD3F44; text-decoration:underline; font-weight:bold; font-size:12px; }
a.link_rosso_12_B:visited	{font-family:Tahoma, Verdana, Arial; color:#000000; text-decoration:underline; font-weight:bold; font-size:12px; }
a.link_rosso_12_B:hover	{font-family:Tahoma, Verdana, Arial; color:#000000; text-decoration:underline; font-weight:bold; font-size:12px; }


a.link_nero_12	{font-family:Tahoma, Verdana, Arial; color:#000000; text-decoration:underline; font-weight:bold; font-size:12px; }
a.link_nero_12:visited	{font-family:Tahoma, Verdana, Arial; color:#000000; text-decoration:underline; font-size:12px; }
a.link_nero_12:hover	{font-family:Tahoma, Verdana, Arial; color:#DD3F44; text-decoration:underline; font-size:12px; }


/******************* menu DX *******************/
#button { width: 223px; margin-left:25px; font-family:Tahoma, Verdana, Arial; color:#DD3F44; font-weight:bold; text-decoration:underline; font-size:11px;}

#button ul { list-style: none; margin: 0; padding: 0; border: none; }
#button li { border-bottom:1px dashed #7F7F7F; margin: 0;}
#button li a {display: block; padding: 10px 0px 10px 0px; color: #CC0000; text-decoration:underline; width: 100%;}
html>body #button li a {width:auto;}
#button li a:hover { background-color: #EDEDED; color: #666666; text-decoration:none; }



/******************* container *******************/
div#container {width:100%; position:absolute; top:0; left:0; min-width:950px !important;}
div#container {min-height:100%; width:100%; height:100%;}



/******************* wrapper *******************/
div#wrapper {width:950px; position:relative; left:50%; margin-left:-475px; margin-top:0px; overflow:hidden; margin-bottom:140px;  }


/******************* up *******************/
div#up {width:950px; height:72px; background:url(../ita/image/bg_menu.jpg); background-position:right; background-repeat:no-repeat;}


/* NAV MENU -------------------------------------------------------------------------------------- */

div#menu {float:left;}

ul#menu { position: relative; width:808px; height:72px; margin:0; padding:0; }
ul#menu li { float:left; list-style-type:none ;}
ul#menu li a { height:72px; display:block; position:absolute; top:0; text-indent:-9999px; }

li#menu_home a, li#menu_chisiamo a, li#menu_marchi a, li#menu_catalogo a, li#menu_servizi a, li#menu_novita a, li#menu_contatti a, li#menu_dovesiamo a { background:url(../ita/image/menu_ok_2.jpg);}

li#menu_home a 						{ background-position:0 0; width:67px; left:0; }
li#menu_home a:hover					{ background-position:0 -72px; }
body#page_home li#menu_home a 			{ background-position:0 -144px; }

li#menu_chisiamo a 						{ background-position:-67px 0; width:103px; left:67px; }
li#menu_chisiamo a:hover				{ background-position:-67px -72px; }
body#page_chisiamo li#menu_chisiamo a 	{ background-position:-67px -144px ;}


li#menu_marchi a 					{ background-position:-170px 0; width:132px; left:170px; }
li#menu_marchi a:hover				{ background-position:-170px -72px; }
body#page_marchi li#menu_marchi a 	{ background-position:-170px -144px; }


li#menu_catalogo a 						{ background-position:-302px 0; width:142px; left:302px; }
li#menu_catalogo a:hover				{ background-position:-302px -72px; }
body#page_catalogo li#menu_catalogo a 	{ background-position:-302px -144px; }


li#menu_servizi a 						{ background-position:-444px 0; width:82px; left:444px; }
li#menu_servizi a:hover					{ background-position:-444px -72px; }
body#page_servizi li#menu_servizi a 	{ background-position:-444px -144px; }

li#menu_novita a 						{ background-position:-526px 0; width:78px; left:526px; }
li#menu_novita a:hover					{ background-position:-526px -72px;}
body#page_novita li#menu_novita a 		{ background-position:-526px -144px ;}

li#menu_contatti a						{ background-position:-604px 0; width:87px; left:604px ;}
li#menu_contatti a:hover				{ background-position:-604px -72px ;}
body#page_contatti li#menu_contatti a 	{ background-position:-604px -144px ;}

li#menu_dovesiamo a 						{ background-position:-691px 0; width:117px; left:691px ;}
li#menu_dovesiamo a:hover					{ background-position:-691px -72px ;}
body#page_dovesiamo li#menu_dovesiamo a 	{ background-position:-691px -144px ;}

































/******************* header *******************/
div#header {width:950px; height:106px; background:url(../ita/image/bg_header.jpg); background-position:right; background-repeat:no-repeat; }
div#header_logo {width:270px; float:left; margin:12px 0px 0px 0px;}
div#header_spot {width:383px; float: right; margin:61px 0px 0px 0px;}



/******************* title *******************/
div#title {width:950px; height:63px; background:url(../ita/image/bg_titolo.jpg); background-position:right; background-repeat:no-repeat; }


/******************* Banner HOME *******************/
div#banner_home {width:950px; height:233px;}


/******************* content *******************/
div#content {width:950px; margin:0px; overflow:hidden; background-image:url(../ita/image/bg_content_tutti.jpg); background-repeat:no-repeat; background-position:right top;}


/******************* content SX *******************/
div#content_sx {width:702px; margin:0px; float:left;}
div#content_sx h1{ margin-top:35px; width:702px; font-family:Tahoma, Verdana, Arial; color:#D8171D; font-weight:bold; font-size:12px; background: url(../ita/image/bg_h1_sx.png); height:25px; background-repeat:repeat-x;}
div#content_sx h2{ margin-top:25px; width:702px; font-family:Tahoma, Verdana, Arial; color:#D8171D; font-weight:bold; font-size:12px; background: url(../ita/image/bg_h1_sx.png); height:25px; background-repeat:repeat-x;}
div#content_sx h3{ margin-top:25px; width:702px; font-family:Tahoma, Verdana, Arial; color:#000000; font-weight:bold; font-size:12px; background: url(../ita/image/bg_h1_sx.png); height:25px; background-repeat:repeat-x;}
div#content_sx hr{color:#7F7F7F; height:1px; border:1px dashed; margin-bottom:10px; margin-top:10px;}

div#content_sx p{font-family:Tahoma, Verdana, Arial; color:#000000;  font-size:12px; line-height:1.5em; overflow:hidden;}

div#content_sx_left {width:304px; margin-left:20px; float:left;}
div#content_sx_left h2{margin-left:10px; margin-top:25px; width:295px; font-family:Tahoma, Verdana, Arial; color:#D8171D; font-weight:bold; font-size:12px; background: url(../ita/image/bg_h1_sx.png); height:25px; background-repeat:repeat-x;}
div#content_sx_left p{margin-left:10px; margin-top:10px; width:295px; font-family:Tahoma, Verdana, Arial; color:#000000; font-size:12px; line-height:1.6em;}

div#content_sx_right {width:304px; margin-left:20px; float:left;}
div#content_sx_right h2{margin-left:10px; margin-top:25px; width:295px; font-family:Tahoma, Verdana, Arial; color:#D8171D; font-weight:bold; font-size:12px; background: url(../ita/image/bg_h1_sx.png); height:25px; background-repeat:repeat-x;}
div#content_sx_right p{margin-left:10px; margin-top:10px; width:295px; font-family:Tahoma, Verdana, Arial; color:#000000; font-size:12px; line-height:1.6em;}



/******************* content DX *******************/
div#content_dx {width:248px; margin:0px; float:right; background:url(../ita/image/bg_ok_01.png); background-repeat:repeat-y; background-position:left;}
div#content_dx p { margin-left:25px; margin-top:10px; font-family:Tahoma, Verdana, Arial; color:#000000; font-size:11px; line-height:1.6em;}

div#content_dx h1{width:248px; height:50px; margin:0px; background:url(../ita/image/bg_h1_dx.jpg); background-repeat:no-repeat;}
div#content_dx h2{width:218px; height:25px; margin-top:25px; margin-bottom:10px; margin-left:25px; background: url(../ita/image/bg_h2_2.png); background-repeat: repeat-x;}
div#content_dx h3{width:248px; height:60px; margin:0px; background:url(../ita/image/bg_h3_home.jpg); background-repeat:no-repeat;}
div#content_dx h4{width:248px; height:60px; margin:0px; background:url(../ita/image/bg_h4_home.jpg); background-repeat:no-repeat;}



/******************* FOOTER *******************/
div#footer 	{width:100%; clear:both; height:130px; background:#000000; color:#FFFFFF; padding:0px; position:absolute; bottom:0px; background:url(../ita/image/bg_footer.jpg); background-repeat:repeat-x; text-align:center;}
div#footer p	{padding:25px 0px 0px 0px; margin:0px; line-height:1.5em}			 
	
	
div#footer a:link	{font-family:Tahoma, Verdana, Arial; color:#FFFFFF; text-decoration:underline; font-weight:bold; font-size:11px; }
div#footer a:visited	{font-family:Tahoma, Verdana, Arial; color:#CBBDB4; text-decoration:underline; font-weight:bold; font-size:11px; }
div#footer a:hover	{font-family:Tahoma, Verdana, Arial; color:#CBBDB4; text-decoration:underline; font-weight:bold; font-size:11px; }



/* FORM 
-------------------------------------------------------------- */

fieldset {border: 1px solid #CCCCCC; padding:10px;}
legend {font-weight:bold; color:#000000; background-color:#FFFFFF;}
input.txt {color:#000; background-color: #F8F8F8; border:1px solid #DFD6D1; width: 170px;}
input.btn {color:#000; background-color: #f5f5f5;  border:1px solid #cccccc; cursor:hand;}
select {color:#000; background-color:#f5f5f5; border: 1px solid #cccccc;}
textarea {width: 300px; height: 40px; color: #000; background-color:#f5f5f5; border: 1px solid #cccccc;}
form p {clear:left; margin:0px; padding:0px;}
form p label {float:left; width:35%; padding:0px; margin:0px;}



/* TENDINA CONTATTI 
-------------------------------------------------------------- */

div#tendina {width:auto;}
div#tendina h1 {width:auto; background:none;  margin-left:25px; margin-top:15px;}
div#tendina ul {font-size:11px; list-style-position:outside;}
div#tendina li {font-size:11px; margin-left:15px; margin-bottom:10px; margin-top:-5px;}


/* DOVE SIAMO 
-------------------------------------------------------------- */

div#dove { margin-bottom:20px; clear:both; width:280px; float:left; border-left:1px solid #CCCCCC; padding-left:10px; font-family:Tahoma, Verdana, Arial; color:#000000; font-size:12px; line-height:1.5em;}
div#dove_cartina {width:400px; float:right;}


/* CATEGORIE 
-------------------------------------------------------------- */

div#categorie {width:auto; margin:0px 5px 0px 5px; padding-top:20px;}
div#categorie h1{ margin-top:15px; width:auto; font-family:Tahoma; color:#D8171D; font-weight:bold; font-size:12px; background: url(../ita/image/bg_h1_sx.png); height:25px; background-repeat:repeat-x;}
div#categorie p{ margin:0px 5px 5px 5px;}