* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url(img/logo-muzeu-bg.png) repeat;
}

p {
 padding: 10px;
}
.clear{ clear:both }

#wrapper { 
 margin: 0 auto;
 width: 960px;
 
/* border:1px solid #ccc; */
}


#header {
 width: 960px;
 display: block;
 margin-top:10px;
}
#header-left { 
 float:left;
 margin-bottom:50px;
}
#header-right { 
 float:right;
 background: url(img/top-search.png) no-repeat 30px 0px;
 height: 100px;
 width: 330px;
}
#header-right input{ 
 background-color: transparent;
 border: none;
 margin: 56px 0px 0px 51px;
 width: 190px;
 height: 20px;
}
#header-top-menu{

/* margin-top:50px; */
 height: 86px;
 background: url(img/top-menu-bg.png) repeat-x; 
}
#top-menu{
 margin: -105px 0px 0px 300px;
 font-color: #fff;
 color:#fff;
 
}
#top-menu ul{
 list-style:none;
 height: 60px;

}
#top-menu ul li {
 display: inline;
}
#top-menu ul li a{
 text-decoration: none;
 color: #fff;
 font-size: 1.1em;
 padding: 16px 0px 0px 0px;
}
#top-menu ul li a:hover{
 text-decoration: underline;
}
.selected-menu{
 background: url(img/top-menu-arrow.png) no-repeat center 0px;
}
#header img{ border:0px; margin-left:30px;
}
#content { 
 width: 960px;
 display: block;
 min-height:625px;
 height: auto !important;
 height: 625px;
 background-repeat: no-repeat !important;
}
.green{background: url(img/bg-green.png);}
.green-yellow{background: url(img/bg-green-yellow.png);}
.yellow{background: url(img/bg-yellow.png);}
.green-yellow2{background: url(img/bg-green-yellow2.png);}
.produse{background: url(img/bg-produse.png);}


#footer { 
 width: 960px;
 height: 100px;
 clear: both;

}
 
#footer-content{
 width:400px;
 margin: 0 auto;
 margin-top:20px;
 color: #a2a2a2;
 font-family: Arial, Helvetica, sans-serif; 
/* font-family: Georgia, serif; */
}
#footer-content a{
 text-decoration: none;
 color: #a2a2a2; 
 font-size: 1.1em;
 padding: 16px 0px 0px 0px;
}
#footer-content a:hover{
 text-decoration: underline;
}
#homepage-products{
 list-style:none; 
 display:inline;
 
}
#homepage-products li{
 display:inline;
 width:230px;
 float:left;
 font-family: Georgia, serif;
 font-size: 1.1em;
 color: #395346;
 
}
#homepage-products span{
 display:block;
 font-weight: bold;
 margin: 12px 0px 0px 85px;
}
#homepage-products img{
 float:left;
}
#products{
 list-style:none; 
 display:inline;
 padding-top:25px;
}
#products li{
 display:inline;
 width:300px;
 float:left;
 font-family: Georgia, serif;
 font-size: 1.1em;
 color: #fff;
}
#products li a{
 text-decoration:none;
 color: #fff;
}
#products li a:hover{
 text-decoration:underline;
}
#products span{
 display:block;
 font-weight: bold;
}
#products p{
 margin: 12px 0px 0px 85px;
}
#products img{
 float:left;
}

#products-arrow{
/* border:1px solid #ccc; */
 height: 50px;
 margin-top: 98px;
 
 background: url(img/arrow-produse.png) no-repeat;
}
.product1{ margin-left: 160px;}
.product2{ margin-left: 460px;}
.product3{ margin-left: 760px;}

/*start of slide */
#container-slider {
	width:960px;
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
	height: 480px;
}

#main-slider {
	width:960px;
	height:310px;
	position:relative;
}

#frame {
	position:absolute;
	z-index:0;
	width:960px;
	height:310px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:50px;
/*	left:-60px; */
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:960px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:960px;
	height:310px;
	display:block;
}

.slides_container a img {
	display:block;
	border: 0px;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:207px;
	left:-29px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:886px;
}
#slides img{
	border: 0px;
}
/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}


.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -13px;
}
/* end of slide */

/* contact page */
#contact-top{
 height: 150px;
 margin: 0 auto;
 width: 800px;
}
#contact-top h1{
 color: #f2dd95; /* #395347; - verde */
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 28px;
 padding: 20px 0px 0px 0px;
}
#contact-top p{
 color: #fff;
 padding: 0px 0px 0px 2px;
 font-family: Arial, Helvetica, sans-serif; 
}
#contact-top p span{
 color: #f2dd95; /* #395347; - verde */
 
}


#contact-bottom {
	margin: 60px auto;
	width: 800px;
	border: 2px solid #395347;
}
#contact-bottom h2{
 color: #395347; /* #395347; - verde */
 font-family: Arial, Helvetica, sans-serif; 
}
#contact-bottom span{
 margin: 0px ;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif; 
 font-weight: bold;
}
#contact-bottom p{
 margin: 0px ;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif; 
}

/* end of contact page */

/* despre page */
#despre-top{
}
#despre-top p{
 color: #f2dd95; /* #395347; - verde */
 font-family: Georgia, serif;
 font-size: 1.5em;
 width: 800px;
 margin: 0 auto;
}
#despre-top ul{
 margin: 40px 0px 0px 150px;
 font-size: 1.1em;
}
#despre-top ul li{
 color: #fff;
}

#despre-bottom{
 margin: 100px 0px 0px 0px;
}
#despre-bottom p{
 color: #395347; /* #395347; - verde */
 font-size:1.3em;
 font-family: Arial, Helvetica, sans-serif; 
 width: 800px;
 margin: 0 auto;
 padding: 0px;
}
/* end of despre page */

.product-header {
 color: #395347; /* #395347; - verde */
 font-family: Georgia, serif;
 font-size: 22px;
 margin: 0px;
 padding: 0px 0px 15px 100px;
}
.product-content{
 background-color:#fff;
 color: #000;
 font-size:10px;
 font-family: Arial, Helvetica, sans-serif; 
 padding: 15px 0px 15px 25px;
/* height: 325px; */
}
.product-content p{
 margin: 0px; 
 padding: 0px 0px 1px 0px; 
 font-size: 12px;
}
.product-content ul{
 margin: 0px 0px 0px 75px; 
 font-size: 12px; 
}
.product-footer{
 background-color: #f2dd95;
}
.product-footer  p{
 color: #395347; /* #395347; - verde */
 font-family: Georgia, serif;
 font-size: 16px;
 margin: 0 auto;
 width: 730px;
 
}