/*
Date: 31 October 2008
Author: Bogdan Valentin Oasa
Company: Touch Media
Website: www.touch-media.ro
Project: Vitantis
*/

/* 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:0px;
height: 10px;
}
.err {
  float: left;
  clear: left;
  color: red;
}            
body,html {
  min-height: 100%;
}

body {
  font-size: 11px;
  font-family: Verdana, Arial, sans-serif;
  background: #fff url(images/background.jpg) repeat-x;
  margin:0;
  padding: 0;
}

#page {
  width: 1000px;
  margin: 0 auto;
}
#header {
  width: 1000px;
  height: 262px;
  float: left;
  clear: left;
  background: url(images/header.png) repeat-y;
}
#header_roundcorner {
  width: 11px;
  height: 171px;
  float: left;
  background: url(images/header_roundcorner.png) no-repeat;
  margin: 42px 0 0 0;
}

#inside_header {
  width: 980px;
  height: 262px;
  float: left;
  background: url(images/big_header.png) no-repeat;
}

#menu_top {
  float: left;
  clear: left;
  font-size: 10px;
  padding: 13px 0 0 23px;
}
#menu_top li {
  padding: 0 10px 0 10px;
  float: left;
}
#menu_top li a {
  color: #cc3333;
  float: left;
}
#menu_top li a:hover, #menu_top li a#current_top {
  color: #ff4040;
}
#top_search {
  float: right;
  margin: 0 80px 0 0;

}
* html #top_search {
  margin-right: 25px;
}
#top_search label {
  float: left;
  width: 50px;
  text-align: left;
  color: #ff0000;
  font-weight: bold;
  font-size: 12px;
  margin: 10px 0 0 0;
}
#top_search input {
  float: left;
  margin: 8px 5px 0 0;
  width: 100px;
  border: none;
  background: transparent;
  color: white;
}
#top_search input#submit {
  width: auto;
  float: left;
  width: 21px;
  height: 21px;
  background: url(images/search.png) no-repeat;
  cursor: pointer;
}
#header_flash {
  width: 976px;
  float: left;
  clear: left;
  height: 150px;
  margin: 24px 0 0 4px;
}
*:first-child+html #header_flash {
  margin: 24px 0 0 4px;
}
#menu {
  float: left;
  clear: left;
  margin: 0 0 0 52px;
}

#menu li {
  float: left;
}
#menu li a {
  float: left;
  width: 98px;
  height: 27px;
  background: url(images/button.png) no-repeat;
  position: relative;
  margin-left: -27px;
  padding: 15px 0 0 35px;
}
#menu li a#item7 {
  z-index: 0;
}
#menu li a#item6 {
  z-index:10;
}
#menu li a#item5 {
  z-index:11;
}
#menu li a#item4 {
  z-index:12;
}
#menu li a#item3 {
  z-index:13;
}
#menu li a#item2 {
  z-index:14;
}
#menu li a#item1 {
  z-index:15;
}
#menu li a:hover, #menu li a.current {
  background: url(images/button_sel.png) no-repeat;
}

#content {
  width: 962px;
  margin: 0 auto;
  padding: 19px 0 0 0;
}
#search_container {
  float: left;
  clear: left;
  width: 226px;
  height: 366px;
}
#search {
  width: 210px;
  height: 330px;
  padding: 15px 0 0 16px;
  float: left;
  clear: left;
  background: url(images/searchbox.png) repeat-x;
}
#search_shadow {
  float: left;
  clear: left;
  width: 181px;
  height: 21px;
  background: url(images/shadow_searchbox.png) no-repeat;
}
* html #search_shadow {
  margin-top: -11px;
}


h3 {
  float: left;
  clear: left;
}
#search p {
  float: left;
  clear: left;
  width: 200px;
  text-align: justify;
  color: #6f6f75;
  font-size: 11px;
  margin: 5px 0 0 0;
}
#banner_st {
  width: 160px;
  height: 600px;
  float: left;
  clear: left;
  position: relative;
  margin-left: -160px;
  margin-bottom: -600px;
}
#banner_dr {
  width: 160px;
  height: 600px;
  float: right;
  clear: right;
  position: relative;
  margin-right: -160px;
  margin-bottom: -600px;
}


#newsletter_form {
  width: 182px;
  height: 19px;
  background: #fff;
  border: 1px #9a9a9a solid;
  float: left;
  clear: left;
  margin: 17px 0 0 0;
}
#newsletter_form input {
  float: left;
  clear: left;
  width: 150px;
  height: 17px;
  font-size: 10px;
  background: transparent;
  border: 0;
  margin: 1px 0 0 4px;
}
#newsletter_form input#submit_newsletter {
  clear: none;
  width: 22px;
  height: 17px;
  background: url(images/newsletter_button.gif) no-repeat;
  cursor: pointer;
}
#cauta_magazin {
  float: left;
  clear: left;
  font-size: 11px;
  color: #6f6f75;
  margin: 17px 0 0 0;
  width: 182px;
}
#cauta_magazin label {
  float: left;
  clear: left;
  margin: 0 0 5px 0;
}
#cauta_magazin input {
  clear: left;
  float: left;
  background: #fff;
  border: 1px #9a9a9a solid;
  width: 182px;
  height: 17px;
  margin: 0 0 8px 0;
}
#cauta_magazin select {
  clear: left;
  float: left;
  background: #fff;
  border: 1px #9a9a9a solid;
  width: 182px;
  height: 19px;
  margin: 0 0 8px 0;
}
#cauta_magazin input#submit_magazin {
  float: right;
  width: auto;
  border: none;
  width: 44px;
  height: 9px;
  background: url(images/cauta.png) no-repeat;
  cursor: pointer;
}
#content_header {
  width: 724px;
  height: 366px;
  float: left;
  margin-left: 10px;
}
#content_header_img {
  float: left;
  clear: left;
}
#brands_carousel {
  float: left;
  clear: left;
  height: 74px;
  width: 724px;
  background: #fff;
  margin: 25px 0 0 0;
}
#carousel_left {
  float: left;
  clear: left;
  width: 37px;
  height: 37px;
  background: url(images/carousel_left.jpg) no-repeat;
  margin: 16px 0 0 12px;
}
#carousel_right {
  float: right;
  width: 37px;
  height: 37px;
  background: url(images/carousel_right.jpg) no-repeat;
  margin: 16px 12px 0 0;
}
#carousel_center {
  float: left;
  width: 600px;
  height: 51px;
  margin: 12px 0 0 12px;
}
#carousel_center img {
  float: left;
  margin: 0 11px 0 11px;
}

#sidebar {
  width: 324px;
  float: left;
  clear: left;
}
h2 {
  float: left;
  clear: left;
  width: 296px;
  height: 23px;
  background: url(images/h2.png) no-repeat;
  padding: 13px 0 0 28px;
}
#sidebar p {
  font-size: 12px;
  color: #9a9a9a;
  width: 324px;
  text-align: justify;
  float: left;
  clear: left;
  margin: 20px 0 0 0;
}
#sidebar p.jocuri_online {
  width: 160px;
}
.citeste_mai_mult {
  float: left;
  width: 148px;
  height: 11px;
  background: url(images/citeste_mai_mult.png) no-repeat;
  margin: 10px 0 0 0;
}
.click_aici {
  float: left;
  width: 105px;
  height: 27px;
  padding: 10px 0 0 45px;
  color: #9a9a9a;
  background: url(images/carousel_right.jpg) no-repeat;
}
#sonic {
  float: left;
  position: relative;
  margin: -70px 0 0 45px;
}
#harta_mica {
  float: left;
  clear: left;
  margin-top: 5px;
}
#latest {
  width: 600px;
  float: left;
  margin:  0 0 0 32px;
}
.column {
  float: left;
  width: 290px;
}
.column#evenimente {
  margin-right: 10px;
}
.column#noutati{
  margin-left: 10px;
}
.titlu_column {
  float: left;
  clear: left;
}
.titlu_column img{
  float: left;

}
 .rss_titlu {
  float: left;
  margin-left: 10px;
  width: 19px;
  height: 19px;
  background: url(images/rss.png) no-repeat;
  position: relative;
  margin-top: -2px;
}
.titlu_column a {
  float: left;
  color: #afafaf;
  font-size: 10px;
}
.latest_box {
  float: left;
  clear: left;
  margin: 0 0 30px 0;
  width: 290px;
}
.latest_box p {
  float: left;
  width: 160px;
  text-align: justify;
  color: #6c6c6c;
}
.latest_box p .date {
  float: left;
  color: #ed1b35;
  margin: 0 0 5px 0;
}
.continuare {
  float: left;
  clear: left;
  margin: 5px 0 0 0;
  width: 80px;
  height: 11px;
  background: url(images/continuare.gif) no-repeat;
}
.latest_pic {
  float: left;
  border: 1px #9b9b9b solid;
  margin: -5px 0 0 10px;
  position: relative;
}
#promotii {
  float: left;
  clear: left;
  width: 324px;
  background: url(images/paginare_slider.jpg) repeat-x 0 55px;
}
#promotii_header {
  float: left;
  clear: left;
  width: 305px;
  height: 37px;
  padding: 14px 0 0 19px;
}
#promotii_left {
  float: left;
  clear: left;
  width: 324px;
  font-size: 11px;
  padding: 0 0 0 20px;
  text-align: center;
  word-spacing: 15px;
  line-height: 22px;
}
#promotii_left a {
  color: #636363;
}
#promotii_left  a:hover {
  color: #fe0000;
}
#promotii_right {
  float: left;
  width: 324px;
  text-align: center;
}
#promotii_right p {
  float: left;
  clear: left;
  width: 324px;
  text-align: center;
  color: #6c6c6c;
  border-top: 1px #6c6c6c dashed;
  padding-top: 10px;
  font-size: 11px;
}
#footer {
  float: left;
  width: 100%;
  min-height: 256px;
  background: #b1b1b1 url(images/footer.jpg) repeat-x;
}
#footer_center {
  width: 962px;
  margin: 0 auto;
  padding: 30px 0 0 0;
}
.footer_box {
  float: left;
  width: 210px;
  padding: 0 10px 0 5px;
  font-size: 11px;
  color: #ffffff;
}
.footer_box span {
  font-weight: bold;
  float: left;
  clear: left;
}
.footer_box a {
  float: left;
  clear: left;
  color: #ffffff;
  margin: 0 0 3px 0;
  width: 200px;
}
.footer_box a:hover {
  text-decoration: underline;
}
#credits {
  float: right;
  width: 260px;
  padding: 0 0px 0 0px;
  font-size: 11px;
  color: #ffffff;
  text-align: justify;
}
#credits img {
  float: left;
  clear: left;
  border: 1px #fff solid;
  margin: 0 5px 0 0;
}
#credits span {
  float: left;
  margin: 5px 0 0 0;
}
#credits span a {
  float: left;
  color: #fff;
  margin-right: 5px;
}

#content_right {
  width: 725px;
  padding: 0 0 0 230px;
}
h1 {
  float: left;
  clear: left;
}
h1 img {
  float: left;
}


.textbox1 {
  float: left;
  clear: left;
  font-size: 11px;
  color: #6c6c6c;
  width: 100%;
  text-align: justify;
}
#contact_form {
  float: left;
  clear: left;
  width: 400px;
  margin: 15px 0 0 0;
}
#contact_form label {
  float: left;
  clear: left;
  width: 100px;
  color: #6c6c6c;
  margin: 6px 0 0 0;
}
#contact_form input {
  float: left;
  width: 200px;
  border: 1px #6c6c6c solid;
  margin: 4px 0 0 0;
}
#contact_form textarea {
  float: left;
  width: 200px;
  height: 100px;
  border: 1px #6c6c6c solid;
  margin: 4px 0 0 0;
}
#contact_form input#submit_contact {
  width: auto;
  cursor: pointer;
}
.textbox2 {
  float: left;
  clear: left;
  font-size: 11px;
  color: #6c6c6c;
  width: 100%;
  text-align: justify;
  min-height: 410px;
  padding: 10px 0 0 0;
  background: url(images/watermark_vitantis.png) no-repeat;
  margin: 10px 0  0 0;
}
.textbox2 a {
  color: #f40000;
}
.categorie_box {
  width: 725px;
  float: left;
  clear: left;
  padding-bottom: 10px;
  border-bottom: 1px #ababab dotted;
  margin: 25px 0 0 0;
}
.categorie_box#categorie_magazin {
  border: none;
}


.img_categorie {
  float: left;
  clear: left;
  border: 1px #dbdbdb solid;
  margin-bottom: 10px;
}
.img_categorie2 {
  float: left;
  clear: left;
  margin-bottom: 10px;
}
.magazin_poze_left {
  float: left;
  clear: left;
}


.categorie_descriere {
  float: left;
  width: 250px;
  margin-left: 10px;
}
.categorie_descriere2 {
  float: left;
  width: 450px;
  margin-left: 10px;
}
.categorie_descriere3 {
  float: left;
  width: 100%
}
.categorie_descriere4 {
  float: left;
  width: 250px;
  margin: 0 0 0 10px;
}
.titlu_brand {
  float: left;
  width: 250px;
  color: #cd0202;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}
.titlu_brand em {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
}


.titlu_brand2 {
  float: left;
  width: 450px;
  color: #cd0202;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}
.titlu_brand3 {
  float: left;
  width: 200px;
  color: #cd0202;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
}
.categorie_descriere p {
  float: left;
  clear: left;
  width: 250px;
  color: #727272;
  font-size: 11px;
  text-align: justify;
}
.categorie_descriere2 p {
  float: left;
  clear: left;
  width: 450px;
  color: #727272;
  font-size: 11px;
  text-align: justify;
}
.categorie_descriere3 p {
  float: left;
  clear: left;
  width: 100%;
  color: #727272;
  font-size: 11px;
  text-align: justify;
}
.categorie_descriere4 p {
  float: left;
  width: 250px;
  color: #727272;
  font-size: 11px;
  text-align: justify;
}
.categorie_descriere4 p a {
  color: #727272;
  text-decoration: underline;
}
.localizare_item {
  float: left;
  clear: left;
  height: 35px;
  padding: 0 0 0 50px;
  margin: 0 0 10px 0;
  width: 150px;
  color: #727272;
  text-align: left;
}
.localizare_item#icon1 {
  background: url(images/localizare_icon1.png) no-repeat;
}
.localizare_item#icon2 {
  background: url(images/localizare_icon2.png) no-repeat;
}


.brand_utils {
  float: left;
  border-left: 1px dashed #ababab;
  margin: 25px 0 0 10px;
  padding: 0  0 0 10px;
}
.brand_utils#no_border_left {
  border: none;
  margin: 25px 0 0 10px;
  padding: 0;
}
.brand_utils li {
  float: left;
  clear: left;
  margin: 5px 0 5px 0;
}
.brand_utils li a {
  float: left;
  clear: left;
  width: 120px;
  height: 21px;
  color: #727272;
  padding: 5px 0 0 32px;
}
.brand_utils#no_border_left li a {
  float: left;
  clear: left;
  width: 200px;
  height: 21px;
  color: #727272;
  padding: 5px 0 0 32px;
}
.brand_utils li a.icon_info {
  background: url(images/icon_info.png) no-repeat;
}
.brand_utils li a.icon_mail {
  background: url(images/icon_mail.png) no-repeat;
}
.brand_utils li a.icon_recomanda {
  background: url(images/icon_recomanda.png) no-repeat;
}
.brand_utils li a.icon_parere {
  background: url(images/icon_parere.png) no-repeat;
}
.brand_utils li a.icon_localizare {
  background: url(images/icon_localizare.png) no-repeat;
}


#admin_form {
  float: left;
  clear: left;
  width: 450px;
}
#admin_form label{
  float: left;
  width: 100px;
  clear: left;
  margin: 7px 0 0 0;
}
#admin_form input {
  float: left;
  width: 150px;
  margin: 4px 0 0 0;
}
#admin_form select {
  float: left;
  width: 150px;
  margin: 4px 0 0 0;
}
#admin_form input#submit_admin {
  float: left;
  width: auto;
}
#admin_form textarea {
  width: 250px;
  height: 100px;
  margin: 4px 0 0 0;
}
.err {
  float: left;
  clear: left;
  width: 100%;
  color: red;
  font-size: 10px;
}
.succes {
  float: left;
  clear: left;
  width: 100%;
  color: green;
  font-size: 10px;
}
.link_panou {
  float: left;
  clear: left;
  color: #555555;
}
.link_panou:hover {
  text-decoration: underline;
}
#paginare {
  float: left;
  width: 100%;
  clear: left;
}
#paginare a {
  float: left;
  color: #cd0202;
  border: 1px #cccccc solid;
  padding: 3px 5px;
  margin: 0 5px 0 0;
}
#paginare a#current_pag, #paginare a:hover {
  color: #888888;
}
.admin_indication {
  float: left;
  clear: left;
  margin-left: 100px;
}
.existing_picture {
  float: left;
  clear: left;
  margin-left: 100px;
}
.delete_pic {
  float: left;
  clear: left;
  margin-left: 100px;
  color: green;
}
.editeaza_magazin {
  float: left;
  clear: left;
  color: red;
  text-decoration: underline;
}
.div_poza_noutate {
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
}
.back_link {
  float: right;
  width: 130px;
  color: #cd0202;
  font-size: 11px;
  text-decoration: underline;
}

.sterge_item {
  float: left;
  clear: left;
  color: green;
  text-decoration: underline;
}
.textbox2 .harta_link1 {
  float: left;
  clear: left;
  margin: 15px 0 0 5px;
  color: green;
  font-size: 12px;
  font-weight: bold;
}
.textbox2 .harta_link2 {
  float: left;
  clear: left;
  margin: 10px 0 0 35px;
  color: green;
  font-size: 12px;
}
.textbox2 .harta_link3 {
  float: left;
  clear: left;
  margin: 5px 0 0 70px;
  color: green;
  font-size: 11px;
}
.textbox2 a:hover {
  text-decoration: underline;
}
.recomanda_list {
  float: left;
  clear: left;
  width: 400px;
}
#recomanda_magazin {
  float: left;
  clear: left;
  width: 400px;
}
#recomanda_magazin label {
  float: left;
  clear: left;
  width: 100px;
  margin: 6px 0 0 0;
}
#recomanda_magazin input {
  float: left;
  width: 200px;
  margin: 4px 0 0 0;
}
#recomanda_magazin textarea {
  float: left;
  width: 200px;
  height: 150px;
  margin: 4px 0 0 0;
}
#bottom_veryleft_div {
	float: left;
	clear: left;
	width: 324px;
	margin-right: 40px;
	margin-left: 0;
	padding-left: 0;
}
* html #bottom_veryleft_div {
	margin-right: 25px;
}
#bottom_left_div {
	float: left;
	width: 324px;
}
#bottom_left_div p {
  font-size: 12px;
  color: #9a9a9a;
  width: 324px;
  text-align: justify;
  float: left;
  clear: left;
  margin: 20px 0 0 0;
}
#bottom_right_div {
	float: right;
	width: 261px;
}
#bottom_right_div h2#h2_mic {
	background: url(images/h2_mic.png) no-repeat;
}
#bottom_right_div p.jocuri_online {
  font-size: 12px;
  color: #9a9a9a;
  width: 324px;
  text-align: justify;
  float: left;
  clear: left;
  margin: 20px 0 0 0;
}
.citeste_mai_mult {
  float: left;
  width: 148px;
  height: 11px;
  background: url(images/citeste_mai_mult.png) no-repeat;
  margin: 10px 0 0 0;
}
.click_aici {
  float: left;
  width: 105px;
  height: 27px;
  padding: 10px 0 0 45px;
  color: #9a9a9a;
  background: url(images/carousel_right.jpg) no-repeat;
}
#sonic {
  float: right;
  position: relative;
  margin: -110px -25px 0 0;
}
#over_footer {
  width: 1000px;
  margin: 0 auto;
  
}

	#panel {
		 position:absolute;
		 z-index: 1000;
	}

	.hidden {
		 display:none;
	}