/*
     FILE ARCHIVED ON 5:34:57 mag 20, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 0:15:02 dic 20, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/**
 * GENERAL
 */
body {
    margin: 0;
    padding: 0;
    background: #d7d7d7 url(/web/20160520053457/http://www.belluco.it/images/bck.jpg) no-repeat center top;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #5d5d5d;
    line-height: 22px;
    text-align: justify;
    background-attachment: fixed;
}

textarea {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    border: 1px solid #c7c7c7;
    padding: 2px;
    width: 150px;
    height: 90px;
}

input, #spacerFoo {
    border: 1px solid #c7c7c7;
    padding: 2px;
    width: 150px;
}

select {
    width: 100px;
}

form {
    margin: 0;
    padding: 0;
}


img {
    border: 0;
}

p {
    margin: 0;
    padding: 0 0 10px 0;
}

a {
    color: #e50210;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #e50210;
	text-decoration:underline;
}

b, strong {
    color: #212121;
}

button {
    outline: none;
}

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

#content ul {
    margin: 0 0 0 10px;
    padding: 5px 15px;
    list-style: none;
}

#pageCnt ul {
    margin: 0 0 10px 10px;
    padding: 5px 15px;
    list-style: disc;
}

h1, h2 {
    font-size: 20px;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    color: #e50210;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

h2{
	margin: 10px 0 10px 0;
	padding: 0;	
	font-size: 15px;
	color: #e50210;
	border: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

dl dt {
    float: left;
    width: 120px;
    padding: 0;
   margin: 0 0 10px 0;
}

dl dd {
    padding: 0;
    float: left;
    width: 180px;
    margin: 0 0 10px 0;
}

hr{
	visibility: hidden;
	clear: both;
	margin: 20px 0;
}

.error {
    border: 1px solid #cd0a0a;
    background: #ad0000;
}

span.error {
    color: #cd0a0a;
    border: 0;
}

.cols {
    float: left;
}

.fifty{
	width: 330px;
	padding: 0 10px 0 0;
}

.lastCol{
	padding: 0;
}

.clearer {
    clear: both;
    line-height: 2px;
    font-size: 2px;
}

.hidden {
    display: none;
}

.floatRight {
    float: right;
    display: inline;
}

.floatLeft {
    float: left;
}

.cntCol {


}

.cntColRight {
    padding: 10px 0 0 0;
}

.mid {
    float: left;
    width: 48%;
    display: inline;
    overflow: hidden;
}

.midRight {
    float: right;
    width: 48%;
    display: inline;
    overflow: hidden;
}

.inlineImg{
	padding: 0 10px 10px 0;
}



#baseAllWrapper{
	background: url(/web/20160520053457/http://www.belluco.it/images/bckLayer.png) repeat-x;
}



/**
* MENU
*/

#menuWrapper{
	position: relative;
}

#menu {
    text-align: left;
    overflow: hidden;
    padding: 0;
    float: left;
    margin: 40px 0 0 10px;
    
}

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

#menu ul li{
	float: left;
}

#menu ul li a{
	display:block;
	margin: 0 1px 0px 0;
	padding: 26px 4px 56px 4px;
	color:#241400;
	text-decoration:none;
	font-weight: bold;
	font-size: 15px;
	
	
}



#menu ul li.special a,#menu ul li a:hover,#menu ul li.active ul li a:hover, #menu ul li.active a, #menu ul li.active ul li.active a{
	background: #e50210;
	color: #fff;
}

#menu ul li ul{
	display:none;
	position: absolute;
	z-index: 15;
	top:0;
	left: 0;
	width: 230px;
	background: #e50210;
}

#menu ul li ul li{
	float: none;
}
#menu ul li ul li a{
	float: none;
	margin: 0 0 1px 0;
	padding: 10px 10px 10px 25px;
}

#menu ul li.active ul li a{
	color: #fff;
}

#menu ul li.active ul li.active a,  #menu ul li ul li a:hover,  #menu ul li.active ul li a:hover{
	color: #fff;
	background: url(/web/20160520053457/http://www.belluco.it/images/arrow.png) no-repeat 10px 13px;
}

/**
 * PAGE
 */
#logo{
	float: left;
}

#pageCnt{
	padding: 20px;
	border: 1px solid #d1d1d1;
	background: #feeac4;
	margin: 30px 0 0 0;
}

#header{
	height: 144px;
	width: 920px;
}
#container {
    width: 920px;
    margin: auto;
    padding: 0 20px;
}

#content {
    width: 920px;
    padding: 0px;
    overflow: hidden;
}
#cntRightWrapper{
		padding: 0 0 10px 0;
}

#colLeft {
    width: 570px;
    overflow: hidden;
    padding: 10px  0 0 0;
}

#colLeftCnt{
	padding: 20px 0px 0 0;
}

#colRight {
    width: 240px;
    padding: 0 20px 0 0;
    overflow: hidden;
}

#colRight .textright {
    margin: 20px 16px 0 0;
}


#footer{
	width: 900px;
	margin: 20px auto;
	padding: 10px;
	background: #feeac4;
	color: #313131;
}

#footerCnt{
	width:570px;
	margin: 0 0 0 250px;
}


#privacy {
    width: auto;
    margin: 0 10px 0 50px;
}

/**
 * MAPS
 */
#map {
    margin: 0px;
    height: 230px;
    width:670px;
    overflow: hidden;
}


/**
* GALLERY
*/

.crop, .crop_instagram  {
	overflow:hidden;
}



.photoWrapper_instagram {
	padding:3px;
	border:1px solid #ccc;
	margin:0 13px 13px 0;
}

.photoWrapper {
	padding:3px;
	border:1px solid #ccc;
	margin:0 13px 13px 0;
}

.pageGallerySlide {
	position:relative;
	overflow:hidden;
}

.pageGallerySlide a {
	position:absolute;
	display:block;
	top:0;
	left:0;
	z-index:3;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;
}

.pageGallerySlide a.active {
	z-index:5;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
}

.pageGallerySlide a.last-active {
	z-index:4;
	
}

#footerContent{
	color:#333;
	text-align: center;
	font-size:11px;
	color: #6c2900;
	font-style: italic;
}

#automezzi td, #servizi td{
	padding:20px 0 20px 0;
	border-bottom: 1px solid #ccc;
}

#servizi{
	width:100%;
}




/**
* FORM
*/
#contactFormWrapper{
	padding: 5px;
	background: #fffbf1  ;
	border: 1px dotted #f2b8a0;
	margin:0 20px 0 0;
}

#contactFormWrapper select{
	width:155px;
}

#contactFormWrapper textarea{
	width:404px;
	height: 100px;
	resize: none;
}

#contactFormWrapper form table td{
	padding: 2px;
}

#contactFormWrapper #send{
	margin: 0 0 0 104px;
	background: #fc520e;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
	padding: 10px;
}

#contactFormWrapper #privacyOK{
	margin: 0 20px 0 104px;
	width: auto;
}

#contactFormWrapper span.error {
	border: 1px solid #cd0a0a;
	background: #fff4f4
}

#contactFormWrapper .messageFormSend{
	color: #fc520e;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}

#contactFormWrapper .errorMessage{
	font-weight: bold;
	color: #bc010f;
	padding: 5px 10px;
}














/**
* NEWS
*/

.postDetail{
	display: block;
	padding: 10px;
	background:#f0f0f0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	margin: 0 0 10px 0;
}

#newsContent{
	width: 493px;
	padding: 10px 20px 0 0;
	float: left;
}
#relatedNews{
	width: 303px;
	padding: 10px;
	float: left;
	background: #eb212e;
	text-align: left;
}

.newsTitleH1{
	margin: 0;
	padding: 0 0 20px 0;
}

#newsShareOptions{
	position: absolute;
	top:11px;
	left: 100%;
	width: 190px;
	margin: 0 0 0 -190px;
}

#relatedNews h2{
	color: #fff;
	border: 0;
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 20px;
}

.newsListItem{
	display: block;
	border-bottom: 1px solid #d3d3d3;
	height: 150px;
	width: 839px;
	padding: 0px 0 15px 0;
	margin: 0 0 15px 0;
	overflow: hidden;
}

.newsImageListCol{
	width: 205px;
	overflow: hidden;
	padding: 0 20px 0 0;
}

.newsAbstractListCol{
	width: 570px;
	
}

.relatedNews{
	width:300px;
	margin: 0 0 10px 0;
}


.relatedNewsImage{
	width: 140px;
	overflow: hidden;
	
}


.infoDataNews{
	line-height: 12px;
	text-align: left;
	margin: 0;
	padding: 0;
}

.infoDataNews td{
	padding: 2px 4px 7px 0px;
}

.infoDataNews .spacingLeft{
	padding: 0 4px 7px 20px;
}


#headerImageNews{
	float: left;
	width: 505px;
	height: 252px;
	overflow: hidden;
}

.smallListImage{
	width: 205px;
}

.smallListText{
	width: 300px;
}

.smallListItem{
	width: 535px;
}

#smallWrapperForListNews{
	width: 534px;
	overflow: hidden;
	padding: 0 20px 0 0;
}


#content .pageBrowserContainer{
	clear: both;
	display: block;
	background: #bd0000;
	padding: 0;
	height: 22px;
	overflow: hidden;
}

#content .pageBrowserContainer ul{
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}

#content .pageBrowserContainer ul li{
	float: left;
}

#content .pageBrowserContainer ul li a{
	padding: 6px 7px 3px 7px;
	display: inline-block;
	height: 30px;
	margin: 0 0 0 2px;
	background: #bd0000;
	color: #fff;
	font-size: 16px;
	line-height: 10px;
}

#content .pageBrowserContainer ul li.selected a, #content .pageBrowserContainer ul li a:hover{
	font-weight: bold;
		background: #f4f4f4;
	color: #bd0000;
}