/* - - - - - - - - - - - - - - - - - - - - 
CHIQUADRO INFORMATICA
Information Technology per aziende dinamiche
http://www.chiquadro.it/
website by websolute
http://www.websolute.it/
- - - - - - - - - - - - - - - - - - - - */

/* body & altro
- - - - - - - - - - - - - - */
body {background: url(../img/sf_pag.jpg) no-repeat top center #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
body.body_hp {background: url(../img/sf_hp.jpg) no-repeat top center #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
body.body_pag_e_foto {background: url(../img/sf_pag_con_foto.jpg) no-repeat top center #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}


h1, h2, h3, h4, h5, h6 {font-family:Georgia, "Times New Roman", Times, serif;}
table {border-top:1px solid #ccc; border-left:1px solid #ccc;}
th, td {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
a{color: #322e2e; text-decoration:none;}
a:hover{color: #322e2e;  text-decoration:underline;}

#container {width:940px; margin:0px auto; position: relative;}

/* TOPBAR
- - - - - - - - - - - - - - */
#topbar {width:940px; height: 131px; background: url(../img/sf_topbar.gif) no-repeat top left;}
#menu{width:932px; padding: 0px 0px 0px 8px; height: 31px;}
#menu ul{list-style: none; margin: 0px; padding: 0px;}
#menu ul li{float: left; list-style: none; margin: 0px; margin: 0px 0px 0px 0px; padding: 0px 19px 0px 19px;}
#menu ul li a{display: block; text-indent:-9999px; font-size:0.0001em; height: 31px;}
#menu ul li a#pulschisiamo{background: url(../img/menu.gif) no-repeat top left; width: 56px;}
#menu ul li a#pulschisiamo:hover, #menu ul li a#pulschisiamo.on {background: url(../img/menu.gif) no-repeat bottom left; }
#menu ul li a#pulscompetenze{background: url(../img/menu.gif) no-repeat -94px top; width: 73px;}
#menu ul li a#pulscompetenze:hover, #menu ul li a#pulscompetenze.on {background: url(../img/menu.gif) no-repeat -94px bottom; }
#menu ul li a#pulsinformation{background: url(../img/menu.gif) no-repeat -205px top; width: 152px;}
#menu ul li a#pulsinformation:hover, #menu ul li a#pulsinformation.on {background: url(../img/menu.gif) no-repeat -205px bottom; }
#menu ul li a#pulsclienti{background: url(../img/menu.gif) no-repeat -394px top; width: 42px;}
#menu ul li a#pulsclienti:hover, #menu ul li a#pulsclienti.on {background: url(../img/menu.gif) no-repeat -394px bottom; }
#menu ul li a#pulspartner{background: url(../img/menu.gif) no-repeat -474px top; width: 52px;}
#menu ul li a#pulspartner:hover, #menu ul li a#pulspartner.on {background: url(../img/menu.gif) no-repeat -474px bottom; }
#menu ul li a#pulsnews{background: url(../img/menu.gif) no-repeat -564px top; width: 33px;}
#menu ul li a#pulsnews:hover, #menu ul li a#pulsnews.on {background: url(../img/menu.gif) no-repeat -564px bottom; }
#menu ul li a#pulsmappa{background: url(../img/menu.gif) no-repeat -634px top; width: 91px;}
#menu ul li a#pulsmappa:hover, #menu ul li a#pulsmappa.on {background: url(../img/menu.gif) no-repeat -634px bottom; }
#menu ul li a#pulshome{background: url(../img/menu.gif) no-repeat -634px top; width: 33px;}
#menu ul li a#pulshome:hover, #menu ul li a#pulshome.on {background: url(../img/menu.gif) no-repeat -634px bottom; }

body.body_hp #menu ul li a#pulshome{background: url(../img/menu.gif) no-repeat -634px bottom; }
body.id_6 #menu ul li a#pulschisiamo{background: url(../img/menu.gif) no-repeat bottom left; }
body.id_7 #menu ul li a#pulscompetenze{background: url(../img/menu.gif) no-repeat -94px bottom; }
body.id_8 #menu ul li a#pulsinformation {background: url(../img/menu.gif) no-repeat -205px bottom; }
body.id_9 #menu ul li a#pulsclienti{background: url(../img/menu.gif) no-repeat -394px bottom; }
body.id_10 #menu ul li a#pulspartner{background: url(../img/menu.gif) no-repeat -474px bottom; }
body.id_2 #menu ul li a#pulsnews {background: url(../img/menu.gif) no-repeat -564px bottom; }
body.id_11 #menu ul li a#pulsmappa{background: url(../img/menu.gif) no-repeat -634px bottom; }

#menu ul li#cerca_topbar{padding: 4px 0px 0px 40px; }
#cerca_topbar input.txt{float: left; border: 0px; background:url(../img/input_cerca.gif) no-repeat left top; width: 110px; height: 16px; margin: 0px; padding: 5px 0px 0px 10px; font-size: 0.95em; color: #767777;}
#cerca_topbar input.button{ border: 0px; background:url(../img/input_cerca.gif) no-repeat -120px top; width: 19px; height: 21px; margin: 0px; padding: 0px;}

#logo{clear: both; width: 200px; height: 100px; margin-left: 370px;}
#logo a{display: block; width: 200px; height: 100px; text-indent:-9999px; font-size:0.0001em; }

/* HOMEPAGE
- - - - - - - - - - - - - - */
#animazione{clear: both; height: 415px;}

#blocc_hp{clear: both; margin: 19px 0px 0px 0px;}
.blocchetto_hp{float: left;  margin: 0px 20px 0px 0px; width: 182px; padding: 15px 19px 0px 19px; height: 167px; background:url(../img/sf_blocchetto_hp.gif) no-repeat top left; font-size: 1.1em; line-height: 1.3em; }
.blocchetto_hp h1{text-indent:-9999px; font-size:0.0001em; height: 20px; margin: 0px; padding: 0px; }
.blocchetto_hp h1 a{display: block; }
.blocchetto_hp dl{margin: 0px; padding: 5px 0px 5px 0px; height: 90px; overflow: hidden; }
.blocchetto_hp dl dt {font-weight:bold;}
.blocchetto_hp dl dt a{display: block; outline:none;}
.blocchetto_hp dl dd {margin:5px 0 0 0;}


.blocchetto_hp a.link {background: url(../img/pall_link.gif) no-repeat left 7px ; width: 162px; padding: 0px 0px 0px 12px; position: relative; top: 18px; left: 0px; font-size: 0.9em;  }
.news_hp h1{background: url(../img/tit_news_hp.gif) no-repeat top left; }
.case_hp h1{background: url(../img/tit_case_hp.gif) no-repeat top left; }
.clienti_hp{padding:0px; width: 220px; height: 182px; }
.clienti_hp h1{background: url(../img/tit_clienti_hp.gif) no-repeat top left; }

.erdos_hp {background:  url(../img/sf_blocc_erdos_hp.gif) no-repeat top left; width: 194px; padding: 15px 12px 0px 14px; height: 167px;}
.erdos_hp h1{background: url(../img/tit_erdos_hp.gif) no-repeat top left; margin-bottom: 116px; }
.erdos_hp a,.erdos_hp a:hover{color: #fff; font-weight: bold; }

/* PAG. INTERNA
- - - - - - - - - - - - - - */
#foto_pag{clear: both; height: 330px; }
#corpo{clear: both; background: url(../img/sf_corpo_pag.gif) no-repeat top center;/*width: 880px;*/ height: 350px; min-height: 350px; height: auto!important; padding: 30px; margin: 6px 0px 0px 0px;   }
#menu_vert_3lev{float:left; width: 156px;margin: 0px 28px 0px 0px;}
#menu_vert_3lev ul{list-style: none; margin: 0px; padding: 0px;}
#menu_vert_3lev ul li{list-style: none; margin: 0px; padding: 12px 0px 2px 0px; border-bottom: 1px solid #d5d3d3; }
#menu_vert_3lev ul li a:hover, #menu_vert_3lev ul li a.on{text-decoration: none; color: #9d272b; }
#menu_vert_3lev ul li ul{list-style: none; margin: 0px; padding: 0px 0px 0px 12px;}
#menu_vert_3lev ul li ul li{list-style: none; margin: 0px; padding: 2px 0px 2px 0px; border-bottom: 0px solid #d5d3d3; }
#menu_vert_3lev h1{text-indent:-9999px; font-size:0.0001em; height: 10px; margin: 4px 0px 5px 0px;}
#menu_vert_3lev h1.h1_6{background: url(../img/tit_chisiamo.gif) no-repeat top left; }

#contenuto{float:left; width: 672px;  font-size: 1.05em; padding: 8px 0px 0px 0px;}
#contenuto h2{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; color: #98191d; font-weight: bold;  }
#contenuto ul {list-style: none; margin: 0px; padding: 0px 0px 20px 0px;}
#contenuto ul li{list-style: none; margin: 0px; padding: 0px;}
#contenuto ul li ul{list-style: disc; margin: 0px; padding: 10px 0px 0px 0px;}
#contenuto ul li ul li{list-style: none; margin: 0px; padding: 0px 0px 0px 15px; background: url(../img/pall_ul_corpo.gif) no-repeat left 6px;}
#contenuto p{padding: 0px 0px 10px 0px;}
p img{float: none;}

#allegati{clear: both; padding: 20px 0px 0px 0px;}
#allegati h3{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.25em; color: #656363; font-weight: bold; margin-bottom: 0px;  }
#allegati ul{list-style: none; margin: 0px; padding: 0px;}
#allegati ul li{list-style: none; margin: 0px; padding: 0px;}

#clienti dl{clear: both; padding: 0px 0px 0px 0px; margin: 0px; width: 880px;}
#clienti dl dt.dt_image{float: left;  padding: 0px 15px 10px 0px;}
#clienti dl dt.dt_image img{border: 1px solid #d3d1d1; }
#clienti dl dd img{float: left; margin-right: 8px; position: relative; top: 15px; left: 0px; }

#mappa ul {list-style: none; margin: 0px; padding: 0px;}
#mappa ul li{list-style: none; margin: 0px; padding: 0px 0px 15px 0px;}
#mappa ul li a{text-transform: uppercase;}
#mappa ul li ul{list-style: none; margin: 0px; padding: 0px 0px 0px 20px;}
#mappa ul li ul li{list-style: none; margin: 0px; padding: 0px 0px 0px 0px; background: none;}
#mappa ul li ul li a{text-transform: none;}

#news dl{clear: both; padding: 0px 0px 0px 0px; margin: 0px; width: 880px;}
#news dl dt.dt_image{float: left;  padding: 0px 15px 10px 0px;}
#news dl dt.dt_image img{border: 1px solid #d3d1d1; }

#privacy{font-size: 0.9em; }


/* iscrizione
- - - - - - - - - - - - - - - - - - - - */
#iscrizione fieldset {padding:10px; width:85%;}
html > body #iscrizione fieldset {border:1px solid #999;}
#iscrizione legend {font-weight:bold; color:#999;}
#iscrizione em {color:#1a64a5; background:none;}
#iscrizione ol {list-style:none; margin:0; padding:0;}
#iscrizione li {margin:5px 0; padding:0;}
#iscrizione label {display:block; width:120px; padding:6px 0 0 10px; vertical-align:bottom; clear:left; float:left;}
#iscrizione ol li input {width:200px; color:#666;}
#iscrizione select {color:#666; width:203px;}
#iscrizione .checkbox {width:auto; margin:20px 0 0 5px;}

form#frm_contatti fieldset {padding:0px;}
form#frm_contatti legend {display: none;}
form#frm_contatti fieldset ul {list-style:none;margin:0;padding:0;}
form#frm_contatti fieldset ul li label {display:block; width:200px; padding:0px 0 0 0px; vertical-align:bottom; clear:left; float:left;}
form#frm_contatti fieldset ul li {clear:both; padding:0px 0px 5px 0px; margin:5px 0;}
form#frm_contatti fieldset ul li.bg_error label {color:#990000; border-bottom: 1px solid #900}
form#frm_contatti fieldset ul li input#ut_azienda, form#frm_contatti fieldset ul li input#ut_nome, form#frm_contatti fieldset ul li input#ut_cognome, form#frm_contatti fieldset ul li input#ut_email{border: 1px solid #dedede; width: 220px; height: 17px;}
form#frm_contatti fieldset ul li textarea#txtMessaggio{border: 1px solid #dedede; width: 220px; height: 60px;}
form#frm_contatti fieldset ul li input#btn_submit{background: #dedede; border: 0px; width: 220px; height: 17px;}

form input.text {border: 1px solid #dedede; width: 220px; height: 17px;}
form input.button {background: #dedede; border: 0px; width: 220px; height: 17px;}
form input.radio {}
form input.checkbox {}

/* cerca nel sito
- - - - - - - - - - - - - - - - - - - - */
#cerca_sito{clear: both;}
#cerca_sito form div{padding: 0px 0px 15px 0px;}


/* galleria immagini
- - - - - - - - - - - - - - - - - - - - */
.bm_galleria_immagini{margin:8px 0;padding:0;}
.bm_galleria_immagini ul {display:inline;}
.bm_galleria_immagini ul li {display:inline;}
.bm_galleria_immagini ul li a {display:inline}
.bm_galleria_immagini ul li a:hover img {border:1px solid #aaa;}
.bm_galleria_immagini ul li a img{margin-right:8px;border:1px solid #cde;}
.img_gall{height:80px;}

/* paginazione indice documenti
- - - - - - - - - - - - - - - - - - - - */
ul#paginazione {margin:0; padding:0; list-style:none;}
ul#paginazione li {margin:0; padding:0 5px 0 0; background:none; display:inline;}
ul#paginazione li a {padding:4px;}
.bm_paginatore {border-top: 0px solid #cde;padding:8px 0 8px 0;border-bottom: 0px solid #cde;}
.bm_paginatore a {padding:8px; }



/* FOOTER
- - - - - - - - - - - - - - */
#footer{clear: both; padding: 14px 0px 5px 0px; color:#938d8d; font-size:0.9em; }
.footer_pag{ background:url(../img/sf_footer_pag.gif) no-repeat top left; }

#footer ul{list-style: none; margin: 0px; padding: 2px 0px 0px 0px;}
#footer ul li{float: left; list-style: none; margin: 0px; padding: 0px 9px 0px 9px; background:url(../img/fil_footer.gif) no-repeat right 6px;}
#footer ul li a{color:#938d8d; font-size:1em;}

#footer .bottom_relative {position:relative; width:100%; }
#footer .ntr_support_integration {float:right; width:200px; overflow:hidden; text-align:right; height:50px;}
#footer .ntr_support_integration .hideme {float:left;}
#footer .ntr_support_integration .hideme img {border:0px solid #ffffff; height:1px; width:1px;}
#footer .bottom_absolute {position:absolute; bottom:0;}

#paginatore_search ul {list-style:none; margin:0; padding:0; display:inline;}
#paginatore_search ul li {list-style:none; margin:0; padding:0; display:inline;}
#paginatore_search ul li a {padding:6px;}
#paginatore_search ul li span {padding:6px; font-weight:bold;}