@charset "utf-8";
/*//////////CSS Document//////////*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
	background-color: #EFE9D9;
	background-image: url(../img/bgBody.jpg);
	background-repeat: repeat;
}
h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

*{padding: 0; margin: 0;}

a:link {
	color: #7E0900; text-decoration:none
}
a:visited {
	color: #7E0900
}
.h3Minus {
	font-size:10px;
}
.twoBemer .top_elementIndex {
	background-image: url(../img/top_elementIndex.jpg);
	background-repeat: no-repeat;
	height:46px
}
.twoBemer .overview_1 {
	background-image: url(../img/top_element_r2.jpg);
	background-repeat: no-repeat;
}
.twoBemer .overview_4 {
	background-image: url(../img/top_element_r2.jpg);
	background-repeat: no-repeat;
}
.twoBemer .overview_1, .twoBemer .overview_2, .twoBemer .overview_3, .twoBemer .overview_4, .twoBemer .overview_5, .twoBemer .overview_6, .twoBemer .overview_7 {
	margin: 0;
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color: #7D0900;
	height:46px;
}
.twoBemer .overview_1 h3, .twoBemer .overview_2 h3, .twoBemer .overview_3 h3, .twoBemer .overview_4 h3, .twoBemer .overview_5 h3, .twoBemer .overview_6 h3, .twoBemer .overview_7 h3 {
	font-size: 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0 360px;
}
html>body #mainContentHome {
	margin-top: 0px; /* Firefox/win sees this.. */
}
#mainContentHome {
	background-image:url(../img/bgContainer_r2.jpg);
	background-repeat:repeat-x;
	background-position:bottom
}

/*////////////BACKGROUND_PAGE IMAGES////////////////////*/

#bgndPage{ height:573px; width:867px}

#bgndPage.loafer{
	background:url(../img/imgGal2.png) no-repeat right bottom;
	-background:url();
	}
.modelli{
	background:url(../img/imgPage_modelli.jpg) no-repeat right bottom;
	}
.storia{
	background:url(../img/imgPage_modelli.jpg) no-repeat right bottom;
	}
	
.materiali{
	background:url(../img/imgPage_materiali.jpg) no-repeat right bottom;
	}
.contatti{
	background:url(../img/imgPage_contatti.jpg) no-repeat right bottom;
	}
.storia{
	background:url(../img/imgPage_storia.png) no-repeat right bottom;
	}
.manutenzione{
	background:url(../img/imgPage_manutenzione.gif) no-repeat right bottom;
	}
	
	
.sendmail {
	background:url(../img/imgPage_sendmail.jpg) no-repeat right bottom;
	}
	
.main{
	background: url(../img/imgPage_main.jpg) no-repeat right bottom;
	}

html>body #mainContentIndex {
	margin-top: 0px; /* Firefox/win sees this.. */
}
#mainContentIndex {
	background-image:url(../img/bgContainer_index.jpg);
	background-repeat:no-repeat;
	background-position:top
}
/*.twoBemer #container {
	width: 936px;
	margin: 0; 
	text-align: left;
	background-image: url(../img/bgContainer.jpg);
	background-repeat: no-repeat;
}*/
.twoBemer #sidebar1 {
	float: left; 
	width: 220px; 
	background: #601B0C;
	height: 631px;
	padding-left: 40px;
	margin-top: -1px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.twoBemer #sidebar1 p {
	color: #886F63;
	font-size:14px;
	font-style:italic;
	margin-left:30px;
}
.twoBemer #subMenu, .twoBemer .materialPage {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #756763;
	font-size:12px;
	font-style:italic;
	line-height:22px;
}
.twoBemer #subMenu, .twoBemer .storyPage {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #756763;
	font-size:12px;
	font-style:italic;
	line-height:22px;
}
.twoBemer #subMenu {
	float:left;
	margin-top: 100px;
	padding-left:30px;	
	width:185px;
	text-align:right;
}
.twoBemer #subMenu h2 {
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7E0900
}
.twoBemer #subMenu ul {
	list-style-type:none;
}
.twoBemer #subMenu ul li {
	background-image:url(../img/bgSubMenu.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:27px;
}
.twoBemer #subMenu ul li#first {
	background-image:url(../img/bgSubMenu_f.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:27px;
}


.twoBemer #subMenu ul li a {
	color: #756763;
	display:block;
	text-decoration:none
}
.twoBemer #subMenu ul li a:hover {
	color: #7E0900;
	background-image: url(../img/rollSubMenu.gif);
	background-repeat:no-repeat;
	background-position: left;
}
.twoBemer #subMenu .selected a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #7E0900;
	font-size:14px;
	font-style:italic; font-weight:bold;
	}
.twoBemer #footer {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color: #7D0900;
	padding-left:0px;
	padding-top: 0px;
	margin-left: 0px;
	background-image:url(../img/bottom_drop_shadow.png) left top;
}
.twoBemer #footer p {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
}
.twoBemer #footer a:link, .twoBemer #footer a:visited {
	color:#7D0900; text-decoration:underline

}
.twoBemer #footer.evidence {
	color:#7D0900; text-decoration:underline
	}
.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.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;
}
.twoBemer .left_element {
	background-color:#661F0D
}
.twoBemer .left_element {
	width:33px
}
.twoBemer .description, .twoBemer .descriptionIndex, .twoBemer .descriptionStory, .twoBemer .descriptionMaterial, .twoBemer .descriptionForm {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #5F5653;
	font-style:italic;
	margin-left:25px;
	text-align:left
}
.twoBemer .descriptionIndex {
	background-image: url(../img/logoBemersSmall.gif);
	background-repeat:no-repeat;
	background-position:right;
	width:550px;
	height:102px;
	color: #e7d6c7;
	background-color:#7C0900;
	margin-top:30px;
	margin-left:0px
}
.twoBemer .descriptionIndex h3 {
	font-size:14px;
	margin-top:0px;
	padding:25px 0 10px 20px
}


.twoBemer .subTitle {font-size:10px;
	font-style:normal; padding: 0px 0 0 20px;
	font-weight:normal;
	line-height:12px
	}
.twoBemer .descriptionIndex .h3Minus {
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	line-height:12px
}
.twoBemer .description {
	width:240px;
	font-size:12px;
	height:400px;
	line-height:19px;
}
.twoBemer .descriptionStory {
	width:520px;
	font-size:12px;
	line-height:18px;
}
.twoBemer .descriptionMaterial {
	width:660px;
	font-size:12px;
	line-height:18px;
}
.twoBemer .descriptionForm {
	font-size:14px; 
}
.twoBemer .privacy {
	font-size:11px;
	font-family:Arial;
	color: #756763;
	font-style:normal;
	line-height:16px;
	text-align:left;
	margin:0px 0 0 10px
}
.twoBemer .logo {
	margin-left:25px;
	text-align:left
}
/*///////////CSS NAVIGATION MENU/////////////*/

.twoBemer #menu {
	margin-top:40px;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#7c4525;
	padding: 0px;
	width:556px;
	float:right
}
.twoBemer #menu h1 {
	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #menu si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */
	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}
.twoBemer #menu ul {
	list-style-type:none;
	margin-top:0
}
.twoBemer #navigation {
	margin-top:0px;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding-bottom:10px;
	color:#7E0900;
	padding: 0px;
	width:556px;
	float:right;
	font-weight:bold
}
.twoBemer #navigation h1 {
	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #menu si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */
	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}
#navigation a {
	height:24px;
	line-height:20px;
	color:#7E0900;
	margin-left: 5px;
	-width: 60px;
	background: url(../img/left-tab.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 10px;
	font-style:italic;
	cursor:pointer;
}
#navigation #selected a {
	height:24px;
	line-height:20px;
	color:#fff;
	margin-left: 5px;
	background: #7D0900 url(../img/left-tab-hover.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 10px;
	font-style:italic; background-repeat:no-repeat
}
#navigation a span {
	background: url(../img/right-tab.gif) right top no-repeat;
	padding-right: 10px;
	height:24px; 
}
/*///////////////START/////TO REMOVE WHEN THE FORM WILL BE ACTIVE////////////////*/ 


#navigation #disable a, #navigation #disable a:link {
	height:24px;
	line-height:20px;
	color:#c5a29f;
	margin-left: 5px;
	background: #7D0900 url(../img/left-tab-off.gif) left top no-repeat;
	text-decoration: none;
	padding-left: 10px;
	font-style:italic; background-color: #F8F7F2
}
#navigation #disable a span {
	background: url(../img/right-tab-off.gif) right top no-repeat;
	padding-right: 10px;
	height:24px;
	color:#c5a29f
}
/*/////////////END/////////////////*/

#navigation #selected a span {
	background: url(../img/right-tab-hover.gif) right top no-repeat;
	padding-right: 10px;
	height:24px;
}
#navigation a, #navigation a span {
	display: block;
	float: left
}
/* Hide from IE5-Mac \*/
#navigation a, #navigation a span {
	float: none
}
/* End hide */

#navigation a:hover {
	color: #fff;
	background: #7D0900 url(../img/left-tab-hover.gif) left top no-repeat;
	padding-left: 10px
}
#navigation a:hover span {
	background: url(../img/right-tab-hover.gif) right top no-repeat;
	padding-right: 10px
}
#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0
}
#navigation li {
	float: left;
	margin: 0;
}
/*///////////CSS FORM ELEMENTS/////////////*/


textarea {
	border: 1px solid #896763;
	background-image:url(../img/bgContainer_r2.jpg);
	background-position:center
}

#langSwitch{
position: absolute; 
width:32px;
height:500px; 
left: 900px; 
margin-top:60px; 
}


.legend {color:#7D0900; padding:0px 2px 5px 0px; margin-bottom:10px; font-weight:bold; border-bottom:1px solid #7D0900; font-size:14px; width:460px}
.highlight {


font-size:11px;
	font-family:Arial;
	color: #7E0900;
	font-style:normal;
	line-height:16px;
	text-align:left;
	margin:0px 0 0 0px}