/* Associazione Vignaioli del Trentino Screen Style Sheet
------------------------------------------
Author: maccom sas / www.maccom.it
Version: 1.0 (02.2009)
------------------------------------------ */

@import url(../../base/css/screen.css);

/* Common Elements
------------------------------------------ */

*{
	margin: 0;
	padding: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

body{
	background-color:#EFEAE6;
	text-align: center;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
}

body,
p{
	font-size:12px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color:#666;
}

p{
	line-height: 17px;
	margin-bottom: 10px;
	letter-spacing: 0.2px;
}

a{
	color: #959519;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

ul{
	list-style: none;
}

table{
	/*width: 100%;*/
	border-collapse: collapse;
}

.button{
	cursor: pointer;
}


/* Headers 
----------------------------------------- */


h1{
	font-size: 24px;
	color:#999900;
	line-height: 22px;
	padding-bottom: 25px;
	font-weight: normal;
}

h2{
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color:#666;
	line-height: 17px;
	margin-bottom: 10px;
	font-weight: bolder;
}

.blog_hp h2{
	font-size: 18px;
	font-weight: normal;
} 

h3{
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color:#333;
	line-height: 17px;
	padding-bottom: 10px;
	margin: 0;
	font-weight: bold;
}


/* Main content elements
------------------------------------------ */

#center{
	width: 924px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 60px;
}

#sidebar{
	width: 164px;
	float: left;
}

#right{
	width: 724px;
	margin-left: 200px;
}

.close{
	width: 100%;
	height: 1px;
	clear: both;
}


/* Sidebar elements - Logo
------------------------------------------ */

.logo{
	width: 130px;
	height: 213px;
	background-image: url(../images/logo.png);
	margin: 0 0 60px 17px;
}

.logo a{
	width: 130px;
	height: 213px;
	display: block;
	text-decoration: none;
}


/* Sidebar elements  - menu select
------------------------------------------ */

#sidebar select{
	width: 164px;
	margin-top: 22px;
	border: 1px solid #ddd;
	padding-left: 3px;
	color: #666;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	letter-spacing: normal;
}

#sidebar select option{
	padding: 0 5px;
}


/* Sidebar elements - Mainmenu
------------------------------------------ */

#sidebar table{
	width: 100%;
	margin-bottom: 30px;
}

#sidebar .moduletable ul li{
	padding: 5px 0 2px 0;
	border-bottom: 1px solid #D5D2A1;
}

#sidebar .moduletable ul li a{
	padding: 0 0 0 6px;
	display: block;
	color: #666666;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 0.05em;
	text-decoration: none;
	background-image: url(../images/mmenu_element.jpg);
	background-position: right 5px;
}

#sidebar .moduletable a:hover,
#sidebar .moduletable a#active_menu{
	background-image: url(../images/mmenu_ahover.jpg);
	color: #fff;
	background-repeat: repeat;
}


/* Right elements - boxes
------------------------------------------ */

#top,
#main,
#footer{
	width: 100%;
}

#top{
	height: 148px;
	margin-bottom: 4px;
}

#main{
	background-color: #fff;
	padding: 8px 0 50px 0;
	margin-bottom: 25px;
	float: left;
	clear: right;
}

#footer{
	float: left;
}


/* Top Elements - search
------------------------------------------ */

#top .moduletable{
	float: left;
}

#top .search{
	width: 210px;
	margin-top: 112px;
}

#top input{
	border: 0;	
	height: 17px;
	float: left;
}

#top .inputbox{
	width: 178px;
	background-image: url(../images/search_bg.jpg);
	background-repeat: repeat-x;
	padding-left: 5px;
	color: #939393;
	font-size: 11px;
	letter-spacing: 1px;
}

#top .button{
	width: 15px;
	background-image: url(../images/search_element.jpg);
	margin-left: 3px;
}


/* Top Elements - menu
------------------------------------------ */

#top ul{
	width: 514px;
	float: left;
	margin-right: 0px;
}

#top ul li{
	float: right;
	width: 130px;
	margin-left: 3px;
}

#top ul li a{
	width: 100%;
	height: 30px;
	display: block;
	padding-top: 116px;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	background-image: url(../images/topmenu_bg.jpg);
	background-repeat: repeat-x;
}

#top a:hover,
#top a#active_menu{
	background-image: url(../images/topmenu_ahover.jpg);
}



/* Main elements - boxes
------------------------------------------ */

#main_lx{
	width: 466px;
	margin-left: 8px;
	float: left;
}

#main_rx{
	width: 234px;
	float: left;
	background-color: #EBEBD6;
	margin-left: 8px;
}


/* Main_lx Elements - image
-------------------------------------------*/

#main_lx #image{
	width: 100%;
	height: 240px;
	margin-bottom: 30px;
}


/* Main_lx Elements - content
-------------------------------------------*/

#main_lx #content{
	width: 98%;
	padding: 0 5px;
}

#content .back_button{
	padding-top: 15px;
}

.blog_hp{
	margin-top: -25px;
}


/* Main_rx Elements - moduli
-------------------------------------------*/

#main_rx table{
	width: 100%;
	border-bottom: 20px solid #fff;
	/*border-top: 1px solid #C2C29E;*/
	border-collapse: separate;
}

#main_rx table td{
	padding: 20px 15px;
}

#main_rx table td table{
	border-bottom: none;
	border-collapse: collapse;
}

#main_rx table td table td{
	padding: 0;
}

#main_rx table th{
	font-size: 15px;
	text-transform: uppercase;
	color: #333333;
	letter-spacing: 0.05em;
	line-height: 18px;
	padding: 20px 15px 0 15px;
	text-align: left;
}

#main_rx table th span{
	display: block;
	border-bottom: 1px solid #C2C29E;
	padding-bottom: 5px;
}


/* Main_rx Elements - redazionale
-------------------------------------------*/

#main_rx h2{
	font-size: 15px;
	font-weight: bold;
	color: #333;
}

#main_rx li,
.contentpaneopen ul li{
	background-image: url(../images/bullet.gif);
	background-position: 0 13px;
	padding: 5px 0 5px 10px;
}

ul.txt_elenco li{ /*classe per gli elenchi puntati nei testi delle schede dei soci*/
	margin-left: 10px!important;
}

#main_rx li{
	border-bottom: 1px solid #C2C29E;
}

#main_rx li a{
	text-decoration: none;
	color: #666;
	font-weight: bold;
}

#main_rx li a:hover,
#main_rx li a#active_menu{
	text-decoration: underline;
}


/* Footer elements
------------------------------------------ */

#footer table{
	margin-bottom:5px;
	/*border: 1px solid red;*/
}

#footer table td table{
	margin-bottom: 0;
}

#footer .article_seperator,
#main_rx .article_seperator{
	display: none;
}

#footer p{
	font-size:11px;
	color:#666;
	margin-bottom: 20px;
	letter-spacing: 0.05em;
}

#footer a,
span.mainlevel{
	color: #666;
	letter-spacing: 0.05em;
}

span.mainlevel{
	padding: 0 4px;
	font-size: 10px;
}

#footer .moduletable_footmenu a,
span.mainlevel{
	text-decoration: none;
	font-weight: bold;
	text-transform: lowercase;
	font-size:11px;
}

#footer .moduletable_footmenu a:hover{
	color: #8A8A00;
}

.concept{
	width: 59px;
	height: 9px;
	display: block;
	margin-top: -158px;
	line-height: 10px;
	float: right;
	background-image: url(../images/concept.jpg);
	text-decoration: none;
}

.concept:hover{
	background-position: 0 -10px;
}


/* Table elements
-------------------------------------------------*/

.infotable{
	width: 100%;
}

.infotable td{
	border-bottom: 1px solid #D6D6C2;
	padding: 5px 0 3px 0;
}


/* Image elements
-------------------------------------------------*/

.b_right,
.b_left{
	margin-bottom: 10px;
	border: 1px solid #D6D6C2;
	padding: 2px;
}

.a_left,
.b_left{
	margin-right: 10px;
}

.a_right,
.b_right{
	margin-left: 10px;
}


/* Readon_hp elements
-------------------------------------------------*/

.readon_hp,
.readon{
	background-image: url(../images/piu_info_bg.jpg);
	background-position: 0 2px;
	text-decoration: none;
	color: #fff;
	padding: 0 4px 3px 3px;
}


/* Article_seperator elements
-------------------------------------------------*/

#content .blog .article_seperator,
#content .blog_hp .article_seperator{
	border-bottom: 1px solid #D6D6C2;
	display: block;
	height: 25px;
	margin-bottom: 25px;
}


/* Photogallery
-------------------------------------------------*/

table.multithumb td{
	padding: 0 10px 10px 0;
}

table.multithumb img{
	border: 1px solid #ccc;
	padding: 3px;
}



/* Form contatti elements
-------------------------------------------------*/

.inputbox{
	border: 1px solid #D6D6C2;
}

.button{
	background-color: #333;
	border: none;
	color: #fff;
}


/* Search page elements
-------------------------------------------------*/

.contentpaneopen_ td{
	padding-bottom: 10px;
}

fieldset{
	width: 95%;
	padding: 5px;
	border: 1px solid #C0B2B4;
	font-size: 11px;
	margin-bottom: 8px;
}

.highlight{
	background-color: #EEEE9B;
}


/* Stuff
------------------------------------------ */

.xprint{
	display: none;
}


/* Modulo Loghi
------------------------------------------ */

#sidebar .mod_contentitem_loghi{
	border-bottom: 1px solid #D5D2A1;
}

#sidebar .mod_contentitem_banner_col,
#sidebar .mod_contentitem_loghi{
	text-align: center;
	border-top: 1px solid #D5D2A1;
	margin: 0!important;
	padding: 24px 0 0 0!important;
}

#sidebar .mod_contentitem_loghi td,
#sidebar .mod_contentitem_banner_col table,
#sidebar .mod_contentitem_loghi table{
	margin: 0!important;
	padding: 0!important;
}

#sidebar .mod_contentitem_loghi span,
#sidebar .mod_contentitem_banner_col span{
	display: none;
}

#sidebar .mod_contentitem_loghi img{
	padding-bottom: 20px;
}


/* elenco soci
-------------------------------------------------*/

.elenco{
	width: 455px;
	display: block;
}

.elenco table,
.elenco ul{
	width: 100%;
	
}

.elenco ul li{
	border-bottom: 1px dashed #ccc;
}

.elenco ul li a{
	color: #666;
	text-decoration: none;
}

.elenco ul li a:hover{
	text-decoration: underline;
}


/* List elenco soci
-------------------------------------------------*/

#sidebar .moduletable div .jwts_title{
	margin-top: 20px;
	width: 164px;
	/*margin-left: -10px;*/
}

#sidebar .moduletable .jwts_title_text{
	background-image: none!important;
	width: 70px!important;
	float: none;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding-left: 10px;
}

#elenco_soc .moduletable_elenco_soc ul li a{
	padding: 0;
	background-image: none;
	padding-left: 5px;
}

#elenco_soc .jwts_title_left a:hover,
#elenco_soc .moduletable_elenco_soc ul li a:hover{
	color: #ABAA02;
	background-image: none;
}

#elenco_soc .moduletable_elenco_soc ul li a#active_menu{
	background-image: url(../images/select_bg.jpg);
	display: block;
	background-repeat: repeat;
	color: #fff;
	margin-top: 4px;
}

#elenco_soc .moduletable_elenco_soc ul li{
	padding: 0 0 4px 0;
	background-image: none;
	line-height: 16px;
	margin:0;
}