body {margin: 0 auto;font-family: 'Open Sans', sans-serif;background: #f2f2f2;color:#4b5054;}



* {margin:0;padding:0;}

p {line-height:1.7;}
img {border:0}

.inner {width:1160px;margin:0 auto;}



/* Header */



#header {width:100%;min-width:1160px;height:100px;border-bottom: 1px solid #e2e2e2;}
#logo {width:250px;float:left;margin-top:47px;}
#logo img {width:222px;} 

#header #top_menu {width:200px;float:right;margin-top:42px;text-align:right;font-size:13px;color:#6b7176;font-style:italic;}




/* Home top */



#hp_top {width:100%;min-width:1160px;height:180px;padding-top:35px;background:#fafafa;border-bottom: 1px solid #e2e2e2;}

#top_boxes {width:auto;height:237px;margin:0 auto;text-align:center;}
.top_box {height:150px;display:inline-block;margin:0px 1px 0px 1px;background:#ffffff;border: 1px solid #e2e2e2;}
.top_box:hover {border: 1px solid #d1d1d1;}
.top_box img {height:150px;}

 



/* Home /detail main */



#main {width:100%;min-width:1160px;padding:50px 0px 50px 0px;background:#fcfcfc;border-bottom: 1px solid #e2e2e2;}
#main h1 {font-size:22px;font-weight:300;}

   



/* Content */



#content {width:840px;float:right;background:#ffffff;padding:25px 30px 40px 30px;border: 1px solid #e2e2e2;}
#content h1 {font-size:20px;font-weight:400;padding-bottom:8px;}
#content h2 {font-size:18px;font-weight:400;padding-top:40px;}
#content h3 {font-size:15px;font-weight:600;padding-top:35px;}
#content p {font-size:14px;padding-bottom:10px;padding-right:40px;}
#content a {text-decoration:underline;color:#4b5054;}
#content a:hover {text-decoration:none;}



#galery {width:870px;float:right;background:#ffffff;padding:25px 0px 40px 30px;border: 1px solid #e2e2e2;}
#galery h1 {font-size:20px;font-weight:400;padding-bottom:8px;}
#galery h2 {font-size:16px;font-weight:400;padding-top:60px; padding-bottom:8px;}
#galery p {font-size:14px;padding-bottom:10px;}


#ul-list {padding-top:40px;padding-left:16px;}
#ul-list ul {list-style-type:square;color:#4b5054;font-size:14px;line-height:1.6;}


 

/* Left menu */



#left {width:230px;float:left;}
#left ul {list-style-type:none;background:#ffffff;border: 1px solid #e2e2e2;}
#left ul li {padding-left:50px;line-height:38px;font-size:14px;border-bottom: 1px solid #e2e2e2;}
#left ul li:hover {background-color:#fafafa;cursor:pointer;}
#left ul li a {text-decoration:none;color:#4b5054;}


/* CC0 free icons from pixabay.com */


#left ul .home {background:url('../images/categories/home.png') 15px 10px no-repeat;}
#left ul .visit {background:url('../images/categories/visit.png') 15px 10px no-repeat;}
#left ul .swimming {background:url('../images/categories/swimming.png') 15px 10px no-repeat;}
#left ul .prices {background:url('../images/categories/prices.png') 15px 10px no-repeat;}
#left ul .booking {background:url('../images/categories/booking.png') 15px 10px no-repeat;}
#left ul .photos {background:url('../images/categories/photos.png') 15px 10px no-repeat;}
#left ul .contact {background:url('../images/categories/contact.png') 15px 10px no-repeat;border-bottom:0;}
#left ul .active {background-color:#fafafa;}

#main #left ul li {background-size:18px;}




/* Reservation form */


#content #form_alert {color:#cc0000;height:20px;padding-top:5px;padding-bottom:8px;}
#content #google-calendar {padding-top:60px;padding-bottom:40px;}

.reservation_email .inputbox {height:32px; margin-bottom:12px; padding-left:5px; color:#4b5054; border:1px solid #cccccc;}
.reservation_email #name {width: 290px; }
.reservation_email #mail, .reservation_email #tel {width: 290px; }
.reservation_email #date_from, .reservation_email #date_to {width: 140px; text-align: center;}
.reservation_email #persons {width: 80px;}
.reservation_email #textmsg {height:200px; width: 620px; margin-bottom:12px;border:1px solid #cccccc;}
.reservation_email label {font-size:12px; line-height:20px;}
.reservation_email #button {width:160px;height:40px;margin-top:10px;border:0;background-color:#0099cc;color:#ffffff;font-size:14px;cursor:hand;cursor:pointer;}
.reservation_email #button:hover {background:#0099cc;}





/* Contact */

#contact_left {width:400px;float:left;padding-top:10px;}
#contact_right {width:400px;float:right;padding-top:10px;}

#contact_left ul {list-style:none;}
#contact_left ul li {font-size:14px;line-height:1.7;}

.contact_email .inputbox {height:32px; margin-bottom:12px; padding-left:5px; color:#4b5054; border:1px solid #cccccc;}
.contact_email #name {width: 290px; }
.contact_email #mail, .contact_email #tel {width: 290px; }
.contact_email #textmsg {height:200px; width: 620px; margin-bottom:12px;border:1px solid #cccccc;}
.contact_email label {font-size:12px; line-height:20px;}
.contact_email #button {width:160px;height:40px;margin-top:10px;border:0;background-color:#0099cc;color:#ffffff;font-size:14px;cursor:hand;cursor:pointer;}
.contact_email #button:hover {background:#0099cc;}








/* Footer */

#footer_bottom {width:100%;min-width:1160px;height: 30px;padding-top:12px;background: #f2f2f2;font-size:13px;color:#4d5357;}
#footer_bottom span {float:right;padding-bottom:4px;}



.clear {clear:both;}