﻿/* 
Struttura della pagina
Theme  FORMAZIONE      
*/

body
{
    background: #FFFFFF url('images/backgrounds/bgHeader.png') top left repeat-x;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #333333;
    font-family: Verdana, Helvetica, Sans-Serif;
}

/* Classe di reset float */
div.clearFloat
{
    clear: left;
}

/* Spaziatore verticale */
div.verticalSpacer
{
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

/* Centratura pagina */
div.centrato
{
    width: 1000px;
    margin: auto;
    text-align: left; /* per IE5.x/Win */
}

/* INTESTAZIONE */
/* Contenitore principale */
div#intestazione
{
    float: left;
    width: 1000px;
}

/* Contenitore Sx */
div#intestazioneSx
{
    float: left;
    width: 220px;
}

/* Contenitore Dx */
div#intestazioneDx
{
    float: left;
    width: 780px;
}

/* Logo confcommercio (a Sx) */
div#logoFormazione
{
    background: #FFFFFF url('images/backgrounds/bgLogoFormazione.jpg') top left no-repeat;
    width: 220px;
    height: 287px;
}

/* SlideShow (a Dx) */
div#slideshow
{
    float: left;
    width: 770px;
    padding: 8px 10px 0 0; /* IE6 */ /*margin: 8px 10px 0 0;*/
}

/* Barra menu orizzontale */
div#menuOrizzontale
{
    float: left;
    width: 760px;
    height: 30px; /*margin: 10px 10px 0 10px;*/
    padding: 10px 10px 0 10px;
}

/* Corpo della pagina */
div#corpo
{
    float: left;
    width: 1000px;
    background: #FFFFFF url('images/backgrounds/bgCorpo.png') top left no-repeat;
    min-height: 210px;
    margin: 0;
    padding: 0;
}

/* Colonna sinistra */
div.colonnaSx
{
    float: left;
    width: 220px;
}

div.colonnaSx p
{
    padding-left: 20px;
    color: #666666;
    font-size: 11px;
}

div.contenitoreCentroDx
{
    float: left;
    width: 780px;
}

/* Colonna centrale */
div#colonnaCentrale
{
    float: left;
    width: 520px;
}

/* Titolo colonna centrale */
div#colonnaCentrale h3
{
    font-family: 'Arial' , 'Helvetica' , 'Arial' , 'sans-serif';
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: 3px;
    margin: 30px 10px;
    color: #415E7E;
}

div#colonnaCentrale p
{
    font-family: 'Arial' , 'Helvetica' , 'Arial' , 'sans-serif';
    font-size: 14px;
    font-weight: lighter;
    line-height: 18px;
    margin: 0 10px 0 10px;
    color: #666666;
}

/* Colonna destra */
div#colonnaDx
{
    float: left;
    width: 230px;
    margin: 30px 10px;
    min-height: 100px;
}

/*Intestazione sulla destra */
div#colonnaDx h3
{
    font-family: 'Arial' , 'Helvetica' , 'Arial' , 'sans-serif';
    font-size: 18px;
    font-weight: lighter;
    color: #666666;
    margin: 0 10px 30px 10px;
}

/* Posizione dell'elenco numerato sulla destra */
div#colonnaDx ol
{
    margin: 0 10px 0 15px;
    padding: 0 10px 0 15px;
}

/* Formato del punto elenco */
div#colonnaDx ol li
{
    font-family: 'Arial' , 'Helvetica' , 'Arial' , 'sans-serif';
    font-size: 16px;
    font-weight: bold;
    color: #415E7E;
    border-bottom: solid 1px #CCCCCC;
}

/* Testo del punto elenco */
div#colonnaDx li p
{
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}

/* linksBox (dentro alla colonna centrale) */
div.linksBox
{
    float: left;
    width: 240px;
    margin: 0 10px 0 10px;
    min-height: 130px;
}

div.linksBoxDx
{
    float: left;
    width: 240px;
    margin: 0 0 0 10px;
    min-height: 130px;
}

/* Footer */
div#footer
{
    float: left;
    width: 1000px;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}

/* Copyright */
div#copyright
{
    float: left;
    width: 780px;
    background: #415e7e url('images/backgrounds/bgCopyright.png') top left repeat-y;
    min-height: 80px;
    color: #7D8EAC;
}

/* Chiusura pagina */
div#underFooter
{
    float: left;
    width: 100%;
    background-color: #30353E;
    color: #6E7582;
    min-height: 40px;
    margin: 0;
    padding: 0;
}

div#underFooter p, div#copyright p
{
    margin: 0;
    padding: 20px 0 0 20px;
    font-size: 10px;
}

div#copyright a:link, div#copyright a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}


/* Pagina Interna *
* Colonna centrale */
div#colonnaUnica
{
    float: left;
    width: 740px;
    padding: 0 30px 0 10px;
}

/* Titolo colonna centrale */
div#colonnaUnica h3
{
    font-family: 'Arial' , 'Helvetica' , 'Arial' , 'sans-serif';
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: 3px;
    margin: 30px 10px;
    color: #415E7E;
}

div#colonnaUnica p
{
    font-family: 'Arial' , 'Helvetica' , 'Arial' , 'sans-serif';
    font-size: 14px;
    line-height: 18px;
    margin: 0 10px 0 10px;
    color: #666666;
}


table#formContatti
{
    font-size: 11px;
}

input.TextBox, textarea.TextBox
{
    border: solid 1px #ccc;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    overflow: auto;
}

/* Validation Summary di contacts.aspx */
div.validationSummaryBox
{
    background: #ffeaea url('images/icons/error16.png') 5px 5px no-repeat;
    border: solid 1px #f3abab;
    padding: 10px 0 10px 30px;
    font-size:11px;
}

div.panelOk
{
    background: #eeffde url('images/icons/infogreen16.png') 5px 5px no-repeat;
    border: solid 1px #a6d877;
    padding: 10px 0 10px 30px;
    font-size:11px;
    font-weight:bold;
    float:left;
}
