BODY
{
    margin: 0px 0px 0px 0px;
    background-color: #f5f1e5;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #303030;
}

H1
{
    color: #00a5cd;
	font-size: 20px;
	font-weight: normal;
}

H3
{
    color: #00a5cd;
	font-size: 15px;
	font-weight: normal;
}

.header
{
    background-image: url('../images/bg_header.jpg');
    background-repeat: no-repeat;
    height: 126px;
}

.content
{
    padding: 20px 10px 0px 10px;
}

.left
{
    background-color: #83c411;    
    height:126px;
}

.right
{
    background-color: #9ed955;
    height: 126px;
}


.input
{
    border: solid 1px #707070;
    font-size: 11px;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

.button
{
    font-size: 11px;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-weight: bold;
    height: 22px;
    vertical-align: text-bottom;
}


.error
{
    font-weight: bold;
    color: #ff0000;
}


.show
{
    display: block !important;
}

.gallery
{
    margin-top: 10px;
}

/* === BOX ==== */
.box
{
    width: 230px;
}
.box-top
{
    margin: 0px 0px 0px 0px;
    background: url('../images/bg_box_top.gif');
    width: 230px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: bottom;
    
}
.box-bottom
{
    margin: 0px 0px 0px 0px;
    background: url('../images/bg_box_bottom.gif');
    width: 230px;
    height: 11px;
    background-repeat: no-repeat;
}
/* ============= */

#cerca
{
    position: relative;
    top: 102px;
    left: 240px;
    width: 230px;
    height: 20px;
}

.box-ricerca
{
    vertical-align: top;
    border: solid 1px #707070;
    font-size: 11px;
    width: 180px;
   
}


#logo-sodalitas
{
    background: url('../images/logo.gif');
    position: relative;
    top: -110px;
    left: 15px;
    width: 105px;
    height: 126px;
}

#logo-sodalitas A
{
}

#menu-servizio
{
    position: relative;
    top: 0px;
    left: 730px;
    color: #ffffff;
    width: 250px;
    
}

#box-imprese
{
    position: relative;
    top: 25px;
    left: 755px;
    width: 210px;
    height: 65px;
    color: #000;
}
#box-imprese .claim
{
    float:left;
    width: 75px;
    font-size: 11px;
    margin-right: 5px;
}
#box-imprese .logo
{
    margin: 5px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    height: 65px;
    line-height: 65px;
    vertical-align: middle;
    float:left;
    
}


#menu-servizio A
{
    color: #ffffff;
    font-weight:bold;
    text-decoration: none;
}
#menu-servizio A:hover
{
    color: #ffffff;
    text-decoration: underline;
}

#main
{
    width: 734px;
    float: left;
}

#menu
{
    width: 447px;
    height: 255px;
    float: left;
    background-image: url('../images/bg_menu.jpg');
    background-repeat: no-repeat;
    
}

.box-related
{
    float: left;
    width: 230px;
    margin-left: 27px;
}

#related
{
    background-color: #e7e1d1;
    font-size: 13px;
    width: 203px;
    float: left;   
    padding: 0px 10px 10px 17px;
}
#related H2
{
    margin-top: 9px;
}

#related UL
{
	color: #3e7b10;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 20px;
}
#related LI 
{
	margin-bottom: 10px;
}

#related A 
{
	color: #3e7b10;
	text-decoration: none;
}
#related A:hover
{
	text-decoration: underline;
}



#content
{
    clear: both;
    
}

#spalla-destra
{
    overflow:hidden;
    float: left;
    width: 230px;
}

#links
{

    width: 203px;
    background-color: #e7e1d1;
    padding: 0px 10px 10px 17px;
}
#links H2 
{
    margin-top: 0px;
    padding-top: 9px;
}
#links .text
{
    font-style: italic;
    font-weight: bold;
}

#links UL
{
    padding: 0px 0px 0px 0px;
	color: #79716a;
	margin: 0px 0px 10px 0px;
}
#links UL LI
{
    list-style-type: none;
	margin: 0px 0px 10px 0px;
	clear:left;
}

#links A
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#links A:hover
{
	text-decoration: underline;
}

.icon
{
	float: left;
	margin: 0px 5px 5px 0px;
	border: 0px;
}

#tag-cloud
{
    width: 190px;
    padding:40px 20px 10px 20px;
    text-align: center;
}
#tag-cloud A
{
    color: #317301; 
}


.t1 {font-size: small;}
.t2 {font-size: medium;}
.t3 {font-size: large;}
.t4 {font-size: x-large;}
.t5 {font-size: xx-large;}

#briciola
{
    padding-top: 10px;
	width: 685px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	padding-right: 20px;
	background: url('../images/bg_briciola.gif') no-repeat bottom;
	text-transform: uppercase;
}
#briciola A
{
	color: #000000;
	text-decoration: none;	
}
#briciola .sezione 
{
	color: #f0961b;
}

#testo
{
    padding-top: 20px;
}

#testo H1
{
	color: #00a5cd;
	font-size: 18px;
	font-weight: normal;
}

#footer
{
	margin-top: 20px;
	height: 32px;
	background-color: #f0971e;
	color: #ffffff;
	text-align: center;
	line-height: 32px;
	font-size: 11px;
}

#footer A 
{
	color: #ffffff;
}



.primo-piano
{
    width: 330px;
    float: left;
    margin-right: 20px;
}

.primo-piano H2
{
    color: #00a5cd;
	font-size: 18px;
	font-weight: normal;  
	margin-top: 10px; 
}


.primo-piano-hp
{
    margin-right: 20px;
}

.primo-piano-hp H2
{
    color: #00a5cd;
	font-size: 18px;
	font-weight: normal;  
	margin-top: 10px; 
}

.continua
{
    margin-top: 10px;
    text-align: right;
    background: url('../images/bg_linea.gif') repeat-x;
    background-position: 0px 13px;
}

.content-image
{
    float: left;
    margin: 0px 10px 10px 0px;
}

/* == MOST VIEW ========= */

#most-view 
{
    margin-left: 27px;
    width: 210px;
    height: 254px;
    float: left;    
    background: url('../images/bg_related.gif') no-repeat;
    padding: 0px 10px 10px 17px;
}
#most-view H2
{
    margin-top: 20px;
}

#most-view  UL
{
    padding: 0px 0px 0px 0px;
	font-weight: bold;
	margin-left: 7px;
}

#most-view UL LI 
{
    list-style-type: none;
	margin: 0px 0px 5px 0px;
	clear: both;
}

#most-view A 
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
}
#most-view A:hover
{
    text-decoration: underline;
}
#most-view .position 
{
    color: #3e7b10;
    margin-right: 15px;
    float: left;
}

#most-view .visite
{
    color: #606060;
    font-size: 11px;
    font-style: italic;
} 
/* ====================== */


/* == NEWS BOX ========= */


#news
{
    width: 203px;
    background-color: #e7e1d1;
    padding: 0px 10px 10px 17px;
    
}

#news .date
{
	background: url('../images/bg_news_date.gif') no-repeat;
	text-align:right;
	color: #fff;
	font-size: 10px;
	padding-right: 30px;
	padding-top: 2px;
	height: 16px;
}

#news A.title
{
    color: #00a5cd;
    text-decoration: none;
    font-size: 13px;
}

#news .text
{
    font-weight: bold;
    margin-bottom: 15px;
}
#news H2
{
    padding-top: 9px;
    margin-top: 0px;
}

#news .text A
{
    color: #000;
    text-decoration: none;
}
#news .text A:hover
{
    text-decoration: underline;
}

#news .date A
{
    color: #fff;
    text-decoration: none;
}

/* ====================== */



/* == EVENTI ========= */


#eventi
{
    width: 208px;
    background-color: #e7e1d1;
    padding: 0px 5px 3px 17px;
}
#eventi H2
{
    margin-top: 0px;
    padding-top: 9px;
}

#eventi .date
{
	color: #008836;
	font-size: 11px;
	font-weight: bold;
	background-color: #fff;
	float:left;
	margin-right: 10px;
	padding: 3px 5px 0px 0px;
	width: 37px;
	height: 26px;
	text-align: right;
	line-height: 10px;
	
}

#eventi .giorno
{
	font-size: 13px;
}

#eventi .text
{
    float:right;
    width: 150px;
    font-weight: bold;
}

#eventi .text A
{
    color: #000;
    text-decoration: none;
}
#eventi .text A:hover
{
    text-decoration: underline;
}

/* ====================== */


.video
{
    float: left;
    margin: 0px 10px 10px 0px;
}


/* ==== PRESS ========= */
#archivio
{
    margin-left: 27px;
    width: 210px;
    height: 254px;
    float: left;    
    background: url('../images/bg_related.gif') no-repeat;
    padding: 20px 10px 10px 17px;
}
#archivio UL
{
    margin-left: 0px;
    margin-bottom: 5px; 
}

#archivio UL LI
{
    background: url('../images/bg_press_archivio.gif') no-repeat;
    list-style-type: none;
    padding-left: 25px;      
}
#archivio UL LI A
{
    color: #fff;
    text-decoration: none;
    font-size: 11px;
}
#archivio UL LI UL
{
    margin-top: 5px;
}
#archivio UL LI UL LI
{
    margin-left: 0px;
    padding-left: 25px;
    background-image: none;
    /*display: none;*/
}
#archivio UL LI UL LI A
{
    color: #000;
    
}
#archivio A:hover
{
    color: #f0961b;
}

#archivio UL LI UL
{
    display: none;    
}

#press
{
    margin: 20px 0px 10px 10px;
}

.press-item
{
    margin: 0px 0px 10px 0px;
    clear: both;
}
.press-item P
{
    margin: 3px 0px 0px 0px;
    font-style: italic;
}
.press-item A
{
    color: #00a5cd;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
}

.press-item H2
{
    color: #00a5cd;
	font-size: 18px;
	font-weight: normal;
}

/* ====================== */


/* ==== IMPRESA ========= */
#impresa 
{
    margin-bottom: 20px;
}
#impresa #info
{
    width: 203px;
    background-color: #e7e1d1;
    padding: 0px 10px 10px 17px;
    margin: 0px 0px 0px 0px;
}

#impresa #box
{
    float: left;
}

#impresa #info H1
{
    font-weight: bold;
    margin-top: 0px;
    color: #303030;
    font-size: 13px;
}

#impresa #info #logo
{
    background-color: #f5f1e5;
    width: 200px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    vertical-align: middle;
}

#impresa #info P
{
    margin-top: 5px;
}
#impresa #info A
{
    text-decoration: none;
    color: #f0961b;
}

.logo
{
    margin-top: 10px;
}

#impresa #azienda
{
    float: left;
    width: 450px;
    margin-left: 30px;
}

#impresa H2 
{
    color: #00a5cd;
	font-size: 20px;
	font-weight: normal;  
	margin-top: 10px; 
	margin-bottom: 4px; 
}

/* ====================== */






/* == CASE HISTORY ========= */


#case-history
{
    width: 203px;
    background-color: #e7e1d1;
    padding: 0px 10px 10px 17px;
}

#case-history A.title
{
    color: #00a5cd;
    text-decoration: none;
    font-size: 16px;
}

#case-history .text
{
    margin-top: 10px;
    font-weight: bold;
}
#case-history H2
{
    padding-top: 9px;
    margin-top: 0px;
}

#case-history .text A
{
    color: #000;
    text-decoration: none;
}
#case-history .text A:hover
{
    text-decoration: underline;
}

#case-history .date A
{
    color: #fff;
    text-decoration: none;
}

/* ====================== */

/* RICERCA */

.search-item
{
    margin: 0px 0px 10px 0px;
}
.search-item P
{
    margin: 3px 0px 0px 0px;
}
.search-item A
{
    color: #00a5cd;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}


#sondaggi
{
    clear: both;
    background-image: url('../images/bg_sondaggi.gif');
    width: 175px;
    height: 42px;
    position: relative;
    left: -10px;
    padding: 2px 7px 0px 60px;
    background-repeat: no-repeat;
}

#sondaggi A
{
    color: #00a5cd;
    font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}

#risultati
{
    margin-left: 30px;
}

#risultati .risultato 
{
    margin-bottom: 10px;
    border-bottom: dotted 1px #a0a0a0;
    padding-bottom: 5px;
}
#risultati .risposta 
{
    margin-bottom: 5px;
}
#risultati .valore
{
    font-size: 11px;
    color: #505050;
    font-style: italic;
}
#risultati .bar
{
    background-color: #83c411;
    height: 10px;
}



#newsletter
{
    background-image: url('../images/bg_newsletter.gif');
    width: 173px;
    height: 50px;
    position: relative;
    left: -10px;
    padding: 8px 7px 0px 60px;
    background-repeat: no-repeat;
    margin-top: 10px;
}

#newsletter A
{
    color: #00a5cd;
    font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}


/* ==== NEWS PAGE ========= */
.news-item
{
    border-bottom: solid 1px;
    clear: both;
}

.news-more
{
    margin-left: 15px;
    margin-bottom: 8px;
}

A.news-title
{
    color: #00a5cd;
	font-size: 20px;
	font-weight: normal;  
	margin-top: 10px; 
	margin-bottom: 0px; 
	display: block;
}
.news-date
{
    font-size: 11px;
    font-style: italic;
}
.news-text
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.news-item A.link
{
    color: #303030;
	font-weight: normal;
	text-decoration: none;
}
.news-item A.link:hover
{
    color: #00a5cd;
}


/* ====================== */




#iscrizione
{
    width: 600px;
    border: 0px solid #000;
}

#iscrizione .group
{
    width: 250px;
    float: left;
}

#iscrizione .label
{
    
}

#iscrizione .field
{
    
}

#iscrizione .separator
{
    margin-bottom: 15px;
    clear: both;
}

#iscrizione .input
{
    width: 200px;
}

#iscrizione .privacy
{
    width: 500px;
    font-size: 11px;
}