﻿body { margin: 0px; padding: 0px; background: #F0F0F0 url(../images/headbg.jpg) repeat-x top; font-family: 'Josefin Sans Std Light', arial, serif; }

.clearfix {clear: both;}

area.camera1:hover {background-image: transparent url(../images/camera1.gif) no-repeat; }



#all { width: 1000px; height: auto; margin: 0 auto;	}

#all #header #date-lang { width: 1000px; height: 25px; }

#all #header #date-lang #date { width: 480px; height: 25px; float: left; color: white; font-size: 13px; line-height: 25px; text-indent: 20px; }

#all #header #date-lang #lang { width: 200px; height: 25px; float:right; color: white; font-size: 13px; vertical-align: middle; line-height: 25px; }

#all #header #date-lang #lang .text { vertical-align: middle; color: white; font-size: 13px; float: left; }
#all #header #date-lang #lang a { text-decoration: none; border: 0px; margin-left: 10px; line-height: 35px; }

#all #header #logo-menu { width: 1000px; height: auto; vertical-align: middle; line-height: 175px;}
#all #header #logo-menu #logo{ width: 250px;float: left; vertical-align: middle; line-height: 175px; text-decoration: none; margin-left: 20px; margin-top: 10px;}
#all #header #logo-menu #logo a img{text-decoration: none; border: 0px;}

#all #header #logo-menu #menu{ width: 690px; height: 150px; float: left; line-height: 175px; text-decoration: none; margin-left: 20px; margin-top: 10px;}

#all #header #logo-menu #menu ul{list-style: none; padding: 0;margin: 0; margin-top: 60px;}

#all #header #logo-menu #menu ul li {float: left; }

#all #header #logo-menu #menu ul li a{background: url(../images/bgmenu.jpg) repeat-x; height: 37px; line-height: 38px; float: left;  display: block;color: white; text-decoration: none; text-align: center; padding: 0px 15px 0px 15px; font-size: 18px; }
#all #header #logo-menu #menu ul li a:hover{background: url(../images/bgmenu-hover.jpg) repeat-x;}
#all #header #logo-menu #menu ul li a.active{background: url(../images/bgmenu-hover.jpg) repeat-x;}

#all #header #logo-menu #menu ul li a.leftside {background: url(../images/leftheadmenu.png) no-repeat left; height: 37px; width: 100px; line-height: 38px; float: left; color: white;  display: block; text-decoration: none; text-align: center; letter-spacing: 2px; text-indent: 8px;}
#all #header #logo-menu #menu ul li a.leftside:hover {background: url(../images/leftheadmenu-hover.png) no-repeat left; height: 37px;}
#all #header #logo-menu #menu ul li a.leftside.active {background: url(../images/leftheadmenu-hover.png) no-repeat left; height: 37px;}

#all #header #logo-menu #menu ul li a.rightside {background: url(../images/rightheadmenu.png) no-repeat left; height: 37px; width: 80px; line-height: 38px; float: left; color: white;  display: block; text-decoration: none; text-align: center; letter-spacing: 2px;}
#all #header #logo-menu #menu ul li a.rightside:hover {background: url(../images/rightheadmenu-hover.png) no-repeat left; height: 37px;}
#all #header #logo-menu #menu ul li a.rightside.active {background: url(../images/rightheadmenu-hover.png) no-repeat left; height: 37px;}


.#all #header #logo-menu #menu #menu-content .left-head-menu{ border: 1px solid white; width: 20px; height:37px;  text-decoration: none; float: left;}



#all #slider {margin-top:15px;width: 1000px; height: 373px; background-color: white;}


#all #content {height: auto; width: 1000px; margin-top: 40px; margin-bottom:20px;}
#all #content #content-left {float: left; height: auto; width: 640px; min-height: 500px;}
#all #content #content-left .title {font-family: 'Tangerine', serif; font-size: 38px;  text-shadow: 4px 4px 4px #aaa; height: 42px; width: 622px; background: #F0F0F0 url('../images/titlebg.jpg') no-repeat bottom; text-indent: 50px; }
#all #content #content-left .title img{margin-left: 14px; }

#all #content #content-left .title img{margin-left: 14px; }
#all #content #content-left .img-index {float: left; margin-top: 10px; height: 280px; width: 212px;}

#all #content #content-left .img-index p{ padding: 8px; color: black; font-size: 15px; line-height:17px;  }

#all #content #content-left #detalii-left-content {height: 155px;}
#all #content #content-left #detalii-left-content p{padding: 8px; color: black; font-size: 15px; line-height:17px; text-align: justify; }


#all #content #content-right {float: right; height: auto; width: 350px; min-height: 500px;}


#all #content #content-right #head {background-color: #7B3736; width: 340px; height: 38px; margin: 0 auto; -moz-border-radius-topright: 24px; -moz-border-radius-topleft: 24px;}
#all #content #content-right #head .title-head{font-size: 18px; color: white; margin-left: 30px; line-height: 38px; letter-spacing: 1px; }

#all #content #content-right #content-form {background: #55221F url(../images/bg-rightcontent.jpg) repeat-x top; width: 340px; height: 450px; margin: 0 auto; -moz-border-radius-bottomright: 24px; -moz-border-radius-bottomleft: 24px;}
#all #content #content-right #content-form #preturi{height: 50px; width: 300px; color: white; font-size: 16px; padding-top: 20px; margin: 0 auto;}
#all #content #content-right #content-form #form{margin-left: 17px; padding-top: 20px;	width: 300px; color: white; font-size: 16px; letter-spacing: 1px;}
#all #content #content-right #content-form #form label{margin-right: 20px; width: 140px; }
#all #content #content-right #content-form #form input{float: right; width: 160px;}
#all #content #content-right #content-form #form textarea{float: right; width: 160px; height: 75px;}


#footer {height: 160px; background-color: #CCC; margin: 0px; padding: 0px}

#footer #content-footer {margin: 0 auto; width: 1000px; height: auto; text-align: center;}

#footer #content-footer a{text-decoration: none; color: #7B3736; font-size: 18px;}
#footer #content-footer a:hover{text-decoration: none; color: black; font-size: 18px;}



#all #content #content-galerie {float: left; height: auto; width: 1000px; min-height: 500px;}
#all #content #content-galerie .title {font-family: 'Tangerine', serif; font-size: 38px;  text-shadow: 4px 4px 4px #aaa; height: 42px; width: 622px; background: #F0F0F0 url('../images/titlebg.jpg') no-repeat bottom; text-align: center; }
#all #content #content-galerie .title img{text-align: center; }

#all #content #content-galerie #planhotel {margin: 25px 0px 15px 0px; text-align: center;  }


#contactarea {width:500px;margin-left: 50px;margin-top: 20px;text-align:left;padding:15px;font-size: 12px; float: left;	}
.inputlabel {display: block; width: 150px; height: 20px;font-size: 16px;letter-spacing: 1px; float: left; padding: 4px;}

.inputbox {border: 1px solid #7B3736;width: 332px;padding: 5px;font-weight: bold;font-size: 12px; float: right;}

#textarea {border: 1px solid #7B3736;padding: 2px;font-weight: bold;font-family: Verdana, Arial;font-size: 12px; width:337px;  float: right;}

#submitbutton {border: 1px solid #7B3736;background-color: #7B3736; float: right; color: white; height: 30px; font-size: 12px; letter-spacing: 1px;}

