/*CSS Style*/
/*Maramures Stye*/


HTML{
	margin: 0;
	padding: 0;
	border: 0;
}
body{ 
	margin: 0 auto;
	padding: 0;
	background-color:#f3ecda;
	width: 920px;
}

p{
	margin:0;
	padding:0;
}

hr{
	color:#63422F;
	height: 1px;
	margin: 0 5px 0 5px;
}

h1 span,
h2 span,
h3 span {
	display: none;
}

#wraper{
	width: 775px;
	margin: 0 auto;
	background-color: #FDECC9;
}
#header{
    background-image: url(images/header.jpg);
	background-repeat:no-repeat;
	background-position: top;
	width:780px;
	height:132px;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

#header a{
	width:780px;
	height:132px;
	margin: 0;
	padding: 0;
	float: left;
}


/*#meniu{
    background-color:#FFFFFF;
	width:780px;
	height:33px;
	float: left;
	margin: 0px 0px 0 0px;
	padding: 3px 0 0 0;
	border: 0;
}

.menuMain ul ul{
	margin: 0 0 0 0;
	padding: 0 0 0 10px; 
	list-style: none;
	display: none;
	position: absolute;
	background-image: none;
}
.menuMain ul ul li{
	float: left;
	margin: 0 0 0 3px;
	clear: both;
	height: 20px;
}


.menuMain ul li:hover ul,
#menuMain .menuHover ul{
	display: block;
}
#menuSub1{
    margin: 0px 0 0 0px;
}
li.menuActive ul{
    display: block;
}


#meniu span {
display: none;
}

#meniu ul{
margin: 0;
padding: 0;
list-style: none;
}

#meniu li{
margin: 0px 0px 0 0px;
padding: 0;
float: left;
}

#meniu li a{
display: block;
height: 29px;
background-position: left top;
}

#meniu li a:hover{
background-position: left bottom;
}

*/
/**************** Menus ***********************/
#menuPrimary {
	float: left;
	padding: 3px 0 0 0;
	width: 780px;
	height: 33px;
	position: relative;
	background-color: #f3ecda;
	z-index:1000;
	}

#menuPrimary span {
	display: none;
	}

#menuPrimary ul {
	padding:0;
	margin:0;
	list-style-type: none;
	}
	
#menuPrimary li {
	position:relative;
	margin: 0;
	padding: 0;
	float: left;
	}

#menuPrimary li a{
	display: block;
	height: 29px;
	background-position: left top;
	}

#menuPrimary li a:hover{
	display: block;
	background-position: left bottom;	
	}

#menuPrimary table {
	position:absolute; 
	top:0; 
	left:0;
	}

#menuPrimary ul ul {
	visibility: hidden;
	position:absolute;
	top: 29px;
	left:0;
	width: 176px;
	background-color: #DFC288;
	/*border: 1px solid #C3AA77;*/
	}

#menuPrimary ul ul li {
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
	width: 176px;
	height: 25px;
	overflow: hidden;
	background-color: #FFE9BD;
 	}

#menuPrimary ul ul li a {
	line-height: 22px;
	padding: 0px;
	display: block;
	height: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #63422F;
	text-align: center;
	text-decoration: none;
	background-position: left top;
	}

#menuPrimary ul ul li a:hover {
	color: #63422F;
	font-weight: bold;
	background-position: left bottom;
	}
	
#menuPrimary ul ul li span {
	display: block;
	}
	
/* make the second level visible when hover on first level list OR link */
#menuPrimary ul :hover ul{
	visibility:visible;
	}

/* #bgSubCateg {
	width: 176px;
	background: transparent url(images/celula.gif) no-repeat;	
} */

/**********************************************************/

#butonRomana{
    width: 23px;
    height: 15px;
	margin: 5px 6px 0 3px;
    background-image: url(images/buton_romana.jpg);
    background-repeat: no-repeat;
}
#butonEnglish{
    width: 23px;
    height: 15px;
	margin: 5px 4px 0 5px;
    background-image: url(images/buton_engleza.jpg);
    background-repeat: no-repeat;
}


#butonDiscoverMaramures{
    width: 176px;
    height: 58px;
	margin: 0 2px 0 0;
    background-image: url(images/buton_discover_maramures.jpg);
    background-repeat: no-repeat;
}
#butonThingsToDo{
    width: 176px;
    height: 58px;
	margin: 0 3px 0 0;
	margin-right:2px!important;
    background-image: url(images/buton_things_to_do.jpg);
    background-repeat: no-repeat;
}
#butonPlacesToGo{
    width: 176px;
    height: 58px;
	margin: 0 3px 0 0;
	margin-right:2px!important;
    background-image: url(images/buton_places_to_go.jpg);
    background-repeat: no-repeat;
}
#butonPlanYourTrip{
    width: 176px;
    height: 58px;
    background-image: url(images/buton_plan_your_trip.jpg);
    background-repeat: no-repeat;
}


#butonDescoperaMaramures{
    width: 176px;
    height: 58px;
	margin: 0 2px 0 0;
    background-image: url(images/buton_discover_maramures_ro.jpg);
    background-repeat: no-repeat;
}
#butonCePotiFace{
    width: 176px;
    height: 58px;
	margin: 0 3px 0 0;
	margin-right:2px!important;
    background-image: url(images/buton_things_to_do_ro.jpg);
    background-repeat: no-repeat;
}
#butonUndeMergem{
    width: 176px;
    height: 58px;
	margin: 0 3px 0 0;
	margin-right:2px!important;
    background-image: url(images/buton_places_to_go_ro.jpg);
    background-repeat: no-repeat;
}
#butonPlanificatiExcursia{
    width: 176px;
    height: 58px;
    background-image: url(images/buton_plan_your_trip_ro.jpg);
    background-repeat: no-repeat;
}

#cont {
	/*background: #fff url(images/cont.gif) repeat-y;*/
	}

#twocols {
	float:left;
	}

#stanga{
    background-color: #FDECC9;
	margin: 0px 0 0 1px!important;
	margin: 0px 0 0 3px;
	width: 170px;
	height: 580px;
	float: left;
}

#stanga h3 {width:150px;}

h3, h4{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#000000;
	padding:0px;
	margin: 15px 0px 5px 5px;
}

#stanga ul{
	width:150px;
    margin:0 0 0 4px;
	padding:0;
	list-style:none;
}

#stanga ul li{
    width: 150px;
	padding: 4px 0px 4px 10px;
	background-color:#FFFFFF;
	margin: 2px 0 0px 0!important;
	margin: 0px 0 0px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color:#000000;
	float:left;
}

.sageata{
	float:left;
	width: 7px;
	display: inline;
	margin: 3px 4px 0 0;
	border:none; 
}

#stanga a {
	float:left;
	margin:0;
	padding:0;
	width: 139px;
	display: block;
	color:#000000;
	text-decoration: none;
}
stanga a:hover{
	text-decoration: none;
	color: #F5731F;
}


#continut{
    background-color: #FFFFFF;
	margin: 0px;
	margin: 0px;
	width: 424px;
	min-height: 680px;
	height: auto;
	float: left;
}

#continut img {border:none;}

#continut img a {border:none;}

#continut img a:hover {border:none;}

#continutText{
    font-family:Arial,Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
	margin: 15px 25px 20px 25px;
}

#continutText a{
	color: #F99549;
	text-decoration:none;
}

#continutText a:hover{
	color: #000;
	text-decoration:none;
}

#didYouKnowEN{
    width: 404px;
	height: 70px;
	background-image: url(images/did_you_know1.jpg);
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#didYouKnowRO{
    width: 404px;
	height: 70px;
	background-image: url(images/did_you_know2.jpg);
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#didYouKnow p{
    padding: 30px 0px 0 50px;
	margin: 0;
}
#festivalsDestinationEN{
    width: 409px;
	height: 31px;
	background-image: url(images/festivals_destination1.jpg);
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
}
#festivalsDestinationRO{
    width: 409px;
	height: 31px;
	background-image: url(images/festivals_destination2.jpg);
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
}
.sagetiButon{
    width: 19px;
    height: 7px;
	float: left;
	margin: 12px 0px 0px 340px!important;
	margin: 12px 0px 0px 170px;
	padding: 0 0 0 0;
}
.sagetiButon a{
    display: block;
    height: 7px;}
#butonSageti{
    width: 19px;
    height: 7px;
    background-image: url(images/buton_sageti.jpg);
    background-repeat: no-repeat;
}
#continutPoza{
	background-repeat: no-repeat;
	width: 396px;
	height: 300px;
	margin: 0 13px 0 13px;
	float:left;
}

#dreapta{
   /* background-color: #FBF8E7;*/
   	background-color: #FDECC9;
	margin: 0px;
	margin: 0px;
	width: 172px;
	height: 580px;
	float: left;
}
#dreapta ul{
    margin:0 0 0 4px;
	padding:0;
	list-style:none;
}

#dreapta ul li{
    width: 154px;
	padding: 2px 0px 4px 10px;
	background-color:#FFFFFF;
	margin: 2px 0 0px 0!important;
	margin: 0px 0 0px 0;
}
#dreapta ul li a p{
    margin: 0px 0 1px 0;
}
a.butonDreapta{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color:#000000;
}
a.butonDreapta:hover{
	text-decoration: none;
	color: #F5731F;
}
form{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 0px 0 0px;	
}
form input {
    border-style:solid;
	border-width: 1px;
	border-color: #663333;
	margin: 5px 0 5px 5px;
	width: 160px;
	padding: 0 0 0 0px;
}
form label{
    text-align:left;
}

form select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #63422F;
	border: 1px solid #63422F;
	height:17px!important;
	height:15px;
	margin: 2px 0 2px 0;
}

.codCaptcha{
	border-style:solid;
	border-width: 1px;
	border-color: #663333;
	margin: 0 0 5px 5px;
	width: 80px;
	padding: 0 0 0 0px;
}

.cautareButon{
    width: 63px;
    height: 9px;
	float: left;
	margin: 0px 0px 0px 80px!important;
	margin: 0px 0px 0px 40px;
	padding: 0 0 0 0;
}
.cautareButon a{
    display: block;
    height: 9px;}
#butonCauta{
    width: 63px;
    height: 9px;
    background-image: url(images/buton_search.jpg);
    background-repeat: no-repeat;
}

.inscriereButon{
    width: 80px;
    height: 9px;
	float: left;
	margin: 0px 0px 0px 63px!important;
	margin: 0px 0px 0px 32px;
	padding: 0 0 0 0;
}
.inscriereButon a{
    display: block;
    height: 9px;}
#butonInscriere{
    width: 80px;
    height: 9px;
    background-image: url(images/buton_subscribe.jpg);
    background-repeat: no-repeat;
}

.pozaDreapta{
    background-image:url(images/brosura.jpg);
	background-repeat: no-repeat;
	margin: 15px 5px 0px 10px!important;
	margin: 0px 5px 0px 10px;
	width: 150px;
	height: 257px!important;
	height: 237px;
}

.footer{
	float: left;
	width: 776px;
	height: 44px;
	clear: both;
	font-size: 10px;
}
.bandaCrem{
    background-color: #FDDE9D;
	width: 776px;
	height: 25px;
}
.bandaButoane ul{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px 0 0 160px;
	margin: 0 0 0 0;
	width: 776px;
	float: left;
}
.bandaButoane ul li{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	text-decoration: none;
}
.bandaButoane ul li a{
    color: #000000;
	text-decoration: none;
}
.bandaButoane ul li a:hover{
    color: #F5731F;
	text-decoration: none;
}
.bandaAlba{
    background-color: #f3ecda;
	width: 780px;
	height: 18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	text-align: center;
	padding: 3px 0 0 0;
}

.subcategorie{
	width: 176px;
    height: 20px;
	background-image: url(images/celula.gif);
	/*color: #fff;*/
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin: 0 0 0 3px;
}

.subcategorie a{
	color: #000000;
	text-decoration: none;
}

.subcategorie a:hover{
	color: #F99549;
	text-decoration: none;
}

.subcategorie a p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	font-weight:bold;   
	display: block;
	margin: 3px 0 0 3px;
}

.titlu{
	width: 424px;
	height: 51px;
	background-image: url(images/titlu.jpg);
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
}

.titlu h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color:#000;
    padding: 5px 0px 0 58px;
	margin: 0;
}

.pages{
	margin: 10px 0 0 0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000;
}

.pages a{
	color: #F99549;
	text-decoration:none;
	font-weight:bold;
}

.pages a:hover{
	color: #000;
	text-decoration:none;
	font-weight:bold;
}

.pagesTitle{
	margin: 0 0 10px 5px;
}

.pagesDetails{
	margin: 0 0 5px 10px!important;
	margin: 0 0 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.pagesDetails ul{
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

.pagesDetails ul li{
	margin: 4px 0 0 20px;
	padding: 0;
	list-style-image: url('images/arrow.jpg');
}

.pagesImage img{
	width:100px;
	height:75px;
}


.pages p{
	height:78px;
	overflow: hidden;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
	margin: 0 2px 0px 10px;
}

.pagActive{
	color:red;	
}


/**************************************/
 /* float containers fix */ 
 
.clearfix:after {
	 content: "."; 
	 display: block; 
	 height: 0; 
	 clear: both; 
	 visibility: hidden;
	}
 
.clearfix{
	display: inline-table;
	}

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

.clearfix { 
	display: block;
	}
/* End hide from IE-mac */  

/*************************************************************************/


/* accommodation table */

.accommodation {
	border:none;
}
.tdTitle {
	background-color: #FDECC9;
	color: #63422F;
	font-weight: bold;
	padding-left: 5px;
	border: 1px solid #63422F;
}

.tdSimple {
	padding: 0 0 0 10px;
	text-align: left;
	vertical-align: top;
	color: #63422F;
	
}

/********** Formular inregistrare ***********/
.facilitati{
	width:160px!important;
	width:155px;
	float:left;
	margin: 2px 10px 2px 5px;
	/*border:1px solid #eeeeee;*/
	padding: 0 0 6px 0;
}

.register {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;	
}
.register input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #63422F;
    border: 1px solid #663333;
	margin: 0;
	width: 150px;
	padding: 0;
	float: left;
}
.register label{
    text-align:left;
}

.register select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #63422F;
	border: 1px solid #63422F;
	height:17px!important;
	height:15px;
}