@charset "utf-8";
/* CSS Document */
html {background:#4d4d4f;color:#000000;}
body {
	margin: 0 0 0 0;
	font-size: 11px;
}
div,input {outline:none;}
#doc4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:957px;
	background:#4d4d4f;
}



#anunt { width:98%; }
#banner { width:324px;}
#headerdr { width:633px;}
#newsletter { width:100%; height:78px;}
.hdjos { float:right; margin-top:45px;}
#listameniu { width:100%;}
#meniu { height:43px; width:370px; padding-left:120px;}
#meniu_admin { height:43px; width:570px; padding-left:30px;}
#meniu_locatie { height:43px; width:270px; padding-left:220px;}


#latimecont_galmedia {  width:587px; padding:0px 10px;background-color:#FFFFFF;color:#000000; }

#latimecont {  width:604px; height:480px; overflow: auto;/* IE overflow fix, position must be relative or absolute*/
position: relative; background-color:#FFFFFF;color:#000000; }
#latimecont h2, #latimecont h3 { padding-left:10px;}
#latimecont p{ padding:0px 10px 0px 10px; text-align:justify;}
#latimecont .img_galerie {padding:6px 6px 0 0;}
.aliniere_poze { text-align:center;}
.aliniere_poze a { padding:6px 6px;}

#latimecontmedia { width:98%; height:96%; padding:10px 0 10px 18px;}

#latimecontmedia img { padding:6px 6px;}

#table_form, #table_comment { width:96%; margin-left:10px;}
#table_form td, #table_comment td{ text-align:justify; vertical-align:top;}
#table_form td input{ float:right;}
#table_comment .tab_nume { width:170px;}

.label_required { color:#FF4B33; font-weight:bold;}
span.explain { display:block; font-size:10px; color:#999999; }

#bd {
	background:transparent;
	margin:0 0 0 0;
}
a {outline:none; color:#000;}
#ft {
	
}
h1{ font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bolder;}
h2{ font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bolder;}
h3{ font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bolder; text-align:center;color:#b6b4b4;}

#detalii_art h2{ height:87px; overflow:hidden;}
#poze { padding:20px 20px; height:210px;}
#poze li { float:left; display:inline; color:#000000;}
#linkloc {
	padding:10px 11px 0 11px; 
	height:290px;
}
#linkloc  div.yui-u{
	height:260px;
	width:311px;
}


#colstg {
	background:transparent url(../images/back-stg.png) top center;
	width:290px;
}
#logoP { width:100%; height:281px; text-align:center; background:transparent url(../images/back_sigla.png) top center no-repeat;}
#logoP img{ padding:9px 0 0 0;}
#meniu_servicii {width:290px; height:340px;margin:0 0 30px 0; z-index:1000; position:relative;}
#party_banner {width:290px;margin:15px 0px 0px 20px; overflow:hidden; height:176px;}
#party_banner img,#party_banner2 img  { border:1px solid #000;}
#party_banner2 {width:290px;margin:20px 0px 20px 20px;overflow:hidden; height:176px;}
#partener_banner {
	width:100%;
	margin:140px 0px 0px 0px;
}
#partener_banner img {
	padding:3px 6px  0 0px;
}


#coldr {
	background:transparent url(../images/back-dr.png) top center;
	width:607px;
	height:1055px;
	padding:0 30px 0 30px;
}
#header_panel {
	width:607px;
	height:35px;
	
}
#footcopy {
	margin:20px 0 15px 0;
	width:100%;
}
#facetwit { height:28px; width:220px;}
#facetwit img { padding:4px 14px 0 0;}
#abonare {text-align:right; padding:10px 0 0 0;}
.butonabonare {
	text-decoration: none;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	border: 1px solid #a1a1a1;
	background-color:#FFF;
	padding: 0 9px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	float: right;
	position: relative;
	z-index: 5;	
}
.butonabonare:hover{
	text-decoration: none;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	border: 1px solid #a1a1a1;
	background-color: #FFF;
	padding: 0 9px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	float: right;
	position: relative;
	z-index: 5;	
}
.abonarefundal {
	border:0;
	color:#000000;
	background:url(../images/back-abonare.png) top left no-repeat;
	line-height:14px;
	padding-left:2px;
	height:19px;
	width:125px;
}

#banner_principal { height:270px; width:607px; background:#FFFFFF; overflow:hidden;
	background:url(../images/back-baner.png) top left no-repeat;
} 
#banner_principal img{ 
	padding:5px 0 10px 7px;
} 

#chenar_alb {
	width:607px;
	height:420px;
	margin:15px 0 10px 0;
	overflow:hidden;
}
#articole {
	width:607px;
	height:390px;
	margin:15px 0 10px 11px;
	color:#FFFFFFF;
}
.articol {
	padding: 8px 8px;
	width:658px;
}
.articol h1{
	text-align:center;
	font-weight:bold;
	color:#000000;
}
.articol .pics{
	width:130px;
	text-align:center;
}
.articol .descriere{
	width:570px;
}
.articol a{
	float:right;
	text-decoration:none;
	color:#999999;
}


#sidemeniu {
	width:320px;
}
.sidemeniu_header {
	background:url(../images/sidemeniu_label_back.png) top right no-repeat;
	width:320px;
	height:69px;
}

.sidemeniu_header .txt_header{ 
	font:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:14px;
	padding:26px 0 0 80px;
	height:53px;

}
.sidemeniu_header .txt_header a {	
	color:#FFFFFF;
	text-decoration:none;
}
.urmator { margin-top:-20px;}



.divchenar {
	width:600px;
	height:115px;
	text-align:center;
}
.divchenar a {
	padding:0px 5px 0 0;
}
#divchenar_contact {
	width:607px;
	height:370px;
	padding-top:8px;
	position:relative;
	background:#FFF;
	overflow:hidden;
}
#divchenar_ev {
	width:607px;
	height:380px;
	max-height:380px;
	padding-top:8px;
	position:relative;
	overflow:hidden;
	background:transparent url(../images/back_chenarev.png) top center no-repeat;
}
#divchenar_ev h3{
	width:335px;
	text-align:left;
}
#evdetalii {
	width:335px;
	max-height:350px;
	overflow:hidden;
	font-size:11px;
}
#evdetalii p{
	width:335px;
	color:#000;
	text-align:justify;
}
#evpoza {
	height:370px; width:250px;
	background:transparent url(../images/back-evpoza.png) top left no-repeat;
	margin:0px 7px 0 5px;
}
#evpoza img{
	padding:7px 0 0 9px;
}
.share_list {
	margin:0px 0 5px 0;
	padding:3px 3px;
	float:right;	
}
.share_list li{
	display:inline-block;
}
.buton_share {
background: url(../images/widget.png) no-repeat left;
overflow: hidden;
display: block;
background-position: 0 0;
height: 16px;
width: 16px;
line-height: 16px!important;
background-position: 0 0;
}
.facebook {
	background-position: 0 -1104px;
}
.twitter {
	background-position: 0 -992px;
}
.printare {
	background-position: 0 -4832px;
}
.em {
	background-position: 0 -1648px;
}
.yahoo {
	background-position: 0 -1424px;
}


.pozbuton {
	position:relative;
	top:-40px;
	text-align:center;
	width:302px;
}
.headerlocatie {
	display:block;
	cursor:pointer;
	text-decoration: none;
	font-size: 18px;
	line-height: 30px;
	font-weight:bolder;
	color: #FFFFFF;
	text-align:center;
	margin:-70px 0 0 0;
	z-index: -10;	
	opacity:1;
	width:302px;
}
.butonlocatii {
	text-decoration: none;
	font-size: 18px;
	line-height: 30px;
	font-weight:bolder;
	color: #FFFFFF;
	background-color: rgb(198, 198, 198);
	padding: 0 10px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	background-image: -moz-linear-gradient(#cbc3c2, #c6c6c6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#cbc3c2), to(#c6c6c6));
	z-index: 5;	
	opacity:.7;
	width:302px;
}

.butonlocatii:hover{
	text-decoration: none;
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
	background-color: rgb(198, 198, 198);
	padding: 0 10px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	background-image: -moz-linear-gradient(#b8b5b5, #c6c6c6);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#b8b5b5), to(#c6c6c6));
	z-index: 5;	
	opacity:1;
	width:302px;
}

.more, .more:visited {
	text-decoration: none;
	font-size: 14px;
	line-height: 21px;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 10px 9px;
	float: left;
	position: relative;
	z-index: 5;
}
.more:hover {
	background: #c6c6c6; /* old browsers */
	line-height: 22px;
	color:#000000;
}
.more:active {
	background: #c6c6c6; /* old browsers */
	line-height: 22px;
	color:#000000;
}

/* the overlayed element */

#meniuavg, #meniufav {
	width: 860px;
	height:650px;
	padding:10px 10px 10px 10px;
}
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:610px;	
	min-height:225px;
	border:1px solid #666;
	padding:10px 0 10px 10px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	

}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-8px;
	top:-8px;
	cursor:pointer;
	height:15px;
	width:15px;
}


.formfundal { border:#666 1px solid; color:#000000; z-index:1; }
.formfundal .left { float:right;}
#abonare_form input, #comment_form input { float:right;}
.submit { font-size:12px; font-weight:bold; }
.fundalcheck {background: url(../images/checkbox.png) no-repeat;}
.formfundaltxt { border:#666 1px solid; color:#000000;}
.formfundaltxt textarea { float:right;}
.error { border:1px solid red;outline:1px solid red;}
#formular .titluform {font-size:14px;}
#formular {width:100%; text-align:justify;font-size:12px;}
#tiplocatie label{ cursor:pointer; }


/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
.date {
}

/* calendar root element */
#calroot {
	z-index:10;
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:12px;
	color:#222222;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:16px;
	height:16px;
	background-image: url(../images/ui-icons_222222_256x240.png);
	background-position: -144px -192px;

	float:left;
	cursor:pointer;
}

#calnext {
	background-image: url(../images/ui-icons_222222_256x240.png);
	background-position: -112px -192px;
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:12px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
	color:#222222;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#222222;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

/* the following line puts fleXcroll into scrollbar-on-left mode 
.vscrollerbase {left: 0 !important;}*/
/* fleXcroll detects this CSS setting and sets content positions correctly with
respect to whether a scrollbar is needed or not*/

.vscrollerbar {
width: 17px;
background: #000000 url(../images/../images/scrollbar.png) -17px 0px repeat-y;
/* do not forget to put colors for backgrounds for before image(s) can load , this is more important for
the scrollbar itself than the scrollbase, as user can live without an image on the base but cannot see
any scrollbar when images cannot load. */
}
.vscrollerbarbeg {
/* height of this element is normally auto set to fit the scrollbase, to cover the base... */
height: 10px !important;
/* ...unless we force the size using an !important decleration */
/* forcing would not be required if Webkit-Safari did not have a background-repeat bug*/
/* this may be fixed by the time Safari 3.0 is released. */
width: 17px;
background: url(../images/scrollbar.png) -51px 0px no-repeat;
}
.vscrollerbarend {
/* height of this element should be set */
height: 10px;
width: 17px;
background: url(../images/scrollbar.png) -51px -10px no-repeat;
}

.vscrollerbase {
width: 17px;
background: #000000 url(../images/scrollbar.png) 0px 0px repeat-y;
}
.vscrollerbasebeg {
/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
width: 17px;
height: 10px !important; /*Again, the safari fix, normally this line is not needed.*/
background: url(../images/scrollbar.png) -34px -0px no-repeat;
}
.vscrollerbaseend {
/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
height: 10px;
width: 17px;
background: url(../images/scrollbar.png) -34px -10px no-repeat;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {
height: 10px; background-color: white;
}
.hscrollerbar {
height: 10px; background-color: white;
}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 12px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 17px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #000000;
}


/* Scroll Bar Master Styling Ends Here */