/*
 *** [v. 2.1] Info generali sul file:
 *
 * sito web: Marmi Galli
 * file: css versione it
 * data creazione: 2009.06.26
 * data ultima modifica: -
 * novita apportate: -
 *
 *** Macro areee [scrivi il numero per la ricerca]
 *
 * 001. stili standard
 * 002. divs pagine
 * 003. special
 * 004. table
 * 005. bottoni & form
 * 006. liste
 */


/*
************************************
 001. stili standard
************************************
 */
html, body {width:100%; margin:0 auto; text-align:center; color:#999; background:url(../../img/public/it/sfondo.jpg) repeat-x top left #fff;}
td, tr, th, table {font:9pt 'Trebuchet MS', Arial, Verdana,  Helvetica, sans-serif; margin:0; padding:0; text-align:left; color:#000;}
div, p, span {font:9pt  Arial, Verdana, Helvetica, sans-serif; margin:0; padding:0; text-align:left; color:#000;}
.titolotesto {font-size: 9pt; font-weight:bold; color:#666;}
.error {color:#f30;}
.cursor_link {cursor:pointer;}

a:link, a:visited {text-decoration:none; color:#333;}
a:focus, a:hover, a:active {text-decoration:none; color:#000;}

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:#877341; height: 1px; border:1px; text-align:center; margin:0 auto; margin-top:10px; margin-bottom:10px;}

h1 {font-size:22px; text-transform:uppercase; font-weight:lighter; margin:0 0 5px 0; padding:0; color:#333;}
	.interno_pagina {font-size:16px; margin:5px 0 5px 0; color:#877341;}
	.materiali {font-size:16px; margin-top:10px; color:#877341;}
	.progetti {color:#877341; padding-top:10px;}
h2 {font-size:16px; padding:0 0 0 20px; margin:0; color:#877341;}
	.titolo_news {padding:0; margin:10px 0 10px 0; color:#000;}
	.materia {font-size:18px; padding:0 0 0 15px; margin:0; color:#333; font-weight:lighter; background:url(../../img/public/it/quadratino.jpg) no-repeat left;}
h3 {font-size:14px; padding:0 0 10px 0; margin:0; color:#877341; }
h4 {font-size:16px; padding:0 0 5px 0; margin:0; color:#877341;}
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 {}
#menu{width:100%;}
#menu ul{list-style:none;}
#menu li{list-style:none; display:block; float:left; margin:0 4px;}
#menu li a{display:block; float:left; height:53px; color:#000; text-transform:uppercase; font-size:11px; font-weight:bold;	line-height:53px; padding:0 0 0 9px; text-decoration:none;}
#menu li a span{display:block; float:left; height:53px; color:#000; line-height:53px; padding:0 18px 0 8px;}
#menu li a:hover{display:block;	float:left;	background:url(../../img/public/it/menu_hover_l.jpg) no-repeat left; height:53px;}
#menu li a:hover span{display:block; float:left; background:url(../../img/public/it/menu_hover_r.jpg) no-repeat right; color:#fff; height:53px;}
#menu li a.current{display:block; float:left; height:53px; color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold;	background:url(../../img/public/it/menu_hover_l.jpg) no-repeat left; line-height:53px; padding:0 0 0 9px; text-decoration:none;}
#menu li a.current span{display:block; float:left; background:url(../../img/public/it/menu_hover_r.jpg) no-repeat right; height:53px; color:#fff; line-height:53px; padding:0 18px 0 8px;}
	
	
#corpo {}
	.sinistra {clear:both; float:left; width:355px; height:304px; background:url(../../img/public/it/pietra_sx.jpg) no-repeat left;}
	.sinistra_struttura {clear:both; float:left; width:355px; height:160px;}
	.logo {padding:90px 0 0 35px;}
	.logo_struttura {padding:10px 0 0 0;}
	.destra {float:right; width:625px; height:406px; background:url(../../img/public/it/pietra_dx.gif) no-repeat left;}
	.tabellone {width:620px; height:313px; margin-top:40px;}
	.sfumoso {width:620px; height:50px; background:url(../../img/public/it/sfumoso.png) no-repeat center;}
	.sinistra_testo {float:left; width:330px; margin-top:35px;}
	.destra_testo {float:right; width:635px;}	
	.news {clear:both; padding:40px 0 10px 0;}
	.news_top {width:980px; height:17px; background:url(../../img/public/it/news_top.jpg) no-repeat center;}
	.news_corpo {width:980px; min-height:150px; height:auto !important; height:150px; background:url(../../img/public/it/news_corpo.jpg) repeat-y center;}
	.leggi_tutto {font-size:11px; padding:10px 0 20px 0;}
    .news_bottom {width:980px; height:17px; background:url(../../img/public/it/news_bottom.jpg) no-repeat center;}
	.posiziono_news {width:960px; margin:10px 0 0 20px;}
	.inserisco_news {width:290px; padding:0 27px 0 0; float:left;}
	.inserisco_news  a:link, .inserisco_news  a:visited {text-decoration:none; color:#000;}
	.inserisco_news  a:focus, .inserisco_news  a:hover, .inserisco_news   a:active {text-decoration:underline; color:#000;}
	.testo {clear:both; min-height:400px; height:auto !important; height:400px;}
	.testo_progetti {padding:10px 0 20px 0;}

#materia ul {list-style:none;}
#materia li {list-style:none; float:left;}
	.spritz {padding:10px 0 10px 80px; line-height:2; border-bottom:1px solid #CCC}

#footer {clear:both;}	
#footer a:link, #footer a:visited {text-decoration:none;color:#999;}
#footer a:focus, #footer a:hover, #footer a:active {text-decoration:underline; color:#666;}

#menu_footer{font-size:10px; font-weight:bold; text-transform:uppercase; text-align:center; padding-left:245px;}
#menu_footer ul{margin:0; padding:0; list-style-type:none;}
#menu_footer ul li{display:block; float:left; margin:0 10px 0 0;}
#menu_footer ul li a{ display:block; float:left;  text-decoration:none; padding:14px 10px 0 0; height:28px;}
#menu_footer ul li a:hover,.blue #menu_footer ul li a.premuto{}
	.posiziono_testo_footer {clear:both; color:#999999; text-align:center; font-size:11px;}


/*
************************************
003.Special
************************************
*/

#slider {width:596px; height:284px; position:relative; overflow:hidden;	border:13px solid #E2E1E1;}
#sliderContent {width:596px; position:absolute; top:0; margin-left:0;}
.sliderImage {float:left; position:relative; display:none;}
.sliderImage span {position:absolute; font:12px Arial, Helvetica, sans-serif; padding:10px 13px; width:590px; background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; color:#fff; display:none;}
.clear {clear:both;}
.sliderImage span strong {font-size:16px;}
.top {top:0; left:0;}
.bottom {bottom:0; left:0;}
ul {list-style-type: none;}


/* Attacco il menu a Tab */
ul.menu_tab {list-style:none; margin:0; padding:0;}
ul.menu_tab li {display:inline;}
ul.menu_tab li a {padding:5px 12px; background:url(../../img/public/it/tab.jpg) no-repeat top; color:#877341; text-decoration:none; font-size:16px; border-right:1px solid #CCC; border-left:1px solid #CCC;}
ul.menu_tab li a.selected,	ul.menu_tab li a:hover {padding:5px 12px; background:url(../../img/public/it/tab_hover.jpg) no-repeat top; color:#000;}		
ul.menu_tab li a:focus {outline:0;}
div.tabs > div {padding:5px; margin-top:3px; border:1px solid #ccc;}
div.tabs > div h2 {margin-top:0;}
#progetti, #prodotti, #materiali {background-color:#F3F1F1;  margin-top:5px; padding:0 0 3px 3px;}


/* Attacco lo slider nei Tab */
#slider_progetti ul {}
#slider_progetti li {width:320px; margin-top:10px;}
	.posiziono_spazietto_progetti p {width:320px; color:#fff;}	

#slider_prodotti ul {}
#slider_prodotti li {width:320px; margin-top:10px;}
	.posiziono_spazietto_prodotti p {width:320px; color:#fff;}	
	
#slider_materiali ul {}
#slider_materiali li {width:320px; margin-top:10px;}
	.posiziono_spazietto_materiali p {width:320px; color:#fff;}		

.accessible_news_slider img {border: 0;}
.accessible_news_slider li,.accessible_news_slider p {font-family: "Arial", "Verdana", sans-serif; margin:0; padding:0;	font-size:12px; line-height:1.6;}
.accessible_news_slider li p {font-size:12px; color:#000;}
.accessible_news_slider {position:relative;	overflow:hidden;}
.accessible_news_slider .javascript_css {position:relative;	z-index:3; padding:20px; background:#fffcd3;}
.accessible_news_slider .back {position:absolute; top:0;  z-index:2;}
.accessible_news_slider .back a {display:none; outline:none; margin-left:280px; margin-top:10px;}
.accessible_news_slider .next a {display:none; outline:none; margin-left:303px; margin-top:10px;}
.accessible_news_slider .next {width:16px; position:absolute; top:0; z-index:2;}
.accessible_news_slider ul {position:relative; left:0; width:auto; margin:0; padding:0;	list-style-type:none; overflow:hidden;
	z-index: 1;}
.accessible_news_slider li {float:left;	display:inline;	width:300px;}
.giretto  {width:320px;}
.giretto_progetti  {width:320px; margin:0 0 10px 0;}
.giretto_prodotti  {width:320px; margin:0 0 10px 0;}
.giretto_materiali  {width:320px; margin:0 0 10px 0;}
.giretto a {color:#363636;}
.giretto .back {height:11px; text-align:right;}
.giretto .back a {top:0; width:16px; height:11px;}
.giretto .next {height:11px;}
.giretto .next a {top:0; width:16px; height:11px; }
.giretto li {padding:15px 0; overflow:hidden; width:220px;}
.giretto li img {float:left; display:inline;}
.giretto li p {float:left; display:inline;}

/* Effetto progetti */

ul.display {float:left;	width:980px; margin:10px 0 0 0; padding:0; list-style:none;}
ul.display li {float:left; width:980px;	padding:10px 0; margin:0;}
ul.display li a {color:#877341;	text-decoration:none;}
ul.display li .content_block {padding:0;}
ul.display li .content_block h2 {margin:0; padding:5px;	font-weight:normal;	font-size:1.7em;}
ul.display li .content_block p {margin:0; padding:5px 5px 5px 100px;  /*--The left padding keeps the
content from flowing under the image--*/ font-size:1.2em;}
ul.display li .content_block a img{ /*--Double border technique--*/width:215px;	padding:5px; border:1px solid #ccc;	background: #fff;
	margin: 0 15px 0 0;	float:left;}

ul.thumb_view li{width:245px;} /*--Switch the width
to accommodate for the three column layout--*/
ul.thumb_view li h2 {display:inline;}
ul.thumb_view li p{ display:none;}
ul.thumb_view li .content_block a img {width:215px; }
a.switch_thumb {width:200px; height:26px; line-height:26px;	padding:0; margin:10px 0; display:block; background: url(../../img/public/it/switch.gif) no-repeat; outline:none; text-indent:-9999px;}
a.swap { background-position: left bottom; }
a:hover.switch_thumb {filter:alpha(opacity=75);	opacity:.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}


/* Effetto zoom materiali */

div.jqZoomTitle {z-index:5000; text-align:center; font-size:11px; font-family:Tahoma; height:16px; padding-top:2px;	position:absolute; top:0px; left:0px; width:100%; color:#FFF; background:#999;}
.jqZoomPup {overflow:hidden; background-color:#FFF;	-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60); z-index:10;	border-color:#c4c4c4; border-style:solid; cursor:crosshair;}
.jqZoomPup img {border:0px;}
.preload {-moz-opacity:0.8;	opacity:0.8; filter:alpha(opacity = 80); color:#333; font-size:12px; font-family:Tahoma;   text-decoration: none; border:1px solid #CCC;  background-color:white; padding:8px;	text-align:center; background-image: url(../../img/public/it/zoomloader.gif); background-repeat:no-repeat; background-position:43px 30px; width:90px; * width:100px;
	height:43px; *height:55px; z-index:10; position:absolute; top:3px;	left:3px;}
.jqZoomWindow {border:1px solid #999; background-color:#FFF;}


/*
************************************
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.entra_login {width:53px; height:17px; border:0; margin:0; padding:0; background:url(../../img/public/it/bottone_entra.jpg) no-repeat bottom left; cursor:auto; cursor:pointer;}

input.text {width:100px; height:17px; color:#fff; border:0px; margin:0px; padding:0; background: url(../../img/public/it/sfondo_form.jpg) no-repeat;}