﻿/* boneym-revival.com style */
/* ================= GENERAL ================== */
html
{
height: 101%;
min-height: 101%;
}
body
{
margin-top: 0px;
padding-top: 0px;
margin: 0 auto;
background: #884c02 url('images/pop-stars-pozadi-gradient.png') repeat-x 0 0;
font-family: "Trebuchet MS" , Calibri, "Lucida Grande" , Geneva, Helvetica, sans-serif;
font-size: 13px;
color: #0d0d0d;
}
#page-holder
{
background: url('images/pop-stars-pozadi.jpg') no-repeat center 117px;
height: 100%;
min-height: 100%;
}
#main-outer
{
width: 977px;
margin: 0 auto;
overflow: hidden;
padding: 0px 0px 17px 0px;
position: relative;
display: block;
background: url('images/footer.png') no-repeat left bottom;
}
#main
{
background: #ffe9cc url('images/main-bg.png') repeat-y left top;
}
.cleaner
{
margin: 0;
padding: 0;
float: none !important;
height: 0px !important;
overflow: hidden !important;
clear: both !important;
}
strong
{
font-weight: bold;
}
h1
{
font-size: 24px;
font-weight: normal;
padding: 0px 0px 4px 9px;
margin: 5px 0px 0px 0px;
color: #0d0d0d;
}
h2
{
font-size: 18px;
font-weight: normal;
padding: 0px 0px 4px 0px;
line-height: normal;
margin: 0px;
}
h3
{
font-size: 16px;
font-weight: normal;
padding: 0px 0px 4px 0px;
margin: 0px;
font-weight: bold;
}
h3 a:link, h3 a:visited, h3 a:hover
{
font-size: 18px;
font-weight: normal;
padding: 0px 0px 0px 0px;
color: #09379e;
margin: 0px;
}
h4
{
font-size: 16px;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px;
}
a, a:link
{
color: #aa2f2f;
}
img
{
border: none;
}
.list
{
margin: 15px 0px 15px 35px;
}
.list a, .list a:visited
{
color: #9d0f0f;
font-size: 14px;
line-height: 26px;
}
.list li
{
display: list-item;
list-style: url('images/list.png');
margin: 0px;
padding: 0px 0px 0px 4px;
}
.list ul
{
margin: 0px;
padding: 0px;
}
.center
{
text-align: center;
margin: 0 auto;
}
/* =================== HEADER =================== */
#header
{
width: 977px;
height: 227px;
padding: 0px;
display: block;
background: url('images/header.jpg') left top;
}
#header a
{
width: 977px;
height: 227px;
padding: 0px;
margin: 0px;
display: block;
}
/* =================== MENU =================== */
#top-menu
{
width: 977px;
height: 67px;
margin: 0;
padding: 0;
position: relative;
color: #fff;
}
#top-menu ul
{
list-style: none outside;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 5px;
height: 65px;
background: #8a4f21 url('images/top-menu-bg.png') repeat-x left top;
width: 966px;
}
#top-menu ul li
{
display: inline-block;
float: left;
line-height:62px;
height:65px;
padding: 0px;
margin: 0px;
}
#top-menu ul li.active
{
}
#top-menu li.top-menu-left-corner
{
background: url('images/top-menu-left-corner.png') no-repeat left top;
width: 23px;
}
#top-menu li.top-menu-right-corner
{
float: right;
background: url('images/top-menu-right-corner.png') no-repeat left top;
width: 14px;
}
#top-menu ul li a, #top-menu ul li a:visited
{
display: inline-block;
height: 65px;
color: #fff;
font-size: 14px;
font-weight:bold;
padding: 0px 0px 0px 0px;
text-decoration: none;
padding: 0px 15px 0px 15px;
background: url('images/top-menu-delimiter.png') no-repeat right 0;
margin: 0px 0px 0px -1px;
}
#top-menu ul li a:hover, #top-menu ul li.active a
{
background: url('images/top-menu-hover.png') repeat-x 0 0;
}
/* ================== CONTENT ==================== */
#content
{
display: inline-block;
width: 976px;
height: 100%;
padding: 0px 10px 0px 10px;
}
#content-left, #content-right
{
float: left;
padding: 10px 10px 20px 10px;
}
#content-left
{
width: 640px;
}
#content-right
{
width: 274px;
}
/* ================== SIDE BOXES ==================== */
.box
{
width: 274px;
}
.box h3
{
width: 240px;
display: inline-block;
padding-bottom: 5px;
}
.top
{
background: #bf9461 url('images/box-top-bg.png') repeat-y top left;
}
.top h3
{
background: url('images/side-box-dot-top.png') no-repeat center right !important;
}
.top .content
{
background: url('images/box-top-header.png') no-repeat top left;
padding: 15px;
}
.top .footer
{
background: url('images/box-top-footer.png') no-repeat top left;
display: block;
height: 14px;
}
.bottom
{
background: #919294 url('images/box-bottom-bg.png') repeat-y top left;
}
.bottom h3
{
background: url('images/side-box-dot-bottom.png') no-repeat center right !important;
}
.bottom .content
{
background: url('images/box-bottom-head.png') no-repeat top left;
padding: 15px;
color: #fff;
}
.bottom .content a, .bottom .content a:visited
{
color: #fff;
}
.bottom .content img
{
float: left;
border: none;
margin: 0px 10px 5px 0px;
border: solid 1px white;
}
.bottom p
{
margin: 2px 0px 0px 0px;
padding: 0px;
}
.bottom .footer
{
background: url('images/box-bottom-footer.png') no-repeat top left;
display: block;
height: 7px;
}
.top.fotogalerie .content
{
padding:10px 0px 10px 3px;
}
.top.fotogalerie ul
{
margin: 10px 0px 10px 0px;
padding: 0px;
}
.top.fotogalerie ul li
{
list-style: none !important;
width: 254px;
}
.top.fotogalerie ul li a, .top.fotogalerie ul li a:visited
{
color: #2a2727;
display: inline-block;
width: 254px;
background: #bf9461;
padding: 4px 0px 4px 15px;
}
.top.fotogalerie h4
{
padding-left:10px;
}
/* ==================== ARTICLE BLOCK ================== */
.article-block
{
line-height: 1.5em;
overflow: hidden;
margin: 10px;
font-size: 13px;
color: #2a2727;
}
.article-block p
{
margin: 0 0 1.5em 0;
}
.article-block p a
{
text-decoration: none;
border-bottom: 1px dotted gray;
}
.article-block blockquote
{
padding-left: 30px;
margin: 0;
font-size: 15px;
line-height: 1.5em;
}
.article-block img, .article-block a img
{
border: 1px solid #DFDFDF;
text-decoration: none !important;
}
.article-block a
{
text-decoration: none;
}
.article-block a:hover
{
cursor: pointer;
}
.article-block li
{
list-style: url('images/list.png');
}
strong
{
font-weight: bold;
}
.foto img 
{
border: solid 3px #bf9461;
}
/* ======================= WEBKOMPLET FOOTER ======================= */
#webkomplet-footer
{
text-align: center;
margin: 5px;
padding-bottom: 20px;
color: #eee;
font-size: 11px;
}
#webkomplet-footer a
{
color: #eee;
text-decoration: none;
font-size: 11px;
}
#webkomplet-footer a span
{
color: #eee;
}
#webkomplet-footer a:hover 
{
text-decoration: underline;
}
/* ==================== BUTTTONS =================== */
a.button, a.button:visited
{
height: 48px;
text-decoration: none;
display: block;
}
a.button span
{
height: 48px;
line-height: 48px;
display: inline-block;
text-align: center;
font-size: 14px;
cursor: pointer !important;
background: url( 'images/button-left.png' ) no-repeat top left;
}
a.button span input, a.button span span
{
background: url( 'images/button-right.png' ) no-repeat top right;
height: 48px;
line-height: 48px;
display: inline-block;
border: none;
color: #fff;
font-size: 14px;
font-weight: bold;
cursor: pointer !important;
padding: 0px 20px 0px 20px;
}
.proverene-udaje .proverene-kontakty, .proverene-udaje .proverena-firma
{
    padding: 10px 30px 10px 30px;
}

.proverene-kontakty 
{
    text-align: center;
    width: 210px;
    font-size: 13px;
    padding: 10px;
    float: left;
    line-height: 20px;
}
.proverene-kontakty a 
{
    text-decoration: none;
    color: #000;
}

.proverene-kontakty-icon 
{
    background: url('images/proverenekontakty.png') no-repeat top center;
    width: 100%;
    height: 70px;
    display: block;
}
.proverene-kontakty-icon a 
{
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
}

.proverena-firma 
{
    text-align: center;
    width: 240px;
    font-size: 13px;
    padding: 10px;
    float: left;
    line-height: 20px;
}
.proverena-firma  a 
{
    text-decoration: none;
    color: #000;
}

.proverena-firma-icon 
{
    background: url('images/proverenafirma.png') no-repeat top center;
    width: 100%;
    height: 70px;
    display: block;
}
.proverena-firma-icon a 
{
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
}

.proverene-kontakty p, .proverena-firma p 
{
    font-size: 13px !important;
    margin: 0 !important;
}

#right-box .proverene-kontakty, #right-box .proverena-firma 
{
    width: 100%;
    padding: 5px 0;
}
