/*  Jolly Auto Style Sheet
--------------------
--------------------*/

/* General markup styles
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 62.5%;			/* This sets the default font size to be equivalent to 10px */
	margin: 0;
	background-color: #336699;
	background-image: url(../../images/body_BG.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	color: #000;
}

img {
	border: 0;
}


/* Main blocks
---------------------------------------- */
#wrap {
	margin: 20px auto;
	width: 950px;
}
#container {
	margin: 0px;
	width: 950px;
	background-image: url(../../images/wrap_BG.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	float: left;
}


#main {
	margin: 0px;
	width: 742px;
	background-image: url(../../images/LB_main_BG.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	min-height: 490px;
	padding-left: 8px;
}

#sidebar {
	width: 200px;
	margin: 0px;
	padding-top: 20px;
	float: right;
	min-height: 490px;
	background-image: url(../../images/sidebar_topBG.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0px;
}

#bottomBG {
	background-image: url(../../images/bottom_BG.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 19px;
	width: 950px;
}

#footer {
	clear: both;
	padding: 10px 18px;
	font-size: 1em;
	min-height: 15px;
	font-weight: bold;
	width: 914px;
}
#footer p {
	display: inline;
	float: left;
	width: 182px;
	font-weight: bold;
	color: #b3d6f6;
	text-align: right;
}
#footer img {
	float: left;
	margin-right: 8px;
}

#footer p a:link, #footer p a:active, #footer p a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#footer p a:hover {
	color: #dbdbdb;
}

#briciola {
	width: 100%;
	color: #000000;
	font-size: 1em;
	text-align:left;
	padding: 3px 14px;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;	
}

#briciola a:link, #briciola a:active, #briciola a:visited {
	color: #000000;
	text-decoration: none;
}

#briciola a:hover {
	color: #03A653;
	text-decoration: none;
}


/* Header
---------------------------------------- */
#header {
	background-image: url(../../images/TLC_main.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 90px;
	min-height: 90px;
}
#logoJA {
	margin-top: 19px;
	margin-left: 37px;
	float: left;
	width: 270px;
	text-align: left;
}
#logoJAM {
	margin-top: 10px;
	margin-left: 37px;
	float: left;
	width: 270px;
	text-align: left;
}

#loghi {
	width: 402px;
	float: right;
	background-image: url(../../images/TRC_main.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	text-align: right;
	padding-top: 4px;
	padding-right: 20px;
}
#loghi img {
	margin: 2px 0px 0px 10px;
}
#loghi span {
	font-weight: bold;
	color: #FFFFFF;
}


/* Top menu
----------------------------------------*/
#topmenu {
	width: 716px;
	float: left;
	margin-top: 3px;
	padding-left: 26px;
	height: 51px;
	min-height: 51px;
	background-image: url(../../images/topmenu_BG.gif);
	background-repeat: repeat-x;
}

#topmenu ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#topmenu li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

#topmenu a:link, #topmenu a:active, #topmenu a:visited {
	float:left;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	position: relative;
}

#topmenu a span {
	display: block;
	padding: 11px 13px 11px 13px;
	color: #5f5f5f;
	white-space: nowrap;
	text-transform: uppercase;
}

#topmenu #nav-commercianti a span {
	color: #CC0000;
}

#topmenu a:hover span, #topmenu #nav-commercianti a:hover span {
	color: #000000;
}

#home #nav-home a span, #team #nav-team a span, #sedi #nav-sedi a span, #usato #nav-usato a span, #servizi #nav-servizi a span, #nuovo #nav-nuovo a span, #noleggio #nav-noleggio a span, #commercianti #nav-commercianti a span {
	background-image: url(../../images/tab_indicator.gif);
	background-repeat: no-repeat;
	background-position: 50% 30px;
	color: #008c42;
}

#home #nav-home a:hover span, #team #nav-team a:hover span, #sedi #nav-sedi a:hover span, #usato #nav-usato a:hover span, #servizi #nav-servizi a:hover span, #nuovo #nav-nuovo a:hover span, #noleggio #nav-noleggio a:hover span, #commercianti #nav-commercianti a:hover span  {
	color: #008c42;
}


/*  Sidebar
----------------------------------------*/
#toplinks, #reserved-area, #news {
	float: left;
	width: 200px;
	margin-bottom: 15px;
}
#toplinks li {
	list-style: none;
	text-align: right;
	margin: 0px 35px 0px 0px;
	padding: 5px 20px 6px 0px;
	font-size: 1.1em;
	font-weight: bold;
}
#toplinks li.newsletter-arrow {
	background: url(../../images/normal_R_darkB_arrow.gif) no-repeat 100% 53%;
}
#toplinks li a:link, #toplinks li a:active, #toplinks li a:visited {
	color: #cbcbcb;
	text-decoration: none;
}
#toplinks li a:hover {
	color: #f5f5f5;
}
#newsletter-box {
	margin: 10px 35px 0px 0px;
	text-align: right;
}
#visible-newsletter {
	background: url(../../images/active_R_darkB_arrow.gif) no-repeat 100% 50%;
}
#hidden-newsletter {
	background: url(../../images/normal_R_darkB_arrow.gif)  no-repeat 100% 53%;
}
#newsletter-box input {
	width: 134px;
	padding: 2px;
	margin-bottom: 5px;
}
#newsletter-box #mailing {
	width: 140px;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	background-color: #03a653;
	border: #333333 1px solid;
	color:#FFFFFF;
}
#reserved-area {
	background-color: #bababa;
	background-image: url(../../images/reserved_area_borderBG.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	border-top: #cfcfcf 1px solid;
	border-bottom: #cfcfcf 1px solid;
	width: 192px;
	text-align:right;
}
#reserved-area h4 {
	height: 12px;
	width: 137px;
	padding: 8px 45px 8px 10px;
	text-align: right;
	font-weight: bold;
	font-size: 1.1em;
}
#visible-reserved-area {
	background-image: url(../../images/active_R_lightB_arrow.gif);
	background-position: 157px 50%;
	background-repeat: no-repeat;
	border-bottom: #cfcfcf 1px solid;
}
#hidden-reserved-area {
	background-image: url(../../images/normal_R_lightB_arrow.gif);
	background-position: 157px 53%;
	background-repeat: no-repeat;
}
#reserved-area h4 a:link, #reserved-area h4 a:active, #reserved-area h4 a:visited {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
#reserved-area h4 a:hover {
	color: #333;
	text-decoration: none;
}
#reserved-area form {
	border: none;
	margin: 0px;
	padding: 10px 12px 10px 12px;
	width: 168px;
}
#reserved-area form label {
	display: none;
}
#reserved-area input {
	border: #696969 1px solid;
	width: 154px;
	padding: 4px;
	margin-bottom: 5px;
}
#reserved-area dt {
	color: #5c5c5c;
}
#reserved-area #login {
	background-color: #a2a2a2;
	width: 164px;
}
#reserved-area-form-box span {
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	padding: 5px 15px;
}
#reserved-area-form-box ul {
	float: left;
	text-align: left;
	margin: 5px 5px 15px 30px;
}
#reserved-area-form-box li {
	padding: 2px 0px;
}
#reserved-area-form-box li a {
	font-size: 1.1em;
	color: #000000;
	text-decoration: none;
}
#reserved-area-form-box li a:hover {
	color: #ffffff;
	text-decoration: none;
}
#news {
	float: left;
	width: 164px;
	margin-left: 16px;
	text-align: left;
}
#news h4 {
	font-size: 1em;
	font-weight: bold;
	border-bottom: #747474 1px solid;
	padding-left: 0px;
	height:19px;
	padding-top:9px;
	color: #FFFFFF;
}
#news h5 {
	font-size: 1.05em;
	font-weight: bold;
	padding: 10px 0px;
	color: #bae3ca;
}
#news h5 a:link, #news h5 a:active, #news h5 a:visited  {
	color: #bae3ca;
	text-decoration: none;
}
#news h5 a:hover {
	color: #71be8f;
}
#news p {
	border-bottom: #747474 1px solid;
	padding: 0px 0px 8px 0px;
	color: #fff;
}


/* General classes
----------------------------------------*/
.hide_element {
	display: none;
}
.show_element {
	display: block;
}

.bold-green {
	font-size: 1em;
	font-weight: bold;
	color: #03a653;
	text-decoration: none;
}
.bold-blue {
	font-size: 1em;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}
.blue-title {
	font-size: 1.2em;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}
a.bold-green:hover  {
	color: #026031;
}
a.bold-blue:hover {
	color: #214263;
}
a.blue-title:hover {
	color: #214263;
}


/* General form styles
----------------------------------------*/

fieldset { 
	padding: 10px 10px 2px 10px; 
	border-right: 1px solid #AFAEAA;
	border-bottom: 1px solid #AFAEAA;
	border-left: 1px solid #D5D5C8;
	border-top: 1px solid #D5D5C8;
	background-color: #F7F7F7;
	position: relative;
	margin: 0;
	font-size: 0.95em;
}

* html fieldset { 
	padding: 0 10px 5px 10px; 
}

fieldset p {
	font-size: 1.1em;
}

legend {
	padding: 1px 0; 
	font-family: arial,Verdana,Sans-serif;
	font-size: 1.15em;
	font-weight: bold;
	color: #006699;
	position: relative;
	text-transform: uppercase;
	line-height: 100%;
	top: 0em;
	vertical-align:middle;
}

* html legend { 
	margin-bottom: -10px; 
	margin-left: -7px;
	top: -1.2em;
}

input {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	background-color: #FAFAFA;
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #D5D5C8;
	border-bottom: 1px solid #D5D5C8;
	color: #333333;
	padding: 2px;
	cursor: text;
	vertical-align: middle;
}

select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	cursor: default;
	vertical-align: middle;
	width: auto;
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #D5D5C8;
	border-bottom: 1px solid #D5D5C8;
	padding: 1px;
	background-color: #FAFAFA;
}

optgroup {
	font-weight: bold;
}

option {
	padding-right: 1em;
}

.sep {
	color: black;
	background-color: #99CC66;
}

textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	padding: 2px;
	background-color: #FAFAFA;
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #D5D5C8;
	border-bottom: 1px solid #D5D5C8;
	cursor: text;
}