/* Web CSS stylesheed made by Alex Negulescu kernel@wdu.ro */
/* - removal of this copyright notice strictly forbidden   */
/* Used colors in this stylesheet */
/* yellow:				#edda74 */
/* green:				#72b14b */
/* lime: 				#aad492 */
/* normal text color:			#2C210F */
* {
 border: 0px;
 margin: 0px;
 padding: 0px;
}

body {
 background: #edda74 url(/layoutfiles/bodybg.jpg);
 background-attachment: fixed;
 background-position: left bottom;
 background-repeat: repeat-x;
 font-size: 14px;
 font-family: tahoma, verdana, "Century Gothic";
 color: #2C210F;
 margin-top: 35px;
 margin-bottom: 20px;
}

a {
 text-decoration: none;
 color: #72b14b;
}

img {
 border: 0;
}

.pad16 {
 padding-left: 16px;
}

.pad32 {
 padding-left: 32px;
}

.pad48 {
 padding-left: 48px;
}

.pad64 {
 padding-left: 64px;
}

ol, ul, dl {
display: table-cell;
 padding-left: 16px;
}

h3 {
 width: 100%;
 font-weight: bold;
 font-variant: small-caps;
 font-size: 17px;
 border-bottom: 2px solid #72b14b;
 color: #72b14b;
 margin-bottom: 5px;
}

h4 {
 font-weight: bold;
 font-size: 15px;
 color: #72b14b;
 margin-bottom: 5px;
}

.circle li {
 list-style-type: circle;
}

#spacerleft {
 margin: auto;
 padding-left: 110px;
}

#topcontainer {
 width: 815px;
 height: 35px;
 margin: auto;
 padding-left: 200px;
 vertical-align: bottom;
 border: 0;
}

/* up menu start */

#meniuTOP {
 float: right;
 width: 100%;
 font-size: 93%;
 line-height: normal;
 font: bold 13px verdana;
}

#meniuTOP ul {
 margin: 0;
 padding: 10px 10px 0 50px;
 list-style: none;
}

#meniuTOP li {
 display: inline;
 margin: 0;
 padding: 0;
}

#meniuTOP a {
 float: left;
 background: url("/layoutfiles/tableft.gif") no-repeat left top;
 margin: 0;
 padding: 0 0 0 4px;
 text-decoration: none;
}

#meniuTOP a span {
 float: left;
 display: block;
 background: url("/layoutfiles/tabright.gif") no-repeat right top;
 padding: 5px 15px 4px 6px;
 color: #FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#meniuTOP a span {
 float: none;
}

/* End IE5-Mac hack */

#meniuTOP a:hover span {
 color: #FFF;
}

#meniuTOP a:hover {
 background-position: 0% -42px;
}

#meniuTOP a:hover span {
 background-position: 100% -42px;
}

#meniuTOP #current a {
 background-position: 0% -42px;
}

#meniuTOP #current a span {
 background-position: 100% -42px;
}

/* end menu */
/* frame with rounded corners in mozilla .. IE NOT */

#mainframe {
 border: 3px solid #72b14b;
 margin: auto;
 background: #fff;
 width: 880px;
 padding: 10px;
 -moz-border-radius: 9px;
 -webkit-border-radius: 9px;
}

#header {
 width: 880px;
 height: 250px;
 border: 0;
 margin-bottom: 10px;
 border-collapse: collapse;
}

/* language change and logo */
/* z-index is set like that because of the rotator script -- DO NOT FUCK WITH IT */

#headerleft {
 float: left;
 width: 0px;
}

#headerlogo {
 z-index: 1023;
 position: relative;
 top: 180px;
 left: -20px;
 float: left;
 width: 1px;
 height: 1px;
 text-align: right;
}

#headerlogo img {
 z-index: 1024;
 border: 0px;
 float: left;
 width: 300px;
 height: 64px;
}

/* language */

#language {
 position: relative;
 width: 48px;
 border: 0;
 float: left;
 top: 0px;
 left: 60px;
}

/* IE sucks again */

* html #language {
 display: none;
}

#rightlanguage {
 display: none;
}

* html #rightlanguage {
 display: inline;
}

#language img {
 float: right;
 margin: 0px;
 margin-bottom: 10px;
 width: 48px;
 height: 24px;
}

#rightlanguage img {
 float: left;
 margin: 0px;
 margin-left: 10px;
 width: 48px;
 height: 24px;
}

/* end language */

#headerright {
 z-index: 0;
 width: 880px;
 vertical-align: top;
}

#container {
 width: 880px;
 border-collapse: collapse;
}

#leftside {
 width: 675px;
 border: 0;
 padding: 0px 5px 10px 0px;
 vertical-align: top;
}

#leftsidehome {
 width: 400px;
 border: 0;
 padding: 0px;
 vertical-align: top;
}

#leftside .content {
 text-align: justify;
 margin-bottom: 15px;
 width: 668px;
 border: 0;
 padding-right: 7px;
}

/* image menu, home */

#imageMenu {

	position: relative;

	width: 400px;

	height: 200px;

	overflow: hidden;

}



#imageMenu ul {

	list-style: none;

	margin: 0px;

	display: block;

	height: 200px;

	width: 1000px;

	padding: 0;

	}



#imageMenu ul li {

	float: left;

}



#imageMenu ul li a {

	text-indent: -1000px;

	background:#FFFFFF none repeat scroll 0%;

	border-right: 2px solid #fff;

	cursor:pointer;

	display:block;

	overflow:hidden;

	width:98px;

	height: 200px;

}



#imageMenu ul li.acasa a {

	background: url(/layoutfiles/acasa.gif) repeat scroll 0%;

}



#imageMenu ul li.servicii a {

	background: url(/layoutfiles/despre_noi.gif) repeat scroll 0%;

}



#imageMenu ul li.turism a {

	background: url(/layoutfiles/turism_de_afaceri.gif) repeat scroll 0%;

}



#imageMenu ul li.contact a {

	background: url(/layoutfiles/contact.gif) repeat scroll 0%;

}

/* image border for images in posts */

.imageborder {
 float: left;
 margin-right: 10px;
 margin-bottom: 5px;
 margin-top: 5px;
 padding: 4px;
 background: #fff;
 border: 1px solid #72b14b;
}

.imageborder-right {
 float: right;
 margin-left: 10px;
 margin-bottom: 5px;
 margin-top: 5px;
 padding: 4px;
 background: #fff;
 border: 1px solid #72b14b;
}

/* gallery */

.gallery img {
 float: left;
 border: 1px solid #72b14b;
 margin-right: 10px;
 margin-top: 10px;
}

#rightside {
 background: #edda74;
 width: 200px;
padding-bottom: 12px;
 vertical-align: top;
 text-align: justify;
}

#rightsidehome {
 background: #edda74;
 width: 475px;
 vertical-align: top;
 text-align: justify;
}

/* right menu */

#rightmenu {
 padding-top: 7px;
 width: 180px;
 margin-left: 10px;
 font-family: Tahoma;
 font-weight: bold;
 color: #72b14b;
}

#rightmenu ul {
display: block;
 margin: 0px;
 padding: 0px;
 padding-top: 3px;
}

#rightmenu li {
 border-bottom: 1px solid #2C210F;
 margin-left: 0;
 list-style-type: none;
 text-align: left;
}

#rightmenu a {
 padding: 0px 0px 0px 3px;
 display: block;
 text-decoration: none;
 color: #2C210F;
 overflow: visible;
 font-size: 13px;
 font-family: Verdana, Tahoma, "Century Gothic";
}

#rightmenu a:hover {
 background-color: #72b14b;
 color: #fff;
 cursor: pointer;
}

/* right menu-end */

#rightside a img {
 margin-top: 5px;
 border: 0;
}

/* contact page */

#leftside-contact {
 width: 437px;
 border: 0;
 padding: 0px 5px 10px 0px;
 vertical-align: top;
}

#leftside-contact .content {
 text-align: justify;
 margin-bottom: 15px;
 width: 430px;
 border: 0;
 padding-right: 7px;
}

#rightside-contact {
 background: #edda74;
 padding: 10px;
 width: 437px;
 vertical-align: top;
 text-align: justify;
}

.zemContactForm {
 float: left;
 border: 0px;
 margin-left: 10px;
}

fieldset {
 border: 0px;
}

legend {
 font-weight: bold;
}

input, textarea {
 border: 2px solid #72b14b;
}

/* contact page end */

#footer {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 10px;
 margin-top: 10px;
 width: 900px;
 height: 45px;
}

#footer img {
 border: 0;
 margin-right: 8px;
}

#footer a {
 color: #000000;
}

#fleft {
 float: left;
 width: 50%;
}

#fright {
 float: left;
 width: 50%;
 font-weight: bold;
 vertical-align: top;
 text-align: right;
 font-size: 12px;
}

/* javrascript start lightbox */

#lightbox{
 position: absolute;
 top: 40px;
 left: 0;
 width: 100%;
 z-index: 2048;
 text-align: center;
 line-height: 0;
 overflow: visible;
}

#lightbox a img{
 border: none;
}

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

/* use margin-top to move pic in page - popup */

#imageContainer{
 padding: 10px;
}

#loading{
 position: absolute;
 top: 25px;
 left: 0%;
 height: 40%;
 width: 100%;
 text-align: center;
 line-height: 0;
}

#hoverNav{
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 2048;
}

#imageContainer > #hoverNav{
 left: 0;
}

#hoverNav a{
 outline: none;
}

#prevLink, #nextLink{
 width: 49%;
 height: 100%;
 background: transparent url(/layoutfiles/blank.gif) no-repeat;/* Trick IE into showing hover */
 display: block;
}

#prevLink {
 left: 0;
 float: left;
 background: url(/layoutfiles/prev.gif) left 95% no-repeat;
}

#nextLink {
 right: 0;
 float: right;
 background: url(/layoutfiles/next.gif) right 95% no-repeat;
}

#prevLink:hover, #prevLink:visited:hover {
 background: url(/layoutfiles/prev.gif) left 95% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
 background: url(/layoutfiles/next.gif) right 95% no-repeat;
}

#imageDataContainer{
 font: 12px Tahoma, Verdana, "Century Gothic", Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
}

#imageData{
 padding: 0 10px;
}

#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: 2000;
 width: 100%;
 height: 500px;
 background-color: #000;
 filter:alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6;
 overflow: visible;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

* html > body .clearfix {
 display: inline-block;
 width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
 height: 1%;
/* End hide from IE-mac */
}