/*
Date: 04.01.2010
Author: Oasa Bogdan Valentin
Company: Touch Media
Website: www.touch-media.ro
Project: Interpesca
*/

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS start! */
.clear {clear:both; display:block; line-height:0px;}
.clear2 {clear:both; display:block; line-height:0px; height:20px;}
.clear3 {clear: both; display: block; line-height:0; height: 10px;}
html, body {height: 100%;}

body > #page {height: auto; min-height: 100%;}

body {background:#173358 url(images/background.jpg) no-repeat center 0; font-family: Verdana, Arial, sans-serif; }
#page {width: 968px; margin: 0 auto; padding-top: 12px;}
#language {float: left; clear: left; width: 300px; }
#language a {float: left; color:#ffffff; font-size: 11px; text-decoration: none; margin-right: 30px; padding-top: 1px;}
#language img {float: left; margin-right: 6px; margin-top: -1px; position: relative; }
#top_menu {float: right; clear: right; border-right: 1px #699bc4 solid; }
#top_menu li {float: left; }
#top_menu li a {float: left; clear: left; font-size: 11px; color: #95c0df; background: #3277af; padding: 5px 10px; border-left: 1px #699bc4 solid; }
#inpage_top {float: left; clear: left; width: 968px; height: 4px; background: url(images/inpage_top.gif) no-repeat; margin-top: 8px;}
#inpage {float: left; clear: left; width: 942px; background: url(images/inpage_middle.png) repeat-y; padding: 9px 13px 0 13px; }
#inpage_bottom {float: left; clear: left; width: 968px; height: 9px; background: url(images/inpage_bottom.gif) no-repeat; }
#inpage_logo {float: left; clear: left; width: 100%; background: url(images/inpage_logo.gif) repeat-x; height: 108px; }
#logo {float: left; clear: left; margin: 9px 0 0 13px;}
* html #logo {margin-left: 7px; }
#reteta_top {width: 928px; float: left; clear: left; background: url(images/reteta_back.gif) repeat-x; padding: 6px 7px 3px 7px; }
#reteta_top .reteta_back  {width:928px; height: 291px; float: left; clear: left; }
#reteta_top .reteta_back  .reteta_top_detalii {float: right; width: 274px; height: 291px; background: #fff; padding: 0 17px; filter:alpha(opacity=81); -moz-opacity:0.81; -khtml-opacity: 0.81;	opacity: 0.81; }
#reteta_top .reteta_back  .reteta_top_detalii p {float: left; clear: left; width: 274px; height: 200px; text-align: justify; font-size: 11px; color: #484848; margin: 17px 0 0 0; }
#reteta_top .reteta_back  .reteta_top_detalii h3 {float: left; clear: left; width: 200px; text-align: left; color: #484848; font-size: 14px; }
.citeste_in_continuare {float: right; clear: right; display: block; color: #fff; background: #648db0; padding: 3px 15px; font-size: 11px; margin-top: 13px;}
	#myController span{	color:#FFF;	background:#000;display: none;cursor:pointer; font-size: 0; padding: 0; height: 0; overflow: hidden; }	
	#jFlowSlide{border:0;margin:0;padding:0}
	#myController span.jFlowSelected {background:#F00;}
    #mySlides {float: left; width: 928px;  height: 291px; overflow: hidden; }	
	.jFlowPrev {position: relative; top: -277px; right: 35px; width: 17px; height: 18px; cursor: pointer; float: right; background: url(images/slide_left.png) no-repeat; margin-bottom: -18px;}
	.jFlowNext {position: relative; top: -277px; right: 10px; width: 17px; height: 18px; cursor: pointer; float: right; background: url(images/slide_right.png) no-repeat; margin-bottom: -18px;}

#menu {width: auto; height: 50px; padding-left: 142px; }
#menu li { float: left; list-style: none; }
#menu li.menu_left { width: 12px; height: 50px; background: url(images/menu_left.jpg) no-repeat;}
#menu li.menu_right { width: 12px; height: 50px; background: url(images/menu_right.jpg) no-repeat;}
#menu li a {float: left; height: 35px; font-family: Tahoma; font-size: 14px; color: #fff; padding: 15px 25px 0 25px; background: url(images/menu_back.jpg) repeat-x; }
#menu li a:hover,#menu li a#current  {background: url(images/menu_back_sel.jpg) repeat-x; }
#menu li .separator {float: left; width: 1px; height: 50px; background: url(images/menu_separator.jpg) no-repeat;}

#sidebar {float: left; clear: left; width: 210px; padding: 6px 5px 0 0;}
h2 {float: left; clear: left; font-size: 20px; color: #363636; text-align: left; font-weight: normal; }
#sidebar h2 {padding-left: 10px; }
#sidebar .rss {width: 38px; height: 30px; float: right; background: url(images/rss.gif) no-repeat; }
.sidebar_content {float: left; clear: left; width: 200px; padding: 10px 5px 10px 10px;  background: #fff url(images/sidebar_content.jpg) repeat-x; }
.sidebar_content p {float: left; clear: left; width: 100%; text-align: justify; font-size: 11px; color: #7a7a7a; margin: 10px 0 8px 0;}
.sidebar_content h3 {float: left; clear: left; width: 100%; color: #173358; font-size: 11px; }
.continuare {float: left; clear: left; height: 9px; line-height: 9px; background: url(images/arrow.gif) no-repeat; padding: 0 0 0 15px; color: #767676; font-size: 11px;}

#content {width: 704px; float: right; padding: 15px 0 ; }
#content.large {width: 942px; float: left;  padding: 25px 0;}
.content_item {float: left; clear: both; width: 100%; }
.content_item_left {float: left; width: 185px; }
.content_item_left.large {float: left; width: 318px; }
.rama {float: left; width: 177px; height: 118px; background: url(images/rama.gif) no-repeat; padding: 7px 0 0 8px; margin: 0 0 2px 0;}
.rama img {float: left; }
.rama.lat {float: left; width: 309px; height: 128px; background: url(images/rama2.gif) no-repeat; padding: 9px 0 0 9px; margin: 0 0 2px 0;}
.content_item_right {float: right; width: 500px; }
.content_item_right.large  { width: 726px; margin-right: 5px; }
.content_item_right.semilarge  { width: 581px; margin-right: 5px; }
.content_item_right h2 {padding: 0; }
.content_item_right .denumire {float: left; clear: both; width: 100%; margin: 0px 0 -8px 0; text-align: justify; font-size: 11px; color: #585858}
.content_item_right .textblock {float: left; clear: both; width: 100%; margin: 13px 0 17px 0; text-align: justify; font-size: 11px; color: #484848}
#harta_google {width: 281px; height: 261px; float: left; clear: left; margin-right: 20px; }
#info_contact {width: 260px; float: left; margin-top: 20px; }
#info_contact h2 {padding: 0; }
#info_contact .textblock {float: left; clear: both; width: 100%; margin: 13px 0 17px 0; text-align: justify; font-size: 11px; color: #484848}
form#formular_contact {width: 283px; float: right; clear: right; margin: 0 30px 0 0; padding: 0; }
form#formular_contact h2 {padding: 0; }
form#formular_contact input{float: left; width: 267px; height: 16px;  background: url(images/input.jpg) repeat-x; color: #4e4e4e; font-size: 10px; padding: 3px 7px 0 7px; border: 1px #afafaf solid; margin: 4px 0; font-family: Verdana; }
form#formular_contact textarea{float: left; width: 267px; height: 99px;  background: url(images/textarea.jpg) repeat-x; color: #4e4e4e; font-size: 10px; padding: 3px 7px 0 7px; border: 1px #afafaf solid; margin: 4px 0; font-family: Verdana; }
form#formular_contact input.button {float: right; clear: right; width: 92px; height: 22px; cursor: pointer; padding: 0; background: url(images/trimite2.gif) no-repeat; border: 0; }
form#formular_contact input.button_en {float: right; clear: right; width: 92px; height: 22px; cursor: pointer; padding: 0; background: url(images/trimite2_en.gif) no-repeat; border: 0; }

.cont {float: right; clear: both; width: 92px; height: 22px; background: url(images/continuare.gif) no-repeat; }
.cont_en {float: right; clear: both; width: 92px; height: 22px; background: url(images/continuare_en.gif) no-repeat; }

#footer {float: left; clear: left; width: 960px; background: url(images/footer.jpg) repeat-x; height: 178px; position: relative; margin-left: -9px;}
#footer ul {float: left; clear: left;  list-style: none; }
#footer ul li {float: left; padding: 25px 25px 0 25px;}
#footer ul li.separator2 {float: left; padding: 25px 0 0 0; height: 123px; background: url(images/separator2.jpg) no-repeat 0 25px; width: 1px;  }
#footer ul li.retea {float: left; padding: 7px 25px 0 25px; text-align: center;   }
#footer ul li.retea img {float: left; clear: both; margin: 10px 0 9px 0; }
#footer ul li.retea span {float: left; clear: both; color: #fff; font-size: 11px; width: 100%; text-align: center;}
#footer ul li.harta {float: left; padding: 7px 0 0 25px; text-align: left;   }
#footer ul li.harta div {float: left; padding-right: 18px; }
#footer ul li.harta img {float: left; clear: both; margin: 19px 0 9px 0; }
#footer ul li.harta span {float: left; clear: both; color: #fff; font-size: 11px; width: 100%; text-align: center;}
#footer ul li.harta form {float: left; width: 174px; }
#footer ul li.harta form input{float: left; width: 158px; height: 16px;  background: url(images/f_input.gif) repeat-x; color: #aaaaaa; font-size: 11px; padding: 3px 7px 0 7px; border: 1px #a7a8a9 solid; margin: 4px 0;}
#footer ul li.harta form textarea{float: left; width: 158px; height: 51px;  background: url(images/f_textarea.gif) repeat-x; color: #aaaaaa; font-size: 11px; padding: 3px 7px 0 7px; border: 1px #a7a8a9 solid; margin: 4px 0;}
#footer ul li.harta form input.button {float: right; clear: right; width: 78px; height: 19px; cursor: pointer; padding: 0; background: url(images/trimite.gif) no-repeat; border: 0; }
#footer ul li.harta form input.button_en {float: right; clear: right; width: 78px; height: 19px; cursor: pointer; padding: 0; background: url(images/trimite_en.gif) no-repeat; border: 0; }
#footer ul li h3 {color: #cbcbcb; font-size: 12px; }
#footer ul li ul {float: left; clear: left; }
#footer ul li ul li {float: left; clear: left; width: 125px; padding: 2px 0;}
#footer ul li ul li a {float: left; clear: left; padding: 5px 0 5px 15px; width: 110px; color: #cbcbcb; font-size: 11px; }
#footer ul li ul li a:hover, #footer ul li ul li a#current_footer {background: #4081b1; }
#credits {width: 100%; color: #8d9bad; font-size: 10px; text-align: center; line-height: 14px; float: left; clear: both; padding: 15px 0 25px 0;}
#credits a {color: #8d9bad; text-decoration: none; }

.admin_form {float: left;  }
.admin_form div {float: left; clear: left; width: 100%; margin: 5px 0 ;}
.admin_form label {float: left; clear: left; width: 100%; font-size: 11px; color: #333; }
.admin_form  input{float: left; clear: left; width: 158px; height: 16px;  background: url(images/f_input.gif) repeat-x; color: #aaaaaa; font-size: 11px; padding: 3px 7px 0 7px; border: 1px #a7a8a9 solid; margin: 4px 0;}
.admin_form textarea{float: left; width: 158px; height: 51px;  background: url(images/f_textarea.gif) repeat-x; color: #aaaaaa; font-size: 11px; padding: 3px 7px 0 7px; border: 1px #a7a8a9 solid; margin: 4px 0;}
.admin_form .button {float: left; clear: left; width: auto; height: auto; font-weight: bold; cursor: pointer; }

.err {float: left; clear: both; width: 100%; color: red; font-size: 10px; text-align: left; }
.succes {float: left; clear: both; width: 100%; color: green; font-size: 10px; text-align: left;  }
.admin_link {float: left; clear: both; width: auto; display: block; text-decoration: underline; font-size: 11px; color: #333; margin: 3px  0; }
.inapoi_link {float: left; clear: both; width: auto; display: block; text-decoration: underline; font-size: 10px; color: #333;  margin: 0 5px 0 0;}
.poza_existenta {float: left; clear: left; }
.sterge_poza {float: left; background: red; color: #fff; padding: 2px 3px; }

#sitemap {
            float: left; clear: left; width: 100%; list-style: disc; padding: 0 0 0 0; color: #333;
        }
            #sitemap li {float: left; width: 100%; margin: 10px 0 0 0; font-size: 13px; }
            #sitemap li a {text-decoration: none; color: #333; }
            #siteamp li a:hover {text-decoration: underline;}
            #sitemap li ul {float: left; list-style: circle; width: 350px; padding: 0 0 0 50px; }
            #sitemap li ul li {margin: 0; font-size: 11px;}