/*######################################## Reset CSS ########################################*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0px; padding: 0px;}
table {border-collapse:collapse; border-spacing:0; }
fieldset,img {border:0;}
ol,ul {list-style:none;} 

/*################################ Elemente #################################*/
body.ppag{
font-family: Georgia;
text-align: center;
color: #fff;
text-align: center;
background: url(../images/bgBody2.jpg) repeat-x left 441px;
background-color: #000201;

}
body.content{
font-family: Georgia;
text-align: center;
color: #fff;
text-align: center;
background: url(../images/bgBody2.jpg) repeat left 247px;
background-color: #000201;

}
/*################################# Id-uri ##################################*/
div.wrapperHeader{
position:absolute;
text-align:left;
width:100%;
top:0;
left:0;
border-bottom: 5px solid #af2204;
}
div.wh_ppag{
height:441px;
}
div.ppagBg1{
background: url(../images/bgPpagContent1.jpg) no-repeat center top #000;
}
div.ppagBg2{
background: url(../images/bgPpagContent2.jpg) no-repeat center top #000;
}
div.ppagBg3{
background: url(../images/bgPpagContent3.jpg) no-repeat center top #000;
}
div.ppagBg4{
background: url(../images/bgPpagContent4.jpg) no-repeat center top #000;
}
div.wh_content{
background: url(../images/bgContent2.jpg) no-repeat center top #000;
height:247px;
}

div.header_ppag{
position:relative;
top:0;
left:50%;
margin-left:-500px;
width: 1000px;
text-align: left;
height:441px;
}
div.header_content{
position:relative;
top:0;
left:50%;
margin-left:-500px;
width: 1000px;
text-align: left;
height:247px;
}
ul#mainMenu{
	margin: 60px auto 0 auto;
	width:900px
}
ul#mainMenu li{
	float: left;
	margin: 0 30px 0 0;
}
ul#mainMenu a{
  float:left;
	color: #e96942;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
ul#mainMenu a:hover{
	color: #fff;
}

div.mainContent_content{
color: #000;
font-size:13px;
width: 1010px;
text-align: left;
margin: 255px auto 33px auto;
}
div.mainContent_content p{margin-top:10px;}

/* ############################# prima pagina ######################### */
div.mainContent_ppag{
width: 1010px;
text-align: left;
overflow:auto;
margin: 461px auto 33px auto;
}
.mainContent_ppag div.box{
	width: 330px;
	height: 310px;
	background-image: url(../images/bgFrontBox.png);
	float: left;
}
div.box h2{
  width:90%;
	font-size: 20px;
	height:20px;
	margin: 20px auto 0 auto;
	font-weight: normal;
	overflow:hidden;
	color: #af2204;
}
div.box h3{
  width:90%;
  overflow:hidden;
  height:11px;
	color: #000;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 3px auto 0 auto;
	font-weight: normal;
}
div.box .picBox{
display:block;
margin: 21px 0 0 22px;
}
div.box p{
	float: left;
	width: 290px;
	margin: 10px 0 0 20px;
	height: 72px;
	overflow: hidden;
	color: #2e2a1a;
	font-size: 11px;
	line-height: 18px;
}
div.box p.button{
	height: 22px;
	line-height: 22px;
	background-image: url(../images/bgButtonMoreLeft.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #bea95c;
	width: auto;
}
p.button a{
	height: 22px;
	float: left;
	margin: 0 0 0 10px;
	background-image: url(../images/bgButtonMoreRight.gif);
	background-position: right;
	padding-right: 10px;
	color: #39321b;
	font-size: 11px;
	line-height: 22px;
	text-decoration: none;
	text-transform: uppercase;
}
/* ############################# sfarsit css prima pagina ######################### */

#wrapperFooter{
  clear: both;
	width: 100%;
	text-align: center;
	border-top: 5px solid #af2204;
	background: url(../images/bgFooter.jpg) no-repeat center top #000;
	height: 285px;
	margin-top:10px;
}

#containerFooter{
	width: 1000px;
	margin: 30px auto 0 auto;
	text-align: left;
	overflow: auto;
}
#containerFooter h3{
font-weight:normal;
color: #fff;
}

div.citat{
float:left;
position:relative;
margin:10px 10px 50px auto;
width:320px;
height:100px;
}

div.citat blockquote{
font-style:italic;
font-size:13px;
}
div.citat p{
font-size:12px;
font-weight:bold;
position:absolute;
bottom:0;
right:30px;
}

h3{color: #000;}

p#copyright{
clear:both;
width: 100%;
text-align: center;
color: #215c31;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 2px;
margin: 110px 0 0 0;
}
#copyright a{
text-decoration:none;
color: #215c31;
}
#copyright a:hover{
text-decoration: underline; 
color:#215c31;
}

.mainContent_content h2{
margin: 10px 0 5px 0;
font-size:18px;
}
.mainContent_content h3{
margin: 10px 0 5px 0;
font-size:14px;
}
.mainContent_content a,.mainContent_content a:visited{
color: #000;
text-decoration: none;
}
.mainContent_content a:hover{
text-decoration: underline;
}
.mainContent_content p{
margin-top:10px;
}
.mainContent_content ul ul{
margin-left:50px;
}
.mainContent_content #productLeft{
	width: 150px;
	float: left;
	text-align: right;
}
.mainContent_content #productCenter{
	width: 400px;
	margin-left: 20px;
	float: left;
	margin-top:0px;
}
.mainContent_content #productRight{
	width: 350px;
	margin-left: 50px;
	margin-top: 35px;
	float: left;
}
div#navigation{
font-size:12px;
color: #990000;
margin-top: 10px;
}
div#navigation img{
	margin: 0 10px 0 0;
}

div#navigation a,div#navigation a:visited{
font-size:12px;
color: #990000;
margin: 0 10px 0 0;
}

div#navigation a:hover{
font-size:12px;
color: #000;
}

.medalie{
float:right;
margin: 5px 20px 0 0;
}
p.sursa{
margin: 10px 0 10px 0;
font-style: italic;
}

h1.mainTitle{
font-weight:normal;
color: #fff;
position:absolute;
top:200px;
z-index:10;
}

h1.mainTitleHome{
font-weight:normal;
color: #fff;
position:absolute;
top:400px;
z-index:10;
}