/* Styles for the basic HTML elements */
body {background: #fff; font-family: Arial; font-size: 11px; color: #353535; margin: 0px; line-height: 18px; text-align: center;}
img{border: 0;}
table {font-size: 11px;}
td {font-family: Arial; font-size: 12px; color: #353535; line-height: 18px;}
hr {color: #e3e5f2; height: 1px;}

/* Styles for form elements */
form {padding: 0px; line-height: 16px;}
label {font-family: Arial; font-size: 12px; font-weight: normal; padding-left: 5px;}
input {font-size: 11px; color: #000000; font-weight: normal; margin-bottom: 8px;}
.inLine {font-size: 11px; color: #000000; font-weight: normal; margin:0px;}
textarea {font-family: arial; font-size: 11px; color: #000000; font-weight: normal; margin-bottom: 8px;}
select {font-size: 11px; color: #000000; font-weight: normal; margin-bottom: 8px; margin-right: 5px;}

/* Styles for main layers which define the main structure of the pages */
.MainBlock1 {width: 772px; z-index: 0; background: #ffffff; margin-left: auto; margin-right: auto; text-align: left;}
.MainBlock2 {margin-left: 0px; margin-right: 0px;}

/* Header, path and main menu */
.Header1 {position: relative; background: #fff; height: 195px; border-bottom: 8px solid #fff; border-top: 0px solid #fff;}
	.Header1 img{border: 0;}
/*.HeaderIconsContent {color: #302b2b; position: absolute; top: 155px; left: 260px; width: 140px; height: 40px; background-color: trasparent; text-align:center;}*/
.HeaderIconsContent{
		color: #302b2b;
		position: absolute;
		top: 168px;
		left: 0px;
		width: 170px;
		height: 25px;
		background-color: trasparent;
		text-align: center;
		}
.HeaderIconsContent2{
		position: absolute;
		color: #302b2b;
		top: 168px;
		left: 340px;
		width: 170px;
		height: 25px;
		background-color: trasparent;
		text-align: center;
		}
.ImageTools{
		position: absolute;
		color: #302b2b;
		top: 400px;
		left: 0px;
		width: 170px;
		height: 25px;
		background-color: trasparent;
		text-align: left;
		margin-left: 10px; 
		}
.HeaderLanguages{
		position: relative;
		height: 20px;
		color: #302b2b;
		font-family: Arial; 
		font-size: 11px;
		font-weight: none;
		text-align: right;
}
	.HeaderLanguages a {font-family: Arial; font-size: 11px; color:#009F3B; text-decoration: none; font-weight: none;}
	
/*Menu, there are all the main links of the web site,
  MenuOptions has 128.5 because it's the result of 771px/6 (771 width of MainBlock1 divided in 6 options)
*/
.MenuA {position: relative; background:#fff; height:24px; width:772px;}
.MenuOptionA {
	position: relative; float: left; background: #009F3B; height: 24px; width: 126.5px; border: 0px solid #fff; padding:0; 
	text-align: center; color: #fff; font-family: Arial; font-size: 12px; font-weight: 550;	margin:1px; padding-top:3px; vertical-align: middle;
}
	.MenuOptionA a {font-family: Arial; font-size: 12px; color: #fff; font-weight: 550; text-decoration: none;}
.MenuOptionASelected {
	position: relative; float:left; background: #ABDFBE; height: 24px; width: 126.5px; border: 0px solid #fff; padding:0; 
	text-align: center; color: #fff; font-family: Arial; font-size: 12px; font-weight: 550; margin:1px; padding-top:3px; vertical-align: middle;
	
}
	
.MenuB{float: left;background: #fff url(img/LineMenu.jpg); width: 142px; margin-left: 8px; }
.MenuOptionB {
	float: left;
	text-align: left; color: #008040; font-family: Arial; font-size: 12px; font-weight: 600;	
	}
	.MenuOptionB a {font-family: Arial; font-size: 12px; color: #008040; font-weight: 600; text-decoration: none;}
.MenuOptionBSelected {
	background: #ABDFBE;
	float: left;
	text-align: left; color: #008040; font-family: Arial; font-size: 12px; font-weight: 600;
	}


/* Content of the page, 580 is the maximal size of the content */
.Content {
	float: left; margin-top: 30px; margin-bottom:20px;
	font-family: Arial; font-size: 12px; font-weight: normal;	
}
	.Content h1 {font-size: 18px; color: #008040; font-weight: bold;}
	.Content h2 {font-size: 14px; color: #008040; font-weight: bold;}
	.Content p {margin: 8px;}
	.Content a {color:#008040; text-decoration: none; font-weight: none;}
.ContentContent {
	position: relative;
	background: #fff; width: 580px; margin-right: 8px; /* Depend on width make more or less margin between letter and line. */
	text-align: left; font-family: Arial; font-size: 12px; font-weight: normal;float: right;	
}
.ContentTextHeaderBisel {
		position: absolute;
		top: 10px;
		left: 0px;
		width: 590px;
		height: 115px;
		filter:alpha(opacity=70);   /* Internet Explorer       */
		-moz-opacity:0.7;           /* Mozilla 1.6 and below   */
		opacity: 0.7;               /* newer Mozilla and CSS-3 */
		background-color: #ffffff;  /* the background  */
		}
.ContentTextHeader {
		color: #302b2b;
		position: absolute;
		top: 10px;
		left: 32px;
		width: 480px;
		height: 115px;
		background-color: transparent;
		overflow: auto;
		margin-top: 5px; 
		margin-left: 20px; 
		margin-right:10px;
		text-align: left;
		}
.ContentLogoProtectorBiselTrasparente{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 590px;
		height: 450px;
		filter:alpha(opacity=70);   /* Internet Explorer       */
		-moz-opacity:0.7;           /* Mozilla 1.6 and below   */
		opacity: 0.7;               /* newer Mozilla and CSS-3 */
		background-color: transparent;  /* the background  */
		}
.ContentLogoProtector{
		color: #302b2b;
		position: absolute;
		top: 350px;
		left: 475px;
		width: 480px;
		height: 115px;
		background-color: transparent;
		margin-top: 5px; 
		margin-left: 20px; 
		margin-right:10px;
		text-align: left;
		}
.ContentTextFooterBisel {
		position: absolute;
		top: 430px;
		left: 0px;
		width: 590px;
		height: 20px;
		filter:alpha(opacity=60);   /* Internet Explorer       */
		-moz-opacity:0.6;           /* Mozilla 1.6 and below   */
		opacity: 0.6;               /* newer Mozilla and CSS-3 */
		background-color: #ffffff;  /* the background  */
		}
.ContentTextFooter {
		color: #302b2b;
		position: absolute;
		top: 430px;
		left:0px;
		width: 590px;
		height: 20px;
		background-color: transparent;
		overflow: auto;
		font-family: Arial; 
		font-size: 11px;
		text-align: center;
		}
.ContentPhotoHouse {
	text-align: center;font-family: Arial; font-size: 12px; font-weight: normal;	
}
	.ContentPhotoHouse a {color: #009F3B; text-decoration: none;}
.ContentHomePhoto {
	position: relative;
	float: left;
	width: 772px; 
	height: 499;
	margin-top: 10px; margin-bottom:5px;
	text-align: center; font-family: Arial; font-size: 12px; font-weight: normal;
	background: #fff;
}


.SmallGaleriaScroll { width: 122px; height: 310px; overflow: auto;
/*scrollbar-3dlight-color:#009F3B;
scrollbar-arrow-color:#009F3B;
scrollbar-base-color:#009F3B;
scrollbar-darkshadow-color:#009F3B;
scrollbar-face-color:#009F3B;
scrollbar-highlight-color:#009F3B;
scrollbar-shadow-color:#009F3B
*/
}


/* Anothers useful styles */
.ObligatoryField {color: #c00;}
.bold {font-weight: bold;}
.BigBold {font-weight: bold; color: #009F3B; font-size: 14px;}
.Notes {padding: 8px; background: #efefef; font-family: Arial; font-size: 12px; color: #000;}
.InputButton {text-align: center; margin-top: 30px; margin-bottom: 30px;}
	.InputButton input {margin-right: 10px;}
.LabelForm {font-family: Arial; font-size: 12px; margin-top: 0px; margin-bottom: 0px;}
.LabelFormError {font-family: Arial; font-size: 12px; color: #c00;}
.RadioError {border: 1px solid #FF8A8A; border-top: 1px solid #c00; border-left: 1px solid #c00;}
.InputError {border: 1px solid #FF8A8A; border-top: 2px solid #c00; border-left: 2px solid #c00; margin-bottom: 8px;}
.InputError Select {margin-bottom: 0px;}
.DivLogin {
	position: absolute;
	top: 20px;
	left: 621px;
	width: 150px;
	height: 20px;
	background-color: #ff8322;
	padding:0;
	text-align: center; 
	text-decoration: none;
	color: #fff;
	font-family: Arial; 
	font-size: 12px;
	font-weight: 550;
}
	.DivLogin a {text-decoration: none;	color: #fff; font-family: Arial; font-size: 12px;}
.DivLogout {
	position: absolute;
	top: 20px;
	left: 751px;
	width: 20px;
	height: 20px;
	background-color: #fa0000;
	padding:0;
	text-align: center; 
	text-decoration: none;
	color: #fff;
	font-family: Arial; 
	font-size: 12px;
	font-weight: 550;
	padding-top:0px; 
	vertical-align: middle;

}


/* Alerts to remark (Advise, Error, Info, Right) */
.Alert {text-align: center; margin-top: 20px; margin-bottom: 20px;}
.AlertRight {width: 80%; border: 1px solid #009F3B; background: #e1f4e8 url(http://media.drevdom.com/img/icons/alert_right.png) 10px 6px no-repeat; text-align: left; padding: 12px; padding-left: 40px; margin: auto;}
.AlertAdvise {width: 80%; border: 1px solid #009F3B; background: #e1f4e8 url(http://media.drevdom.com/img/icons/alert_advise.png) 12px 10px no-repeat; text-align: left; padding: 12px; padding-left: 40px; margin: auto;}
.AlertInfo {width: 80%; border: 1px solid #009F3B; background: #e1f4e8 url(http://media.drevdom.com/img/icons/alert_info.png) 12px 10px no-repeat; text-align: left; padding: 12px; padding-left: 40px; margin: auto;}
.AlertError {width: 80%; border: 1px solid #009F3B; background: #e1f4e8 url(http://media.drevdom.com/img/icons/alert_error.png) 12px 10px no-repeat; text-align: left; padding: 12px; padding-left: 40px; margin: auto;}


/* Footer and their links*/
.Footer {width:100%; text-align: center; float: left; }
.FooterHeader {position: relative; height: 4px; background: #009F3B;}
.FooterOption {position: relative; float: left; width: 126.5px; height: 24px; text-align: center; font-family: Arial; font-size: 11px; font-weight: none; margin:1px;}
	.FooterOption a {font-family: Arial; font-size: 11px; color:#009F3B; text-decoration: none; font-weight: none;}
.FooterCopyRights { margin: 10px; text-align: center; font-family: Arial; font-size: 10px; font-weight: normal;}
.FooterTitle {text-align: center; font-family: Arial; font-size: 9px; font-weight: normal;}