/* ************************************************************************************** */
/*   File:              template_style.css                                                */
/*   Description:       ColombOS Style..!                                                 */
/* ************************************************************************************** */

a img{
   border-width : 0px;
   border-width:0;
   border-style:none;
   border-color:#fff;
   color:#fff;
}

html,body {
   margin               : 0px; 
   padding              : 0px; 
}

body { 
   font-family          : Verdana, Arial, Helvetica, sans-serif;
   font-size            : 13px;
   background           : #fff url(../img/backmain.gif) top repeat-x;
   text-align           : center;
}
/* hack IE <= 5.5: nei td non eredita il font-size */
td {
   font-size            : 13px;
}

div#container { 
   position             : relative; 
   width                : 1024px;
   margin               : 0 auto; 
   margin-bottom        : 10px;
   text-align           : left;
   font-size            : 11px;
   padding              : 0px;
}

div#header {
   padding              : 0px 5px 0px 15px;
   margin               : 0px;
   height               : 133px;
   background           : transparent url(../img/backtopnew.gif) no-repeat top center;
   position             : relative;
}
div#logo
{
   position             : relative;
   left                 : 15px;
   top                  : 60px;
}

div#content {
   position: absolute;
   margin-top           : 35px;
   padding              : 0px;
   background-color     : transparent; 
   font-size            : 13px; 
   width                : 1000px;

}
div#contenthome {
   position: absolute;
   margin-top           : 0px;
   padding              : 0px;
   background-color     : transparent; 
   font-size            : 12px;
   width                : 1024px;
}
div.contentpadding {
   padding: 0 1em 1.5em 1em;
}

div#contenthome div.contentpadding {
   padding: 0;
}

div.contentpadding td {
   font-size            : 12px;
}

div#homeleft {
   padding-left: 20px;
   padding-top: 0.5em;
   background-color     : transparent; 
   font-size            : 11px;
   float                : left;
/* hack IE <= 5.5: il box model include il padding nella larghezza */
   width                : 405px;
   \width                : 425px;
   w\idth : 405px;
}


#homepage-top-left {
   text-align: center;
}

/* barra di navigazione principale */
#navigation-main {
   position             : absolute; 
   top                  : 83px;
   left                 : 300px; 
   /*width                : 450px;*/
   float                : left;
   background-color     : transparent;
   border               : none;
   font-size            : 13px;
}
#navigation-main ul { padding : 0; margin : 0; }
#navigation-main ul li { display : inline; }
#navigation-main ul li a {
   padding              : 0.2em 12px;
   background-color     : transparent;
   color                : #01295a;
   text-decoration      : none;
   float                : left;
   border               : none;
   font-size            : 13px;
   font-weight          : bold;
}
#navigation-main ul li a.linkinternobold {
   text-decoration      : underline;
}
#navigation-main ul li a:hover {
   background-color     : transparent;
   color                : #01295a;
   text-decoration      : underline;
}

/* Secondo livello */
#navigation-sub {
   position             : absolute; 
   top                  : 107px;
   left                 : 300px; 
   /*width                : 450px;*/
   float                : left;
   background-color     : transparent;
   border               : none;
   font-size            : 11px;
}
#navigation-sub ul { padding : 0; margin : 0; }
#navigation-sub ul li { display : inline; }
#navigation-sub ul li a {
   padding              : 0.2em 12px;
   background-color     : transparent;
   color                : #01295a;
   text-decoration      : none;
   float                : left;
   border               : none;
   font-weight          : normal;
}
#navigation-sub ul li a.linkinternobold strong {
   text-decoration      : underline;
   font-weight          : normal;
}
#navigation-sub ul li a:hover {
   background-color     : transparent;
   color                : #01295a;
   text-decoration      : underline;
}
/* fine barra di navigazione principale */

/* barra di navigazione supplementare */
#navigation-sup {
   position             : absolute;
   top                  : 12px;
   left                 : 25px;
   width                : 300px;
   float                : left;
   background-color     : transparent;
   border               : none;
   font-size            : 11px;
   border-left          : 1px solid #8e8e8e;
}

#navigation-sup ul { 
   padding              : 0; 
   margin               : 0;
   border-left          : 1px solid #8e8e8e;
}
#navigation-sup ul li { display : inline; }

#navigation-sup ul li a {
   padding              : 0px 6px 0px 6px;
   background-color     : transparent;
   color                : #8e8e8e;
   text-decoration      : none;
   float                : left;
   border-right         : 1px solid #8e8e8e;
   font-size            : 11px;
   font-weight          : normal;
}

#navigation-sup ul li a:hover {
   background-color     : transparent;
   color                : #8e8e8e;
   text-decoration      : underline;
}
/* fine barra di navigazione supplementare */

div#searchcontainer {
   position             : absolute;
   top                  : 10px;
   left                 : 800px;	
}

.input_text {
   background-color     : #F5F5F5;
   border               : 1px solid #cfcfcf; 
   margin               : 0px;
   padding              : 2px;
   font                 : normal 11px verdana,arial,sans-serif;
   color                : #828282;
   float                : left
}
.input_button {
   margin               : 0px 0px 0px 5px;
   padding              : 0;
   border               : 0px;
   background           : transparent;
} 

div#breadcrumbs {
   position             : absolute;
   top                  : 133px;
   left                 : 142px;
   width                : 715px;
   height               : 15px;
   border-bottom        : 1px dotted #cccccc;		
   padding              : 3px 5px 1px 10px;
   text-transform       : lowercase;
   font-size            : 11px;
   /*border               : 1px solid gray;*/
}
div#breadcrumbs a {
   color                : #01295a;
   font                 : normal 11px verdana,arial,sans-serif; 
   text-decoration      : none;   
}
div#breadcrumbs a:hover {
   color                : #01295a;
   text-decoration      : underline;
}
div#breadcrumbs a#activelink { 
   color                : #01295a;
   text-decoration      : none;
}

div#news {
   margin-left          : 450px;
   width                : 288px;
   padding              : 210px 0px 0px 0px;
   font-size            : 11px;
   /*border               : 1px solid gray;*/
   background           : transparent url(../img/backnews.jpg) no-repeat center 10px;
}
div#news div.titolonews h2 {
   margin               : 0px;
   font-size            : 12px;
   font-weight          : bold;
   color                : #555555;
   padding              : 0px;
   width: 100px;
   float: left;
}
div#news div.titolonews {
   background           : transparent url(../img/backnews_tit.gif) no-repeat top left;
   margin               : 0px;
   padding: 5px 10px 0px 10px;
   font-size            : 12px;
   font-weight          : bold;
   color                : #555555;
/* hack IE <= 5.5: il box model include il padding nella larghezza e nell'altezza */
   height: 25px;
   \height: 30px;
   he\ight: 25px;
   
   width                : 268px;
   \width                : 288px;
   w\idth : 268px;
}
div#news div.rssnews {
   float: right;
   width: 16px;
}
div#news div.itemnews {
   padding              : 5px 5px 5px 10px;
   border-bottom        : 1px dotted gray;
   
}
div#news  div.itemnews h3 {
   background           : transparent;
   padding              : 0px 0px 3px 0px;
   margin: 0px;
   font-size            : 11px;
}
div#news  div.itemnews a {
   color                : #555555;
   text-decoration      : none;
}
div#news  div.itemnews a:hover {
   color                : #555555;
   text-decoration      : underline;
}

div#contentcenter {

   padding: 0 142px 0 142px;

}
div#footer {
   text-align           : center;
   padding              : 1em;
   margin               : 0;
   background           : #fff url(../img/backfooternew.gif) no-repeat top center;
   color                : #222;
   font-size            : 11px;
   clear                : both;
}

a {
   color                : #01295a; 
   text-decoration      : none;
}
a:hover {
   color                : #01295a;
   text-decoration      : underline;
}
a#activelink { 
   color                : #01295a;
   text-decoration      : none;
}
h1 {
   font-size: 1.6em;
}
h2 {
   font-size: 1.3em;
}
h3 {
   font-size: 1.2em;
}
/******** STILI BACKOFFICE CMS ***********/

/******** GESTIONE ALLEGATI ***************/
table.allegati { /* classe per gestire la tabella degli allegati */
   width: auto; /*100%;*/
   white-space : nowrap; /* Non fa andare a capo i nomi dei file */
   /*border: 1px solid red;*/
}
table.allegati td {
   padding: 5px;
}
img.imgPdf { /* classe per all'ineare l'icona dei pdf al nome del file */
   vertical-align: -4px;
   margin-right: 2px;
   
}

ul.mappa {
   margin: 0px;
   padding-left: 20px;
}
fieldset {
   width: 60%;
   border: 1px dotted #cccccc;
   margin: auto;
}
fieldset.contatti {
   text-align: left;
}
fieldset.login {
   width: 70%;
   margin-bottom: 20px;
}
fieldset div.paddfield {
   padding: 10px 5px 5px 5px;
}
fieldset legend {
   font-weight: bold;
}
label {
   margin: 0px;
   padding: 0px;
}
textarea, select { 
   border-style: solid;
   border-width:  1px;
   background-color: #FFF;
   border-color: #cfcfcf #cfcfcf #cfcfcf #cfcfcf;
}
button.invia {
   display: inline;
   border: 0px none;
   background: transparent url("../img/invianew.png") top left no-repeat;
   padding: 0px;
   margin: 0px;
   width: 400px;
   height: 19px;
   vertical-align: 2px !important;
   vertical-align: 0px;
}
input {
   color: #828282;
   padding-left: 2px;
   border-style: solid;
   border-width:  1px;
   background-color: #FFF;
   border-color: #cfcfcf #cfcfcf #cfcfcf #cfcfcf;
}
button {
   color: #828282;
   border: 1px solid;
   border-color: #cfcfcf;
   background-color: #ececec;
}
input:focus, textarea:focus, select:focus { 
   background-color: #FFFFCC;
}
div.titoloprodotto {
 /* background: #dbdbdb; */
 margin: 0px 0px 5px 0px;
 padding: 2px 3px;
}
div.titoloprodotto h2, div.titoloprodotto h2 a {
 margin:0px;
 padding: 0px;
}
div.prodotto td {
   vertical-align: top;
}

.skiplock, .skiptext, .skiplinks {display:none;}
.nowrap {white-space : nowrap;}
.left {text-align:left;}
.imgLeft {float:left; margin:0.15em 0.7em 0.38em 0em;}
.imgRight {float:right; margin:0em 0em 0.38em 0.7em;}
.imgText {
   margin : 0em 0.2em 0.38em 0.2em;
    vertical-align: text-top;
}
.center {text-align:center;}
.right { text-align:right; }

div.semplice {
   width: 410px;
   height: 100px;
   background: transparent url("../img/semplice.png") top left no-repeat;
}
div.immediato {
   width: 410px;
   height: 100px;
   background: transparent url("../img/immediato.png") top left no-repeat;
}
div.sicuro {
   width: 410px;
   height: 100px;
   background: transparent url("../img/sicuro.png") top left no-repeat;
}