body { font-size:100.01%; font-family: 'Trebuchet MS', Arial, Verdana, Tahoma; margin:0; padding:0; color:#333333; background: #F5F5F5 url('bg-body.png') 50% top repeat-y;  }

h1, h2, h3, h4, p, pre, dl, ol, ul, li, div, span, img { padding: 0; margin: 0; }
h1 { font-size: 3.6em; line-height: 150%; margin:0 0 40px 0; font-weight:normal; }
h2 { font-size: 1.6em; margin:0 0 10px 0; font-weight:normal;  }
h3 { font-size: 1.4em; margin:0 0 5px 0; }
h4 { font-size: 1em; font-weight:bold; }

a { color:#000; padding:0; margin:0; text-decoration:underline; }   
a:hover { text-decoration:none; }

p { line-height:130%; }

table { border-collapse: collapse;  }
th, td {  padding: 0 2px 0 2px; margin:0; }
th { text-align:center; }
img { border: none;  }
ul { list-style-type:none; }

.hidden { display: none; }
.cleaner { clear: both; visibility: hidden; height:0; font-size:0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .clearfix { zoom: 1; } 


label { font-size:1.3em; }
input[type=text] { background: #CCCCCC; width: 205px; border:none; height:35px; line-height:35px; padding-left:5px; font-size:1.3em; color:#333;  }
input[type=submit] { background: url('bg-submit.png') left top no-repeat; padding:0 0 0 10px; width:150px;  border:none; text-align:left; height:45px; line-height:45px; font-size:1.5em; color:#fff; font-weight:bold; cursor:pointer;
-moz-box-shadow: 0 0 2px #888;
-webkit-box-shadow: 0 0 2px#888;
box-shadow: 0 0 2px #888;
}
textarea { background: #CCCCCC; margin:0; padding:5px 5px 5px 5px;  border:none; font-size:1.3em; width:240px; height:80px; color:#333; resize:vertical; }
input[type=text] , input[type=submit], textarea { font-family: 'Trebuchet MS', Arial, Verdana, Tahoma; } 
input[type=text], textarea { -moz-box-shadow: inset 0 0 2px 2px #B6B6B6;
-webkit-box-shadow: inset 0 0 2px 2px#B6B6B6;
box-shadow: inset 0 0 2px 2px #B6B6B6; }


.text { font-size:1.3em; }
.text strong { color: #333; }
.text p { padding: 0 0 15px 0; line-height:150%; }

.text ul { list-style-type:none; margin:0 0 10px 10px; }
.text li { padding:0 0 10px 15px; background: url('bg-li.png') left 7px no-repeat; }

.text table { border-collapse:collapse; border:1px solid #333; margin: 0 0 10px 0;  }
.text th { background:#DDD;   }
.text td, .text th { padding:2px 15px 2px 0; border:1px solid #333;  }

.text h2 { font-size:1.53em; font-weight:normal; }
.text h3 { font-size:1.15em; }
.text h4 { font-size:1em; }


.text .vetsi-text { font-size:1.15em; }
.text .obrazek-doleva { float:left; margin:0 10px 10px 0; }
.text .obrazek-doprava { float:right; margin:0 0 10px 10px; }

.text .reference { float:left; width:745px; margin:0 0 20px 0; }
.text .reference-img  { float:left; width:125px; margin:42px 20px 0 0; }
.text .reference-img img { border:1px solid #CCCCCC; }
.text .reference-text { float:left;  width:575px; }


.text p.phone { background: url('bg-phone.png') left top no-repeat; padding:0 0 10px 40px; } 
.text p.email { background: url('bg-at.png') left top no-repeat; padding:0 0 15px 40px; }  
.text p.letter { background: url('bg-letter.png') left 5px no-repeat; padding:0 0 0 40px; } 
.text p.phone, .text p.email, .text p.letter { font-family: Arial; font-weight:bold; }


.orange { color:#F78E1E; }


h1, h2, h3
.header-top li,
p.logo-name,
.submenu li { font-family: 'Roboto', sans-serif; }



#all { font-size:0.625em; width:1000px; margin:0 auto; }
    #header { background: #B2B2B2; border-top:5px solid #FF7300; width:1000px; height:75px; position:relative; }
    .logo { width:180px; height:180px; background:#FF7300; position:absolute; top:15px; left:20px; }
        .logo a { width:164px; height:150px; padding:30px 8px 0 8px; background:#FF7300; display:block; text-decoration:none; }
        .logo h1, .logo p.logo-name { font-size:3.1em; color:#fff; font-weight:normal; border-bottom:1px solid #F9C180; text-transform:uppercase; text-align:center; line-height:120%; margin-bottom:8px;  }
        .logo .slogan {  font-size:1.1em; color:#fff; text-align:center; line-height:150%; }
    .homepage #header { height:433px; background: url('bg-header-home.jpg') left top no-repeat; margin:0 0 40px 0; }
    
    .header-top { height:80px; }
        .header-top ul { margin:50px 15px 0 0; float:right; text-align: right; }
        .header-top li { font-size:1.3em; color:#fff; margin:0 20px 0 0; float:left; }
        .header-top li a { color:#fff; text-decoration:none; }
        .header-top li a:hover, .header-top li a.active { border-bottom:5px solid #fff; } 
        .header-top li.last { margin-right:0; }              
        
        .header-text { width:420px; margin:35px 0 0 550px; }
        .header-text h2 { color:#fff; font-size:3.6em; font-weight: normal; }
        .header-text .text { font-size:1.5em; color:#fff; }
        

        .home-heading { background: url('bg-heading.png') left top repeat-x; margin:0 0 40px 0; }
        .home-heading h2 { font-size:2.6em; line-height:120%; margin:0; font-weight: normal; display:inline-block; background: #fff; padding:0 10px 0 0; }
        .heading-link { width:36px; height:34px; background: url('bg-raquo.png') left top no-repeat; display:block; float:right; margin-right:25px;  }
   
    
        .homeboxes { margin:0 0 45px 0; }
            .homebox { width:280px; float:left; margin:0 45px 0 0; }
            .homebox.last { margin-right:0;  }
            .homebox-imgs { position:relative; width:280px; height:200px; }
            .homebox-pictograms { position:absolute; top:135px; left:8px; }
                .pictogram { float:left; width:50px; height:50px; margin:0 10px 0 0; }
            .pictograms-section { position:absolute; top:35px; right:5px; }
            
            
            .homebox-img { width:280px; height:169px; overflow: hidden; }
            .homebox-text h3 { font-size:1.5em; }
            .homebox-text h3 a { text-decoration:none; }
            .homebox-text { min-height:160px; }
            
            
            .box-agentur { margin:0 0 40px 0; }
            .agentur-logo { float:left; width:204px; height:106px; overflow: hidden; margin:0 40px 0 0; }
            .agentur-text { float:left; width:360px; margin:0 50px 0 0; }
            .agentur-links { float:left; width:275px; }
            
            .agentur-links ul { list-style-type:none; margin:0; }            
            .agentur-links li { line-height:50px; padding:0 0 10px 0; }
            .agentur-links li a { text-decoration:none; }
            .agentur-links li a:hover { text-decoration:underline; }
            .agentur-links li img { padding:0 15px 0 0; float:left; }
            
            a.more { width:60px; height:21px; line-height:21px; background:#F5F5F5; font-size:1.5em; display:block; text-decoration:none; text-align:center; box-shadow: 0px 0px 2px 1px #E6E6E6; 
              moz-border-radius: 3px;
              -webkit-border-radius: 3px;
              border-radius: 3px;
            }
            a.more span { color:#F78E1E; padding:0 0 0 3px; border:1px solid #F1F1F1;  }

    #main { width:965px; padding:0 15px 0 20px; }
        .main-left { float:left; width:220px; }                            
            .submenu { margin:160px 0 0 0; }
            .submenu h2 { font-size:1.5em; border-bottom:1px solid #CCCCCC; width:180px; padding:0 0 5px 0; font-weight:bold; }
            .submenu li { font-size:1.5em; padding:0 0 15px 0 ; }
            .submenu li a { text-decoration: none; } 
            .submenu li a.active, .submenu li a:hover { color:#FF7300; }
            .submenu li li { font-size:0.86em; padding:10px 0 0 0; }
            .submenu li ul { margin:5px 0 0 20px; } 
            
        .content { width:745px; float:right; position:relative; padding:35px 0 0 0;  }
        .content h1 {  width:555px; }
        .homepage .content { width:930px; margin:0 0 0 30px; float:left; }    
            .content-perex { width:725px; padding:10px 10px 10px 10px; background: #EEEEEE; margin: 0 0 35px 0; }
            .content-left { width:470px; padding:0 25px 0 0; float:left; border-right:1px solid #CCCCCC; margin-bottom:30px;  }
            .content-left.all-width { width:720px; border-right:none; }
            .content-right { width:220px; float:left; padding:0 0 0 15px; }
            .content-bottom { width:730px; margin:0 0 50px 0; border-top:1px solid #CCCCCC; padding:20px 0 0 0; }
            .content-bottom a { text-decoration:none; }
            .content-bottom a:hover { text-decoration:underline; } 
        
        
            
#footer {  background:#858585; border-top:5px solid #FF7300;  }
    .footer-top { background: #F0F0F0; padding:25px 25px 25px 15px; }
    
    .footer-bottom  { width:940px; padding:25px 30px 25px 30px; color:#fff; }
    .footer-left { float:left; width:620px; margin:0 40px 0 0; }
    .footer-right { float:left; width:280px; }
    .footer-right h2 { font-size:1.6em; margin:0 0 20px 0; }

            
            
/* fotogalerie*/ 
.foto { width:200px; float:left; margin:0 10px 0 10px; }
.foto.end { margin-right:0; }
.foto-img { width:200px; height:150px; overflow:hidden; }
.foto-text h2 { font-size:1.4em; }
.foto-text p { font-size:1.2em; }


/* drobečková navigace */
.breadcrumb { position:absolute; top:5px; right:15px; }
.breadcrumb li { display:inline; font-size:1.1em; color:#858585; }
.breadcrumb li a { color:#858585; }
.breadcrumb li span { padding: 0; }


/*  flash message */
.flash {	color: black; background: #FFF1CC; border: 1px solid #BF8327; margin: 0 0 5px 0; color: #BF8327; padding:15px; font-size:1.3em; }
.flash.info { background: #CFC; color:#41640B; border:1px solid #41640B;  }
.flash.error { background: #FFDDDD; border: 1px solid #FF0000; color: #FF0000; }
.flash.note { background: #CFEDFC; border: 1px solid #1A9DD2; color: #1A9DD2; }
.flash.important { background: #E2BFE8; border: 1px solid #853393; color: #853393; }


.contact { width:620px; }
.contact h2 { font-size:2.4em; margin:0 0 20px 0; }
.contact td, .contact th { padding:0 20px 15px 0; }
.contact th.vtop { vertical-align:top; }
.contact input[type=text] { margin-right:10px; }
.contact input[type=submit] { float:right; }


.grecaptcha-badge {
  right: -256px !important;

  &.active {
    right: -186px !important;
  }
}