@charset "utf-8";
@import url(framework/screen.css);
@import url(framework/print.css) print;

/* ------------------------- *\
	WELCOME TO THE MAIN SHEET
	Copyright 2008 CityCenter
	http://www.citycenter.it/
	-------------------------
	SITE COLOR SCHEME
	- body bg   	   #d12212
	- color     	   #000000
	- a               #1d7c00
	- a:hover         #000000
	- h               #374557
\* ------------------------- */
html {}
body {background:#d12212 url(../images/bg.jpg) center 110px no-repeat;} /*LO SFONDO DEL SITO*/
#container {position: relative; width:957px; margin: 0 auto; }
.container {width:957px;} /*LA LARGHEZZA DEL SITO*/

/* -------------------------
	ELEMENTS FORMAT AND COLOR           
	------------------------- */

.format .heading {border-color:#999999;}
.format h1, .format h2, .format h3, .format h4, .format h5, .format h6, .format h7 {color:#d12212;font-family:Arial,"Helvetica", "Helvetica Neue", sans-serif; font-weight:normal;} /*COLORE E ASPETTO GENERALE DEI TAG H*/
.format h1 {font-size:2.0em; line-height:1.25; margin-bottom:0.5em; border-bottom:solid 1px #d12212;} /*COLORE E ASPETTO DEL TAG H1*/
.format h2 {font-size:1.4em; line-height:1.25; margin-bottom:0.75em; border-bottom:solid 1px #d12212;} /*COLORE E ASPETTO DEL TAG H2*/
.format h3 {font-size:1.3em; line-height:1.25; margin-bottom:0.5em; border-bottom:solid 1px #d12212;} /*COLORE E ASPETTO DEL TAG H3*/
.format h4 {font-size:1.3em; padding-top: 5px; font-weight:bold; line-height:0.75; color:#d12212;} /*COLORE E ASPETTO DEL TAG H4*/
.format h5 {font-size:1.1em; font-weight:bold; color:#666; margin-bottom:0.25em;} /*COLORE E ASPETTO DEL TAG H5*/
.format h6 {font-size:1.3em; font-weight:normal; color:#000; margin-bottom:0.25em;} /*COLORE E ASPETTO DEL TAG H6*/
.format p, .format ul, .format ol, .format dl, .format label {color:#444;} /*COLORE DEL TESTO*/
.format p a, .format ul a, .format ol a, .format dl a, .format h1 a, .format h2 a, .format h3 a, .format h4 a, .format h5 a, .format h6 a, .format h7 a {color:#D01F11;} /*COLORE DEI LINK*/
.format p a:hover, .format ul a:hover, .format ol a:hover, .format dl a:hover, .format h1 a:hover, .format h2 a:hover, .format h3 a:hover, .format h4 a:hover, .format h5 a:hover, .format h6 a:hover, .format h7 a:hover {color:#555;} /*COLORE DEI LINK IN HOVER*/
.format hr {background:#ccc; color:#ccc;} /*COLORE DEGLI HR*/
.format a img {border-color:#999; background-color:#fff;} /*COLORE DEL BORDO DELLE IMMAGINI LINKATE*/
.format a img:hover {border-color:#999; background-color:#fff;} /*COLORE DEL BORDO DELLE IMMAGINI LINKATE IN HOVER*/
.format img {border-color:#fff; background-color:#fff;} /*COLORE DEL BORDO DELLE IMMAGINI NON LINKATE*/
.format ul li {background:url(../images/freccia.gif) no-repeat 3px 6px; list-style:none; margin-left:12px;} /*ASPETTO E MARGINI DELLE LISTE*/
.blu {color:#22bbea;} /*ESEMPIO DI CLASSE PER APPLICARE UN COLORE AL TESTO TRAMITE IL TAG SPAN*/
.format a.pdf, .format a.doc, .format a.xls, .format a.rss, .format a.rdf, .format a.img, .format a.file {padding:2px 2px 2px 25px;margin:-2px 0;background-repeat: no-repeat;background-position: 0px 2px;text-decoration:none; border: none}
.format a.pdf:hover, .format a.doc:hover, .format a.xls:hover, .format a.rss:hover, .format a.rdf:hover, .format a.img:hover, .format a.file:hover {border: none}
.format a.pdf {background-image: url(../images/icons/pdf.png);}
.format a.doc {background-image: url(../images/icons/doc.png);}
.format a.xls {background-image: url(../images/icons/xls.png);}
.format a.rss, a.rdf {background-image: url(../images/icons/feed.png);}
.format a.img {background-image: url(../images/icons/image.png);}
.format a.file {background-image: url(../images/icons/file.png);}
a.img_cert {position:absolute; right:15px;  top: 57px; border:none}
img.img_azienda {margin-left:10px}
div.video {margin-left:10px; width:250px; float:left; margin-right:17px; text-indent:5px; }

/* HEADER ------------------ */
#bgheader {width: 100%; height: 110px; background: url(../images/head_bg.jpg) repeat-x;position:absolute; top: 0px; left: 0px}
#header {height: 110px; background: url(../images/head.jpg) top center no-repeat;position: relative}
#header h1 a {display:block; height:57px; width:900px; color:#3F4A52; text-indent: 470px; font-size:40px; padding-top: 45px; text-decoration: none; border: 0}

#flags {margin-top: 0px; top:10px; right: 10px; margin-left:0px; width: 100px; position:absolute}

ul#prodotti {width: 100%; margin: 0px; border: 0px solid}
ul#prodotti li {width: 206px; height: 168px;  margin: 0px; padding: 0px; border: 0px solid; padding-bottom: 15px; float: left;}
ul#prodotti li a {width: 206px; height: 168px; color: #000000; border: none; float: left}
ul#prodotti li#tensostrutture a {background: url(../images/prodotto_1.jpg) center no-repeat }
ul#prodotti li#pressostrutture a {background: url(../images/prodotto_2.jpg) center no-repeat}
ul#prodotti li#tendostrutture a {background: url(../images/prodotto_3.jpg) center no-repeat}
ul#prodotti li#geodetica a {background: url(../images/prodotto_4.jpg) center no-repeat}
ul#prodotti li#gazebo a {background: url(../images/prodotto_5.jpg) center no-repeat}
ul#prodotti li#coperture a {background: url(../images/prodotto_6.jpg) center no-repeat}
ul#prodotti li h3 {color: #3F4A52; border: none; padding: 8px; font-size: 17px; line-height: 1.5em; font-weight: 700;}

ul#news {width: 100%; margin: 0px; border: 0px solid}
ul#news li {width: 107px; height: 107px; text-transform: uppercase;margin: 0px; padding: 5px; border: 0px solid; padding-bottom: 15px; float: left; border: 0px solid}
ul#news li a {width: 107px; height: 107px; color: #000000; border: 1px solid #ADB9C1; float: left}
ul#news li#image1 a {background: url(../images/image.jpg) center no-repeat }
ul#news li#image2 a {background: url(../images/image.jpg) center no-repeat}
ul#news li#image3 a {background: url(../images/image.jpg) center no-repeat}
ul#news li#image4 a {background: url(../images/image.jpg) center no-repeat}
ul#news li#image5 a {background: url(../images/image.jpg) center no-repeat}
ul#news li h3 {color: #3F4A52; border: none; padding: 8px; font-size: 1em; line-height: 2em}
ul#news li a:hover {width: 107px; height: 107px; color: #000000; border: 1px solid #d12212; float: left}

/*  93a3ae */
#nav {position: relative; margin-top:58px}
#nav ul, #nav li, #nav ul li ul {margin:0; padding:0; list-style-type:none;}
#nav ul {width: 259px; padding:0px; text-transform:lowercase; margin-top: 0px; border: 0px solid}
#nav ul li {min-height:32px; position:relative; border-bottom: 1px solid #93a3ae}
#nav ul li:hover {border-bottom: 1px solid #3F4A52}
#nav ul li#active {border-bottom: 1px solid #3F4A52}
#nav ul li a {width: 210px; float:left;height:30px; margin:0; padding:0 10px 0 40px; color:#3F4A52; line-height:30px; text-decoration:none; border: none; font-size: 16px; font-weight: bold}
#nav ul li a:hover {border: none; color: #CB1E12}
#nav ul li a#active {border: none; color: #CB1E12;}

#nav ul li ul {padding:0px; text-transform:lowercase; padding-top: 30px; border: 0px solid; background-image: none; background-color: #fff}
#nav ul li ul li {position:relative; background: url(../images/submenu_bg.jpg) repeat-x; border: none; min-height: 29px; height: 29px; background-color:#fff; }
#nav ul li ul li:hover {border: none}
#nav ul li ul li a {width: 210px; height: 29px;  float:left; margin:0; padding:0 0px 0 40px; color:#3F4A52; text-decoration:none; border: none; font-size: 12px; line-height:29px; font-weight: normal;}

/*#ponte {position: absolute; top: 0px; left: -48px; width: 306px; height:276px; background: url(../images/ponte.jpg); z-index:4;}*/
#ponte {position: absolute; bottom: 70px; left: -40px; width: 289px; height:180px; background: url(../images/ponte.png);}
.actionaid {position: absolute; bottom: 20px;  left:36px; background:none}
.actionaid a img {border-color:none; background-color: transparent; padding:0px; border:0px}
.actionaid a:hover img  {border-color:none; background-color:transparent; padding:0px; border:0px}

/* PAGE -------------------- */	
#main {position: absolute; top: 110px; left:0px; margin:0 auto; z-index:2; }
#content_main {background:url(../images/main_bg.png) right repeat-y; border-left: 1px solid #93a3ae; position: relative; float:left}
#movie {width: 690px;height: 222px; background-color: #ccc; float: left}

#azienda #movie { background:url(../images/azienda.jpg)}
#servizi #movie { background:url(../images/servizi.jpg)}
#prodotti #movie { background:url(../images/prodotti.jpg)}
#news #movie { background:url(../images/news.jpg)}
#news_dett #movie { background:url(../images/news.jpg)}
#download #movie { background:url(../images/download.jpg)}
#actionaid #movie { background:url(../images/actionaid.jpg)}

#content_sideleft {min-height: 841px; background: url(../images/menu_bg.jpg) #92A3AD;border-right: 1px solid #93a3ae; }
#content_total {margin:0px;margin-left: 260px; width:697px; min-height: 400px; border: 0px solid}
#content_center {width: 620px; padding: 13px 40px 0 40px; min-height: 400px;background: url(../images/news_bg.jpg) top left no-repeat transparent;}
#content_side {width:300px; margin:10px 0 0;}
#footer {width:958px; border:none}
#footer div {padding-top: 5px;}
#footer p {padding:0px; margin:0px; margin-left:0px; color: #FFF; font-size: 0.80em; position:absolute; line-height:1.3em}
#footer ul { margin:0px; padding: 0px;}
#footer ul li {text-align:right; width:100%; margin:0px; padding: 0px; color: #FFF; }
#footer ul li p {float: right; position:relative}
#footer a {color: #FFF; text-decoration: none; border: none;}
#f88 {font-size:9px; text-align:justify; color:#ccc; margin-top:0px; margin:0;padding:0; height:15px; position:relative; display:block}
#breadcrumb, #main_bottom {height:33px; background:url(../images/breadcrumb_bg.png);}
#breadcrumb div p {margin:6px 0 0 35px; }


/* HOME -------------------- */
#home #spot {height:210px; background:url(../images/spot_home.jpg);}

a.callout {float:left; height:130px; width:290px; margin-right:10px;	background: no-repeat; cursor:pointer;	text-decoration:none;}
a.callout h6 {margin:86px 0 0 28px;	color:#666666;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:normal; font-size:10px;}
a.callout:hover h6 {color:#000000; text-decoration:underline;}
a#call_01 {background:url(../images/callout_scoprici.gif);}
a#call_02 {background:url(../images/callout_valutaci.gif);}
a#call_03 {background:url(../images/callout_contattaci.gif); margin-right:0px;}
a#call_04 {background:url(../images/callout_crm.gif);}
a#call_05 {background:url(../images/callout_marketing.gif);}
a#call_06 {background:url(../images/callout_photo.gif);margin-right:0px;}

/* CHI SIAMO --------------- */
#chi_siamo #spot {height:90px; background:url(../images/spot_chi_siamo.jpg);}
#chi_siamo #content_side {height:550px; background:url(../images/chi_siamo.gif) no-repeat;}

/* NEWS -------------------- */
#news_link ul {list-style-type: none; display: block;}
#news_link li a {border-top-width: 1px;display: block;}
#news_link li a:hover{background-color: #D0D7DC;}

#content_center label {margin:0 20px;}
#content_center input[type=text] {width:200px;}
#content_center select {width:212px;}
#content_center textarea {width:450px; color:#444; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#content_center .captcha {padding:20px 0; margin:20px; border-top:dotted 1px #ccc; border-bottom:dotted 1px #ccc; float:left; width:90%}


ul.page_list {margin: 0; margin-bottom: 20px;}
ul.page_list li {margin: 0 0 0 0; padding: 0; margin-top: 7px; clear: both  }