body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
body a{
	text-decoration: none;
}
body a img{
	border: none;
}
body p{	
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	}
body h2{	
	margin:0px;
	margin-top:22px;
	padding:0px;
	padding-bottom:3px;
	color:#0165B6;
	}	
#wrapper, #head{
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;
	padding-bottom:0px;
	position: relative;
	background: #fff url(images/back.png) repeat-y left top;
}
#flashcontent{
	z-index: 100000;
}

h1, h2 {
	font-size: 16px;
}
#text{
	padding-right: 4px;
	font-family: Arial, Helvetica, sans-serif;
}

#head{
	background-color:#FFFFFF;
	background-image: url(images/bgtop.png);
	background-position:bottom left;
	background-repeat:no-repeat;	
	padding-bottom: 14px;
	margin-top: 2px;
}
#head img.limba{
	padding-left: 27px;
}
#head img{
	padding-right: 5px;
}
#logo{
	width:120px;
	float: left;
	padding-left:0px;
}
#logo img{
	margin-top: 73px;
}


#main{
	float: left;
	width: 588px;
	margin-left:0px;
	padding-left:2px;
}
#headder img{
	padding-left: 4px;
	padding-bottom:2px;
}

#headder #intro h2, #headder #intro p{
	margin:0px;
	padding:0px;
}

/* MENU */
#menu{
	background:url(images/buton.png) top left no-repeat;
	width: 600px;
}
*html #menu{/*           de testat in IE7      */
	margin-left: -2px;
}
#menu ul{
	width: 600px!important;
	padding: 2px 0px 5px 0px;
	margin: 0px;
	text-align:center;
	display:block;
		background-image:url(images/buton.png);
	background-position: top right;
	background-repeat:no-repeat;
}
*html #menu ul{/*           de testat in IE7      */
	padding: 3px 0px 5px 3px;
}
#menu ul li{
	display: inline;
	margin: 0px;
	padding: 0px;
}
body:not(:root:root) #menu ul li { display: inline-block; }/* for Safari only*/
#menu ul a{
	color: #FFFFFF;
	font-size: 11px;
 	padding: 3px 9px 6px 9px;
	background-image:url(images/buton.png);
	background-position: top right;
	background-repeat:no-repeat;
	z-index:90000;
}
#e_index #menu, #e_access #menu, #e_accomodation #menu, #e_booking #menu, #m_index #menu, #m_access #menu, #m_accomodation #menu, #e_turistic #menu, #m_turistic #menu, #m_booking #menu{
	background-repeat: repeat-x;
	width:600px;
}
#menu ul a:hover, body#acces a#a-l, body#home a#h-l, body#obiectivet a#ot-l, body#trasee a#t-l, body#specific a#s-l, body#glosar a#g-l, body#linkuri a#l-l, body#cazare a#c-l, body#e_access a#e-a-l,
 body#e_index a#e-h-l, body#e_turistic a#e-t-l, body#e_accomodation a#e-ac-l, body#e_booking a#e-b-l, body#m_access a#m-a-l, body#m_index a#m-h-l, body#m_turistic a#m-t-l, body#m_accomodation a#m-ac-l, body#m_booking a#m-b-l{
 color: #97CE31;
}

#text{
	padding-left: 6px;
}
#text #turist{
	margin-top: 2px;
	margin-bottom: 3px;
}
/* IMAGINI SIDEBAR */
#images {
	float:right;
	width: 225px;/* de testat peste tot */
}
#images div{
	position: relative;
	width: 212px;       /* fixes position bottom right BUG in IE */
}
#images div p{
	text-align: right;
	margin-bottom: -6px;
	font-size: 11px;
	position: absolute;
	bottom: -1px;
	right: 0px;
	display: inline;
}
#images div p a{
	background-color: #6da500;
	color: #fff;
	display: block;
	padding-right: 4px;
	padding-left: 6px;
}	
/* FOTO GALLERY*/
#fotowrapper {
	border: 4px solid #218331;
	width: 600px;
	height: 600px;
	padding: 4px;
	position: relative;
	margin-top: 2px;
	margin-left: 2px;
}
#thumbbox{
	position: relative;
	top: 430px;
	left: 456px;
	width: 180px;
	height: 187px;
}



#bottombox{
	clear:both;
	width:950px;
	background-color:#FFF;
	display:block;
	height:154px;
	padding-bottom:4px;
}
#line{
	background: #fff url(images/bgoriz.png) repeat-x;
	height: 20px;
	display:block;
	clear:both;
	width:950px;
	color:#FFFFFF;
}
#bottombox .box{
	float:left;
	width:180px;
	height:135px;
	background:#fff url(images/box.png) top left repeat-x;
	margin-top:-8px;
	border:1px solid #97CE31;
	border-top:0px; 
	padding-bottom:4px;
	margin-right:3px;
	display:block;
}
#bottombox #leftbox{
	margin-left:14px;
	display:inline;/*fixes IE double margin bug*/
}
#bottombox .box p a strong{
	text-indent: 0px;
	margin:0px;
	padding:35px 0px 0px 4px;
	font-size:16px;
	color:#6da500;
	font-weight:bold;
	display:block;
}
#bottombox .box p a span{
	padding:15px 4px 0px 4px;
	text-indent:10px;
	text-align:left;
	color:#000000;
	display:block;
}
#bottombox .box p a span.of{
	color:#0165B6;
	margin-bottom:-15px;
	font-weight:bold;
}
#bottombox .box:hover, #bottombox .box:focus{
	border:1px solid #aaa;
	border-top:0px;
	background:#fff url(images/boxhover.png) top left repeat-x;
}
#bottombox .box p a:hover{
	dislay:block;/*to work in ie*/
}
#bottombox .box p a:hover strong{
	color:#0165B6;
}
#bottombox .box p a:hover span{
	color:#555;
}	
#bottombox .box p a:hover span.of{
	color:#6ab0e9;
}
/*some bug fixes*/
.clearfix:after {
    content:'.'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear_right {
  clear: both;
}
#e_turistic #text p{
	padding-top:20px;
	margin-bottom:34px;
}
#m_turistic #text p{
	padding-top:20px;
	margin-bottom:10px;
}

form div .label{
	float: left;
	width: 200px;
	text-align: right;
	clear: left;
	margin-right: 10px;
	margin-left:30px;
}
form .submit{
	margin-left:239px;
}

/*TEXT*/
h1{
	color: #A2C721;
	font-size:26px;
	font-weight:normal;
	text-transform: uppercase;
}

p{
	text-indent: 10px;
	text-align:justify;
}
#glosar #text div{
	padding-top: 13px;
	display:block;
	clear:both;
	width:580px;/* a must 4 IE */
}
#glosar h3 a{
	display: block;
	margin:0px;
	padding:0px;
	margin-left:0px;
	margin-top:-7px;
	float:left;
	clear:left;
	font-size: 20px;
	color: #A2C721;
	font-weight: normal;
}

#glosar #text div p{
	float:right;
	text-align:left;
	width:530px;
	text-indent:0px;
	margin:0px;
	padding:0px;
	padding-right:26px;
	display:inline;
}
#text ul{
	list-style-type: none;
	margin:0px;
	padding-left:0px;
	padding-top: 0px;
	margin-bottom:4px;
	width:500px;
}
#text ul.intext{
	list-style-type: none;
	margin-left:0px;
	padding-left:50px;
}
#text ul.ulul{
	width:200px;
	float:left;
}
#text #alfabet li a{
	color:#6da500;
}
#text #alfabet li a:hover{
	color:#8A5F42;
}
#text ul#alfabet{
	float: right;
	text-align: left;
	width: 230px;
	display:inline;
	background:#fff url(images/box.png) top left repeat-x;
	border:1px solid #97CE31;
	border-top:0px;
}
#text #alfabet li{
	margin:0px;
	padding:0px;
	float:left;
	padding:12px 2px 8px 1px;
	text-align:center;
}
#text #alfabet a{
	width:11px;
	height:14px;
	display: block;
}
#text #alfabet li.gltl a{
	display:block;
	width:230px;
	font-size:14px;
	font-weight:normal;
	color: #fff;
	float:none;
	clear:right;
	margin-top:-8px;
}
#text #oferte, #text #oferte p{
text-align:center;
}
#text #oferte h2{
color:#A2C721;
font-size:16px;
}
#text #alfabet li.gltl a:hover{
	color: #A2C721;
}
#text ul.marcaje li{
	text-align:left;
	display:block;
	margin-left:25px;
	margin-top:0px;
	padding-left:0px;
}
#text ul.marcaje li img{
	margin-left:-24px;
	padding-top:9px;
	padding-right:3px;
}

#text a{
	color:#713a13;
	font-weight:bold;
}
#text a:hover{
	color: #6da500;
}
#glosar #text a:hover{
	color: #A2C721;
}
#headder #intro{
	height: 135px;
	display:block;
}
#headder #intro p{
	margin-left:4px;
	padding-top:15px;
}
#headder #intro p strong{
	color: #6da500;
	padding-left:120px;
	display:block;
}
#m_index h1, #e_index h1{
	font-size:14px;
	text-transform: none;
	margin:0px;
	margin-left:4px;
	padding-top:4px;
	padding-bottom:2px;
	color: #6da500;
	font-weight:bold;
}
#e_index h1{
	font-size:16px;
}
#m_index #headder #intro p{
	padding-top:0px;
}
#m_index #headder #intro p strong{
	padding-left:385px;
}
#e_accomodation #text h2.maijos{
	margin-top:70px;
}

#footer{
	background: #FFFFFF url(images/footerbg.png) repeat-x;
	display:block;
	height:37px;
	width:954px;
	clear:both;
}
#footer div img.fl{
	clear:both;
	float:left;
	display:inline;
	width:8px;
	z-index:900;
	position:relative;/* k sa nu fie behind footer background in IE*/
	margin-left:-4px;
}
#footer div img.fr{
	clear:both;
	float:right;
	display:inline;
	margin-right:0px;
	width:8px;
	margin-top:-37px;
	z-index:990;
}
#footer #ixy{
	float: right;
	margin-top: -19px;
	padding-right:6px;
	position:relative; /*ie can't do without. ca sa nu mai fie contentul behind other background or tag*/
}

body #text a.green, .green1{
	color:#6da500!important;
}
body #text a.green:hover{
	color:#8A5F42!important;
}
.cright{
float:right;
width:300px;
margin-top:-10px;
}
.green1{
font-weight:bold;
}
