/********************************************************************/
/************   Penzion-mája.cz | Created by studio WPJ *************/
/********************************************************************/

* {
    margin: 0;
    padding: 0;
    border: 0px;
}

/************************ GENERAL STYLES ****************************/
html {
    background: #547f00 url("../images/background_repeat.gif") repeat-x top left;
}

body {
    background: url("../images/background_top.jpg") no-repeat top center;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 14px;
    text-align: left;
}

a:link {
    color: #fff;
    text-decoration: underline;
}

a:visited {
    color: #fff;
    text-decoration: underline;
}

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

h1 {
    color: #a1dc2c;
    font-size: 30px;
    padding: 4px 5px 5px 5px;
    font-weight: bold;
    font-style: italic;
    text-shadow: 3px 3px 4px #4b7100;
}

h2 {
    color: #a3df2d;
    font-size: 26px;
    padding: 15px 5px 5px 5px;
    font-weight: normal;
    font-style: italic;
}

h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    padding: 5px 5px 0px;
}

h4 {
    margin: 0;
    padding: 5px 5px 3px;
    font-size: 18px;
    font-weight: normal;
    font-weight: bold;
    font-style: italic;
}

h5 {
    margin: 0;
    padding: 5px 5px 3px;
    font-size: 14px;
    font-weight: normal;
    font-weight: bold;
    font-style: italic;
}

/* Cleaner */
.cleaner {
    clear: both;
    padding: 0;
    margin: 0;
    background: none;
}

/* Font */
@font-face {
    font-family: "lsansi";
    font-style: italic;
    src: url("../styles/fonts/lsansi.eot");
    src: url("../styles/fonts/lsansi.ttf") format("truetype"),
    url("../styles/fonts/lsansi.woff") format("woff");
}

/* Orámované obrázky */
img.bordered-image {
    margin: 6px 0px 6px 10px;
    border: 3px solid #6ca200;
    -moz-box-shadow: 4px 4px 6px #406200;
    -webkit-box-shadow: 4px 4px 6px #406200;
    box-shadow: 4px 4px 6px #406200;
}

/*************************** MAIN LAYOUT *****************************/
#page-wrapper {
    background: url("../images/page_back.jpg") no-repeat top center;
}

#page {
    margin: 0px auto;
    width: 940px;
    padding: 0;
    position: relative;
}

#header {
    height: 289px;
    position: relative;
    width: 964px;
    margin: 0px auto;
    background: url("../images/header.jpg") no-repeat top center;
}

#header a.logo {
    position: absolute;
    z-index: 2;
    top: 150px;
    left: 35px;
    display: block;
    width: 270px;
    height: 125px;
}

/***** vlajky *****/
#flags {
    position: absolute;
    width: 107px;
    height: 31px;
    top: 26px;
    right: 14px;
}

#flags a {
    margin-right: 2px;
    text-decoration: none;
}

#flags a img.akt {
    opacity: 0.6;
}

/**** vlajky END ****/

/*********** MAIN MENU ****************/
#topmenu.menu-cz ul li a { /* CZ JAZYK MÁ VĚTŠÍ PÍSMO */
    font-size: 20px;
    padding: 18px 12px 19px;
}

#menu {
    padding: 0 20px 0 0;
    position: relative;
    height: 62px;
    font-family: "Lucida Sans", lsansi, Arial, Helvetica, sans-serif;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

#menu ul {
    padding: 0;
    text-align: left;
    margin: 0;
    list-style: none;
}

#menu ul li {
    display: block;
    float: left;
    padding: 0 0;
}

#menu ul li a {
    display: block;
    float: left;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    float: left;
    padding: 22px 10px 20px;
    font-style: italic;
}

/* Tlačítko po najetí a aktivní */
#menu ul li a.selected {
    background: url("../images/topmenu_hover.png") no-repeat top center;
    color: #8ed600;
}

#menu ul li a:hover {
    background: url("../images/topmenu_hover.png") no-repeat top center;
}

/*********** MAIN MENU END ****************/


/*********** SIDE CONTENT ****************/
#side-content {
    width: 273px;
    float: right;
    padding: 0px 0 0 0px;
    margin-right: -13px;
}

/* speciální nabídka */
#side-content #special_offer {
    width: 252px;
    float: right;
    background: url("../images/offer_content_bottom.gif") no-repeat 40% 100%;
    padding-bottom: 15px;
}

#side-content #special_offer h3 {
    font-family: "Lucida Sans", lsansi, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    background: url("../images/offer_top.gif") no-repeat 0 0;
    padding: 14px 5px 14px 65px;
    font-size: 18px;
}

#side-content #special_offer .offer_content {
    border-color: #79b600;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    background: #659900 url("../images/offer_content_top.gif") no-repeat top center;
    width: 206px;
    margin-left: 6px;
    padding: 10px 8px;
}

#side-content #special_offer .offer_content p {
    font-size: 12px;
    line-height: 16px;
}

#side-content #special_offer .offer_content p strong {
    font-size: 120%;
    line-height: 14px;
}

/* speciální nabídka END */

/* webkamera */
#side-content #webcam {
    width: 252px;
    float: right;
    background: url("../images/webcam_content_top.gif") no-repeat 9px 50px;
}

#side-content #webcam h3 {
    font-family: "Lucida Sans", lsansi, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    background: url("../images/webcam_top.gif") no-repeat 0 0;
    padding: 14px 5px 14px 65px;
    font-size: 18px;
}

#side-content #webcam h3 a {
    color: #fff;
    text-decoration: none;
}

#side-content #webcam h3 a:hover {
    color: #fff;
    text-decoration: underline;
}

#side-content #webcam .webcam_link {
    margin: 14px 0 0 10px;
    display: block;
}

/* webkamera end */

/* kontakt  */
#side-content #contact {
    width: 252px;
    float: right;
    background: url("../images/webcam_content_top.gif") no-repeat 9px 50px;
}

#side-content #contact h3 {
    font-family: "Lucida Sans", lsansi, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    background: url("../images/contact_top.gif") no-repeat 0 0;
    padding: 14px 5px 14px 65px;
    font-size: 18px;
}

#side-content #contact h3 a {
    color: #fff;
    text-decoration: none;
}

#side-content #contact h3 a:hover {
    color: #fff;
    text-decoration: underline;
}

#side-content #contact .contact_content {
    background: url("../images/contact_content_top.gif") no-repeat top center;
    width: 222px;
    margin-left: 8px;
    padding: 10px 0;
}

#side-content #contact .contact_content p {
    font-size: 14px;
    line-height: 18px !important;
    padding: 4px 10px !important;
}

/* kontakt end */

/* rezervace */
#side-content #reservation_sign {
    float: right;
    background: url("../images/reservation_sign.png") no-repeat top center;
    width: 151px;
    height: 133px;
    margin: 0 50px 0 0;
}

#side-content #reservation_sign h3 {
    font-family: "Lucida Sans", lsansi, Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    padding: 19px 0px 0px 20px;
    font-size: 18px;
}

#side-content #reservation_sign h3 a {
    color: #fff;
    text-decoration: none;
}

#side-content #reservation_sign h3 a:hover {
    color: #fff;
    text-decoration: underline;
}

/* rezervace end */

/********* SIDE - KONTAKT END **********/

/*********** LEFT CONTENT END *************/

/*********** RIGHT CONTENT ****************/
#content {
    float: left;
    width: 606px;
    padding: 0;
}

#main-content {
    width: 895px;
    padding: 30px 0 30px 45px;
    min-height: 350px;
    clear: both;
    background: url("../images/side_content_bee.png") no-repeat 655px 25px;
}

#main-content ul, #main-content ol {
    line-height: 25px;
    margin-left: 10px;
    list-style-position: inside;
}

#main-content p {
    line-height: 22px;
    padding: 5px;
}

#main-content table {
    margin: 10px 3px 10px 3px;
    border-collapse: collapse;
    font-size: 12px;
}

#main-content table td {
    border: 2px solid #243600;
    padding: 10px 5px;
    background-color: #3e5d00;
}

#main-content table th {
    text-align: center;
    padding: 10px 5px;
    border: 2px solid #243600;
    color: #fff;
    font-weight: bold;
    background-color: #2e4500;
    background: -webkit-linear-gradient(top, #2e4500, #243600);
    background: -moz-linear-gradient(top, #2e4500, #243600);
    background: -ms-linear-gradient(top, #2e4500, #243600);
    background: -o-linear-gradient(top, #2e4500, #243600);
}

/********** RIGHT CONTENT END *************/

/*********** FOOTER CONTENT ****************/
#footer-wrapper {
    background: #5b8a00 url("../images/footer_back_repeat.gif") repeat-x top left;
}

#footer {
    background: url("../images/footer_back_top.gif") no-repeat top center;
    margin: 0px auto;
    width: 940px;
    padding: 22px 0 25px;
}

#footer a img {
    float: left;
    margin: 0 25px 0 30px;
}

#footer p a {
    color: #fff;
    text-decoration: underline;
}

#footer p a:hover {
    text-decoration: none;
    color: #fff;
}

#footer p {
    font-size: 12px;
    color: #fff;
    padding: 4px 0 0;
    line-height: 18px;
    float: left;
}

#footer p.footer_right {
    width: 230px;
    float: right;
    text-align: center;
    padding: 0px;
}

#footer p.footer_right a img {
    margin-bottom: 10px;
}

/*********** FOOTER CONTENT END **************/

/*************************** MAIN LAYOUT END *****************************/

/**************************** GALERIE ************************************/
#fotogalerie {
    margin: 0 0;
    padding-top: 10px;
    clear: both;
}

#fotogalerie img {
    display: block;
    float: left;
}

#fotogalerie a.imgbox {
    /* Animation */
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: linear;
    /* Animation Safari */
    -webkit-transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    /* Transform */
    position: relative;
    float: left;
    margin: 6px 9px 6px 5px;
    border: 3px solid #6ca200;
    -moz-box-shadow: 4px 4px 6px #406200;
    -webkit-box-shadow: 4px 4px 6px #406200;
    box-shadow: 4px 4px 6px #406200;
}

#fotogalerie a.imgbox:hover {
    transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px); /* IE 9 */
    -webkit-transform: translate(0px, -10px); /* Safari and Chrome */
}

.jquery-lightbox-title { /* větší text u popisu fotek lightboxu */
    font-size: 18px !important;
}

/************************** GALERIE END *************************************/

/****************************** ÚVOD ****************************************/
h1 a img {
    float: right;
}

/**************************** ÚVOD END **************************************/

/***********************************  REZERVACE *****************************************************/

#order_form {
    margin: 5px 0;
}

#order_form .group {
    border: 2px solid #71a600;
    border-radius: 5px;
    padding: 0px 20px 10px;
}

#order_form .group h2 {
    border-bottom: 2px solid #71a600;
    padding: 20px 5px 10px;
    margin-bottom: 10px;
}

#order_form .block {
    float: left;
    width: 230px;
    margin: 10px 8px 3px 8px;
    position: relative;
}

#order_form .block label {
    padding: 0 0 5px 10px;
    display: inline-block;
    font-size: 12px;
}

#order_form label[for=agree] {
    padding: 0 0 5px 10px;
    display: inline-block;
    color: #0161A9;
    font-weight: bold;
}

#order_form .block input[type=text] {
    margin-top: -6px;
    margin-left: 5px;
    margin-bottom: 10px;
    float: right;
    -moz-box-shadow: inset 0 1px 2px #c8e18d;
    -webkit-box-shadow: inset 0 1px 2px #c8e18d;
    box-shadow: inset 0 1px 2px #c8e18d;
    padding: 7px 8px;
    width: 140px;
    font-size: 12px;
    text-align: left;
    border-radius: 5px;
}

/* Upravy pro policka */
#order_form .block input#id_name {
    width: 320px;
}

#order_form .block input#id_captcha_1 {
    width: 30px;
}

#order_form .block input#id_address {
    width: 387px;
}

#order_form .block input#id_date_from {
    width: 90px;
}

#order_form .block input#id_date_to {
    width: 90px;
}

#order_form .block input#id_people {
    width: 20px;
}

/* Upravy pro policka END */

/* Chyba ve formulari */
#order_form .block.error input[type=text] {
    border: 1px solid #eb0000;
}

#order_form .block.error span {
    color: #eb0000;
    font-size: 11px;
    display: none;
}

/* Chyba ve formulari END */

/* Vyzadovane pole */
#order_form .block.required label {
    font-weight: bold;
    background: url("/templates/images/required_star.gif") no-repeat 100% 10%;
    padding-right: 8px;
}

/* Vyzadovane pole END */

#order_form .block textarea {
    margin-left: 5px;
    margin-bottom: 10px;
    padding: 5px 8px;
    width: 453px;
    height: 90px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 1px 2px #c8e18d;
    -webkit-box-shadow: inset 0 1px 2px #c8e18d;
    box-shadow: inset 0 1px 2px #c8e18d;
}

#order_form .block ul {
    list-style: none;
}

#order_form .block ul li {
    display: inline-block;
}

#order_form .error_message {
    clear: both;
    display: none;
    padding: 5px;
    border-radius: 5px;
    background-color: #2e4500;
    border: #203000 1px solid;
    margin-bottom: 10px;
    font-weight: bold;
}

/* Captcha */
label[for=captcha_id] {
    position: relative;
    top: -10px;
}

img.captcha {
    max-width: 65px;
    padding: 3px 5px;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    top: -5px;
}

/* Datepicker */
#ui-datepicker-div {
    font-size: 12px;
}

/* Submit */
.submit_block {
    text-align: center;
    margin: 10px 0;
}

.submit_block #submit {
    background-color: #93dd00;
    background-image: linear-gradient(top, #93dd00, #77ad01); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93dd00', endColorstr='#77ad01'); /* IE5.5 - 7 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93dd00', endColorstr='#77ad01'); /* IE8 */
    background: -ms-linear-gradient(top, #93dd00, #77ad01); /* IE9 */
    background: -moz-linear-gradient(top, #93dd00, #77ad01); /* Firefox */
    background: -o-linear-gradient(top, #93dd00, #77ad01); /* Opera 11  */
    background: -webkit-linear-gradient(top, #93dd00, #77ad01); /* Chrome 11  */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #93dd00), color-stop(1, #77ad01)); /* Chrome 10, Safari */
    margin: 10px 80px 0 0;
    float: right;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    background-color: #000;
    color: #FFF;
    box-shadow: 3px 3px 4px #436500;
    padding: 10px 18px 8px;
    font-size: 16px;
    cursor: pointer;
    font-style: italic;
    font-weight: bold;
}

.submit_block #submit:hover {
    background-image: none;
    background-color: #77ad01;
}

/* Submit END */

/***********************************  REZERVACE END **************************************************/

/**************************************** MAPA ******************************************************/
#map {
    width: 600px;
    height: 420px;
    margin: 15px 10px;
}

#map p {
    color: #6ba200;
    font-weight: bold;
}

#map p a {
    color: #6ba200;
    font-weight: normal;
}

/************************************** MAPA END ****************************************************/