body { background-color:#000; color:#bbbdc0; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

#main { width:1158px; margin:0 auto 40px auto; }
.columns1 { background: url(images/bg-main-1col.gif) repeat-y; overflow:hidden; }
.columns3 { background: url(images/bg-main-3col.gif) repeat-y; overflow:hidden; }
.columns12 { background: url(images/bg-main-1-2-col.gif) repeat-y; overflow:hidden; }
.columns21 { background: url(images/bg-main-2-1-col.gif) repeat-y; overflow:hidden; }

#header { height:234px; background:url(images/bg-header.gif) left top repeat-x; overflow:hidden;}
#logo { margin-left:15px; float:left; }
#logo a { width:400px; height:140px; display:block; }
#logo h1 { margin:0; letter-spacing:-999em; text-indent:-999em; background:url(images/logo-romani-components.gif) no-repeat; width:400px; height:140px; }
#image img { margin:0; }

#menu { float:right; margin:110px -73px 0pt 0pt; }
#menu ul { margin:0; padding:0; list-style-type:none; }
#menu li { float:left; margin-left:10px; border-left:1px solid #FFF; padding-left:5px; }
#menu li.first { border:none; }
#menu a { color:#FFF; text-decoration:none; padding-left:8px; }
#menu a:hover, #menu a.active  { color:#BBBDC0; background:url(images/bg-menu-active.gif) 0 5px no-repeat; }

#language { float:right; overflow:hidden; position:relative; margin:10px 20px 0pt 0pt; } 
.flag { float:left; margin:0 0 0 10px; }

#fasciaTitolo { height:60px; line-height:60px; background-color:#000; }
#fasciaTitolo h2 { margin:0 0 0 238px; color:#FFF; }

#colonnaSx { width:230px; float:left; }
#menuSx { margin:0 0 0 30px; padding:0; list-style-type:none; }
#menuSx li { margin:0 0 15px 0; }
#menuSx a { color:#BBBDC0; text-decoration:none; display:block; }
#menuSx a:hover { color:#FFF; background:url(images/bg-menusx-active.gif) 0 5px no-repeat; padding-left:10px; }
#menuSx a.active { color:#FFF; background:url(images/bg-menusx-active.gif) 0 5px no-repeat; padding-left:10px; }
.menuSpacer { border-top:1px solid #ed1c24; margin:0pt !important; width:120px; }

#contentArea { width:697px; float:left; padding:0 0 10px 0; }

.optionalContents { background-color:#000; overflow:hidden; margin:0 10px; }
.optionalContents p { margin-top:0; }

#colonnaDx { width:210px; float:left; padding-left:20px; }

.smallCol { width:212px; float:left; padding:0 10px; }
.bigCol { width:462px; margin-left:1px; float:left; }

#footer { clear:both; }


/*#################################*/
/*###   ELEMENTI DI CONTENUTO   ###*/
/*#################################*/
.csc-firstHeader { margin-top:0; }
h2 { text-transform:uppercase; }
h3 { text-transform:uppercase; margin-top:0; font-size:1.6em; }
h4 { color:#00806c; text-transform:uppercase; font-size:14px; }

a { color:#bbbdc0; }
a:hover { color:#FFF; }
a img { border:none; }

ul { margin:0; padding:0; } 
ul li ul { margin:10px; }
#colonnaDx ul li { margin:5px 0; }

.csc-textpic-left { margin-left:-9px; }

.csc-menu { margin:0pt 0pt 0pt 13px; padding:0pt; }

.contenttable { border:1px solid #BBBDC0; border-collapse:collapse; text-align:center; margin:10px 1px; }
.contenttable td, .contenttable th  { padding:2px 5px; }
.contenttable th { background-color:#BBBDC0; color:#000; border-bottom:1px solid #000; }

.csc-mailform { border:none; }
.csc-mailform-field { margin:10px 0; overflow:hidden; }
.csc-mailform-field label { font-weight:bold; float:left; width:200px; }
.csc-mailform input, .csc-mailform textarea, .csc-mailform select { background-color:#000; border:1px solid #6D6E70; color:#6D6E70; }
.csc-mailform-submit { color:#000!important; font-weight:bold; border:1px solid #BBB!important; background-color:#6D6E70!important; }

.searchFormContent { margin-bottom:10px; }
.searchForm { width:200px; background-color:#000; border:1px solid #6D6E70; color:#6D6E70; padding:0pt 3px; }
.searchButtonContent { height:40px; }
.searchButton { background-color:#6D6E70 !important; border:1px solid #BBBBBB !important; color:#000000 !important; font-weight:bold; padding:1px 5px; }

#colonnaSx h3 { font-size:1.2em; margin-top:40px; }

table { font-size:1em; }


/*################*/
/*###   NEWS   ###*/
/*################*/
.news-list-container, .news-single-item { background:url(images/bg-news.gif) repeat-y top right; overflow:hidden; }
.news-list-item { margin:0 0 20px 0; overflow:hidden; }
.news-list-item-left, .news-single-item-left { float:left; width:444px; }
.news-list-item-right, .news-single-item-right { float:left; margin-left:25px; }
.news-list-item h3 { font-size:1.2em; }
.news-list-item h3 a { text-decoration:none; }
.news-single-item h3 { font-size:1.5em; }
.news-list-item-left img, .news-single-item-left img { float:left; margin:0 5px 0 0; }
.news-list-container2 h3 { font-size:1em; }
.news-list-item2 h3 a { text-decoration:none; }
.news-single-item-left, .news-single-item-right { margin-bottom:40px; }

.news-amenu-container a { text-decoration:none; }

.news-latest-gotoarchive, .news-single-backlink { clear:both; }

.news-amenu-item-year { display:none; }

/*#################*/
/*###   LOGIN   ###*/
/*#################*/
.tx-newloginbox-pi1 { margin:0 10px 30px 30px; }
.login-field { overflow:hidden; margin:0 0 5px 0; clear:both; }
.login-field label { display:block; }
.login-field input { background-color:#000; border:1px solid #6D6E70; color:#6D6E70; }
.login-button { color:#000!important; font-weight:bold; border:1px solid #BBB!important; background-color:#6D6E70!important; margin-top:5px; }
.tx-newloginbox-pi1 h3 { margin-bottom:5px; }

#colonnaDx .csc-textpic-left {
margin-left:-20px;
}

.tx_lumogooglemaps_pi1_sidebar {display:none}
