/*
Date: 28 May 2008
Author: Bogdan Valentin Oasa
Company: Touch Media
Website: www.touch-media.ro
Project: HCM Constanta
*/

/* 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;
  border-bottom: 1px #cccccc solid;
  height: 1px;
}

body,html {
  min-height: 100%;
  height: 100%;
}

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

/* Content */
#page {
  width: 874px;
  margin: 0 auto;
  position:relative;
}
.outside_banner {
	left: 876px;
	position: absolute;
}
#header {
  width: 874px;
  height: 172px;
  float: left;
  clear: both;
  background: url(images/header.jpg) no-repeat;
}
#header p {
  width: 100%;
  color: #7d9bc9;
  text-align: center;
  padding-top: 4px;
}
#asculta_imnul {
  float: right;
  clear: right;
  background: url(images/asculta_imnul.gif) no-repeat;
  width: 271px;
  height: 52px;
  margin: 37px 0 0 0;
}
#discuta_forum {
  float: right;
  clear: right;
  background: url(images/discuta_forum.gif) no-repeat;
  width: 261px;
  height: 55px;
  margin: 5px 0 0 0;
}
#meniu {
  float: left;
  clear: left;
  width: 864px;
  border-left: 5px #dde0e8 solid;
  border-right: 5px #dde0e8 solid;
  height: 57px;
  background-image: url(images/meniu_back.png);
}
#meniu ul {
  float: left;
  height: 57px;
  margin-left: 10px;
}
* html #meniu ul {
  margin-left: 5px;
}

#meniu ul li {
  float: left;
}
#meniu ul li .separator {
  float: left;
}
#meniu ul li a{
  float: left;
  padding: 24px 15px 20px 15px;
}
#meniu ul li a:hover, #meniu ul li a#select {
  background-image: url(images/meniu_back_sel.png);
}
#undermeniu {
  float: left;
  clear: left;
  width: 864px;
  border-left: 5px #dde0e8 solid;
  border-right: 5px #dde0e8 solid;
  height: 33px;
  background-image: url(images/undermeniu.gif);
}
#undermeniu ul {
  float: left;
  height: 33px;
  background: no-repeat 45px top;
  background-image: url(images/arrow.png);
}
#undermeniu ul#ul1 {
  margin-left: 60px;
}
* html #undermeniu ul#ul1 {
  margin-left: 52px;
}
#undermeniu ul#ul2{
  margin-left: 142px;
}
* html #undermeniu ul#ul2 {
  margin-left: 93px;
}
#undermeniu ul#ul3{
  margin-left: 228px;
}
* html #undermeniu ul#ul3 {
  margin-left: 135px;
}
#undermeniu ul#ul4{
  margin-left: 170px;
    background: no-repeat 150px top;
  background-image: url(images/arrow.png);
}
* html #undermeniu ul#ul4 {
  margin-left: 100px;
  background: none;
}
#undermeniu ul li {
  color: #218702;
  float: left;
  margin: 10px 0 0 25px;
}
* html #undermeniu ul li {
  margin-left: 5px;
  margin-right: 8px;
}

#undermeniu ul li span {
  float: left;
  margin: 0 5px 0 0;
}
#undermeniu ul li a{
  color: #002e76;
}
#content {
  float: left;
  clear: left;
  width: 864px;
  border-left: 5px #dde0e8 solid;
  border-right: 5px #dde0e8 solid;
  background-image: url(images/content_back.png);
  background-repeat: repeat-x;
  background-color: #537ab5;
  padding: 22px 0 0 0;
}
#noutati {
  float: left;
  clear: left;
  margin-left: 20px;
  width: 850px;
}
* html #noutati {
  margin-left: 10px;
  width: 840px;
}
#noutati img {
  float: left;
  clear: left;
  border: 5px #95abcd solid;
}
#noutati_text {
  float: left;
  margin: 0 0 0 20px;
}

h2 {
  float: left;
  color: #e2edff;
  font-size: 20px;
  font-weight: normal;
}
h2#despre_h2 {
  margin: 1px 0 0 55px;
}

#noutati_text h2 img {
  border: 0px;
}
#noutati_text p {
  background: #3660a0;
  width: 510px;
  padding: 10px 20px 10px 10px;
  color: #a7bddf;
  margin: 8px 0 0 0;
}
#noutati_text p span {
  font-weight: bold;
  color: #e2edff;
  font-size: 12px;
}
.prevnext {
  float: left;
  clear: left;
  width: 98%;
  margin: 5px 0 0 0;
}
.arrowleft {
  float: left;
  background: url(images/arrow_left.png) no-repeat;
  width: 19px;
  height: 17px;
}
.arrowright {
  float: left;
  background: url(images/arrow_right.png) no-repeat;
  width: 19px;
  height: 17px;
}
.prevnext span {
  float: left;
  color: #e2edff;
  margin: 2px 10px 0 10px;
}
.prevnext span.veziarhiva {
  float: left;
  width: 500px;
  margin-top: -15px;
  position: relative;
  text-align: right;
  color: #c4f67a;
}
.prevnext span.veziarhiva a {
  color: #c2c2c2;
}
#clasament {
  float: left;
  clear: left;
  margin: 20px 0 0 20px;
  width: 844px;
}
* html #clasament {
  margin-left: 10px;
}

#clasamente {
  float: left;
  clear: left;
  width:268px;
  height: 280px; 
  
}
.list-echipa#clasamente {width: 210px; height: auto; }
#clasamente ul {
  float: left;
  clear: left;
  background: #466daa;
  width: 268px;

  background: #357c00 url(images/clasament.jpg) repeat-x; 
  padding: 5px 0 10px 0;
  margin: 5px 0 0 0;
  -webkit-border-radius: .5em !important;	-moz-border-radius: .5em !important;	border-radius: .5em !important;
}
.list-echipa#clasamente ul {width: 210px;}
#clasamente ul li {
  float: left;
  clear: left;
  color: #fff;
  font-size: 12px;
  width: 255px;
  padding: 1px 0 1px 10px;
  margin: 2px 0 2px 0;
  cursor: pointer;
}
.list-echipa#clasamente ul li {width: 197px}
#clasamente ul li p {
  float: left;
  clear: left;
  width: 255px;
  color: #fff;
  font-size: 11px;
  margin-top: 4px;
}
.list-echipa#clasamente ul li p { width: 197px; }
#clasamente ul li a{
  color: white;
}

#clasamente ul li:hover,#clasamente ul li#articolul_selectat {
  background: #81d034;
  cursor: pointer;
}
#clasamente ul li span {
  color: #fff;
}
.date_contact {
  float: left;
  clear: left;
  width: 230px;
  position: relative;
  color: #fff;
  font-size: 11px;
  margin-top: 5px;
}

#interviuri {
  float: right;

  width: 560px;
}
* html #interviuri {

}

#interviuri2 {
  float: left;
  margin-left: 25px;
  background: #3a62a2;
  width: 600px;
}
#interviuri3 {
  float: left;
  margin-left: 25px;
  background: #3a62a2;
  width: 580px;
  padding: 0 0 20px 20px;
  margin-bottom: 30px;
}
* html #interviuri3 {
  width: 550px;
}

#interviuri2_under {
  background: #537ab5;
  width: 585px;
  float: left;
  padding: 0 0 0 15px;
}
#poza_jucator {
  float: left;
  clear: left;
  margin: 10px;
}
* html #poza_jucator {
  margin-left: 5px;
}

#poza_jucator img {
  float: left;
  clear: left;
  border: 1px #999999 solid;
}
#lasa_mesaj {
  float: left;
  clear: left;
  width: 182px;
  height: 21px;
  border-top: 1px #999999 solid;
  border-bottom: 1px #999999 solid;
  background: #5a7bb1;
  background-image: url(images/item.png);
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  margin: 20px 0 0 5px;
  padding: 7px 0 0 20px;
}
#comentarii_jucator {
  float: left;
  clear: left;
  width: 182px;
  height: 21px;
  border-bottom: 1px #999999 solid;
  background: #5a7bb1;
  background-image: url(images/item.png);
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 0 5px;
  padding: 7px 0 0 20px;
}
#poza_jucator a:hover {
  background: #7d9dd2;
  background-image: url(images/item.png);
  background-repeat: no-repeat;
}
#interviuri_text {
  margin-top: 10px;
  float: left;
  clear: left;
  width: 100%;
}
#interviuri_text img {
  float: left;
  border: 1px #95abcd solid;
  margin-right: 10px;
}
#interviuri_text p {
  float: right;
  width: 367px;
  color: #fff;
  font-size: 12px;
}
#interviuri_text p a {
  color: #e2edff;
}
#interviuri_text p a:hover {
  text-decoration: underline;
}
#interviuri_text p span.veziarhiva2 {
  float: left;
  width: 395px;
  margin-top: -15px;
  position: relative;
  text-align: right;
  color: #c4f67a;
}
#despre_hcm {
  width: 555px;
  height: 91px;
  float: left;
  clear: left;
  margin: 5px 0 0 0;
}
#meciul_urmator {
  float: left;
  clear: left;
  width: 555px;
  height: 91px;
  
  color: #b0bed3;
  margin: 7px 0 0 0px;
  background: url(images/meci_urmator.jpg) no-repeat; 
}
* html #meciul_urmator {
  margin-left: 7px;
}

#meciul_urmator_echipe {float: left; clear: left; width: 145px; margin-right:35px; padding: 0 0 0 4px; }
#meciul_urmator_echipe div {float: left; clear: both;  width: 100%; clear: both; color: #5c5c5c; font-weight: bold; text-align: center; font-size: 12px;  }
#meciul_urmator_echipe div#echipa_acasa {margin: 10px 0 0 0 ; height: 30px; }
#meciul_urmator_echipe div#echipa_deplasare {margin: 25px 0 0 0 ; }
#meciul_urmator_detalii {float: left; width: 230px; padding: 15px 0 0 5px; color: #5c5c5c; font-size: 11px; line-height: 19px;  }


#meciul_urmator p{
  float: left;
  margin-top: 2px;
  font-size: 12px;
}
#despre_hcm_text {
  float: left;
  font-size: 12px;
  color: #b0bed3;
  width: 400px;
  margin: 7px 0 0 15px;
}
#despre_hcm_text span.veziarhiva2 {
  float: left;
  width: 395px;
  margin-top: 0px;
  position: relative;
  text-align: right;
  color: #c4f67a;
}
.veziarhiva2 a {
  color: #fff;
}
#galerie_foto {
  float: left;
  clear: left;
  margin: 20px 0 0 20px;
}
* html #galerie_foto {
  margin-left: 10px;
}
#galerie_foto_left{
  width: 153px;
  float: left;
  clear: left;
  margin-bottom:10px;
}
#galerie_foto_left span {
  float: left;
  clear: left;
  color: white;
  margin-bottom: 5px;
  width: 148px;
}
#galerie_foto_left img {
  float: left;
  clear: left;
  margin: 0 0 5px 5px;
  border: 1px #b6b7ba solid;
}
#galerie_foto_left h2 img {
  border: none;
}
#galerie_foto_left a {
  float: left;
  clear: left;
  color: #fff;
  margin: 0 0 0 5px;
  width: 148px;
}
#galerie_foto_left a:hover{
  text-decoration: underline;
}
#istoric {
  width: 413px;
  float: left;
  min-height: 310px;
  margin: 0 0 0 25px;
  background: url(images/istoric_back.gif) repeat-x left 40px;
}
#istoric span {
    float: left;
  clear: left;
  color: white;
  margin-bottom: 5px;
  width: 300px;
}

#faza_meciului {
  float: left;
  clear: left;
  border: 4px #7b96c2 solid;
  margin: 5px 0 0 5px;
}
#istoric p#faza_meciului_text {
  float: left;
  width: 150px;
  color: #fff;
  margin-left: 5px;
}

#shop {
width: 413px;
  float: left;
  clear: left;
  padding-bottom: 10px;
}
#shop_left {
  float: left;
  clear: left;
  width: 165px;
}

#shop_online{
  float: left;
  clear: left;
}
#cumpara {
  float: left;
  clear: left;
  width: 165px;
  height: 17px;
  margin-top: 5px;
  background: url(images/mergi_la_cumparaturi.gif) no-repeat;
}
.produs_shop {
  float: left;
  margin-left: 5px;
  border: 1px #a6c4f1 solid;
}


#istoric p span {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
#istoric p span.veziarhiva2 {
  float: left;
  width: 400px;
  margin-top: 0px;
  font-size: 11px;
  text-align: right;
  color: #c4f67a;
  font-weight: normal;
}
#forum_preview {
  float: left;
  width: 204px;
  margin-left: 20px;
}
#forum_preview span {
  float: left;
  clear: left;
  color: white;
  margin-bottom: 7px;
  width: 204px;
  margin-top: 5px;
}
#forum_preview_box {
  float: left;
  clear: left;
  width: 204px;
  min-height: 310px;
  background: #6486bc;
}
#forum_preview_box p {
  float: left;
  clear: left;
  width: 190px;
  border-bottom: 1px #999999 solid;
  color: #cdd8e9;
  padding: 7px;
}
#forum_preview_box p a {
  color: #cdd8e9;
}
#forum_preview_box p a:hover {
  text-decoration: underline;
}                            
#forum_preview_box p#last_forum {
  border: none;
}
#forum_preview_box a#discuta_pe_forum {
  float: right;
  width: 193px;
  height: 31px;
  background: url(images/discuta_pe_forum.gif) no-repeat;
}
#footer_menu {
  float: left;
  clear: left;
  width: 864px;
  height: 24px;
  background: #6789bd;
}
#footer_menu a {
  float: right;
  color: #c2d0e5;
  margin: 6px 20px 0 0;
}
#footer_menu a:hover {
  text-decoration: underline;
}
#credits {
  float: left;
  clear: left;
  height: 82px;
  width: 874px;
  background: #fff;
}
#credits #touch_media {
  float: left;
  clear: left;
  margin: 32px 0 0 5px;
  width: 122px;
  height: 39px;
  background: url(images/touch_media.gif) no-repeat;
}
#parteneri_box {
  float: right;
  width: 450px;
}
.parteneri {
  float: right;
  margin: 7px 5px 0 0;
}
#copyrights {
  width: 100%;
  float: left;
  color: #fff;
  text-align: center;
  margin: 10px 0 0 0;
  padding: 10px 0 15px 0;
  background: #aebdd3;
}
#detaliu_jucator{
  float: left;
  margin: 15px 0 0 10px;
  width: 300px;
  padding: 0 20px 10px 0;
}
h1 {
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
#detaliu_jucator span{
  float: left;
  clear: left;
  font-size: 11px;
  color: #e2edff;
}
#detaliu_jucator p {
  float: left;
  clear: left;
  width: 100%;
  color: #e2edff;
  font-size: 11px;
  margin-top: 10px;
  text-align: justify;
}
#detaliu_jucator p span {
  font-weight: bold;
  float: none;
  clear: none;
}
#detaliu_noutate{
  float: left;
  margin: 15px 0 0 10px;
  width: 290px;
  padding: 0 20px 10px 0;
}
#detaliu_noutate span{
  font-size: 11px;
  color: #e2edff;
}
#detaliu_noutate p {

  width: 100%;
  color: #e2edff;
  font-size: 11px;
  margin-top: 10px;
  text-align: justify;
}
#detaliu_noutate p span {
  font-weight: bold;
  float: none;
  clear: none;
}
#comentarii_form {
  float: left;
  clear: left;
  margin-top: 25px;
  margin-bottom: 20px;
}
.titlu_form {
  float: left;
  clear: left;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}
#comentarii_form label {
  float: left;
  clear: left;
  font-size: 11px;
  color: #fff;
  width: 70px;
  margin: 9px 0 0 0;
}
#comentarii_form input {
  float: left;
  width: 300px;
  background: #dce4f0;
  border: none;
  height: 17px;
  margin: 5px 0 0 0;
}
#comentarii_form select {
  float: left;
  width: 300px;
  background: #dce4f0;
  border: none;
  height: 21px;
  margin: 5px 0 0 0;
  padding: 0 0 0 20px;
  color: #5a6294;
}
#comentarii_form textarea {
  float: left;
  width: 300px;
  height: 100px;
  background: #dce4f0;
  border: none;
  margin: 5px 0 0 0;
}
#comentarii_form input#submit {
  color: #fff;
  float: left;
  background: #7d9dd2;
  border: none;
  width: auto;
  margin: 5px 0 0 70px;
}
.comment_box {
  width: 100%;
  float: left;
  border-bottom: 1px #999999 solid;
  color: #fff;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.comment_user {
  float: left;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
}
.comment_data{
  float: left;
  font-size: 12px;
  width: 100%;
  margin-bottom: 10px;
}
#despre_hcm_constanta {
  width: 790px;
  min-height: 400px;
  margin: 0 auto;
  background: #3a62a2;
  padding: 15px;
  font-size: 12px;
  color: #e2edff;
  text-align: justify;
}
#despre_hcm_constanta a {
  color: #ffff00;
  float: left;
  clear: left;
  margin: 4px;
}  
.logo_sponsor {
  float: left;
  clear: left;
  margin-right: 5px;
  margin-bottom: 2px;
}
.descriere_sponsor {
  float: left;
  margin-bottom: 25px;
  margin-left: 20px;
  margin-top: 155px;
  width: 300px;
}

.err {
  float: left;
  clear: left;
  width: 100%;
  color: red;
}
.echipament_box {
  float: left;
  width: 340px;
  margin-top: 10px;
  margin-right: 15px;
}
.echipament_box span {
  float: left;
  margin-left: 5px;
}
.echipament_box .left_img {
  float: left;
  margin: 0px;
  clear: none;
}
.echipament_box .right_img {
  float: left;
  margin: 0px;
  clear: none;
}

.poze_galerie {
  float: left;
  margin: 4px 4px 0 0;
}
.nume_galerie {
  float: left;
  clear: both;
  font-weight: bold;
  margin: 10px 0 5px 0;
}
.text_galerie {
  float: left;
  clear: left;
  width: 90%;
  padding: 5px 0 20px 0;
}
#my_textarea {
  background-color: #fff;
}
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(js/bubble.png) top left;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(js/bubble.png) bottom right;
}

#fadeinbox{
position:absolute;
width: 500px;
left: 0;
top: -400px;
border: 2px solid #cbcbcb;
background-color: #000;
padding: 4px;
z-index: 100;
visibility:hidden;
padding: 10px;
}
#fadeinbox a {
color: #fff;
}

.pozaexistenta {
  float: left;
  margin-right: 5px;
}
a.stergelink {
  float: left;
  color: red;
}

.galerie_item {float: left; width: 380px; margin: 0 30px 0 0;}
.galerie_item.right {margin-right: -10px; position: relative;  }
.galerie_item img {float: left; border: 3px #a5b7d4 solid; }
.galerie_item_right {float: right; width: 210px; }
.button {float: left; clear: both; color: #ffffff !important; font-size: 11px; text-align: center; padding: 0 25px; height: 24px; line-height: 24px; background: url(images/button.jpg) repeat-x; -webkit-border-radius: .5em !important;	-moz-border-radius: .5em !important;	border-radius: .5em !important;}

.rss {float: right; width: auto !important; padding: 0 30px 0 0; color: #ffffff; font-size: 13px; text-align: right; background: url(images/rss.jpg) no-repeat right center; height: 21px; line-height: 21px;  }
 
 #admin_table {float: left; clear: left; }
#admin_table td {padding: 4px; border: 1px #333 solid; }
#admin_table #admin_table_h td {font-weight: bold; font-size: 12px; }
#admin_table .afisat td {background: #d4f9ca; }
.poza_existenta {float: left; margin: 10px 0;  }
.sterge_poza {float: left; color: #fff; background: red; padding: 5px 2px; margin: 10px 5px 10px 0 !important; clear: none !important; }

#sigle_ehf {float: left; clear: both; width: 100%; text-align: center; word-spacing: 20px; margin: 0 0 20px 0;}

.scroller {
	width:774px;
	height:115px;
	background:url('images/scroller-bg.png') no-repeat;
	margin:0px auto 30px;
	overflow:hidden;
	padding:0 30px;
}
.scroller ul {
	height:115px;
}
.scroller ul li {
	list-style-type:none;
	float:left;
	height:115px;
	line-height:115px;
	margin-right:20px;
}
.scroller ul li a {
	border:solid 1px #FFF;
}
.scroller ul li img {
	vertical-align:middle;
}

.clasament2 {
	margin:10px 20px 20px;
}
.clasament2 * {
	color:#000 !important;
}
.jl_rankingheader {
	color:#000 !important;
	font-weight:bold;
}
.clasament2 a {
	text-decoration:none;
	color:#0171B2 !important;
}
.clasament2 a:hover {
	text-decoration:underline;
}
.clasament2 td {
	padding:0 10px;
}
.contact-col2 {
	width:530px !important;
	margin-left:5px !important;
}
.date_contact2 {
	color:#FFFFFF;
	font-size:12px;
	margin-top:5px;
	width:268px;
	line-height:19px;
}
.line {
	height:1px;
	border:0px;
	background:#FFF;
	margin:10px 0;
	width:257px;
}
strong.titl {
	font-size:15px;
}
#contact_form {
  float: left;
  clear: left;
  margin-top: 25px;
  margin-bottom: 20px;
}
#contact_form label {
  float: left;
  clear: left;
  font-size: 11px;
  color: #fff;
  width: 60px;
  margin: 9px 0 0 0;
}
#contact_form input {
  float: left;
  width: 444px;
  background: #dce4f0;
  border: none;
  height: 24px;
  line-height:24px;
  margin: 5px 0 0 0;
  padding-left:5px;
}
#contact_form select {
  float: left;
  width: 449px;
  background: #dce4f0;
  border: none;
  height: 24px;
  margin: 5px 0 0 0;
  padding: 4px 0 0 1px;
}
#contact_form textarea {
  float: left;
  width: 439px;
  height: 90px;
  background: #dce4f0;
  border: none;
  margin: 5px 0 0 0;
  padding:5px;
}
#contact_form input#submit {
  color: #fff;
  float: left;
  background:url('images/trimite.png');
  border: none;
  width: 116px;
  height:34px;
  opacity:1;
  margin: 5px 0 0 393px;
  cursor:pointer;
  text-indent:-9999px;
}
#contact_form input#submit:hover {
	opacity:0.9;
}