body {
 font-family: 'Roboto', sans-serif; font-size:20px;
 padding-top: 130px; padding-bottom: 20px;
 background: url("../images/background.gif") repeat-x center top;
}
body.home {
 background: url("../images/background_head_80.jpg?v=2") no-repeat center top;
}

a { color:#000; }

/* kostra
.container { borde r:1px solid #0ff;  }
.containerBACKGROUND {
  width:1280px;
  background: url("../images/background.jpg") no-repeat center top;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid  { padding-left:0px; padding-right:0px; }
.container-fluid .jumbotron { margin-top:37px; border-radius: 0px; text-align:center; }
 */
 
/* slideshow
.carousel-caption h1                   { margin-bottom:100px; }
.carousel-caption p a                  { margin-bottom:150px; } */
/*.carousel-inner > .item > a > img, */
/*.carousel-inner > .item > img          { max-width: none; }
.carousel-inner > .item:first-of-type  { background: url("../images/homepage_04.jpg") repeat-x center top; }
.carousel-inner > .item:nth-of-type(2) { background: url("../images/homepage_05.jpg") repeat-x center top; }
.carousel-inner > .item:last-of-type   { background: url("../images/homepage_03.jpg") repeat-x center top; } */


/* boxy
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4 {
  padding-right: 0px;
  padding-left: 0px;
} */

/* tlacitka
.btn { font-weight:bold; border-radius:0px; padding: 8px 24px; }
.btn:hover { color:#1391f8; }

.btn-default { color:#000; border-color:#000; }
.btn-default:focus, .btn-default:hover {
 color: #1391f8; background-color: #fff; border-color: #1391f8;
} */



/* jumbotron */
.jumbotron { padding-top:40px; paddin g:40px 0 170px; }

.jumbotron h1, .jumbotron h2, .jumbotron p { color:#fff; }
.jumbotron h1 { font-size:40px; font-weight:700; line-height:35px; }
.jumbotron h2 { font-size:30px; font-weight:300; }

.jumbotron ul                   { margin-left:-40px;  }
.jumbotron ul li                { font-size:25px; color:#fff; text-transform:uppercase; font-weight:300; list-style-type:none; margin-top:25px; padding:20px 0 20px 70px; vertical-align:middle; }
.jumbotron ul li:first-of-type  { background:transparent url('../images/ikona/tovarna.png') no-repeat 0px 0px; }
.jumbotron ul li:nth-of-type(2) { background:transparent url('../images/ikona/panelak.png') no-repeat 0px 0px; }
.jumbotron ul li:nth-of-type(3) { background:transparent url('../images/ikona/hala.png') no-repeat 0px 0px; }
.jumbotron ul li:last-of-type   { background:transparent url('../images/ikona/inteligentni_dum.png') no-repeat 0px 0px; }

a.sipka_dolu { 
 display:inline-block; width:94px; height:27px; margin:80px 0 0 0;
 background: url("../images/ikona/sipka_dolu.png") no-repeat left top;
}









.navbar-inverse { background-color:#fc091d; border-color:#fc091d; }
.navbar { min-height:130px; }

.navbar-nav { float:right; }

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
 background-color:#fcfcfc; font-weight:bold; text-transform:uppercase; color:#fc091d; margin:35px 0 0 10px; padding:10px 45px; font-size:16px;
}
.navbar-inverse .navbar-nav > li > a:hover { color:#000; }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
 background-color:#231f20; font-weight:bold; text-transform:uppercase;
}
.navbar-inverse .navbar-nav > .active > a:hover { color:#ccc; }

@media (max-width: 767px) {
 .navbar-collapse .navbar-nav > li > a,
 .navbar-collapse .navbar-nav > li > a:hover { margin:0px; padding-left:14px; padding-right:14px; background-color:transparent; color:#fff; }
 .navbar-collapse .navbar-nav > li > a:hover { color:#000; } 

 .navbar-collapse .navbar-nav > .active > a,
 .navbar-collapse .navbar-nav > .active > a:hover { margin:0px; background-color:transparent; color:#000; }
 .navbar-collapse .navbar-nav > .active > a:hover { color:#ccc; }

 .navbar-collapse .nav      { width:100%; }
 .navbar-collapse .nav > li { float:right; }
 ul.mutace { margin-top:5px; }
}




.logo {
 margin-top:20px;
 background: url("../images/logo_elgen.png?v=2") no-repeat left top;
 height:98px; width:192px;
 height:112px; width:200px; cursor:pointer;
}

h1, .h1 { font-size:40px; font-weight:700; }
h2, .h2 { font-size:35px; font-weight:700; }
h3, .h3 { font-size:30px; font-weight:700; }


.vystraha, .zarovka, .ovladac, .naradi, .kruzitko, .stuzka, .domy {
 padding-top:85px; text-align:center; min-height:300px; border-right:1px solid #afafae;
}
.ovladac, .stuzka {
 border-right:none;
}
.vystraha h3, .zarovka h3, .ovladac h3, .naradi h3, .kruzitko h3, .stuzka h3, .domy h3 {
 font-size:20px; color:#fc091d; text-transform:uppercase;
}
.vystraha p, .zarovka p, .ovladac p, .naradi p, .kruzitko p, .stuzka p, .domy p {
 font-size:20px; font-style:italic;
}

.vystraha { background: url("../images/ikona/vystraha.png") no-repeat 50% top; }
.zarovka  { background: url("../images/ikona/zarovka.png") no-repeat 50% top; }
.ovladac  { background: url("../images/ikona/ovladac.png") no-repeat 50% top; }
.naradi   { background: url("../images/ikona/naradi.png") no-repeat 50% top; }
.kruzitko { background: url("../images/ikona/kruzitko.png") no-repeat 50% top; }
.stuzka   { background: url("../images/ikona/stuzka.png") no-repeat 50% top; }
.domy     { background: url("../images/ikona/domy.png") no-repeat 50% top; }



.aktualne    { background: url("../images/background_aktualne.jpg") no-repeat 50% top; height:491px; margin-top:60px; }
.aktualne h3 { color:#fff; font-style:italic; font-size:20px; margin-top:65px; }
.aktualne a  { color:#fff; }


.ke_stazeni div { border-right:1px solid #afafae; min-height:80px; }
.ke_stazeni div:last-of-type      { border-right:none; }
.ke_stazeni div img:first-of-type { margin-right:10px; }

.servisni {
 background:#fc091d url("../images/ikona/24.png") no-repeat 5% 50%;
}
.servisni h3 {
 color:#fff; font-size:40px; font-weight:700; padding:30px 0;
}







.pozor { text-transform:uppercase; color:#fc091d; font-weight:700; display:block; }




.reference figure {  }
.reference figure figcaption { background:#fc091d url("../images/ikona/sipka_bila.png") no-repeat 95% 50%; color:#fff; padding:3px 0 3px 10px; border-top:1px solid #fff; margin-bottom:10px; }

ul.mutace    { position:relative; top:-75px; left:430px; }
ul.mutace li { list-style-type:none; display:inline-block; text-transform:uppercase; font-size:14px; }
ul.mutace li a { color:#000; }
ul.mutace li a:hover { color:#fff; }



.reference .row div:first-of-type  { padding-left:26px; padding-right:6px; }
.reference .row div:nth-of-type(2) { padding-left:15px; padding-right:15px; }
.reference .row div:last-of-type   { padding-left:6px; padding-right:26px; }

.col-sm-4 figure { text-align:center; }

.obal { position:relative; top:0; left:0; }
.zpet { position:absolute; top:-50px; right:20px; display:block; background:#fc091d url("../images/zpet.gif") no-repeat 10% 50%; color:#fff; padding:5px 20px 5px 30px; }
.zpet:hover { color:#000; text-decoration:none; }




/* kontaktni formular */
.jmenoOK, .telefonOK, .spolOK, .emailOK, .zpravaOK, .kontrolaOK { border:1px solid #26444f; }
.jmenoKO, .telefonKO, .spolKO, .emailKO, .zpravaKO, .kontrolaKO { border:2px solid #c00; }

.form_neodeslan, .form_odeslan {
 padding:30px 50px; font-size:30px; color:#52ff8f;
 border:1px solid #f6f9f9; background:#1391f8;
 -webkit-box-shadow: 0 0 50px 20px #1391f8;
 box-shadow: 0 0 50px 20px #1391f8;
}
.form_neodeslan { color:#ff5252; }

.formular_upozorneni { position:fixed; top:300px; width:80%; text-align:center; cursor:pointer; opacity:0.9; }
.formular_upozorneni:hover { opacity:0.8; }

::-webkit-input-placeholder { color:#3a545e; font-style:italic; }
::-moz-placeholder          { color:#3a545e; font-style:italic; } /* firefox 19+ */
:-ms-input-placeholder      { color:#3a545e; font-style:italic; } /* ie */
input:-moz-placeholder      { color:#3a545e; font-style:italic; }
/* kontaktni formular */



.dokumenty .col-sm-4:nth-of-type(2) { text-align:center; }



footer, footer a                { color:gray; font-size:15px; }
footer .col-sm-6:nth-of-type(2) { text-align:right; padding-top:20px; }






.lheight { line-height:20px; padding-bottom:10px; padding-top:10px; font-size:17px; border-bottom:1px solid #feb5bb; }
.valign  { vertical-align:top; }
a.text   { color:gray; }
.odskoc  { padding-left:20px; }


.bold { font-weight:700; }
.bila { color:#fff; }
.red  { color:#fc091d; }

hr     { border-color:#afafae -moz-use-text-color -moz-use-text-color; }

.cleaner, .cleanerXSL {
 clear:both; font-size:1px; height:1px; line-height:0;
 border:none; background:transparent; width:100%;
}
.center { text-align:center; }
.hidden { display:none; }

.nomargin, table tr td.nomargin, table tr th.nomargin    { margin:0; }
.nopadding, table tr td.nopadding, table tr th.nopadding { padding:0; }
.noborder, table tr td.noborder, table tr th.noborder    { border:none; }

.img-responsive { display:inline-block; }







@media screen and (min-width: 768px) {
 
}
@media screen and (min-width: 1000px) {
 
}
@media screen and (min-width: 1200px) {
 
}

@media screen and (min-width: 1500px) {
 
}
@media screen and (min-width: 1900px) {
 
}






/* homepage boxy */





@media (max-width: 1199px) {
 .servisni h3 { font-size:35px; padding:30px 0 30px 100px; }
}

@media (max-width: 991px) {
 .servisni h3 { font-size:30px; }
}

@media (max-width: 767px) {
 .vystraha, .zarovka, .ovladac, .naradi, .kruzitko, .stuzka { border-right:none; min-height:200px; }
 ul.mutace    { position:static; }
 .servisni h3 { font-size:35px; padding:30px 0; }
 .servisni    { background-image:none; }
 .reference .row div:last-of-type,
 .reference .row div:nth-of-type(2),
 .reference .row div:first-of-type { padding-right:0; padding-left:0; }
 .jumbotron { padding-top:15px; }
}

@media screen and (min-width: 767px) and (max-width: 992px) {
.jumbotron h1 { font-size:35px; line-height:15px; }
.jumbotron h2 { font-size:23px; }

.jumbotron ul    { margin-left:-40px;  }
.jumbotron ul li { font-size:20px; margin-top:25px; padding:20px 0 20px 70px; }

}


@media (max-width: 767px) {
 .dokumenty .col-sm-4:nth-of-type(2) { text-align:left; }
}


@media (max-width: 500px) {
 a.sipka_dolu { display:none; }
 footer .col-sm-6:nth-of-type(2) { text-align:center; padding-top:50px; }
 .navbar-toggle { margin-top:50px; display:none;}
 .logo { margin-left:15px; }
 .zpet { position:static; margin-left:37%; display:inline-block; }
}

@media (max-width: 420px) {
 .jumbotron ul li { margin-top:20px; font-size:20px; }
}

@media (max-width: 390px) {
 .aktualne h2  { font-size:30px; margin-top:0; padding-top:0; }
 .aktualne div { font-size:18px; }
 .aktualne  .pozor { text-transform:none; }
 .dokumenty .col-sm-4 a { font-size:15px; }
}

@media (max-width: 350px) {
 .navbar-collapse .navbar-nav > li > a, .navbar-collapse .navbar-nav > li > a:hover { padding:10px 45px; }
}