/*(c) 2007 Bogdan Valentin, topretete.ro */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
* {padding: 0;
margin: 0;}
html, body {height: 100%;}
body{font-family: Verdana, Arial, Helvetica, sans-serif;}
.clear { clear:both; 
display:block; 
line-height:0px; 
height:0px; }
#banda_sus {width: 100%;
background-color: #3d3d3d;
height: 48px;}
#center {width: 927px;
margin: 0 auto;
margin-top: -20px;}
.primaprop {float: left; color: #fff; font-size: 12px; font-family: Verdana, Arial; margin-top: -15px;margin-left: -200px;height: 15px; position: relative; top: 15px;}
#cauta_google {float: right; margin-top: -15px; margin-right: 20px; position: relative; clear: both;}
* html #cauta_google { margin-right: 10px;}
#cauta_field {width: 152px;
height: 11px;
float: right;
font-size: 10px;
padding-bottom: 3px;
border: 2px #bec972 solid;
margin-right: 10px;
margin-top: -2px;
font-weight: bold;
position: relative;}
input#cauta {width: auto;
float: right;
color: #eae9ea;
font-size: 10px;
position: relative;
font-weight: bold;
letter-spacing: 1px;
border: none;
background-color: #3d3d3d;}
#logo {float: left; width: auto; margin-left: 6px;  margin-top: 2px;}
#menu_sus {float: right;
clear: right;
font-size: 14.6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #69A367;
width: 420px;
font-weight: bold;
margin-top: 45px;}
#menu_sus li {width: auto;
float: left;
margin-left: 10px;
margin-right: 10px;}
#menu_sus li a {color: #69A367;}
#menu_sus li a:hover, #current {text-decoration: underline;}
#header {width: 927px;
height: 167px;
float: left;
margin: 0 auto;
background-image:url(images/header.jpg);
background-repeat: no-repeat;
margin-top: -7px;}
#banda_centru {width: 100%;
height: 37px;
position: relative;
margin: 0 auto;
margin-top: 160px;
background-image: url(images/pattern.gif);
background-repeat: repeat-x;}
* html #banda_centru {margin-top: 0px;}
*:first-child+html #banda_centru {margin-top: 0px;}
#menu_center {width: 927px;
height: auto;
margin: 0 auto;
font-size: 13px;
color: #F47E20;
font-weight: bold;}
#menu_center li {float: left;
width: auto;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}
#menu_center li a {color: #F47E20;}
#center2 {width: 927px;
height: auto;
margin: 0 auto;
border-left: 2px #E7E6E6 solid;
position: relative;}
#banda_centru_sus {width: 927px;
height: 4px;
float: left;
clear: both;
background-image: url(images/pattern2.gif);
background-repeat: no-repeat;
margin-top: -4px;
position: relative;
margin-left: -2px; }
* html #banda_centru_sus {margin-left: -1px;}
*:first-child+html #banda_centru_sus {margin-left: -2px;}
#meniu_stanga {width: 192px;
float: left;
clear: left;
margin-left: 12px;
margin-top: 5px;
border-top: 1px #888484 solid;

margin-bottom: 20px;}
* html #meniu_stanga {margin-top: -10px;
margin-left: 6px;}
#menu_stanga {width: 100%;
color: #65694E;
font-size: 12px;
border-left: 1px #888484 solid;
border-right: 1px #888484 solid;}
#menu_stanga li {height: 16px;
padding-left: 15px;
padding-top: 1px; width: 177px;
border-bottom: 1px #888484 solid; }
#menu_stanga li a {color: #65694E; width: auto; padding-left: 5px;}
#menu_stanga li a.border_left:hover, #current2 {border-left: 1px #F47E3B solid;}
#menu_stanga li a.special_href {padding-left: 15px;padding-bottom: 2px;background-image: url(images/item.gif); background-repeat: no-repeat; background-position: center left;}
#menu_stanga li a.special_href:hover, #menu_stanga li a.special_href#current3 {background-image: url(images/item_sel.gif);}

/* CONTENT */
#content {width: 520px;
float: left;
margin: 0 auto;
margin-top: 5px;
margin-left: 10px;
padding-bottom: 20px;}
* html #content{margin-top: -10px;}
#content_results {width: 600px;
float: left;
margin: 0 auto;
margin-top: 5px;
margin-left: 10px;
padding-bottom: 20px;}
* html #content_results {margin-top: -10px;}
#add1{width: 470px;
float: left;}
.tops {width: 100%;
float: left;
margin-top: 3px;
border-top: 1px #272B17 dashed;
border-bottom: 1px #272B17 dashed;
padding-bottom: 5px;}
.tops:hover {background-color: #E4F2E5;}
.tops table {width: 450px;
border: none;}
h2 {width: 210px;
height: 20px;
float: left;
clear: left;
padding-top: 4px;
padding-left: 8px;
margin-bottom: 4px;
font-size: 12px;
color: #fffffe;
background-image: url(images/pattern3.gif); background-repeat:no-repeat;}

.top_place {float: left;
font-size: 12px;
color: #003300;
margin-right: 3px;
position: relative;}
.top_place:hover {text-decoration: underline; margin-left: 3px;}
.infos {
width: 90%;
float: left;
font-size: 12px;
color: #808080;
padding-left: 10px;
position: relative;}
.highlight {position: relative;
float: left;
clear: left;
width: 90%;
margin-left: 20px;
font-style: normal;}
.infos2 {
width: 90%;
float: left;
font-size: 13px;
color: #003300;
clear: left;
padding-left: 10px;}
.descriere {float: left;
font-size: 12px;
color: #808080;
clear: left;
text-indent: 30px;
width: 500px;
text-align: justify;
padding: 0 10px 0 10px;}
.descriere a {text-decoration: underline; color: #ff7800;}
h1 {font-size: 16px;
width: auto;
border-bottom: 1px #003300 solid;
padding: 15px 0 2px 8px;
margin-bottom: 4px;
color: #ff7800;}
#sort {font-size: 11px;
margin-top: -2px;
width: auto;
float: left;
margin-bottom: 5px;}
#sort a {color: #F47E3B;}
#sort a:hover {text-decoration: underline;}
.tops3 {width: 100%;
float: left;
margin-top: 3px;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;}
#left1 {width: 280px;
float: left;
position: relative;
text-align: justify;}
#right1 {width: 200px;
float: right;
padding-top:15px;
margin-right: 10px;}
#form_cont {width: 500px;
padding: 0 10px 0 10px;
float: left;}
#form_cont2 {width: 480px;
padding: 0 10px 0 10px;
float: left;
margin-top: 10px;}
#form_cont .align {width: 490px;
float: left;
font-size: 12px;
color: #808080;
margin-bottom: 2px;
clear: both;}
.err {color: red;font-size:80%;}
#form_cont2 .align {width: 470px;
float: left;
font-size: 12px;
color: #808080;
margin-bottom: 2px;
clear: both;}
.align em {font-size: 10px; text-decoration: none;}
#form_cont input {float: left;
width: 490px;
border: 1px #F47E3B solid;
clear: both;
margin-bottom: 5px;}
#form_cont2 input {float: left;
width: 470px;
border: 1px #F47E3B solid;
clear: both;
margin-bottom: 5px;}
#form_cont textarea {float: left;
width: 490px;
border: 1px #F47E3B solid;
margin-bottom: 5px;}
#form_cont2 textarea {float: left;
width: 470px;
border: 1px #F47E3B solid;
margin-bottom: 5px;}
#form_cont input#send {float: left;
width: 492px;
border: 1px #F47E3B solid;
margin-bottom: 5px;
background: none;
font-weight: bold;}
#form_cont2 input#send {float: left;
width: 472px;
border: 1px #F47E3B solid;
margin-bottom: 5px;
background: none;
font-weight: bold;}
#form_cont .login_input {float: left;
width: 300px;
border: 1px #F47E3B solid;
clear: both;
margin-bottom: 5px;}
#form_cont .select_categ {float: left;
width: 300px;
border: 1px #F47E3B solid;
clear: both;
margin-bottom: 5px;}
#form_cont .text_reteta {float: left;
width: 300px;
border: 1px #F47E3B solid;
clear: both;
margin-bottom: 5px;}
#form_cont input#send_login {float: left;
width: 302px;
border: 1px #F47E3B solid;
margin-bottom: 5px;
background: none;
font-weight: bold;}
.top_place3 {float: left;
clear: left;
width: auto;
font-size: 14px;
color: #F47E3B;
font-weight:bold;
margin-right: 3px;}
.tops_reteta {width: 100%;
float: left;
margin-top: 3px;
border-top: 1px #272B17 dashed;
border-bottom: 1px #272B17 dashed;
padding-bottom: 5px;}
#reclama_stanga {width:300px;
float: left;
margin-right: 10px;
margin-top: 10px;}
#reclama_stanga_right {width: 300px;
float: right;
padding-left: 10px;
margin-top: 10px;}
.voting {width: 200px;
float: left;
padding-top: 5px;
padding-bottom: 5px;
border: 1px #F47E3B solid;
margin-top: 5px; 
margin-left: 50px;}
* html .voting {margin-left: 25px;}
.voting2 {width: 200px;
float: left;
padding-top: 5px;
padding-bottom: 5px;
border: 1px #F47E3B solid;
margin-top: 5px; 
margin-right: 10px;
margin-left: 10px;}
* html .voting2 {margin-left: 5px;}
.voting form {width: 180px;
float: left;
margin-left: 20px;
margin-top: 3px;}
* html .voting form { margin-left: 10px;}
.voting form .numar {float: left;
margin-left: 1px;}
.voting form .radio_vot {float: left; clear: none;
 margin-left: 7px;
 border: #000000;}
* html .voting form .radio_vot {margin-left: 4px;}
*:first-child+html .voting form .radio_vot {margin-left: 4px;}
 .voting form #vot {float: left;
 width: 160px;
 background: none;
 clear: left;
 border: 1px #F47E3B solid;
 margin-top: 3px;}
* html .voting form #vot {margin-left: -10px;}
*:first-child+html .voting form #vot {margin-left: -15px;}
.voting2 form {width: 180px;
float: left;
margin-left: 20px;
margin-top: 3px;}
* html .voting2 form { margin-left: 10px;}
.voting2 form .numar {float: left;
margin-left: 1px;}
.voting2 form .radio_vot {float: left; clear: none;
 margin-left: 7px;
 border: #000000;}
* html .voting2 form .radio_vot {margin-left: 4px;}
*:first-child+html .voting2 form .radio_vot {margin-left: 4px;}
 .voting2 form #vot {float: left;
 width: 160px;
 background: none;
 clear: left;
 border: 1px #F47E3B solid;
 margin-top: 3px;}
* html .voting2 form #vot {margin-left: -10px;}
*:first-child+html .voting2 form #vot {margin-left: -15px;}
#vot_error {width: 170px;
float: left;
clear: both;
text-align: center;
margin-top: 3px;}
.notaa {width: auto;
float: left;
clear: left;
margin-left: 20px;
font-size: 11px;}
.notaa strong {float: left;}
.descriere_reteta {float: left;
font-size: 12px;
color: #808080;
clear: left;
width: 500px;
text-align: justify;
padding: 0 10px 0 10px;}
h4 {width: auto;
font-size: 14px;
color: #006600;
margin-left: 10px;
margin-top: 5px;}
h4#comentarii {border-bottom: 1px #006600 solid;}
h4.sfat {clear: both;}
.texte_retete {

margin-top: 5px;
padding-bottom: 50px;
text-align: justify;
}
.texte_retete2 {

margin-top: 5px;
padding-bottom: 25px;
text-align: justify;
}
.texte_retete a {text-decoration: underline;
color: #FF6600;}
.texte_retete img {width: 200px;
padding: 3px;
border: 1px #F47E3B solid;
margin-left: 50px;}
.coments {width: 500px;
float: left;
margin-top: 2px;
padding-bottom: 3px;
}
.comentariu {width: 490px;
float: left;
margin-left: 10px;
margin-top: 4px;
clear: left;
padding-bottom: 2px;
border-bottom: 1px #F47E3B solid;}
#pagini_jos {width: 100%;
float: left;
font-size: 10px;
margin-top: 15px;}
* html #pagini_jos {margin-top: -25px;}
#pagini_jos a {font-size: 10px;
padding: 2px;
color: #003300;
border: 1px #333333 solid;
position: relative;}


/* RIGHT CONTENT */
#right_content {width: 182px;
float: left;
margin-left: 8px;
text-align: center;
padding-top: 20px;}
* html #right_content {margin-top: -14px;}
.tops2 {width: 182px;
margin-top: 15px;
background-color: #9FBAA2;
padding-bottom: 5px;}
h3 {width: 152px;
height: 36px;
padding: 5px 20px 0 10px;
background-image: url(images/pattern4.gif);
background-repeat: no-repeat;
font-size: 12px;
color: #fffffe;
text-align: left;
margin-bottom: 5px;}
.top_place2 {width: 177px;
float: left;
clear: left;
font-size: 10px;
text-align: left;
color: #fffffe;
padding-left: 5px;}
.top_place2:hover {text-decoration: underline;}

/* BANDA JOS */
#banda_jos {width: 100%;
background-color: #3D3D3D;}
#center3 {width: 927px;
height: auto;
margin: 0 auto;
border-left: 2px #E7E6E6 solid;
position: relative;
padding-top: 20px;}
.retete_jos {width:250px;
float: left;
background-color: transparent;
padding-bottom: 5px;
padding-left: 25px;
border: 1px #FFD940 solid;
margin-left: 15px;}
h2.rjos {width: 230px;
height: 20px;
float: left;
clear: left;
padding-top: 4px;
padding-left: 8px;
margin-bottom: 4px;
font-size: 12px;
color: #fffffe;
background: none;}
#meniu_jos {float: left;
width: 887px;
clear: left;
color: #FFD940;
font-size: 13px;
margin-left: 40px;
margin-top: 20px;}
* html #meniu_jos {margin-left: 20px;
clear: none;}
#meniu_jos li {width: auto;
float: left;margin-left: 5px;}
#meniu_jos li a {color: #FFD940;}
#developed { width: 877px;
padding-left: 40px;
font-size: 13px;
color: #FFD940;
margin: 0 auto;
margin-top: 10px;
padding-bottom: 10px;}
* html #developed {padding-left: 46px;
width: 871px;}
#developed a {text-decoration: underline;color: #FFD940; }

/* LIGHT BOX */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
#traficro {text-align: center;
padding-bottom: 10px;}
#modif {width: auto;
float: left;
clear: left;
color: red;
font-size: 12px;}
#modif a {color: red;}
#reclama_milka {width: 192px; margin: 0 auto; margin-top: 10px;}
#fadeinbox{
position:absolute;
width: 500px;
left: 0;
top: -400px;
border: 2px solid #cbcbcb;
background-color: #ffffff;
padding: 4px;
z-index: 100;
visibility:hidden;
padding: 10px;
}
#fadeinbox a {
color: #f26522;
}