/* ============================================================================================ GENERAL ================================================================================== */
html
{
height: 101%;
min-height: 101%;
}
body
{
margin: 0;
padding: 0;
background: #ffffff url('images/bg.png') repeat-x top center;
font-family: Arial, sans-serif;
font-size: 14px;
color: #3a3a3a;
}
.cleaner
{
clear: both;
height: 0px;
line-height: 0px;
}
.center 
{
text-align: center !important;
}
.error, .ValidationSummary
{
color: Red;
font-weight: bold;
}
.ValidationSummary 
{
background-color: #ffe6e6;
margin: 14px 0;
border: 1px solid Red;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.ValidationSummary ul 
{
margin: 7px;
padding: 0 0 0 20px;
}
.green, .message-success
{
color: Green;
font-weight: bold;
}
a
{
color: #3280bc;
text-decoration: underline;
}
a:hover
{
color: #3a3a3a;
text-decoration: underline;
}
#tooltip 
{
background-color: #f6fbff;
border: 1px solid #d9d9d9;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color: #3a3a3a;
display: none;
padding: 10px;
position: absolute;
width: 200px;
font-size: 12px;
line-height: 18px;
}
img, a img 
{
border: none;
}
input 
{
font-family: Arial, Helvetica, sans-serif;
}
/* ============================================================================================ MAIN LAYLOUT ================================================================================== */
#main
{
margin: 0 auto;
width: 1000px;
position: relative;
}
#main-content
{
float: left;
width: 760px;
margin-top: 13px;
}
#content
{
float: right;
width: 520px;
position: relative;
}
#main-content-twocols 
{
float: left;
width: 1000px;
margin-top: 13px;
}
#main-content-twocols #content 
{
float: right;
width: 760px;
}
#main-content-twocolsright 
{
float: left;
width: 760px;
margin-top: 13px;
}
#main-content-twocolsright #content 
{
float: right;
width: 740px;
}
#left-box
{
float: left;
width: 220px;
}
#right-box
{
float: right;
width: 220px;
margin-top: 13px;
}
/* ============================================================================================== BREAD-CRUMBS ================================================================================== */
.bread-crumbs
{
padding: 0;
margin: 14px 0 10px 0;
display: block;
list-style: none outside;
color: #00209C;
float: left;
font-size: 12px;
}
.bread-crumbs li
{
display: inline;
padding-right: 7px;
}
.bread-crumbs li a 
{
color: #477cbc !important;
}
.bread-crumbs li a, .bread-crumbs li a:visited, .bread-crumbs li .current
{
color: #898989;
background: url('images/bread-crumbs.png') no-repeat left center;
padding-left: 12px;
text-decoration: none;
}
.bread-crumbs a.root-item
{
color: #477cbc !important;
background: none !important;
padding-left: 0 !important;
}
.bread-crumbs li a:hover
{
text-decoration: underline;
}
/* ============================================================================================ HEADLINES H1-H6 ================================================================================== */
h1
{
font-size: 22px;
font-weight: normal;
}
h2
{
font-size: 16px;
font-weight: normal;
margin: 14px 0 10px 0;
padding: 0 0 0 0;
}
h2.panel
{
/* color: #235faa;
border-bottom: 2px solid #3280bc;
padding: 0 0 5px 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; */
} 
h3
{
font-size: 15px;
font-weight: normal;
}
h4
{
margin: 0;
font-size: 13px;
font-weight: bold;
}
/* ============================================================================================ BUTTONS ================================================================================== */
.button
{
height: 27px;
line-height: 27px;
color: #fff;
font-weight: bold;
font-size: 12px;
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.button .btn-left
{
width: 13px;
height: 27px;
float: left;
background: #f4aa18 url('images/btn-left.png') no-repeat center left;
}
.button .btn-mid
{
width: auto;
height: 27px;
line-height: 27px;
float: left;
background: #f4aa18 url('images/btn.png') repeat-x center left;
}
.button .btn-right
{
width: 13px;
height: 27px;
float: left;
background: #f4aa18 url('images/btn-right.png') no-repeat center right;
}
.button:hover 
{
color: #ffffff;
}
.button:hover .btn-left 
{
background: #ec9712 url('images/btn-left-hover.png') no-repeat center left;
}
.button:hover .btn-mid 
{
background: #ec9712 url('images/btn-hover.png') repeat-x center left;
}
.button:hover .btn-right 
{
background: #ec9712 url('images/btn-right-hover.png') no-repeat center right;
}
.button input 
{
border: none;
background: none;
color: #fff;
font-weight: bold;
cursor: pointer;
text-decoration: none;
}
.button2
{
height: 27px;
line-height: 27px;
color: #3a3a3a;
font-weight: bold;
font-size: 12px;
cursor: pointer;
display: inline-block;
}
.button2 .btn-left
{
width: 13px;
height: 27px;
float: left;
background: #f4f4f4 url('images/btn-left2.png') no-repeat center left;
}
.button2 .btn-mid
{
width: auto;
height: 27px;
line-height: 27px;
float: left;
background: #f4f4f4 url('images/btn2.png') repeat-x center left;
}
.button2 .btn-right
{
width: 13px;
height: 27px;
float: left;
background: #f4f4f4 url('images/btn-right2.png') no-repeat center right;
}
.button2:hover 
{
color: #ffffff;
}
.button2:hover .btn-left 
{
background: #e8e8e8 url('images/btn-left2-hover.png') no-repeat center left;
}
.button2:hover .btn-mid 
{
background: #e8e8e8 url('images/btn2-hover.png') repeat-x center left;
}
.button2:hover .btn-right 
{
background: #e8e8e8 url('images/btn-right2-hover.png') no-repeat center right;
}
.button2 input 
{
border: none;
background: none;
color: #3a3a3a;
font-weight: bold;
cursor: pointer;
}
.button.large 
{
height: 40px;
line-height: 40px;
font-size: 14px;
}
.button.large .btn-left 
{
width: 13px;
height: 40px;
float: left;
background: #f4aa18 url('images/btn-left-large.png') no-repeat center left;
}
.button.large .btn-mid 
{
width: auto;
height: 40px;
line-height: 40px;
float: left;
background: #f4aa18 url('images/btn-large.png') repeat-x center left;
}
.button.large .btn-right 
{
width: 32px;
height: 40px;
float: left;
background: #f4aa18 url('images/btn-right-large.png') no-repeat center right;
}
.button.large:hover .btn-left 
{
background: #ec9712 url('images/btn-left-large-hover.png') no-repeat center left;
}
.button.large:hover .btn-mid 
{
background: #ec9712 url('images/btn-large-hover.png') repeat-x center left;
}
.button.large:hover .btn-right 
{
background: #ec9712 url('images/btn-right-large-hover.png') no-repeat center right;
}
/* ============================================================================================ STRANKOVANI ================================================================================== */
.pager 
{
float: right;
margin: 0 0 10px 0
}
.pager a 
{
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
float: left;
font-weight: bold;
margin: 0 0 0 5px;
}
.pager-button, .pager-button-next, .pager-button-last, .pager-button-first, .pager-button-previous 
{
background: #f99b13 url('images/pager-inactive.png') no-repeat center center;
color: #fff;
}
.pager-button-active, .pager a:hover
{
background: #f1f1f1 url('images/pager-active.png') no-repeat center center;
color: #3a3a3a;
}
.pager-button-next, .pager-button-last, .pager-button-first, .pager-button-previous 
{
font-size: 15px;
}
/* ============================================================================================ PROVERENE IKONY ================================================================================== */
.proverene-udaje .proverene-kontakty, .proverene-udaje .proverena-firma
{
padding: 10px 20px 0 20px;
}
.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 
{
margin-top: 0px;
font-size: 13px !important;
}
#right-box .proverene-kontakty, #right-box .proverena-firma 
{
width: 100%;
padding: 15px 0 0 0;
}
/* ============================================================================================== SOCIALNI SITE ================================================================================== */
.social-plugins 
{
background-color: #f9f9f9;
border: 1px solid #e8e8e8;
margin: 20px 0 0;
padding: 13px 10px 8px 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.fb-like
{
float: left;
}
.fb-like-box 
{
float: left;
margin-top: 10px;
}
.fb_iframe_widget .grid_item 
{
width: 30px !important;
}
/* ============================================================================================ SEKCE REKLI O NAS ================================================================================== */
.about-us .about-us-item 
{
float: left;
width: 100%;
font-size: 12px;
margin: 0 0 10px 0;
position: relative;
}
.about-us .thumbnail-box 
{
float: left;
height: 70px;
width: 70px;
text-align: center;
margin: 0 10px 0 0;
background-color: #ccc;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.about-us .name 
{
float: left;
width: 100%;
padding-bottom: 5px;
font-size: 14px;
}
.about-us .name .function 
{
font-size: 12px;
}
.about-us .about-us-desc 
{
padding: 10px;
float: right;
width: 408px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #f6fbff;
border: 1px solid #d0e3f2;
}
#main-content-twocolsright .about-us .about-us-desc 
{
width: 627px;
}
.about-us p 
{
display: block;
margin: 0;
}
.about-us .button 
{
float: right;
}
.about-us .quote 
{
position: absolute;
top: 20px;
left: 71px;
background: #eeeeee url('images/about-us-quote.png') no-repeat top left;
width: 21px;
height: 21px;
}