/*  

CSS sito: Oltrevista.com

Versione: 1.0

Author: Angelo Ferrera, Attilio G. Minacori

*/



*{ 

	margin:0px;

	padding:0px;

}

body { 

	text-align:center; 

	background-color: #fff;

	background-image: url(../images/prova.gif);

	background-position: top;

	background-repeat: repeat-x;

}

HTML {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px;

}



img {

border: none;

margin: 0px;

}



DIV#wide {

	width: 100%;

	height: 750px;

	text-align: center;

	margin: 0px auto;

}

DIV#container {

	border: 0px solid;

	padding: 0px;

	margin: 0px auto;

	width: 774px;

	height:700px;

	position: relative;

}



DIV#footer {

	margin: 0px auto;

	margin-top: 70px;

	padding:0px; 

	width:700px; 

	height:30px; 

	text-align:center;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: Gray;

}



#quote p { 

	text-indent: 35px;

	text-align: left;

	padding: 5px 20px 5px 30px;

}





#testa { 

	width: 774px;

	height: 96px;

	margin-bottom: 0px;

	margin-top: 15px;

	text-align: right;

	position: relative;

}

#paginatop { 

	width: 750px;

	height: 97px;

	margin: 0px auto;

	background-image: url(../images/topsf.gif);

	background-position: top center;

	background-repeat: no-repeat;

}

#oltrelab { 

	width: 760px;

	height: 47px;

	margin: 0px auto;

	padding: 0px;

	margin-top: 33px;

	background-image: url(../images/oltrelab.gif);

	background-position: top center;

	background-repeat: no-repeat;

}
#oltrelabbott { 

	width: 742px;

	height: 41px;

	margin: 0px auto;

	padding: 0px;

	background-image: url(../images/oltrelabbott.gif);

	background-position: top center;

	background-repeat: no-repeat;

}

#oltresoluzionibott { 

	width: 742px;

	height: 41px;

	margin: 0px auto;

	padding: 0px;

	background-image: url(../images/oltresoluzionibott.gif);

	background-position: top center;

	background-repeat: no-repeat;

}
#paginabottom { 

	width: 750px;

	height: 66px;

	margin: 0px auto;

	background-image: url(../images/bottomsf.gif);

	background-position: top center;

	background-repeat: no-repeat;

}

#pagina { 

	width: 750px;

	height: auto;

	margin: 0px auto;

	margin-bottom: 0px;

	padding: 0px;

	background-color: #ECF6FE;

	text-align: center;

	position: relative;

	background-image: url(Images/bgbox.gif);

	background-position: center;

	background-repeat: repeat-y;

}

#sottobarra { 

	width: 774px;

	height: 27px;

	background-image: url(Images/sottobarra.gif);

	background-position: center;

	background-repeat: no-repeat;

}

#sottomenu { 

	width: 774px;

	height: 30px;

	background-image: url(../images/sottomenu.gif);

	background-position: center;

	background-repeat: no-repeat;

}

#sopramenu { 

	width: 774px;

	height: 18px;

	background-image: url(Images/sopramenu.gif);

	background-position: center;

	background-repeat: no-repeat;

	font-size: 5px;

	margin: 0px auto;

	padding: 0px;

}

#lineasf { 

	width: 774px;

	height: 20px;

	background-image: url(../images/sflinea.gif);

	background-position: bottom center;

	background-repeat: no-repeat;

	margin-top: 20px;

}

/* Prodotti */



#sottobarrapro { 

	width: 774px;

	height: 10px;

	background-color: #F3F3F3;

	margin: 8px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	font-size: 2px;

}

#centropro { 

	width: 774px;

	height: 200px;

	background-image: url(../images/centropro.jpg);

	background-position: center;

	background-repeat: no-repeat;

	position: relative;

}

#barrasottopro { 

	width: 774px;

	height: 10px;

	max-height: 10px;

	background-color: #F3DFA7;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 15px 0px;

	font-size: 2px;

}



#prodotticontainer{

	width: 774px;

	height: 600px;

	background-color: #F9F9F9;

	background-image: url(../images/prodbarra.gif);

	background-position: top;

	background-repeat: no-repeat;

	padding: 49px 0px 0px 0px;

	margin: 0px auto;

	text-align: justify;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666666;

}

#prodotticontainer p{

	padding: 10px 15px 15px 15px;

	margin: 0px auto;

}

#clienticontainer{

	width: 774px;

	height: auto;

	background-color: #F5F5F5;

	background-image: url(../images/cliebarra.gif);

	background-position: top;

	background-repeat: no-repeat;

	padding: 60px 0px 0px 0px;

	margin: 0px auto;

	text-align: center;

}

#clienticontainer p{

	padding: 0px 12px 30px 12px;

	margin: 0px 0px 0px 0px;

	text-align: center;

	font-family: verdana;

	font-size: 12px;

	}

#prodottifoot{

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 20px 0px;

	background-image: url(../images/prodfoot.gif);

	background-position: top;

	background-repeat: no-repeat;

	width: 774px;

	height: 14px;

}





.box{

	width: 362px;

	height: 160px;

	padding: 50px 0px 0px 0px;

	margin: 0px auto;

	text-align: center;

}





/* Fine Prodotti */

/* Portfolio */

.screenshot{ 

	width: 351px;

	height: 123px;

	margin: 0px auto; 

	padding: 0px; 

	float: left;

}

.screenshot a{ 

	text-decoration: none;

}

.screendescr{ 

	background-image: url(../images/rettango.gif);

	background-position: center;

	background-repeat: no-repeat;

	width: 349px;

	max-width: 349px;

	height: 122px;

	margin: 0px auto;

	padding: 0px 0px 0px 0px;

	float: right;

	overflow: hidden;

	position: relative;

	}

.descr{ 

	width: 250px; 

	height: 50px;

	margin: 0px 0px 0px 0px;

	position: absolute;

	left: 20px;

	top: 8px;

	text-align: left;

}

ul.rosso li {

	width: 200px;

	list-style-type: none;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #FF7E00;

	margin-top: 10px;

}

ul.gray li {

	width: 280px;

	list-style-type: none;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: Gray;

}



/* Fine Portfolio */

.testo{ 

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 8px;

	color: Gray;

	text-align: right;

}



DIV#mail {

	FONT: bold 10pt/10pt verdana; COLOR: Gray; TEXT-DECORATION: none;

	text-align: center;

	margin: 30px 0px 0px 0px;

}

DIV#indietro a {

	FONT: bold 10pt/10pt verdana; COLOR: Black; TEXT-DECORATION: underline;

	text-align: center;

	margin: 60px 0px 0px 0px;

}

#blockbox{ 

	width: 774px;

	height: 207px;

	margin: 55px 0px 0px 0px;

	padding: 0px;

	position: relative;

}

#blockbox p{ 

	padding: 40px 10px 0px 10px;

	margin: 0px auto;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 12px;

	text-align: justify;

}

#blockbox a{
	text-decoration:none;
	font-family: arial;
	color: #000;
}


#leftbox p{ 

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	color:#999999;
	
	margin-top:6px;
}





#middlebox p{ 

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	color:#999999;

	margin-top:6px;

}


#rightbox p{ 

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	color:#999999;
		margin-top:6px;
	
}



#header { 

	width: 774px;

	height: 38px;

	margin: 0px auto;

}

#header ul#menu li { 

	display: inline; 

	overflow: hidden; 	

	height:37px;

}



#header ul#menu li a { 

	float: left;

	height: 0px; 		

	padding-top: 38px;

	overflow: hidden;

}





li#two a {

	width:155px;

}

li#three a {

	width:155px;

}

li#four a {

	width:154px;

}

li#five a {

	width:155px;

}

li#six a {

	width:155px;

}

li#two a:hover,li#two a:active,li#two a.selected {

	background-position: 1px 0px;

}

li#three a:hover,li#three a:active,li#three a.selected {

	background-position:-155px 0px;

}

li#four a:hover,li#four a:active,li#four a.selected {

	background-position:-309px 0px;

}

li#five a:hover,li#five a:active,li#five a.selected {

	background-position:-464px 0px;

}

li#six a:hover,li#six a:active,li#six a.selected {

	background-position:-620px 0px;

}

/* mootools */

#kwicks_container { 

	margin: 0px auto;

	background-image: url(../images/slidebg.gif);

	background-position: left;

	background-repeat: no-repeat;

	height: 85px;

	width: 700px;

	}

#kwicks {

	position: relative;

}

#kwicks a {

	display: block;

}

#kwicks ul#menu li { 

	display: inline; 

	overflow: hidden; 	

	height:37px;

}

#kwicks .kwick {

	float: right;

	display: block;

	width: 110px;

	height: 85px;

}

li#kwick_red a:hover,li#kwick_red a:active,li#kwick_red a.selected {

	background-position: 0px 0px;

}




#log {



	padding: 0px;

	margin: 0px auto;

	margin-top: 0px;

	width: 600px;

	font-size: 12px;

	color: Gray;

}

 

A.start { 

	font-weight: bold;
	width: 100%; 
    height: 85px;
    cursor: pointer;

}





/* fine mootools */



/* inizio contatti */



A.contatti {

color: Gray;

text-decoration: none;

}



A.contatti:hover {

color: black;

}

/* Fine contatti */



/* Inizio Prodotti */



.invisibile {

width: 100%; 

height: 85px;

cursor: pointer;

}
.titolo{
	height: 40px;
	font-size: 25px;
	color: #7AD4FA;
	text-align: left;
	text-indent: 40px;
	margin: 30px 0px 0px 0px;
	line-height:30px;
	font-weight: normal;
}
DIV#pulsantimg {
margin: 0px auto;
padding:0px;
width: 500px;
height: 61px;
text-align: center;
}

.vedidemo {
width: 201px;
height: 61px;
float: left;
}

.vedidemo a {
display: block;
width: 201px;
height: 61px;
background: url(../images/vedidemounder.gif) no-repeat top left;
}
.contatta {
width: 201px;
height: 61px;
float: right;
}

.contatta a {
display: block;
width: 201px;
height: 61px;
background: url(../images/contattaunder.gif) no-repeat top left;
}

.contatta a:hover {
background: url(../images/contatta.gif) no-repeat top left;
}

.vedidemo a:hover {
background: url(../images/vedidemo.gif) no-repeat top left;
}

.custom-tip {
	color: #000;
	width: 250px;
	z-index: 13000;
}
 
.custom-title {
	font-family: tahoma;
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	color: #ffffff;
	padding: 8px 8px 4px;
	background: #00A2DD;
	border-bottom: 1px solid #00435B;
}
 
.custom-text {
	text-align: justify;
	font-family: tahoma;
	font-size: 13px;
	padding: 4px 8px 8px;
	background: #C9E9FF;
}