/*********************************************************************************/
/* LOYOUT PAGINE PUBBLICHE                                                        */
/*********************************************************************************/

body
{
   padding: 0;
   background-color: #ffffff;
   color: #313131;
   font: 12px Arial,Helvetica,sans-serif;
}


#iframeLarge
{
   width: 600px;
   text-align: left;
}

#iframeSmall
{
   width: 360px;
   text-align: left;
}

#iframeMini
{
   width: 640px;
   text-align: left;
}

#graficoLarge
{
   width: 95%;
   text-align: center;
}

#graficoSmall
{
   width: 95%;
   text-align: center;
}


#contenutoSmall
{
   background: #FFFFFF;
   text-align: left;
   vertical-align: top;
   margin: 0px auto;
   width: 1180px;
}


#contenutoLarge
{
   background: #FFFFFF;
   text-align: left;
   vertical-align: top;
   margin: 0px auto;
   width: 820px;
}

 


/* testata con titolo e sottotitolo */
#testata
{
   width: auto;
   padding: 10px 3px 0px 3px;  
}


/* layout con 1 colonna: immagine + form al di sotto */
#monocolonna
{
   width: auto;
   padding: 3px 3px 3px 3px;
}

/* layout 2 colonne principali + 2 laterlai vuote: immagine + form di lato  */
#colonnaSXvuota
{
   float: left;
   width: 50%;
}

#colonnaSX
{
   float: left;
   width: 800px;
   padding: 3px 3px 3px 3px;
   text-align: left;
}

#colonnaDX
{
   float: right;
   width: 360px;
   padding: 3px 3px 3px 3px;
   text-align: left;
}

#colonnaDXvuota
{
   clear: both;
   width: 50%;
}


/* layout 3 colonne principali: form in un'unica riga */

#TreColonneSX
{
   float: left;
   width: 270px;
   text-align: right;
  
}

#TreColonneDX
{
   float: left;
   width: 185px;
   text-align: left;
   margin-top:4px;
}

#TreColonneCN
{
   float: left;
   width: 185px;
   text-align: left;
   margin-top:6px;
}


/* parte dell'immagine pre footer */
#imgFooter
{
   width: 100%;
   text-align: center;
   padding: 20px 0px 0px 0px;
   clear: both;
}




/*********************************************************************************/
/* WebControls                                                                      */
/*********************************************************************************/


.TxtBoxCorta
{
   width: 100px;
}


.DDLcorta
{
   width: 110px;
}


.TxtBoxMedia
{
   width: 170px;
}


.DDLmedia
{
   width: 180px;
}


.TxtBoxLunga
{
   width: 330px;
}


.DDLlunga
{
   width: 340px;
}


.form_input
{
   margin-top: 16px;
}

.form_input input[type="text"]
{
   border-radius: 4px;
   background-color: white;
   margin: 0px;
   padding: 4px;
   border: 1px solid #c1c1c1;
}

.form_input input[type="text"]:hover
{
   background-color: #9fd6fc;
   border: 1px solid #a8cce3;
   color: #395896;
}

.form_input select
{
   height: 26px;
   border-radius: 4px;
   border: 1px solid #c1c1c1;
}

.form_input select:hover
{
   background-color: #9fd6fc;
   border: 1px solid #a8cce3;
   color: #395896;
}


.form_input .field
{
   float: left;
}


.requestcheck
{
   margin-left: 16px;
   margin-top: 16px;
   margin-right: 16px;
}

.white
{
   background: -moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
   border: 1px solid #B7B7B7;
   color: #606060;
}

.white:hover
{
   background: -moz-linear-gradient(center top , #FFFFFF, #DCDCDC) repeat scroll 0 0 transparent;
}


/*********************************************************************************/
/* Testi - Formattazione                                                        */
/*********************************************************************************/


#social ul {
       text-align: right;        
       vertical-align: bottom;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
    }

    #social li {
        display: inline-block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

        #social li a, #social li span, #social li div{
            display: inline-block;              
            text-align: left;
            vertical-align: bottom;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }
  
        
      #incipit ul {
       text-align: left;        
       vertical-align: bottom;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
    }

    #incipit li {
        display: inline-block;
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 0px;
    }

        #incipit li a, #incipit li span, #incipit li div{
            display: inline-block;              
            text-align: left;
            vertical-align: bottom;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        } 
        
        
              
h1
{
   font-family: Georgia,​Times New Roman,​Times,​serif;
   font-size: 32px;
   font-weight: 400;
   font-style: normal;
   font-size-adjust: none;
   text-align: left;
   color: #006AB3;
   line-height: 41.6px;
   text-align: -moz-left;
}


h2
{
   font-family: Georgia,​Times New Roman,​Times,​serif;
   font-size: 22px;
   font-weight: 400;
   font-style: italic;
   font-size-adjust: none;
   text-align: left;
   color: #535A5B;
   line-height: 30.8px;
   text-align: -moz-left;
}

h3
{
   font-family: Georgia,​Times New Roman,​Times,​serif;
   font-size: 16px;
   font-weight: 200;
   font-style: normal;
   font-size-adjust: none;
   text-align: left;
   color: #535A5B;  
   text-align: -moz-left;
   line-height:normal;
   margin: 5px 0px 5px 0px;
}



.clear
{
   clear: both;
}

.mDieci
{
   margin-top: 10px;
   margin-left: 10px;
   display: block;
}

.mVenti
{
   margin-top: 7px;
   margin-left: 20px;
   display: block;
}

.spazio5{   
    display:block;
    margin: 0 0 5px 0;
}

b
{
   color: #e32324;
}

.saluto
{
   padding: 0;
   background-color: #ffffff;
   color: #006AB3;
   font: 14px Arial,Helvetica,sans-serif;
}


.blu18
{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 18px;
   font-weight: 400;
   font-style: normal;
   color: #006AB3;
   line-height: 18.0px;
}

.rosso18
{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 18px;
   font-weight: 400;
   font-style: normal;
   color: #e32324;
   line-height: 18.0px;
}

.redThin
{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight:100;
   font-style: normal;
   color: red;   
}


.grigio12
{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-weight: 400;
   font-style: normal;
   font-size-adjust: none;
   color: #535A5B;
   line-height: 18.0px;
}


/*********************************************************************************/
/* HEADER                                                                     */
/*********************************************************************************/


.header
{
   padding: 8px;
   font-weight: bold;
   font-size: 20px;
}

.header span
{
   color: White;
}




/*********************************************************************************/
/* Bottoni                                                                        */
/*********************************************************************************/

/* parte per gestione grafica dei pulsanti e della parte sulla privacy  */
#colprvSX
{
   float: left;
   margin-left: 5px;
   width: 200px;
   padding: 3px 3px 3px 3px;
   text-align: left;
}
#colprvDX
{
   float: left;
   margin-right: 5px;
   width: 120px;
   padding: 3px 3px 3px 3px;
   text-align: right;
}
#monocolprv
{
   width: auto;
   margin-left: 5px;
   margin-right: 5px;
   padding: 3px 3px 3px 3px;
   text-align: right;
}



.button
{
   border-radius: 0.5em 0.5em 0.5em 0.5em;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   cursor: pointer;
   display: inline-block;
   font: 14px/100% Arial,Helvetica,sans-serif;
   margin: 0 2px;
   outline: medium none;
   padding: 0.5em 0.5em 0.5em;
   text-align: center;
   text-decoration: none;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
   vertical-align: baseline;
}



/*********************************************************************************/
/* LINK                                                                          */
/*********************************************************************************/

/*link colore blu*/
.privacy
{
   text-decoration: underline;
   font-weight: normal;
   color: #004288;
}
.privacy:link
{
   text-decoration: underline;  
   color: #004288;
}
.privacy:visited
{
   text-decoration: underline;  
   color: #004288;
}
.privacy:hover
{
   text-decoration: underline;
   font-weight: normal;
   color: #004288;
}


/*link colore rosso*/
.linkvetrina
{
   text-decoration: underline; 
   font-weight: normal;  
   color: #e32324;
}

.linkvetrina:link
{
   text-decoration: underline;   
   color: #e32324;
}

.linkvetrina:visited
{
   text-decoration: underline;   
   color: #e32324;
}

.linkvetrina:hover
{
   text-decoration: underline;  
   color: #e32324;
}


.linkNominativo
{
   text-decoration: none;
   font-weight: bold;
   color: #006AB3;
}

.linkNominativo:link
{
   text-decoration: none;
    color: #006AB3;
  
}

.linkNominativo:visited
{
   text-decoration: none; 
    color: #006AB3;
}

.linkNominativo:hover
{
  text-decoration: none;
  background-color: #8ec3f6;
  color: #006AB3;
}


/*********************************************************************************/
/* SALUTO CON INFOPAGE CONSIGLIATE DOPO LA COMPILAZIONE                          */
/*********************************************************************************/

.titoloConsigliate
{
   font-family: Georgia,​Times New Roman,​Times,​serif;
   font-size: 14px;
   font-weight: 400;
   font-style: normal;
   font-size-adjust: none;
   text-align: left;
   color: #006AB3;
   line-height: 18.0px;
   text-align: -moz-left;
}

 .consigliateSN  { float:left; margin-left:0px; width:75px; height:77px; max-height:77px; text-align:left; vertical-align:top; background-color: #fff;}

 .consigliateDX  { float:right; margin-right:0px; width:280px; height:77px; max-height:77px; text-align:left; vertical-align:top; background-color: #fff;  }

 .lineaConsigliate
{  	margin: 3px 0px 5px 0px;  
    width: 360px;
    height:4px;    
}

 

/*********************************************************************************/
/* LOYOUT IFRAME SITO PUBBLICO DIBAIO.COM                                        */
/*********************************************************************************/

#containerInfo
{
   width: 410px;
   margin: 0 auto;
   padding: 25px 15px 25px 15px;
   border: solid 1px #ddd;
   background-color: #fafafa;
}

/* classi vetrina6 */
.containerVetrina6
{
  width: 425px;
  height: auto;
  margin: 0 0 0 2px;
  background-color: #fff;
  text-align:left;
}

/* immagine MEDIE  */
 .MediaSN  { float: left; margin-left: 0px; width: 165px; text-align:left; background-color: #fff;}
 .MediaDX  { float: right; margin-right: 0px; width: 260px; text-align:left; background-color: #fff;}

/* immagine SMALL  */
 .SmallSN  { float: left; margin-left: 0px; width: 85px; text-align:left; background-color: #fff;}
 .SmallDX  { float: right; margin-right: 0px; width: 340px; text-align:left; background-color: #fff;}

/* fine classi vetrina6 */

/* classe container vetrina1 */
.containerVetrina1
{
  width: 425px;
  height: 325px;
  margin: 0 auto;
  background-color: #fff;
  text-align:left;
}


/* classi container Owner200 */
.containerOwner200 {
  width: 200px;
  height: 400px;
  max-height: 400px;
  margin: 0 auto;
  background-color: #fff;
  text-align:left; 
  border:0;   
}

.gvOwner200 {             
    border-top-style:none;
    border-left-style:none;
    border-right-style:none;     
}

.gvOwner200 td {
    padding: 8px;         
    border-top-style:none;
    border-left-style:none;
    border-right-style:none;
    border-bottom:1px solid;
    border-bottom-color:#cccccc;          
}

.pagerOwner200 span {font-size:9px;}     
.pagerOwner200 td {padding-left: 5px; padding-right: 5px;}
.pagerOwner200 a {color: #006AB3; font-weight: bold; text-decoration: none;}
.pagerOwner200 a:hover {color: #006AB3; font-weight: bold; text-decoration: none;}
.pagerOwner200 a:active {color: #313131; font-weight: bold; text-decoration: none;}     
/* classi container Owner200 */


.imgLineaSeparatrice
{  	padding: 10px;  
    width: 430px;    
}