/* general html styling + reset */

h1 { color: #000; }

/* main box model */

html { background:#f3dea9; }
body { background:url("../images/serbari/default_bg.jpg") repeat-x 50% 90px; }
#page #header #logo { margin:20px 0 0 0; background:url("../images/serbari/logo.png") no-repeat; cursor:pointer; text-indent: -1000px; width:256px; height: 172px; }

#page #main { padding-top:110px;}
#page #main #content { position: relative; background: url("../images/serbari/group_bg.gif") no-repeat bottom center;  }
#page #main #title {width:390px; margin:0 auto;}


#page #main #fancybox {z-index:1000; width:720px; margin-bottom:70px; margin-left:50px;}
#page #main #fancybox #fancy-close {z-index:1200;}
#page #main #fancybox #fancy-content {position:relative; z-index:1000; min-height:250px;}
#page #main #fancybox.open {height:auto; padding-top:0;}

#page #main #sidebar { overflow:hidden; position:absolute; width:250px; right:0; top:0; bottom:0; padding-top:50px; padding-bottom:380px; z-index:100; xheight: 280px; }
#page #main #sidebar a.sidebar-down { position: absolute; top:0px; background:url("../images/serbari/sidebar_top.png") no-repeat top center; display:block; height: 81px; width: 100%; text-indent: -2000px;  }
#page #main #sidebar a.sidebar-up { position:absolute; bottom:330px; background:url("../images/serbari/sidebar_bottom.png") no-repeat top center; display:block; height: 72px; width: 100%; text-indent: -2000px;  }
#page #main #sidebar-container { overflow: auto; height:100%; margin: 0; padding:0; width:300px;}
#page #main #sidebar #news {width:180px; min-height:100%; background:url("../images/serbari/sidebar_bg.png") 13px 0 repeat-y; padding:30px 50px 30px 40px; }

#page #main #map {  position: relative; xbackground: url("../images/serbari/group_bg.gif") no-repeat bottom center; padding-bottom:360px; min-height:350px; }
#page #main #map div.item { position :absolute; bottom:0px; left:0px; width:100%; height:400px; xborder:1px solid yellow; overflow:visible;}

#page #main #map div.info {position:absolute; bottom:440px; left:100px; width:400px; background:#fff; padding:15px; -moz-border-radius:15px; -webkit-border-radius:15px; z-index:301; font-size:14px; line-height:17px; opacity:.95;}
#page #main #map div.info h2 {margin-bottom:5px; }
#page #main #map div.info .description {color:#999;}
#page #main #map ul.items {margin-top:50px; margin-left:200px; width:500px;}
#page #main #map ul.items li.item {position:relative; xwidth:100px; float:left; overflow:hidden; margin:0; z-index:300; }
#page #main #map ul.items li.item a {display:block; text-align:center; color:#000; font-weight:bold; font-family:Tahoma,Verdana; text-decoration:none; font-size:9px; line-height:10px;}
#page #main #map ul.items li.item:hover { }
#page #main #map ul.items li.selected { padding-top:150px; margin-top:-150px; background:url("../images/serbari/pin-leg.png") top left no-repeat; z-index:350; opacity:1;}
#page #main #map ul.items li.item .description {display:none;}

#page #main #map #orase { display: none; background: url("../images/serbari/map_romania.gif") no-repeat top center;  bottom: 20px; }
#page #main #map #orase ul.items li.item {position: absolute; width:40px; height:60px;overflow:visible}
#page #main #map #orase ul.items li.selected { background-position: -20px 10px; }
#page #main #map #orase ul.items li.item a { position:relative; display: block; overflow:visible; padding:0; width: 40px; height:60px; background-position:center center; background-repeat:no-repeat; outline:none;}
#page #main #map #orase ul.items li.item a span { position:absolute; top:60px; left:-15px; display:block; width:60px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 4px;  z-index:10000;}
#page #main #map #orase ul.items li.item a:hover span { color: #fff; background: #000;   }
#page #main #map #orase ul.items li#map-bacau { left: 640px; top: 22px; }
#page #main #map #orase ul.items li#map-bacau a { background-image:url("../images/serbari/bacau.png")}
#page #main #map #orase ul.items li#map-bacau a span { top:-20px;}
#page #main #map #orase ul.items li#map-braila { left: 695px; top: 55px; }
#page #main #map #orase ul.items li#map-braila a { background-image:url("../images/serbari/braila.png"); }
#page #main #map #orase ul.items li#map-braila a span { top:-20px; }
#page #main #map #orase ul.items li#map-buzau { left: 605px; top: 62px; }
#page #main #map #orase ul.items li#map-buzau a{ background-image:url("../images/serbari/buzau.png");   }
#page #main #map #orase ul.items li#map-constanta { left: 730px; top: 92px; }
#page #main #map #orase ul.items li#map-constanta a{ background-image:url("../images/serbari/constanta.png");   }
#page #main #map #orase ul.items li#map-oradea { left: 300px; top: 0; }
#page #main #map #orase ul.items li#map-oradea a{ background-image:url("../images/serbari/oradea.png"); }
#page #main #map #orase ul.items li#map-oradea a span { top: -10px; }
#page #main #map #orase ul.items li#map-ploiesti { left: 560px; top: 75px; }
#page #main #map #orase ul.items li#map-ploiesti a{ background-image:url("../images/serbari/ploiesti.png");   }
#page #main #map #orase ul.items li#map-ploiesti a span { top:-30px; }
#page #main #map #orase ul.items li#map-resita { left: 287px; top: 63px; }
#page #main #map #orase ul.items li#map-resita a{ background-image:url("../images/serbari/resita.png"); }
#page #main #map #orase ul.items li#map-targoviste { left: 490px; top: 75px; }
#page #main #map #orase ul.items li#map-targoviste a{ background-image:url("../images/serbari/targoviste.png");  }
#page #main #map #orase ul.items li#map-targu-jiu { left: 380px; top: 70px; }
#page #main #map #orase ul.items li#map-targu-jiu a{ background-image:url("../images/serbari/targu-jiu.png");  }
#page #main #map #orase ul.items li#map-timisoara { left: 240px; top: 43px; }
#page #main #map #orase ul.items li#map-timisoara a{ background-image:url("../images/serbari/timisoara.png"); }
#page #main #map #orase ul.items li#map-timisoara a span { }



#page #main #map #atractii { background: url("../images/serbari/map_location.gif") no-repeat top center; }
#page #main #map #atractii ul.items li span.new_pictures { position:absolute; left:5px; top:18px;}
#page #main #map #atractii ul.items li span.new_pictures a.updates{ background:url("../images/serbari/new_pictures.png") no-repeat top right; display:block; width:23px; height:21px; text-indent: -2000px; }
#page #main #map #atractii ul.items li span.new_posts { position:absolute; background: #ff0000; color:#fff; padding:3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#page #main #map #atractii ul.items li.item { position:absolute; }
#page #main #map #atractii ul.items li.item a { display:block; width: 70px; height: 70px; text-indent: -2000px; background-position: center -75px; background-repeat:no-repeat; }
#page #main #map #atractii ul.items li.item a:hover, #page #main #map #atractii ul.items li.selected a{ background-position: center 0; }

#page #main #map #atractii ul.items li#map-berarie { left: 490px; top:115px; }
#page #main #map #atractii ul.items li#map-berarie a.link { background-image: url("../images/serbari/berarie.png"); }

#page #main #map #atractii ul.items li#map-brutarie { left: 580px; top: 90px; }
#page #main #map #atractii ul.items li#map-brutarie a.link { background-image: url("../images/serbari/brutarie.png"); }

#page #main #map #atractii ul.items li#map-croitorie { left: 640px; top: 70px; }
#page #main #map #atractii ul.items li#map-croitorie a.link{ background-image: url("../images/serbari/croitorie.png"); width: 100px; }

#page #main #map #atractii ul.items li#map-intrare { left: 338px; top: 90px; }
#page #main #map #atractii ul.items li#map-intrare a.link{ background-image: url("../images/serbari/intrare.png"); width: 90px; }

#page #main #map #atractii ul.items li#map-scena { left: 425px; top: 0px; }
#page #main #map #atractii ul.items li#map-scena a.link{ background-image: url("../images/serbari/scena.png"); width: 110px; }

#page #main #map #atractii ul.items li#map-cort-cu-premii { left: 520px; top: 10px; }
#page #main #map #atractii ul.items li#map-cort-cu-premii a.link{ background-image: url("../images/serbari/cort.png"); width: 90px; height: 50px; }

#page #main #map #atractii ul.items li#map-fotografi { left:720px; top: 40px; }
#page #main #map #atractii ul.items li#map-fotografi a.link{ background-image: url("../images/serbari/fotograf.png"); }

#page #main #map #atractii ul.items li#map-jocuri { left: 520px; top: 60px; height: 50px; }
#page #main #map #atractii ul.items li#map-jocuri a.link{ background-image: url("../images/serbari/jocuri.png"); }

#page #main #map #atractii ul.items li#map-terase { left: 330px; top: 20px; }
#page #main #map #atractii ul.items li#map-terase a.link{ background-image: url("../images/serbari/terasa1.png"); height: 40px; }

#page #main #map #atractii ul.items li#map-suveniruri { left: 435px; top: 90px; width:55px; }
#page #main #map #atractii ul.items li#map-suveniruri a.link { background-image: url("../images/serbari/suveniruri.png"); height:40px; }

#page #main #map #atractii ul.items li#map-gratare { left: 270px; top: 30px; }
#page #main #map #atractii ul.items li#map-gratare a.link { background-image: url("../images/serbari/gratar.png"); width: 70px; height: 40px; }


#page #main #map #concurs { display:none; }
#page #main #map #concurs ul.items li.item { position:absolute; width: 150px; height: 100px; }
#page #main #map #concurs ul.items li.item a { xbackground-color:red;display:block; width: 150px; height: 120px; text-indent: -2000px; background-position: center top; background-repeat:no-repeat; outline: none; }
#page #main #map #concurs ul.items li.item a:hover, #page #main #map #concurs ul.items li.selected a{ background-position: center bottom; }

#page #main #map #concurs ul.items li#map-inregistrare { left: 215px; top: 5px;  }
#page #main #map #concurs ul.items li#map-inregistrare a { background-image: url("../images/serbari/register.png"); height: 85px; }
#page #main #map #concurs ul.items li#map-autentificare { left: 330px; top: 40px;   }
#page #main #map #concurs ul.items li#map-autentificare a { background-image: url("../images/serbari/autentificare.png");  height: 94px;  }
#page #main #map #concurs ul.items li#map-newsletter { left: 115px; top: 50px; height: 78px;}
#page #main #map #concurs ul.items li#map-newsletter a{ background-image: url("../images/serbari/newsletter.png"); width: 120px; height: 78px;} 
#page #main #map #concurs ul.items li#map-fotografii { width: 210px; left: 500px; top: 60px; display:none;}
#page #main #map #concurs ul.items li#map-fotografii a { background-image: url("../images/serbari/albumfoto.png"); width: 210px; height:68px; } 
#page #main #map #concurs ul.items li#map-povesti { left: 715px; top: 45px;}
#page #main #map #concurs ul.items li#map-povesti a { background-image: url("../images/serbari/ospitalitate.png"); height: 73px; } 
#page #main #map #concurs ul.items li#map-recomanda a { } 

/* WIP */
#page #main #map #concurs ul.items li#map-inregistrare { left: 300px; top: 40px;   }
#page #main #map #concurs ul.items li#map-inregistrare a { background-image: url("../images/serbari/autentificare.png");  height: 94px;  }
#page #main #map #concurs ul.items li#map-contul-meu { left: 400px; top: 10px;  }
#page #main #map #concurs ul.items li#map-contul-meu a { background-image: url("../images/serbari/punctaj.png"); width: 100px; height: 80px;  }
#page #main #map #concurs ul.items li#map-regulament { left: 165px; top: 5px;  }
#page #main #map #concurs ul.items li#map-regulament a { background-image: url("../images/serbari/regulament.png"); height: 85px; }
#page #main #map #concurs ul.items li#map-despre-serbari { left: 500px; top: -35px; width: 170px; height: 181px; z-index:1001;}
#page #main #map #concurs ul.items li#map-despre-serbari.selected {background:none; padding:0; margin:0;}
#page #main #map #concurs ul.items li#map-despre-serbari a { background-image: url("../images/serbari/concurs.png"); width: 170px; height: 171px;  }


#page #main #map #arhiva { position:absolute; bottom:105px; left:550px; width:170px; height:auto; z-index:2000; opacity:.3; }
#page #main #map #arhiva:hover {opacity:1;}
#page #main #map #arhiva h2 {margin:0; padding:0; float:left; margin-bottom:10px; color:#000;}
#page #main #map #arhiva ul.items {margin:0; padding:0; float:left;}
#page #main #map #arhiva ul.items li {height:auto; width:auto; background:none; margin-right:2px;}
#page #main #map #arhiva ul.items li a {display:block; padding:3px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #000;}
#page #main #map #arhiva ul.items li a:hover {background-color:#8e6c32;}
#page #main #map #arhiva ul.items li.selected a {background:#000; color:#fff;}


#footer {}
#footer a {color:#8e6c32; }
#footer a:hover {color:#000;}
#footer .standard { width:830px;margin:0 auto;}
#footer .copy { clear:both; float:left; display:block; text-align:center; padding:15px 0; font-family:Arial,Helvetica; font-size:11px; line-height:12px; color:#c3ae79; margin-left:20px;}
#footer .copy a {color:#c3ae79;}
#footer .copy a:hover {color:#8e6c32; }
#footer .credits { clear:none; float:right; margin-right:50px; display:block; padding:15px 0; font-family:Arial,Helvetica; font-size:10px; line-height:12px; color:#c3ae79;}
#footer .credits a {color:#c3ae79;}
#footer .credits a:hover {color:#8e6c32; }
#footer .box {position:relative; z-index:10000; float:left; width:218px; padding:5px 15px;  -moz-border-radius:15px; -webkit-border-radius:15px; background:#e3ce99; border:1px solid #e3ce99; margin:0 9px; color:#000; font-size:10px; line-height:11px; font-family:Lucida Grande,Arial, Helvetica; }
#footer .box h2 {margin:0; padding:5px 0; font-size:20px; line-height:20px;color:#c3ae79;}
#footer .box p {margin:0; padding:0;}
#footer .box .boxContent {height:90px; width:220px; padding:10px 30px 10px 0; border-bottom:1px dotted #8e6c32;xborder-top:1px solid #8e6c32; overflow:auto;}
#footer .box .boxContent ul {list-style-type:none; margin:0; padding:0;}
#footer .box .boxContent ul li {margin:0; padding:0; xheight:90px; margin-bottom:10px; padding-bottom:10px; }
#footer .box .boxMore {height:35px; padding:0; padding-top:5px; padding-right:35px;position:relative;}
#footer .box .boxMore a {text-decoration:none; font-weight:bold; font-size:11px; line-height:12px; }
#footer .box .boxMore a.more {display:block; position:absolute; top:5px; right:0px; width:30px; text-align:right; font-size:10px; line-height:11px; font-weight:normal; }
#footer .box:hover {background:#ffe; border-color:#d3be89;}
#footer .box:hover h2 {color:#8e6c32; border-color:#d3be89;}
#footer #twitter .boxMore { padding-right:5px;}
#footer #twitter .boxMore .twitter_link { float: left; width: 50%;  }
#footer #twitter .boxMore .news_link { float:right; width: 50%; text-align: right; }

#events #notifications {}
#events #notifications .timestamp {display:block;padding-top:5px; font-size:9px; color:#8e6c32;}
#twitter #twitter_update_list li span {display:block; margin-bottom:3px;}
#twitter a.follow {display:block;width:80px;}
#events .boxMore p {display:inline-block;width:80px; margin-right:5px;}

.controls { /*width: 160px; margin: 10px auto 0 auto; */ height:40px; background:url('../images/separator-mare.png') 0 12px  no-repeat; text-align:center;}
.controls a { display:inline-block; background-position: center top; background-repeat: no-repeat; width:43px; height:43px; text-indent: -3000px; outline:none; }
.controls a:hover { background-position: center bottom; }
.controls .prev { background-image: url("../images/serbari/nav_prev.png"); }
.controls .prev.inactive, .controls .next.inactive { visibility: hidden; }   
.controls .next { background-image: url("../images/serbari/nav_next.png"); } 
.controls .full-list {  background-image: url("../images/serbari/nav_scroll.png"); margin:0 20px;}
.controls .full-list.active { background-image: url("../images/serbari/nav_scroll.png"); }


#page #main #age {background:url("../images/serbari/intrare.gif") bottom center no-repeat; height:550px; position:relative; }
#page #main #age .container { width: 400px; position: absolute; top: 150px; left: 170px; text-align: center; }
#page #main #age .boxPresentation { color: #000; }
#ageCheckForm input { padding: 8px 5px; font-size: 35px; font-weight: bold; margin: 9px 10px 9px 0; width: 50px; background: #f3dea9; border: 2px solid #000; }
#ageCheckForm input#yearAge { width: 100px; }
#ageCheckForm #datesubmit { display: block; clear: both; background: url("../images/serbari/age_button.png") no-repeat center center; border: none; width:240px;  padding:25px 10px; color: #e9b772; }
#ageCheckForm #datesubmit.error { font-size: 14px; font-weight: bold; padding: 40px 4px; }
#ageCheckForm div.action input { margin: 20px auto; cursor: pointer; }




/* main content styling */
#sidebar {}
#sidebar a {color:#5f5935;}
#sidebar a:hover {color:#000;}
#sidebar ul li.news {padding-bottom:25px; background:url('../images/separator-mic.png') bottom center no-repeat; padding-top:20px;}
#sidebar ul li.widget-container {padding-bottom:25px; background:url('../images/separator-mic.png') bottom center no-repeat; padding-top:15px;}
#sidebar ul li.news:hover {color:#a00;}
#sidebar ul li.news:hover a {color:#a00;}
#sidebar ul li.widget-container:hover {color:#a00;}
#sidebar ul li.widget-container:hover a {color:#a00;}


#page #main #map #hidden {  }
#page #main #map #hidden ul li { position: absolute; bottom: 580px;}
#page #main #map #hidden ul li a { display:block;  text-indent: -2000px; width:80px; height:80px;  }
#page #main #map #hidden ul li#h_orase { left: 270px; }
#page #main #map #hidden ul li#h_atractii { left: 170px; }
#page #main #map #hidden ul li#h_concurs { left: 410px; }

#page #timi_facebook a{ display:block; width: 146px; height:125px; background: url("../images/serbari/timi_pe_facebook.png") no-repeat; position:absolute; left: 595px; top: 195px; text-indent:-2000px;  }
#page #timi_facebook a:hover { background-position:0 -176px; }

#page #main #map #more { position: absolute; z-index: 300; width:100%; height:130px; bottom:60px; background: none; }
#page #main #map #more ul li { position:absolute; width:130px; height:130px;}
#page #main #map #more ul li a { display:block; width:130px; text-indent: -2000px; font-size:15px;  line-height:20px; vertical-align:middle; text-align:center; color:#fff; text-decoration:none; outline:none;}
#page #main #map #more ul li a.selected { background: green;  }

#page #main #map #more ul li#a_atractii { bottom: 0px; left: 90px;  } 
#page #main #map #more ul li#a_atractii a { background: url('../images/serbari/butoaie_atractii.jpg') no-repeat 0px 0px; height:72px;  }
#page #main #map #more ul li#a_atractii a.selected  { background-position: 0 -156px; }
#page #main #map #more ul li#a_atractii a:hover {  background-position: 0px -78px;  }


#page #main #map #more ul li#a_orase { bottom: 0px; left: 370px; } 
#page #main #map #more ul li#a_orase a { background: url('../images/serbari/butoaie_calendar.jpg') no-repeat 0 0; height:70px; }
#page #main #map #more ul li#a_orase a.selected { background-position: 0 -140px;   }
#page #main #map #more ul li#a_orase a:hover { background-position: 0px -70px;  }


#page #main #map #more ul li#a_concurs { bottom: 10px; left: 777px;  } 
#page #main #map #more ul li#a_concurs a { background: url('../images/serbari/butoaie_concurs.jpg') no-repeat 0 0; height:82px;}
#page #main #map #more ul li#a_concurs a.selected { background-position: 0 -164px; }
#page #main #map #more ul li#a_concurs a:hover { background-position: 0px -82px; }

/* specifics */


#rdx-login { width: 70%;}
form ul { -moz-border-radius:10px; background:none; clear:both; float:none; padding:10px; width:80%;  }
form ul li { display:block; width:100%; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; background:none repeat scroll 0 0 #fff; border:1px solid #ccc; color:#aaa; margin:0 0 2px 0; padding:0; position:relative;}
form ul li input { float:right; border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #eee; border-style:none none none dotted; border-width:medium medium medium 1px; color:#000; font-size:14px; line-height:15px; margin:0; padding:5px; width:70%;}
form ul li label { display:block; float:left; font-size:14px; line-height:15px;  padding:5px; width:20%;}
form ul li span {font-family:Arial,Helvetica; }
form ul li span.required { color:red; float:right; margin-right:10px; }
form ul li span.error { display:block;color: red; font-size:10px; line-height:11px; clear:both; float:none; margin-left:10px;}
form ul li span.radio-group { padding: 5px; xdisplay: block; border-left: 1px dotted #eee; }
form ul li span.radio-group input { width: 10%; display: inline; float: none; }
form ul li span.radio-group label { width: 20%; float: none; display:inline; float: none; }
form ul li.action  {-moz-border-radius:5px 5px 5px 5px; border:medium none; font-size:12px; font-weight:bold; line-height:13px; padding:7px 12px; width:auto;}
form ul li.action input { clear: both; float: none; cursor: pointer; -moz-border-radius:5px 5px 5px 5px; border:medium none; font-size:12px; font-weight:bold; line-height:13px; padding:7px 12px; width:auto; }
form fieldset { border: none; }
form fieldset label { float: left; width: 200px; display:block; }
form fieldset .mce_inline_error { color: red; }
form fieldset .input-group label { display:inline; float:none;   }
form fieldset > div { margin: 3px 0; }

body.inactive #page #main #content { background: none; }  


/* povestea unui oaspete form */
.tdomf_form { clear:both; float:none; padding:10px; background:#eee; -moz-border-radius:10px; -webkit-border-radius:10px;width:80%; }
.tdomf_form table { border:none; background:none; }
.tdomf_form table td { border: none; }
.tdomf_form fieldset legend { color:#000; font-size:14px; margin:0; padding:0;}
.tdomf_form fieldset input { border:none;  border-left: 1px dotted #eee; padding:5px;  }
.tdomf_form fieldset textarea { border:none;  border-left: 1px dotted #eee; padding:5px; }
.tdomf_form fieldset p {display:block; padding:5px; width:85%; overflow:hidden; -moz-border-radius:5px;-webkit-border-radius:5px; background:none repeat scroll 0 0 #fff; border:1px solid #ccc; color:#aaa; margin:0 0 2px 0; position:relative;}
.tdomf_form fieldset label { float: left; color: #aaa; width: 20%; }
.tdomf_form fieldset small { display:none; }
.tdomf_form table.tdomf_buttons { position:relative; margin-top:-47px; margin-left: 8px; }
.tdomf_form table.tdomf_buttons input { -moz-border-radius:5px; -webkit-border-radius:5px; width:auto; padding:7px 12px; border:none; font-size:12px; line-height:13px; font-weight:bold; }