
/*
************************************
 001. stili standard
************************************
 */
html, body {width:100%; margin:0 auto; text-align:center; color:#FFF;}
 td, tr, th, table {font:9pt 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:left; color:#FFF;}
 div, p {font:9pt 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:left; color:#FFF;}
 span {font:9pt 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:left; color:#000;}
.titolotesto {font-size: 9pt; font-weight:bold; color:#666;}
.error {color:#f30;}
* {margin: 0; padding: 0; }
.cursor_link {cursor:pointer;}

.centrata {width:100%; text-align:center;}

a:link, a:visited {text-decoration:none; color:#fff;}
a:focus, a:hover, a:active {text-decoration:none; color:#999;}

img, a {margin:0; padding:0; border:0;}
br.cucu { clear:both; height:0px;}
hr.cucu { height: 0px;	margin: 0px;	padding: 0px;	overflow: hidden;	clear: both; display: block; visibility: hidden;}

hr.grigiafina {width:340px; color:#0083BE; background-color:#0083BE; height: 1px; border:1px; text-align:center; margin:0 auto; margin-top:20px; margin-bottom:20px;}




h1 {font-size:20px; text-transform:uppercase; margin:0; padding:5px 0 0 0; color:#FFF;}

h2 {font-size:16px; padding:0; padding:10px 0 10px 0; color:#fff; text-transform:uppercase;}
	.slider {font-size:14px; text-transform:none; padding:5px 0 5px 0;}
	
	
h3 {font-size: 12px; padding:0; color:#000; font-weight:bold; text-transform:uppercase;}

h4 {font-size: 12px; padding:20px 0 0 0; color:#fff; font-weight:bold; text-align:center;}
h5 {font-size: 14px; padding:0 10px 0 10px; color:#000; font-weight:bold; background:url(../../img/public/it/lista_servizi.jpg) no-repeat left;}

* {margin:0; padding:0;}

.larghezza {width:100%;}

.posiziono_spazio {width:980px; margin:0 auto;}


/*
************************************
002.divs pagina
************************************
*/

#top {height:120px; padding:5px 0 5px 0; background-color:#000;}
	.destra {float:right;}
	.sinistra {float:left;}
	.indirizzi {width:376px; height:26px; margin:20px 0 0 77px; padding:5px 0; text-align:center; background:url(../img/indirizzi.jpg) no-repeat;}

#menu{margin-top:20px;}
#menu ul{list-style:none;}
#menu li{list-style:none; display:block; float:left; margin:0 2px;}
#menu li a{display:block; float:left; height:33px; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold;
	background:url(../img/menu.jpg) no-repeat left; line-height:33px;	padding:0 0 0 9px; text-decoration:none;}
#menu li a span{display:block; float:left; background:url(../img/menu_lungo.jpg) no-repeat right; height:33px; color:#fff;	line-height:33px; padding:0 18px 0 8px;}
#menu li a:hover{display:block;	float:left;	background:url(../img/menu_hover.jpg) no-repeat left;	height:33px;}
#menu li a:hover span{display:block; float:left; background:url(../img/menu_hover_lungo.jpg) no-repeat right; color:#000;height:33px;}
#menu li a.current{display:block; float:left; height:33px; color:#000; text-transform:uppercase; font-size:11px; font-weight:bold;
	background:url(../img/menu_hover.jpg) no-repeat left;	line-height:33px; padding:0 0 0 9px; text-decoration:none;}
#menu li a.current span{display:block;	float:left;	background:url(../img/menu_hover_lungo.jpg) no-repeat right; height:33px; color:#000;
	line-height:33px; padding:0 18px 0 8px;}
	
	
#corpo {min-height:752px; height:auto !important; height:752px; background:url(../img/sfondo_corpo.jpg) repeat-x top #222; padding-bottom:10px;}
	.tabellone {background-color:#313131; padding:8px;}
	.testo {font-size:14px; width:680px; float:left; padding-bottom:15px;}
	p {font-size:14px;}
#testo_fotografo {float:left; width:283px; height:319px; margin:20px 0 0 5px; padding:5px; background:url(../img/sfondo_fotografo.jpg) no-repeat top; font-size:11px;}
#testo_fotografo p {font-size:12px;}
#gallery_servizi {margin-top:20px;}



#footer {clear:both; height:83px; background:url(../img/sfondo_footer.jpg) repeat-x top left #222222;}
	.posiziono_footer {padding-top:40px; color:#CCC; font-size:11px;}




/*
************************************
004.Form
************************************
*/


.bottone_cerca { width:60px; height:18px; float:right; margin:3px 0 0 0; background:url(../../img/public/it/cerca.jpg) no-repeat; cursor:pointer; cursor:hand; border:0;}

input.invia_form {width:52px; height:25px; border:0; margin:0; padding:0; background:url(../img/bottone_invia.jpg) no-repeat bottom left; cursor:auto; cursor:pointer; margin-left:395px;}
input.form_testo {width:200px; height:20px; border:0; margin:0; padding:0; background:url(../img/testo.jpg) no-repeat bottom left;}



/*
************************************
004.Special
************************************
*/

#slider {
    width: 965px; /* important to be same as image width */
    height: 370px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1 {
    width: 965px; /* important to be same as image width */
    height: 370px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent, #slider1Content {
    width: 965px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage, .slider1Image {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width:965px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width:965px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.testo_slider { font-size:12px;}

.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}


/* slideViewer 1.0 default styles */
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}

.ldrgif { background-color:#333;}

.stripViewer { /* this is the DIV container for your UL of images */
position: relative;
overflow: hidden; 
 /* this is the border. should have the same value for the links */
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { /* each image is arranged horizontally */
float:left;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
overflow: auto;
width: 1%;
}
.stripTransmitter ul { /* the auto-generated set of links */
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{ /* the links. */
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background:#222222;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover { /* hover */
background: #4E4E4E;
color:#fff;
}
.stripTransmitter a:hover, { /* hover */
background: #4E4E4E;
color:#fff;
}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: #ccc;
color: #222;
}

code {
width:93%;	
font: normal 1em/1.3em 'Courier New', Courier, Fixed;
color: #000;
display: block;
padding: 0;
margin: 0;
background-color: #fff;
white-space: pre;
overflow-x: auto;
}
#tooltip {
background: #fff;
color: #000;
opacity: 0.85;
}
#tooltip h3 {
font: normal 10px Verdana; 
margin: 0; 
padding: 6px 2px; 
border: 0;}
