/*definizioni degli stili delle home page*/

a {
list-style:none;	
}

.chiusura {
font-family: Arial;
font-size: 11px;
color: white;
width: 100%;
text-align: center;
}

.chiusura2{
font-family: Arial;
font-size: 11px;
color: white;
text-align: center;
}

.chiusura3{
font-family: Arial;
font-size: 8px;
color: white;
text-align: center;
}


a:link, a:visited {
border:none;
color:#db9239;
text-decoration:none;
font-weight:bold;
list-style:none;
}
 
a.mainlevelpippo, a.mainlevelpippo:visited 
 {
list-style:none;
text-align:right;
width:160px;
margin-right:15px;
text-align:right;
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
text-decoration:none;
line-height:20px;
display: block;
font-weight:normal;
}
						  
a.mainlevelpippo:hover
 {
color: #fb9000;
font-weight:normal;
}

a.sublevelpippo, a.sublevelpippo:visited {
list-style:none;
text-align:right;
width:145px;
margin-right:30px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
text-decoration:none;
line-height:20px;
display: block;
font-weight:normal;
list-style:none;
font-style:italic;
}

a.sublevelpippo:hover
 {
color: #fb9000;
font-weight:normal;
}
		
/*p {
font-family:Tahoma, Geneva, sans-serif;
color: #666666;
font-size:10px;
line-height:14px;
}*/

img a:link {
border:none;
}

img {
border:none;
}


body {
margin: 0px;
padding: 5px;
background-image: url(http://www.ottimo.it/portal/templates/ottimo/imgs/sfondo_sito.png);
background-color: #191919;
background-repeat: repeat-x;
/*font-family:Tahoma, Geneva, sans-serif;
color: #333333;
font-size:11px;
line-height:12px;*/
}

.intro {
font-family:Tahoma, Geneva, sans-serif;
color: #666666;
font-size:11px;
line-height:12px;
padding:10px;
}

#shadow {
background-image: url(http://www.ottimo.it/portal/templates/ottimo/imgs/ombra.png);
background-repeat:no-repeat;
width:840px;
height:640px;
margin:auto;
vertical-align:top;
}

#colonna-centrale{
width:800px;
height: auto !important;  /* per i browser moderni */
height: 600px;      /* per IE5.x e IE6 */
min-height: 600px;  /* per i browser moderni */
background-color: #ffffff;
display:block;
margin:auto;
}

#colonna-logo {
background-color:#ffffff;
width:190px;
height:275px;
float:left;
display:block;
text-align:center;
padding-top:200px;
}

#head-home{
width:610px; 
height:275px;
margin:auto;
text-align:center;
float:right;
display:block;
}



#head-porte{
width:610px; 
height:275px;
margin:auto;
text-align:center;
background-image: url(http://www.ottimo.it/portal/templates/ottimo/imgs/head-porte.jpg);
float:right;
display:block;
}

#head-finestre{
width:610px; 
height:275px;
margin:auto;
text-align:center;
background-image: url(http://www.ottimo.it/portal/templates/ottimo/imgs/head-finestre.jpg);
float:right;
display:block;
} 

#head-sicurezza{
width:610px; 
height:275px;
margin:auto;
text-align:center;
background-image: url(http://www.ottimo.it/portal/templates/ottimo/imgs/head-sicurezza.jpg);
float:right;
display:block;
}

#head-accessori{
width:610px; 
height:275px;
margin:auto;
text-align:center;
background-image: url(http://www.ottimo.it/portal/templates/ottimo/imgs/head-accessori.jpg);
float:right;
display:block;
}


#menu-hr {
height:40px;
width:800px;
display:block;
float:left;
}

#hr-sx {
width:190px;
height:40px;
background-repeat:no-repeat;
background-position:right;
float:left;
background-image: url(http://www.ottimo.it/portal/templates/ottimo/imgs/hr-sx.gif);
}

#menu1 a {
width:153px;
height:40px;
float:left;
text-align:center;
background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/menu1.gif);
text-indent:-99999em;
}

#menu1 a:hover {
width:153px;
height:40px;
float:left;
text-align:center;
background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/menu1-hv.gif);
text-indent:-99999em;
}

#menu2 a {
width:152px;
height:40px;
float:left;
text-align:center;
background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/menu2.gif);
text-indent:-99999em;
}

#menu2 a:hover {
width:152px;
height:40px;
float:left;
text-align:center;
background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/menu2-hv.gif);
text-indent:-99999em;
}

#menu3 a {
width:152px;
height:40px;
float:left;
text-align:center;
background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/menu3.gif);
text-indent:-99999em;
}

#menu3 a:hover {
width:152px;
height:40px;
float:left;
text-align:center;
background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/menu3-hv.gif);
text-indent:-99999em;
}


#menu4 a {
width:153px;
height:40px;
float:left;
text-align:center;
background-color: #99F;
background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/menu4.gif);
text-indent:-99999em;
}

#menu4 a:hover {
width:153px;
height:40px;
float:left;
text-align:center;
background-color: #99F;
background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/menu4-hv.gif);
text-indent:-99999em;
}


#spacer {
width:5px;
height:180px;
background-color:#FFFFFF;
float:left;
}
 
#menu-sx {
	width:190px;
	height: 240px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:10px;
}

#porte {
	width:153px;
	height: 275px;
	background-color:#f9f9fc;
	display:block;
	float:left;
	background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/sotto-porte-home.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#finestre 
{
	width:152px;
	height: 275px;
	background-color: #f8faef;
	display:block;
	float:left;
	background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/sotto-finestre-home.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	
}

#sicurezza {
	width:152px;
	height: 275px;
	background-color: #fffceb;
	display:block;
	float:left;
	background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/sotto-sicurezza-home.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#accessori {
	width:153px;
	height: 275px;
	background-color: #f9efea;
	display:block;
	float:left;
	background-image:url(http://www.ottimo.it/portal/templates/ottimo/imgs/sotto-accessori-home.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

/*
.menupippo, .parent  {
list-style:none;
text-align:right;
width:135px;
background-color: #FF0;
margin-right:15px;
text-align:right;
background-color:#F00;
}

.menupippo li a:link, .menupippo li a:visited   {
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size:12px;
text-decoration:none;
line-height:20px;
display: block;
font-weight:normal;
/*border-bottom: 1px dotted #e7e7e7;
border-top: 1px dotted #e7e7e7;
}

.menupippo li a:hover, .menu li a:active   {
color: #fb9000;
font-weight:normal;
}*/




.separator {
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size:12px;
text-decoration:none;
display: block;
/*border-bottom: 1px dotted #999999;*/
}



#colonna-dx-in {
width:540px;
height:100%;
float:left;
}

#foto-dx-in {
width:540px;
height:auto;
}

#testo-in {
width:510px;
height: auto;
min-height:370px;
overflow:hidden;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
text-align: justify;
position:absolute;
}

#testo-in a:link, #testo-in a:visited {
border:none;
text-decoration:none;
color: #900;
font-style:italic;
}

#testo-in a:hover {
text-decoration:underline;	
}

#fascia-sopra {
	width: 800px;
	height:275px;	
	float:left;
	display:block;
}

#fascia-sotto {
	width: 800px;
	height:275px;	
	float:left;
	display:block;
}

.contentpaneopen {
font-family: Tahoma, Geneva, sans-serif;
font-size:12px;
color:#333333;
line-height:19px;
text-align:justify;
/*padding:10px;*/
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
/*background-color:#FFFFFF;*/
/*height: auto !important;  /* per i browser moderni */
/*height: 600px;  */    /* per IE5.x e IE6 */
/*min-height: 600px; */ /* per i browser moderni */
width: 600px;
}

.contentheading, h2{
margin-top:15px;
font-size:24px;
color: #2b4c93;
text-align:left;
font-weight:normal;
font-family: Tahoma, Geneva, sans-serif;
/*text-decoration:underline;*/
width:100%;
display:block;
line-height:24px;
}

#marchi-sotto {
width:800px;
height:35px;
display:block;
background-color:#2b4c93;
float:left;
text-align:center;
}

/*definizioni degli stili delle pagine interne*/

#contenuto-in {
width:610px;
min-height:550px;
height:auto !important;
height:100%;
float:left;
display:block;
overflow:hidden;
}

#shadow-in {
background-image: url(http://www.ottimo.it/portal/templates/ottimo/imgs/ombra.png);
background-repeat: repeat-y;
width:840px;
/*height:940px;*/
/*margin:auto;*/
vertical-align:top;




min-height:940px;
height:100%;
/*background-color: #ffffff;*/
display:block;
margin:auto;
height:auto !important;
}

#colonna-centrale-in 
{
width:800px;
min-height:900px;
height:100%;
background-color: #ffffff;
display:block;
margin:auto;
height:auto !important;
}

#fascia-sotto-in {
width: 800px;
height:auto !important;
height:100%;
float:left;
display:block;
background-color:#FFF;
}

#footer {
width:100%;
display:block;
float:left;
}