/*
Theme Name: WP Bootstrap
Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
Description: A demo theme built to accompany the Treehouse blog post <a href="http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial">How to Build a WordPress Theme with Bootstrap</a>.
Author: Zac Gordon
Author URI: http://teamtreehouse.com/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/

@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-responsive.css'); 
body { 
     padding-bottom: 0px; 
     font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.container-fluid > .row-fluid {
/*background:-moz-linear-gradient(33% 10% 0deg, #FBF8F6, #FFFFFF 0%)*/
background: #fff;
}

.left-box {
    background: #FBF8F6 url(bootstrap/img/bg-left-box.png) repeat-y right bottom;
    text-align: right; 
    padding-right: 10px;    
}

.left-box:after {
    display: block;
    position: absolute;
    height: 100%;
    content: "";
    clear: both;
    background: red;
}

.right-box {
    padding-left: 10px;
}

.green-line .left-box {
    background: #FBF8F6 url(bootstrap/img/bg-left-box.png) repeat-y right top;
}
    
.header{
    
}

.header div.left-box .navbar {
    float: right;
}

.header div.left-box .navbar .nav {
    margin-right: 0px;
}

.header div.left-box .navbar .nav li a {
    text-align: right;
    font-style: italic;
    padding: 7px 10px;
    margin: 0px;
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.header div.left-box .navbar .nav > li > a:last-of-type{
    margin-right: 0px;
}

.header div.right-box .navbar .menu > li > a:first-of-type span{
    margin-left: 0px;
}

.header div.right-box .navbar {
    max-width: 350px;
    padding-left: 10px;
    margin-left: -20px;
    display: block;
}

.header div.right-box .navbar a span{
    padding: 6px 10px;
    font-style: italic;
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.header .navbar .nav li a:hover {
    color: #06B9FD;
    text-decoration: underline;
}

.header .navbar .nav li a:hover span{
    background: #06B9FD;
}


.header .email,
.header .reklamni-studio,
.header .vedouci-kancelare {
    font-size: .9em;
    font-style: italic;
    line-height: 1.4em;   
    margin-bottom: 0px;
    color: #777;
}

.header .reklamni-studio {
    color: #555;
    line-height: 1.1em;
    font-size: 1.5em;
}

.header .vedouci-kancelare {
    font-size: 1.3em;
    margin-bottom: 7px;
}

.brand-studio-desc {
    color: #06B9FD;
    width: 300px;
    font-size: .8em;
    font-style: italic;
    line-height: 1.3em;
    margin-bottom: 13px;
}

.brand-desc {
    font-weight: bold;
    font-size: 1.3em;
    font-style: italic;
}

.header .left-box, 
.header .right-box 
{
    padding-bottom: 20px;
}

.index-section .left-box {
    padding-bottom: 20px;
}

.index-section .left-box h3 {
    font-size: 1.3em;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 1em;
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
    font-weight: normal;
    color: #555;
}

.index-section .left-box ul {
    list-style: none;
    font-style: italic;
    max-width: 200px;
    float: right;
}

.index-section .left-box ul li label {
    cursor: default;
    color: #555;
    font-size: .9em;
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.index-section {
    min-height: 230px;
}

.index-section .right-box, 
.index-section .left-box 
{
    height: 230px;
}

.index-section .left-box 
{
    height: 250px;
}

.footer {
    min-height: 40px;
    color: #ccc;
    
}

.footer .left-box,
.footer .right-box
{
    height: 50px;
    font-size: .9em;
    background: rgba(0,0,0,0.02);
}

.footer .left-box {
    color: #aaa;
    background: #FBF8F6 url(bootstrap/img/bg-left-box.png) no-repeat right;
    padding-right: 0px;
}

.footer .left-box p {
    background: rgba(0,0,0,0.03);
    height: 35px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-top: 15px;
}

.footer .right-box p {
    padding-top: 15px;
} 

.footer a {
    color: #aaa;
    text-decoration: underline;
}

.footer a:hover {
    color: #06B9FD;
}

.katalog-btn {
  margin-top: 10px;
  display: block;  
  background: rgba(0,0,0,0.7);
  /*
  background-image: -webkit-linear-gradient(top, #fff, #fff);
  background-image: -moz-linear-gradient(top, #fff, #fff);
  background-image: -ms-linear-gradient(top, #fff, #fff);
  background-image: -o-linear-gradient(top, #fff, #fff);
  background-image: linear-gradient(to bottom, #fff, #fff);
  */
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ccc;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  box-shadow: 2px 2px 3px 0px #777;
}

.katalog-btn:hover {
  background: rgba(255,255,255,1);
  /*
  background-image: -webkit-linear-gradient(top, #fd1e7f, #e61070);
  background-image: -moz-linear-gradient(top, #fd1e7f, #e61070);
  background-image: -ms-linear-gradient(top, #fd1e7f, #e61070);
  background-image: -o-linear-gradient(top, #fd1e7f, #e61070);
  background-image: linear-gradient(to bottom, #fd1e7f, #e61070);
  */
  text-decoration: none;
  color: #f10c6e;
}


.green-line .right-box
{
    background: springgreen;
}

.red-line .right-box {
    background: #f10c6e;
}

.blue-line .right-box {
    background: #06B9FD;
}

.lila-line .right-box {
    background: violet;
}

.yellow-line .right-box {
    background: gold;
}

.index-section .right-box-obsah {
    height: 100%;
    position: relative;
    overflow: hidden;   
}

.red-line .right-box-obsah {
    background: url(bootstrap/img/marketingove-materialy.jpg) no-repeat left;
}

.blue-line .right-box-obsah {
    background: url(bootstrap/img/reklamni-predmety.jpg) no-repeat left;
}

.yellow-line .right-box-obsah {
    background: url(bootstrap/img/cedule-plakaty.jpg) no-repeat left;
}

.green-line .right-box-obsah {
    background: url(bootstrap/img/textil.jpg) no-repeat left;
}

.lila-line .right-box-obsah {
    background: url(bootstrap/img/diplomy.jpg) no-repeat left;
}

.katalog-vyrobku {
    position: relative;
    margin-left: 173px;
    height: 230px;
    background: url(bootstrap/img/bg-az.png) no-repeat left bottom;
}

.katalog-vyrobku em,
.katalog-vyrobku strong
{
    display: block;
}

.index-section .right-box-obsah:before {
  content: "";
  position: absolute;
  left: 200px;
   width: 230px; 
   height: 250px;
   /* Skew */
   -webkit-transform: skew(-15deg); 
   -moz-transform: skew(-15deg); 
   -o-transform: skew(-15deg);
   transform: skew(-15deg);
  z-index: 0;
}

.green-line .right-box-obsah:before {
    background: springgreen;
}

.blue-line .right-box-obsah:before {
    background: #06B9FD;
}

.red-line .right-box-obsah:before {
    background: #f10c6e;
}

.yellow-line .right-box-obsah:before {
    background: gold;
}

.lila-line .right-box-obsah:before {
    background: violet;
}

/*
Prohlédněte si katalog produktů
*/
.katalog-vyrobku > div {
    position: relative; 
    margin-left: 55px; 
    padding: 5px 10px;
    max-width: 300px; 
    height: auto;    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+15,ffffff+100&1+15,0+100 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0.7) 15%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.7) 15%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0.7) 15%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0.7 ); /* IE6-9 */    
    /* Skew */
   -webkit-transform: skew(-15deg); 
   -moz-transform: skew(-15deg); 
   -o-transform: skew(-15deg);
   transform: skew(-15deg);
   z-index: 1;
}

.katalog-vyrobku > div em {
    font-size: 1.3em;
    font-weight: 100;
    font-style: normal;
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.katalog-vyrobku > div strong {
    font-size: 0.8em;
    font-weight: 700;
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.basic-page .left-box h1,
.basic-page .left-box h2
{
    font-size: 2.5em;
    font-family: 'Open Sans Condensed', sans-serif;
}
.basic-page .right-box h2{
    font-size: 2.5em;
    color: #06B9FD;
    font-family: 'Open Sans Condensed', sans-serif;    
}
.basic-page .right-box h3{
    font-size: 1.5em;
    color: #555;
    font-family: 'Open Sans Condensed', sans-serif;    
}


/*
Kontakty
*/
.site-kontakty .right-box > div strong {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #aaa; 
    font-weight: 100;
}

.site-sluzby .left-box div.pdf,
.site-sluzby .left-box div.prezentace,
.site-sluzby .left-box div.technologie,
.site-kontakty .left-box div > div {
    padding: 10px 0px;
    padding-right: 60px;
    border-top: 1px transparent solid; 
    border-bottom: 1px transparent solid;     
}

.site-sluzby .left-box div.pdf:hover,
.site-sluzby .left-box div.prezentace:hover,
.site-sluzby .left-box div.technologie:hover,
.site-kontakty .left-box > div > div:hover {
    border-top: 1px #ddd solid; 
    border-bottom: 1px #ddd solid; 
    background-color: rgba(255,255,255,0.2);
    color: #f10c6e;
    padding-right: 64px;
}

.site-sluzby .left-box div.technologie {
    padding-right: 5px;
}

.site-sluzby .left-box div.technologie:hover {
    padding-right: 5px;
}

.site-sluzby .left-box div.technologie strong {
    font-size: 1.3em;
}

.site-sluzby .left-box div.technologie p {
    margin-left: 30%;
    font-size: 0.9em;
    text-align: right; 
}

.site-sluzby .left-box div.technologie a {
    clear: both;
    display: block;
}

.site-sluzby .left-box strong,
.site-sluzby .left-box label,
.site-kontakty .left-box strong,
.site-kontakty .left-box label
{   
    font-family: 'Open Sans Condensed', sans-serif;  
    display: block;
    cursor: default;
}

.site-sluzby .left-box label {
    cursor: pointer
}

.email {
    background: url(bootstrap/img/email.png) no-repeat right 3px;
}
div.email:hover  {
    background: url(bootstrap/img/email-a.png) no-repeat right 3px;
}

.banka {
    background: url(bootstrap/img/banka.png) no-repeat right 3px;
}
div.banka:hover  {
    background: url(bootstrap/img/banka-a.png) no-repeat right 3px;
}

.telefon {
    background: url(bootstrap/img/phone.png) no-repeat right 3px;
}
.telefon:hover {
    background: url(bootstrap/img/phone-a.png) no-repeat right 3px;
}

.mobil {
    background: url(bootstrap/img/mobile.png) no-repeat right 3px;
}
.mobil:hover {
    background: url(bootstrap/img/mobile-a.png) no-repeat right 3px;
}

.web {
    background: url(bootstrap/img/web.png) no-repeat right 3px;
}
.web:hover {
    background: url(bootstrap/img/web-a.png) no-repeat right 3px;
}

.ico {
    background: url(bootstrap/img/ico.png) no-repeat right 3px;
}
.ico:hover {
    background: url(bootstrap/img/ico-a.png) no-repeat right 3px;
}

.site-sluzby .left-box div.pdf {
    background: url(bootstrap/img/pdf.png) no-repeat right 3px;
}

.site-sluzby .left-box div.pdf:hover {
    background: url(bootstrap/img/pdf-a.png) no-repeat right 3px;
}

.site-sluzby .left-box div.prezentace {
    background: url(bootstrap/img/prezentace.png) no-repeat right 3px;
}

.site-sluzby .left-box div.prezentace:hover {
    background: url(bootstrap/img/prezentace-a.png) no-repeat right 3px;
}

/*
Služby
*/
.site-sluzby .right-box ul.ikony {
    margin-left: 0px;
}

.site-sluzby .right-box ul.ikony li {
    list-style: none;
    margin: 0px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.site-sluzby .right-box ul.ikony label {
    padding-top: 54px;
    text-align: center;
    font-size: .8em;
    width: 56px;
    vertical-align: top;
    line-height: 1em;
    color: #06B9FD;
    cursor: default;    
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */    
    background-position: top center;
    background-repeat: no-repeat;    
}

.site-sluzby .right-box ul.ikony li:hover label{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    color: #06B9FD;
}

.site-sluzby .right-box .polep-osobak{
    background: url(bootstrap/img/polep-osobak.png);
}
.site-sluzby .right-box .polep-nakladak{
    background: url(bootstrap/img/polep-nakladak.png);
}
.site-sluzby .right-box .polep-verejna-doprava{
    background: url(bootstrap/img/polep-verejna-doprava.png);
}
/* Reklamní materiály */
.site-sluzby .right-box .rekmat-textil{
    background: url(bootstrap/img/rekmat-textil.png);
}
.site-sluzby .right-box .rekmat-psaci-potreby{
    background: url(bootstrap/img/rekmat-psaci-potreby.png);
}
.site-sluzby .right-box .rekmat-propagacni-materialy{
    background: url(bootstrap/img/rekmat-propagacni-materialy.png);
}
/* Prezentace */
.site-sluzby .right-box .prezentace-billboard{
    background: url(bootstrap/img/prezentace-billboard.png);
}
.site-sluzby .right-box .prezentace-powerpoint{
    background: url(bootstrap/img/prezentace-powerpoint.png);
}
.site-sluzby .right-box .prezentace-web{
    background: url(bootstrap/img/prezentace-web.png);
}
/* Poradenství */
.site-sluzby .right-box .poradenstvi-strategie{
    background: url(bootstrap/img/poradenstvi-strategie.png);
}
.site-sluzby .right-box .poradenstvi-analyza{
    background: url(bootstrap/img/poradenstvi-analyza.png);
}
.site-sluzby .right-box .poradenstvi-identita{
    background: url(bootstrap/img/poradenstvi-identita.png);
}

.site-zakaznici div[class*="zakaznik-"] {
    margin-bottom: 20px;
    display: block;
}

div.nabidka-sluzeb, 
div[class*="zakaznik-desc"] 
{
    max-width: 500px;
    text-align: justify;
    margin-bottom: 25px;    
}

div[class*="zakaznik-desc"] a {
    display: block;
}

@media (max-width: 767px) {
  
  .left-box h1,
  .left-box h2,
  .right-box h2,
  .right-box div[class*="zakaznik-desc-"],
  .left-box div[class*="zakaznik-"],
  .site-sluzby .left-box div.technologie strong,
  .site-sluzby .left-box div.technologie p,
  .site-sluzby .nabidka-sluzeb 
  {
    text-align: center;
  }
  
  .site-sluzby .left-box div.technologie p {
      margin-left: 20%;
      margin-right: 20%;
  }
  
  .header .left-box {
      background: none;
  }
  
  .header .left-box, 
  .header .right-box,
  .site-sluzby .left-box div.technologie:hover {
      padding: 0px;
  }  
  
  .header .vedouci-kancelare {
      padding-bottom: 15px;
  }
  
  .footer .left-box {
      background: none !important; 
  }
  
  .site-zakaznici .left-box > div {
      min-height: 200px !important;
      padding: 10px 0px 20px;
  }
  
  .header .reklamni-studio,
  .site-kontakty .right-box strong, 
  .site-sluzby .right-box strong 
  {
      text-align: center;
      width: 100%;
      display: block;
  }
  
  .site-sluzby .left-box div.technologie,
  .site-sluzby .left-box div.prezentace,
  .site-kontakty .left-box div.mobil,
  .site-kontakty .left-box div.banka,
  .site-kontakty .left-box div.web,
  .site-kontakty .left-box div.ico,
  .site-kontakty .left-box div.email
  {
      padding: 0px;
      background: none;
      text-align: center;
  }
  
  .site-sluzby .left-box div.prezentace:hover,
  .site-kontakty .left-box div.mobil:hover,
  .site-kontakty .left-box div.banka:hover,
  .site-kontakty .left-box div.web:hover,
  .site-kontakty .left-box div.ico:hover,
  .site-kontakty .left-box div.email:hover {
      padding: 0px;
      background: none;
  }  
  
  .site-kontakty .left-box h1,
  .site-sluzby .left-box h1
  {
      padding-top: 20px;
  }  
  
  div.nabidka-sluzeb, div[class*="zakaznik-desc"],
  .right-box div[class*="zakaznik-desc-"],
  .left-box div[class*="zakaznik-"]{
      min-width: 80%;
      margin: 0px auto;
      display: block;
  }  
  
  .index-section .katalog-btn {
      max-width: 200px;
      margin: 0px auto;
      display: block;
  }
  
  iframe {
      display: block;
      margin: 0px auto;
  }
  
  
}