/* AgenturaRadost.cz style */
/* ================= GENERAL ================== */
html
{
height: 101%;
min-height: 101%;
}
body
{
margin-top: 0px;
padding-top: 0px;
margin: 0 auto;
font-family: "Segoe UI" , Candara, "Bitstream Vera Sans" , "DejaVu Sans" , Verdana, sans-serif;
font-size: 90%;
background: #884c02 url('images/bg-gradient.png') repeat-x left top;
color: #2a2727;
}
#page-holder
{
background: url('images/bg-notes.png') no-repeat center 117px;
height: 100%;
min-height: 100%;
}
#main
{
width: 977px;
margin: 0 auto;
overflow: hidden;
padding: 0px 0px 0px 0px;
position: relative;
display: block;
background: #fee9cd url('images/main-bg.png') repeat-y left bottom;
}
.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 0px;
margin: 5px 0px 0px 0px;
color: #2a2727;
}
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: #9D0F0F;
}
img
{
border: none;
}
.list
{
margin: 15px 0px 15px 35px;
}
.list a, .list a:visited
{
color: #884c02;
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: 90px;
padding: 0px;
display: block;
background: url('images/header.jpg') left top;
}
#header a
{
width: 260px;
height: 90px;
padding: 0px;
margin: 0px;
display: block;
}
#logo
{
float: left;
width: 284px;
height: 59px;
padding: 0px;
display: block;
background: url('images/name.png') no-repeat left top;
}
#logo a
{
width: 260px;
height: 59px;
padding: 0px;
margin: 0px;
display: block;
}
#right-corner
{
float: left;
width: 32px;
height: 59px;
padding: 0px;
display: block;
background: url('images/menu-right.png') no-repeat left top;
}
/* =================== MENU =================== */
#top-menu
{
float: left;
width: 661px;
height: 59px;
margin: 0;
padding: 0;
position: relative;
color: #fff;
}
#top-menu ul
{
list-style: none outside;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: 58px;
background: #884c02 url('images/menu-bg.png') repeat-x left top;
width: 661px;
}
#top-menu ul li
{
font-size: 16px;
display: block;
height: 58px;
float: left;
line-height: 58px;
padding: 0px;
margin: 0px;
}
#top-menu ul li.active
{
}
#top-menu ul li a, #top-menu ul li a:visited
{
display: inline-block;
height: 58px;
color: #fff;
font-size: 16px;
padding: 0px 0px 0px 0px;
text-decoration: none;
padding: 0px 15px 0px 15px;
background: url('images/delimiters.png') no-repeat right top;
margin: 0px 0px 0px -2px;
}
#top-menu ul li a:hover, #top-menu ul li.active a
{
background: url('images/menu-hover.png') repeat-x center bottom;
height: 58px;
display: inline-block;
}
/* ================== CONTENT ==================== */
#content
{
display: inline-block;
width: 976px;
height: 100%;
padding: 27px 20px 0px 20px;
}
#content-left, #content-middle, #content-right
{
float: left;
}
#content-left
{
width: 220px;
}
#content-right
{
width: 180px;
}
#content-middle
{
width: 484px;
padding: 0px 25px 0px 25px;
}
/* ================== SIDE BOXES ==================== */
.box
{
margin-bottom: 15px;
}
.box h3
{
display: inline-block;
padding-bottom: 8px;
}
.box.menu, .box.contact
{
width: 220px;
background: #fee9cd url('images/box1-bg.png') repeat-y top left;
}
.box.menu h3, .box.contact h3
{
padding: 5px 0px 5px 15px;
width: 190px;
background: url('images/side-box-dot-top.png') no-repeat center right !important;
}
.box.menu h3
{
color: #ffffff;
}
.box.menu .head, .box.contact .head
{
display: block;
width: 220px;
background: #fee9cd url('images/box1-head.png') no-repeat top left;
height: 13px;
}
.box.menu .content
{
padding: 0px 0px 5px 0px;
}
.box.contact .content
{
padding: 0px 15px 5px 15px;
}
.box.contact h3
{
padding-left: 0px;
color: #2a2727;
}
.box.menu .foot, .box.contact .foot
{
display: block;
width: 220px;
background: #fee9cd url('images/box1-footer.png') no-repeat top left;
height: 14px;
}
.box.menu ul
{
display: block;
margin: 0px 0px 0px 2px;
padding: 0px;
}
.box.menu ul li
{
list-style: none !important;
width: 202px;
margin-bottom: 1px;
}
.box.menu ul li a, .box.menu ul li a:visited
{
color: #ffffff;
display: inline-block;
width: 202px;
background: #ae8046;
padding: 4px 0px 4px 15px;
}
.box.menu ul li a:hover, .box.menu ul li.active a
{
color: #ffffff;
background: #ae8046;
font-weight: bold;
}
.box.news
{
color: #fff;
width: 180px;
background: #fee9cd url('images/box3-bg.png') repeat-y right top;
}
.box.news h3
{
width: 150px;
background: url('images/side-box-dot-bottom.png') no-repeat right 5px !important;
}
.box.news .head
{
display: block;
width: 180px;
background: #fee9cd url('images/box3-head.png') no-repeat right top;
height: 8px;
}
.box.news .content
{
padding: 5px 15px 5px 15px;
}
.box.news .foot
{
display: block;
width: 180px;
background: #fee9cd url('images/box3-footer.png') no-repeat top left;
height: 8px;
}
.box.news a
{
color: #fff !important;
}
.box.news p
{
margin: 0px;
}
.ListImage
{
margin: 0px 10px 7px 0px;
float: left;
border: solid 2px #fee9cd;
}
.newstitle
{
font-size: 14px;
font-weight: bold;
color:#884c02 !important;
font-family:Arial;
}
.NewsImage
{
margin: 0px 10px 10px 0px;
float: left;
border: solid 2px #fee9cd;
}
.p1
{
padding: 6px 0px 18px 0px;
}
/* ==================== ARTICLE BLOCK ================== */
.article-block
{
line-height: 1.5em;
overflow: hidden;
margin: 10px 0px 10px 0px;
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;
}
.gallery-image
{
border: solid 3px #bf9461 !important;
}
/* ======================= FOOTER ======================= */
#footer
{
background: url('images/footer.png') no-repeat left bottom;
width: 977px;
height: 57px;
}
#footer .footer-content
{
margin-left: 25px;
padding-top: 5px;
color: #ddd;
text-align: center;
}
#footer .footer-content a:link, #footer .footer-content a:visited
{
padding-top: 5px;
color: #DDD;
line-height: 41px;
}
/* ======================= 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 10px 10px 10px;
}

.proverene-kontakty 
{
    text-align: center;
    width: 200px;
    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: 230px;
    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;
}