/*
    Document   : Front-end layout styles
    Created on : 13.12.‎2011, ‏‎16:44:22
    Author     : Jaroslav Ascaria Svoboda
    Description:
        Front-end layout styles
*/

body {
    position:relative;
    margin:0px;
    padding:0px;
    color:#000;
    background:#fff;
}

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

.busy, .busy * {
    cursor:wait !important;
}

div.hull {
}

div.hull .structure {
    width:990px;
    margin:0px auto;
    padding:0px;    
    position: relative;
}

div.hull div.menu {
    padding:18px 0px 19px;
    background:#831b21;
}
div.hull div.menu div.navigation {
    padding:5px 0px;
    float:left;
}
div.hull div.menu ul {
    margin:0px;
    padding:0px;
}
div.hull div.menu ul li {
    height:18px;
    margin:0px;
    padding:0px 1px;
    font-size:11px;
    text-transform:uppercase;
    list-style:none;
    border-left:1px solid #c32738;
    float:left;
}
div.hull div.menu ul li a {
    height:18px;
    padding:0px 10px;
    font-weight:bold;
    line-height:18px;
    text-decoration:none;
    color:#fff;
    display:block;
}
div.hull div.menu ul li a:hover,
div.hull div.menu ul li a.aktivni {
    background:#b7172f;
}

div.hull div.drops {
    padding:10px 0px;
    background:#b7172f center 0px no-repeat;
    background-image:url('../images/drops.png'), -o-linear-gradient(bottom, rgb(114,27,33) 1%, rgb(183,23,47) 99%);
    background-image:url('../images/drops.png'), -moz-linear-gradient(bottom, rgb(114,27,33) 1%, rgb(183,23,47) 99%);
    background-image:url('../images/drops.png'), -ms-linear-gradient(bottom, rgb(114,27,33) 1%, rgb(183,23,47) 99%);
    background-image:url('../images/drops.png'), -webkit-linear-gradient(bottom, rgb(114,27,33) 1%, rgb(183,23,47) 99%);
    background-image:url('../images/drops.png'), -webkit-gradient(linear, left bottom, left top, color-stop(0.01, rgb(114,27,33)), color-stop(0.99, rgb(183,23,47)));
    background-image:url('../images/drops.png'), linear-gradient(bottom, rgb(114,27,33) 1%, rgb(183,23,47) 99%);
}

div.h1 {
    position:absolute;
    width:0px;
    overflow:hidden;
}
div.drops div.logo {
    width:330px;
    padding-top:29px;
    float:left;
}
div.drops div.logo a {
    width:281px;
    height:0px;
    padding-top:53px;
    background:url('../images/base-sprites.png') -1px -1px no-repeat;
    display:block;
    overflow:hidden;
}
div.drops h2 {
    color:#fff;
    border-color:#c95d6d;
}
div.drops div.socials {
    width:330px;
    padding-top:29px;
    float:left;
}
div.drops div.socials a {
    outline:none;
}

div.drops div.socials > em {
    width:2px;
    height:40px;
    margin:5px 19px 0px;
    background:#c64b57;
    display:block;
    float:right;
    overflow:hidden;
}
div.drops div.socials div.square {
    float:right;
}
div.drops div.socials div.square.facebook,
div.drops div.socials div.square.facebook a {
    width:45px;
}
div.drops div.structure div.miniuserprofile {
    width:330px;
    padding:29px 0px 10px 0px;
    color:#fff;
    float:right;
}
div.drops div.miniuserprofile .miniuserprofileinfo {
    line-height:23px;
}
div.drops div.miniuserprofile .miniuserprofilephoto {
    width:50px;
    height:50px;
    margin-left:15px;
    float:right;
}
div.drops div.miniuserprofile a {
    color:#fff;
}
div.drops div.miniuserprofile a.button {
    color:#000;
}


div.drops div.simple-search {
    width:330px;
    height:95px;
    padding-top:29px;
    float:left;
}
div.drops div.simple-search form div.search-form {
    width:320px;
    height:40px;
    padding:5px;
    background:url('../images/base-sprites.png') -1px -55px no-repeat;
    overflow:hidden;
}
div.drops div.simple-search form div.search-form input {
    width:235px;
    height:16px;
    margin:0px;
    padding:12px 20px;
    font-size:13px;
    border-width:0px;
    background:#fff;
    display:block;
}
div.drops div.simple-search form div input.blur {
    font-style:italic;
    color:#aaa;
}
div.drops div.simple-search form div input[type="submit"] {
    width:45px;
    height:40px;
    margin:0px;
    padding:0px;
    background:transparent url('../images/base-sprites.png') no-repeat -332px -60px;
    display:block;
    float:right;
}
div.drops div.simple-search p {
    margin:5px 0px;
    text-align:center;
}
div.drops div.simple-search p a {
    text-transform:uppercase;
    color:#fff;
}

div.drops-aligner {
    width:660px;
    float:left;
}
div.drops-aligner p {
    color:white;
}
div.drops div.hp-box {
    width:295px;
    color:#fff;
    line-height:25px;
}
div.drops div.hp-box.left {
    padding-right:35px;
    float:left;
}
div.drops div.hp-box.right {
    padding-left:35px;
    float:right;
}

div.drops div.hp-box a {
    margin-right:15px;
    text-decoration:none;
    white-space:nowrap;
}
div.drops div.hp-box a:hover {
    text-decoration: underline;
}
div.drops div.hp-box a span {
    font-size: 9px;
    color:  #ccc;
}

div.drops div.hp-box a {
    color:#fff;
}

div.drops div.hp-map {
    width:330px;
    margin:0px auto;
    overflow:hidden; /* remove */
    float:right;
    position: relative;
}

div.drops div.hp-fac-boxes {
    padding:15px 0px;
}

div.drops div.hp-fac-boxes div.hp-fac-box {
    width:328px;
    height:221px;
    margin:10px 0px 10px 0px;
    border-left:2px solid #b24755;
    float:left;
    overflow:hidden;
}
div.hp-fac-box a {
       color: white;
}
div.drops div.hp-fac-boxes div.hp-fac-box a.highsl {
    margin-left:23px;
    display:block;
    float:left;
}

div.drops div.hp-fac-boxes div.hp-fac-box a.highsl img {
    width:120px;
    height:90px;
    border:1px solid #b04754;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    display:block;
}

div.drops div.hp-fac-boxes div.hp-fac-box div.square {
    margin-left:160px;
}
div.drops div.hp-fac-boxes div.hp-fac-box div.fac-rating {
    margin:5px 0px 18px 157px;
}

div.drops div.hp-fac-boxes div.hp-fac-box h3 {
    margin:0px 23px 5px;
    padding:23px 0px 0px;
    font-size:14px;
    line-height:18px;
    text-transform:uppercase;
    color:#fff;
    clear:both;
}
div.drops div.hp-fac-boxes div.hp-fac-box h4 {
    margin:5px 23px;
    font-size:12px;
    line-height:15px;
    text-transform:uppercase;
    color:#f0a000;
}
div.drops div.hp-fac-boxes div.hp-fac-box p {
    margin:5px 23px 0px;
    font-size:12px;
    line-height:15px;
    color:#fff;
}

div.seo-cities{
    padding:1px 0px;
    background:#f5f5f5;
    text-align: center;
}
div.seo-cities p {
    margin:20px 0px;
}
div.seo-cities p a {
    margin-right:18px;
    text-decoration:none;
    color:#acacac;
    white-space:nowrap;
}
div.seo-cities p a:hover {
    text-decoration:underline;
    color:#731b21;
}

div.right-col {
    width:300px;
    float:right;
    margin-top: 40px;
}
div.body div.right-col p {
    margin:45px 0px;
    text-align:center;
}

div.content {
    width:690px;
    float:left;
    padding-top: 40px;
    padding-bottom: 40px;
}

div.content div.area {
    margin-right:55px;
}

div.body div.content div.breadcrumbs table td {
    height:46px;
    line-height:1.6em;
    text-align:left;
}
div.body div.content div.breadcrumbs strong {
    margin-right:5px;
    color:#f0a000;
}
div.body div.content div.breadcrumbs ul,
div.body div.content div.breadcrumbs ul li {
    margin:0px;
    padding:0px;
    list-style:none;
}
div.body div.content div.breadcrumbs ul li {
    color:#731b21;
    display:inline;
}
div.body div.content div.breadcrumbs ul li a {
    text-decoration:none;
    color:#731b21;
}
div.body div.content div.breadcrumbs ul li a:hover,
div.body div.content div.breadcrumbs ul li:last-child a {
    text-decoration:underline;
}

div.partners {
    padding:15px 0px 37px;
    text-align:center;
}
div.partners h2 {
    text-align:left;
}
div.partners a {
    padding:0px 25px;
    background:none;
}
div.partners a img {
    vertical-align:middle;
    display:inline-block;
}

div.footer {
    padding:55px 0px;
    color:#ccc;
    background:#333 url('../images/drops-bottom.png') center top no-repeat;
}
div.footer div.content.foot {
    padding-top: 0px;
}
div.footer div.content.rightfoot {
    width:300px;
    margin-left:0px;
    padding-top:0px;
    float:right;
}
div.footer div.area {
    margin-right:90px;
}
div.footer div.squares {
    margin:0px 0px 15px;
    height:50px;
}
div.footer div.squares div.square {
    float:left;
}
div.footer div.squares div.square:first-child {
    width:45px;
    background-position:-210px -106px;
}
div.footer div.squares div.square:first-child:hover {
    width:45px;
    background-position:-210px -157px;
}
div.footer h2,
div.footer p {
    margin:0px 0px 15px;
    color:#ccc;
    border:none;
}
div.footer h3 {
    margin-bottom:5px;
}
div.footer a {
    margin-right:10px;
    padding:0px;
    line-height:26px;
    white-space:nowrap;
    color:#ccc;
    background:none;
}

.nounderline {
    text-decoration:none;
}

#google_translate_element {
    min-width:10px;
    height:28px;
    float:right;
}

/**
 * Responsive addition
 */

@media screen and (max-width:790px) {

    div.hull {
        width:100%;
        margin:0px auto;
        overflow:hidden;
    }
    
    div.hull div.reklama_top {
        display: none;
    }

    div.hull .structure {
        width:96%;
    }
    div.drops div.hp-box,
    div.drops-aligner,
    div.right-col,
    div.footer div.content.rightfoot,
    div.content {
        /*width:330px;*/
        width:100%;
        margin:0px auto;
    }

    div.drops div.socials {
        width:235px;
        min-height:50px;
        margin:0px auto;
        padding:0px 0px 10px;
        float:none;
    }

    div.drops div.simple-search {
        height:80px;
    }

    div.drops div.hp-box {
        padding:0px;
    }

    div.content div.area,
    div.footer div.area {
        margin-right:0px;
    }

    div.drops div.logo {
        margin:0px auto;
        padding-left:40px;
        float:none;
    }

    div.drops div.simple-search {
        margin:0px auto;
        float:none;
    }

    div.drops div.structure div.miniuserprofile {
        margin:0px auto;
        padding-top:1px;
        float:none;
    }

    div.drops div.hp-map {
        margin-top:20px;
        float:none;
    }

    body {
        /*
        width:50%;

       -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);

        -moz-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
        */
    }
}