/*
Theme Name: Reteco Layout
Theme URI: http://creare-sito.org/
Description: Tema per il sito di reteco.
Author: Alessandro Balbo
Version: 0.5
Tags: 
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@charset "utf-8";
body {
	margin: 0; /* � buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	background-color: #D4D4D4;
}
#my_container {
	width: 888px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
	height: auto;
	background-image: url(images/sfondo_centro.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#header {
	clear: both;
	float: left;
	width: 888px;
	height: 330px;
	background-color: #FFF;
	list-style: none;
}

#menu_p {
	background-image: url(images/sfondo-menu.jpg);
	background-repeat: repeat-x;
	width: 639px;
	height: 40px;
	text-align: center;
	float: right;
}

#menu_p ul{
	list-style: none;
	margin-top: 1px;
	text-align: center;
	margin-left: 15px;
	padding-left: 0px;
}

#menu_p ul li{
	float: left;
}

#menu_p a{ 
	color: white; 
	font-weight: bolder; 
	display: block; 
	height: 25px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 13px;
}

#menu_p a:hover{ 
	background-color: #00d;
}


#sidebarsx {
	float: left;
	width: 249px;
	background: #EBEBEB;
}
#mainContent {
	float: left;
	width: 600px;
	height: auto;
	background-color: #FFF;
	background-image: url("images/ombra_dx.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: auto !important;
	min-height: 350px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#mainContentNews {
	float: left;
	height: auto;
	background-color: #FFF;
	background-image: url("images/ombra_dx.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: auto !important;
	min-height: 350px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#header_home {
	clear: both;
	float: left;
	width: 888px;
	height: 410px;
	background-color: #FFF;
}
#banner_home {
	float: left;
	clear: both;
	width: 888px;
	height: 280px;
}
#footer {
	clear: both;
	float: left;
	
	width: 888px;
	padding-top: 15px;
	background-color: #666;
	background-image: url(images/sfondo_footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 10px;
	color: #FFF;
}
p {
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}
.titolo {
	font-size: 13px;
	font-weight: bold;
	color: #036;
	text-transform: uppercase;
}
#logo {
	float: left;
	height: 130px;
	width: 249px;
	clear: left;
}
#menu_header {
	float: right;
	clear: right;
	width: 639px;
	height: 130px;
	text-align: left;
}
.cella_menusx_off {
	background-image: url("images/menusx_off.jpg");
	background-repeat: no-repeat;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.cella_menusx_on {
	background-image: url("images/menusx_on.jpg");
	background-repeat: no-repeat;
	padding-left: 25px;
	color: #073781;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#banner {
	float: left;
	clear: both;
	width: 888px;
	height: 200px;
}
#centro_home {
	width: 888px;
	background-color: #FFF;
	float: left;
	background-image: url(images/sfondo_home.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	height: 235px;
	clear: both;
}
#news_home {
	float: left;
	width: 252px;
	height: 160px;
	padding-top: 40px;
	padding-left: 24px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#intro_home {
	float: left;
	width: 245px;
	height: auto;
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #193564;
}
#progetti_home {
	float: left;
	width: 252px;
	height: auto;
	padding-top: 35px;
	padding-left: 42px;
	padding-right: 0px;
	padding-bottom: 20px;
}
a:link {
	color: #033780;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #069;
}
a.sidemenu:link {
	color: #363636;
	font-size: 12px;
}
a.sidemenu:visited {
	color: #363636;
	font-size: 12px;
}
a.sidemenu:hover {
	color: #363636;
	font-size: 12px;
}
a.footer:link {
	color: #FFF;
}
a.footer:visited {
	color: #FFF;
}
a.footer:hover {
	text-decoration: underline;
	color: #FFF;
}
.rosso {
	color: #174B96;
}
.tabella {
	border: 1px solid #CCC;
}
.cella {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.tabella2 {
	border: 1px solid #CCC;
}
.titoloRosso {
	font-size: 13px;
	font-weight: bold;
	color: #063881;
}
.blocco_news {
	display: block;
	margin-bottom: 20px;
	width: 260px;
	line-height: 14px;
}
.leggi {
	text-align: left;
	display: block;
	padding-top: 3px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a.progetti:link {
	color: #333;
	font-size: 13px;
	line-height: 24px;
}
a.progetti:visited {
	color: #333;
	font-size: 13px;
	line-height: 24px;
}
a.progetti:hover {
	color: #333;
	font-size: 13px;
	line-height: 24px;
}
code {
	font-family:Verdana, Geneva, sans-serif
}
#options {
	width:550px;
	margin:10px auto;
	text-align:right;
    color:#004A89 margin:0;
	padding:0;
}
#options a {
	text-decoration:none;
	color:#004A89
}
#options a:hover {
	color:#004A89
}
#acc {
	width:100%;
	list-style:none;
	color:#333;
	float: left;
	margin:0;
	padding:0;
}
#acc h3 {
	width:558px;
	border:1px solid #9ac1c9;
	font-weight:bold;
	margin-top:0px;
	cursor:pointer;
	background:url(images/header.gif);
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 8px;
	padding-left: 6px;
	font-size: 11px;
}
#acc h3:hover {
	background:url(images/header_over.gif)
}
#acc .acc-section {
	overflow:hidden;
	background:#fff;
	margin-top: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#acc .acc-content {
	width:550px;
	padding:10px;
	border:1px solid #9ac1c9;
	border-top:none;
	background:#fff;
	margin: 0px;
}
.titoletti {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00477F;
}
#mainContent_2 {
	float: left;
	width: 858px;
	height: auto;
	background-color: #FFF;
	background-image: url("images/ombra_dx.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	height: auto !important;
	min-height: 350px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.titoloRosso_ok {
	font-size: 13px;
	font-weight: bold;
	color: #F00;
}


/* ROBA MIA */
.rss_link {font-size: 9px; margin-right: 10px;}
.rss_link:HOVER {text-decoration: underline;}

.facebook_link {font-size: 9px; }
.facebook_link:HOVER {text-decoration: underline;}

.tagline {font-size: 9px; margin-right: 10px;}.qtrans_language_chooser { list-style-type:none; margin-right:10px; }.qtrans_language_chooser li { float:right; margin-right:3px; }.qtrans_flag { border:1px solid #b6b6b6; }

#footer ul li {
	list-style: none;
	float: left;
	width: 160px;
}