/* - - - - - - - - - - - - - - - - - - - - 
C A M A N G I - A S S O C I A T I
http://www.camangi.it
website by websolute
- - - - - - - - - - - - - - - - - - - - */


/* body & altro
- - - - - - - - - - - - - - - - - - - - */
body {padding:0; margin:0; border:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; /*background:url(../imgs/body_bg.gif) 0 0 repeat;*/ background:#fff;}
#container_ext {padding:0; margin:0; border:0; background:url(../imgs/bg.gif) top left repeat-x #fff;}
#container {padding:0; width:950px; border-top:4px solid #fff; /*background:url(../imgs/bg.gif) 0 0 repeat-x #fff;*/ margin:0 auto;}
* html ul li, * html ul li a, * html ul li a img {height:auto;#height:1%;}
a {outline:none;}

/* Clearfix
------------------------------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* header
- - - - - - - - - - - - - - - - - - - - */
#header {height:110px; background:url(../imgs/header.gif) 10px 10px no-repeat;}
#header a {display:block; height:100px; width:950px;}
#header h1 {text-indent:-9999px; padding:0; margin:0; border:0;}

#to_home {}
#to_home a {color:#fff; text-decoration:none; text-transform:uppercase;  margin:0 0 6px 10px; display:block; font-size:16px; font-weight:bold;}
#to_home a:hover {color:#000;}

/* header
- - - - - - - - - - - - - - - - - - - - */
#centrale {height:330px; width:950px; position:relative;}
#flash {margin:0 0 0 10px;}
#menu {width:230px; position:absolute; top:0; right:0; background:#cd071e;}
#menu_vert_3lev ul {padding:0 0 4px 0; margin:0; border:0; list-style:none;}
#menu_vert_3lev ul li {border-top:2px solid #fff; margin:0 0 0 10px;}
#menu_vert_3lev ul li a {font-size:16px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; margin:0 0 4px 0; padding:4px 0 0 0; display:block;}
#menu_vert_3lev ul li a.on {color:#fff;}
#menu_vert_3lev ul li a:hover {color:#000;}
#menu_vert_3lev ul li ul {padding:0 0 10px 0;}
#menu_vert_3lev ul li ul li {border:0;}
#menu_vert_3lev ul li ul li a {font-size:12px; font-weight:bold; color:#fff; text-decoration:none; text-transform:none; padding:0 0 0 20px; background:url(../imgs/arrow_menu.gif) 10px 4px no-repeat;}
#menu_vert_3lev ul li ul li a:hover {color:#000; background:none;}
#menu_vert_3lev ul li ul li a.on {color:#000;}
#menu_vert_3lev ul li ul li ul {}
#menu_vert_3lev ul li ul li ul li {}
#menu_vert_3lev ul li ul li ul li a {padding:0 0 0 30px; background:url(../imgs/arrow_menu.gif) 20px 4px no-repeat;}

/* blocchi home-page
- - - - - - - - - - - - - - - - - - - - */
#home_blocks {width:940px; border-top:4px solid #cd071e; margin:0 0 0 10px; background:#fff;} 

#home_blocks dl {padding:0; margin:10px 0 0 0; border:0;}
#home_blocks dl dt.img {float:left; padding:0 10px 4px 0;}
#home_blocks dl dt.img a img {border:0; width:70px; height:70px;}
#home_blocks dl dt.img a {padding:5px; background:#e4e4e4; display:block;}
#home_blocks dl dt.img a:hover {background:#cd071e;}

#home_blocks dl dt.title {font-size:16px; color:#333; font-weight:bold; text-transform:uppercase; padding:0 0 20px 0; display:block; overflow:hidden;}
#home_blocks dl dt.title a {color:#333; text-decoration:none;}
#home_blocks dl dt.title a:hover {color:#cd071e;}
#home_blocks dl dd {display:block; padding:0; margin:0; font-size:12px; color:#333333;}

#home_blocks dl dd.link {background:#fff; width:300px; float:left;}
#home_blocks dl dd.link a {width:16px; height:14px; float:right;}
#home_blocks dl dd.link a img {border:0;}

#chi_siamo {float:left; width:300px; padding:0 10px 0 0; background:url(../imgs/blocks_bg.gif) top right no-repeat;}
#chi_siamo dl dt.title {font-size:12px;}
#progetti {float:left; width:300px; padding:0 10px 0 10px; background:url(../imgs/blocks_bg.gif) top right no-repeat;}
#progetti dl dt.title {font-size:12px;}
#interni_design {float:left; width:300px; padding:0 0 0 10px; background:url(../imgs/linguetta.jpg) top right no-repeat; position:relative;}
#tit_interni_design {position:absolute; top:10px; left:100px; font-weight:bold; color:#fff; background:#cd071e; padding:2px;}
#interni_design dl dt.title {color:#cd071e; font-size:12px; padding:20px 20px 0 0;}
#interni_design dl dt.img a {padding:5px; background:#cd071e; display:block;}

/* pagina interna
- - - - - - - - - - - - - - - - - - - - */
#container_interno {width:950px; float:left;}
#menu.interno {float:right; width:230px; background:#cd071e; position:relative;}
#centrale_interno {float:left; width:720px; position:relative;}
#foto_interna {float:left; width:710px; margin:0 0 0 10px;}

#back {position:absolute; top:300px; left:730px; width:230px; border-bottom:4px solid #cd071e;}
#back a {color:#cd071e; text-decoration:none; text-transform:uppercase;  margin:2px 0 8px 0; display:block; font-size:16px; font-weight:bold;}
#back a:hover {color:#000;}

/* contenuti
- - - - - - - - - - - - - - - - - - - - */
#contenuti {float:left; width:710px; margin:0 0 0 10px; padding:0 0 30px 0; border-top:4px solid #cd071e; color:#373737;}
#contenuti h1 {color:#cd071e; text-transform:uppercase; font-size:16px; margin:8px 0 8px 0;}
#contenuti img.doc_img_1 {float:right; margin:0 0 10px 10px;}
#contenuti a {color:#cd071e; text-decoration:none; font-weight:bold;}
#contenuti a:hover {color:#000;}

#gallery {width:710px; height:90px; margin:0 0 10px 0; position:relative;}
#lista {float:left; width:710px; margin:0 0 15px 0;}
#lista dl {float:left; width:226px; margin:0 10px 10px 0;}
#lista dl dt.img {float:left; margin:0 10px 0 0;}
#lista dl dt.img a {background-color:#e4e4e4; display:block; padding:5px;}
#lista dl dt.img a:hover {background-color:#cd071e;}
#lista dl dt.img a img {border:0;}
#lista dl dt.title {height:80px; overflow:hidden;}
#lista dl dt.title a {color:#cd071e; font-weight:bold; text-decoration:none;}
#lista dl dt.title a:hover {color:#000;}

#lista dl dd.link {display:none;}

div.bm_paginatore {float:left; width:710px; display:none;}

#links {}
#links ul {list-style:none;}
#links a {color:#cd071e; text-decoration:none; font-weight:bold;}
#links a:hover {color:#000;}

/* form contatti
- - - - - - - - - - - - - - - - - - - - */
#frm_contatti {}
#frm_contatti fieldset {border:0;}
#frm_contatti legend {font-weight:bold; margin:0 0 5px 0;}
#frm_contatti ul {list-style:none;}
#frm_contatti ul li {padding:0 0 5px 0;}
#frm_contatti input {border:#999999 solid 1px;}
#frm_contatti label {display:block;}

#frm_contatti .bg_error label {color:#CD071E;}
#frm_contatti .bg_error input {color:#CD071E; border:#CD071E solid 1px;}

/* footer
- - - - - - - - - - - - - - - - - - - - */
#footer {margin:0; width:100%; padding:60px 0 0 0; color:#cd071e; font-size:11px; /*position:fixed;*/ float:left; bottom:0; background:#fff; /*border-bottom:#cd071e 4px solid;*/}
#footer_interno {margin:0 auto; width:960px;}
#footer_interno div.copy {float:left; width:660px;}
#footer_interno div.firme {float:left; width:300px; text-align:right; margin:0;}
#footer_interno div.firme a {color:#cd071e; text-decoration:none; font-weight:bold;}
#footer_interno div.firme a:hover {color:#000;}
#footer_interno div.firme img {border:0; margin:0 2px 2px 0; text-decoration:none; vertical-align:text-bottom;}
#footer_interno div.firme img.ico_spacer {margin:0 5px 4px 0;}