/* 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: #9d0f0f url('images/bg-gradient.png') repeat-x left top;
color: #2a2727;
}
#page-holder
{
background: url('images/bg-notes.png') no-repeat center 84px;
height: 100%;
min-height: 100%;
}
#main
{
width: 977px;
margin: 0 auto;
overflow: hidden;
padding: 0px 0px 0px 0px;
position: relative;
display: block;
background: #ffffff 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 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: #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: 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: #9d0f0f 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: 62px;
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: #d0d0d2 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 .head, .box.contact .head
{
display: block;
width: 220px;
background: #d0d0d2 url('images/box1-head.png') no-repeat top left;
height: 7px;
}
.box.menu .content
{
padding: 0px 0px 5px 0px;
}
.box.contact .content
{
padding: 0px 15px 5px 15px;
}
.box.contact h3
{
padding-left: 0px;
}
.box.menu .foot, .box.contact .foot
{
display: block;
width: 220px;
background: #d0d0d2 url('images/box1-footer.png') no-repeat top left;
height: 7px;
}
.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: #2a2727;
display: inline-block;
width: 202px;
background: #c4c4c4;
padding: 4px 0px 4px 15px;
}
.box.menu ul li a:hover, .box.menu ul li.active a
{
color: #2a2727;
background: #b4b4b4;
font-weight: bold;
}
.box.news
{
color: #fff;
width: 180px;
background: #d0d0d2 url('images/box3-bg.png') repeat-y right top;
}
.box.news h3
{
width: 160px;
background: url('images/side-box-dot-bottom.png') no-repeat right top !important;
}
.box.news .head
{
display: block;
width: 180px;
background: #d0d0d2 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: #d0d0d2 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 #d0d0d2;
}
.newstitle
{
font-size: 14px;
font-weight: bold;
color:#9d0f0f !important;
font-family:Arial;
}
.NewsImage
{
margin: 0px 10px 10px 0px;
float: left;
border: solid 2px #d0d0d2;
}
.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 #ccc !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;
}
#webkomplet-footer a
{
color: #eee;
text-decoration: none;
font-size: 11px;
}
#webkomplet-footer a span
{
color: #eee;
}
/* ==================== 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;
}