/*  
Theme Name: Spicoza
Theme URI: http://www.voicemedia.ro/
Description: Designed by <a href="http://www.voicemedia.ro">Voice Media</a>
Version: 1
Author: Voice Media
Author URI: http://www.voicemedia.ro/
*/

BODY {
	background:url(./images/bg-top.jpg) #d6b663 center top no-repeat;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	line-height:15px;
}

#page{width:858px; margin:0 auto; margin-top:30px; background-color:#d6b663; border:0px solid #000;}

#full{width:833px; float:left; padding-left:25px; border:0px solid #000; background:url(images/bg-content.jpg) #f7f0e0 center top no-repeat; margin-left:3px; -moz-border-radius: 5px; border-radius: 5px;}

#header{ width:808px; float:left; height:80px; margin-left:28px; margin-top:50px;}
#header .logo{float:left; width:100px; padding-left:20px;}
#header .meniu{float:right; margin-top:30px;}

#body{ 
	width:808px;
	border:0px solid #3577a4; 
	float:left; color:#000;
	margin-left:0px;
	/*background-color:#f7f0e0;*/
/*	-moz-border-radius: 10px;
	border-radius: 10px;*/
	padding-top:10px;
	padding-bottom:10px;
/*	box-shadow: rgba(0,0,0,0.1) 5px 5px;*/
}

#sliderbox{width:808px; float:left; height:300px;}
#slider{float:left;border:0px solid #FFF; width:573px;}

#slider2{float:right;border:0px solid #FFF; width:210px; margin-left:25px;}
#slider2 .produs1{width:206px; height:135px; background-color:#FFF; border:2px solid #f2e2bc; margin-bottom:10px; position:relative; -moz-border-radius: 5px; border-radius: 5px;}
#slider2 .produs2{width:206px; height:135px; background-color:#FFF; border:2px solid #f2e2bc; position:relative; -moz-border-radius: 5px; border-radius: 5px;}

.roundcorner {-moz-border-radius: 5px; border-radius: 5px;}

#slider2 .produstext {width:196px; height:10px; position:absolute; left:0; bottom:0; background-color:#f2e2bc; padding:5px; text-align:center; font-weight:bold; color:#555;}

#content{padding:12px 20px 12px 10px; float:left; width:560px; background-color:#f7f0e0;}


#content h1{float:left; font-family:Open Sans, Arial, Helvetica, sans-serif; color:#d5b463; font-size:24px; margin:0px; line-height:24px; letter-spacing:-1px; width:776px; text-transform:uppercase; border-bottom:0px solid #cfe2f1; padding-bottom:10px; margin-bottom:20px; text-shadow: 1px 1px #fff}

#content h2{float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; width:708px; margin-top:0px; line-height:16px; padding:0px; color:#4f92bd; letter-spacing:-1px;}

#content h3{float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; width:300px; margin-top:0px; line-height:16px; background-color:#4f92bd; padding:5px; color:#FFF;}

#content p{font-size:14px; color:#222; line-height:22px; font-family:Open Sans;text-shadow: 1px 1px #fff;}

#content ul{margin:0px; padding-left:30px; list-style-type:square; float:left; width:560px; margin-bottom:10px;}
#content li{padding-bottom:5px; font-size:14px; font-family:Open Sans;color:#222;line-height:22px;text-shadow: 1px 1px #fff;}





#footer {float:left; height:60px; margin-top:20px; border:0px solid #fff; width:950px;}

#menu {width:950px; border:0px solid #FFF; float:left; color:#000;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.menu{
width: 99%;
font-weight: bold;
font-size: 90%;
}

.menu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.menu ul{
width: 100%;
background: url(media/chromebg.gif) center center repeat-x;
padding: 8px 0px 12px;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

.menu ul li{
display: inline;
}

.menu ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #fff;
padding-top:7px;
padding-bottom:13px;
padding-left:8px;
padding-right:8px;
margin: 0;
text-decoration: none;
text-transform:uppercase;
}

.menu ul li a:hover{
background: url(images/bg-menu.png) center center repeat-x;
background-color:#ab1902;
color:#fff;
}





ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
_visibility: hidden; /*IE6 rule*/
}

/* ######### Thick Underline Menu CSS ######### */


ul.underlinemenu{
margin: 0;
margin-bottom:1em;
padding: 0;
list-style: none;
position:relative;
text-align: right; //set value to "left", "center", or "right"*/
}

ul.underlinemenu li{
display: inline;
}

ul.underlinemenu li a{
font: normal 14px "Oswald", Tahoma, Arial, Tahoma, Verdana, sans-serif;
color: #c7a34c;
text-transform:uppercase;
padding: 8px;
margin-right: 15px; /*spacing between each menu link*/
text-decoration: none;
text-shadow: 1px 1px #efefef;
}


ul.underlinemenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
position:absolute;
width:0;
border-bottom:4px solid #d5b463;