/* Globalni nastaveni */
* { margin: 0; padding: 0; border: 0px none; }
body { background: #000; font-family: Verdana, sans-serif; color: #7F7F7F; }
a { color: #707070; outline: none; }
a:hover { text-decoration: none; }
hr.cleaner { clear: both; height: 1px; border: 0px none; visibility: hidden; }

#web { width: 921px; margin: 0 auto; background: #151515; }

#header { height: 119px; overflow: hidden; position: relative; }
#header a { text-decoration: none; color: #5f5f5f; font-size: 70%; }
#header h1 { width: 568px; height: 119px; display: block; position: relative; }
#header h1 a { display: block; font-size: 80%; }
#header h1 a span { position: absolute; left: 0; top: 0; display: block; width: 921px; height: 119px; visibility: visible; cursor: pointer; background: url('../img/header.jpg') no-repeat; }
#header a#shop360, #header a#sluzby360 { position: absolute; width: 285px; height: 45px; right: 3px; }
#header a#shop360 { background: url('../img/header-link1.jpg') no-repeat; top: 0; }
#header a#sluzby360 { background: url('../img/header-link2.jpg') no-repeat; top: 45px; }
#header a#shop360 span, #header a#sluzby360 span { display: block; padding: 15px 0px 0px 25px;color: #fffabb; }
#header a strong { font-size: 110%; color: #fff; }

#menu ul { list-style-type: none; width: 921px; text-align: center; margin: 0 auto; height: 33px; overflow: hidden; }
#menu ul li { float: left; height: 33px; overflow: hidden; }
#menu ul li a { float: left; padding: 7px 31px 9px 30px; background: url('../img/menu-item.jpg') repeat-x 0px 0px; color: #fff; font-weight: bold; text-decoration: none; font-size: 70%; position: relative; }
#menu ul li a span { position: absolute; top: 0; right: 0; width: 2px; height: 33px; background: url('../img/menu-div.gif') no-repeat 0px 0px; }
#menu ul li a:hover { background: url('../img/menu-active.jpg') repeat-x 0px 0px;  }

div.proc360 { height: 129px; background: url('../img/why.jpg') no-repeat; width: 921px; float: left; margin-bottom: 15px; }
div.proc360 ul { list-style-image: url('../img/arrow.png'); font-size: 70%; line-height: 130%; margin: 0 20px; }
div.proc360 div.proc1,
div.proc360 div.proc2 { float: left; width: 300px; padding-top: 20px; }
div.proc360 div.proc1 { margin-left: 320px; }

.gallery div {float: left; width:180px; height:180px;margin:10px 0 0 0;padding:10px;}
.gallery div img {float: left;margin: 20px 10px 0 10px;}

#green-box-top{
  float: right;
  width: 250px;
  /*background: url('../img/box.jpg') center top no-repeat;
  padding-top: 244px; */
  margin-bottom: 20px;
}

#green-box-bottom {width: 280px;overflow: hidden;padding: 0 0 20px 0;margin: 0 0 0 -30px;}
#green-box-content {width:280px;}
#green-box-content div {color: #7f7f7f;}
#green-box-content .header {background: url('../img/header-left-top.jpg') left top no-repeat black;}
#green-box-content .header-bottom {background: url('../img/header-left-bottom.jpg') left bottom no-repeat;}

#green-box-content h1{width:295px;margin: 0px 0 0 0;font-size: 70%;color: #fffabb;padding:18px 0 0 15px;}
#green-box-content ul{}
#green-box-content ul li{list-style-type: circle;list-style-image: url('../img/list-img.jpg');margin-left: 1em;}

div.balicky { float: left; overflow: hidden; margin-bottom: 30px; }
div.balicky img { display: block; }
div.balicky ul { font-size: 80%; list-style-type: disc; margin-bottom: 10px; }
div.balicky ul { font-size: 80%; list-style-type: disc; list-style-image: url('../img/list-img.jpg'); margin-bottom: 10px; }
div.balicky.levy { width: 300px; color: #99b759;}
div.balicky.levy a.levy-img img { margin: 0 0 0 23px;}
div.balicky.levy img { margin: 0 0 0 45px;}

div.balicky.pravy { width: 300px; color: #6493d4;}
div.balicky.pravy a.pravy-img img {margin: 0 0 0 0px;}
div.balicky.pravy img { margin: 0 0 0 20px;}

div.balicky.levy p { padding-left: 45px; font-size: 80%; }
div.balicky.levy ul { margin-left: 60px; }
div.balicky.pravy ul { margin-left: 35px; list-style-image: url('../img/list-img.jpg'); }
div.balicky.pravy p { padding-left: 22px; font-size: 80%; }
hr { clear: left; border: 0px none; height: 1px; border-top: 1px solid #313131; }

.balicek-desc {width:620px;padding: 0 10px 0 0;}
.balicek-desc .profi-img {float:right;margin: 0 30px 0 0;}
.balicek-detail div img { margin: 0px 10px 20px 0px; }
.balicek-detail div div img { margin: 0px 5px 20px 0px; }

.balicek-detail p { font-size: 120%; }
.balicek-detail ul {list-style-image: url('../img/list-img.jpg'); font-size: 120%; margin-left: 15px; }
.balicek-detail hr {border-top: 1px solid #313131;}

.posledni-reseni { clear: left; }
.posledni-reseni div{
  margin: 10px 10px 0 20px;
  font-size: 90%;
  text-align: center;
  float: left; 
  width: 135px;
  height:195px;
}

.standard-desc {float:right;width:270px;color:#99b759;margin: 0 0px 0 0;}
.profi-desc {float:right;width:270px;color:#6493d4;margin: 0 0px 0 0;}
.profi-desc a {float:right;width:270px;color:#6493d4;margin: 0 0px 0 0;}
.barva { color:#a19e79; }
/**
 *    BIG CRAZY SHIT BEGINS
 */ 

div#hp-360 { font-size: 90%; line-height: 110%; }
div#hp-360 h2 { display: block; height: 50px; position: relative; }
div#hp-360 h2 span { position: absolute; left: 0; top: 0; display: block; width: 343px; height: 76px; visibility: visible; }
div#hp-360 ul { list-style-type: disc; }

div#hp-360 div#first, div#hp-360 div#second { float: left; width: 343px; height: 352px; overflow: hidden; position: relative; margin-right: 15px; }
div#hp-360 div#third { float: left; width: 202px; height: 352px; overflow: hidden; position: relative; }

div#hp-360 div#first p { padding: 0px 20px 0px 40px; }
div#hp-360 div#second p { padding: 0px 20px 0px 27px; }
div#hp-360 div#third p { padding: 10px 20px 0px 25px; }
div#hp-360 div#first ul { margin: 15px 20px 0 53px; }
div#hp-360 div#second ul { margin: 15px 20px 0 40px; }
div#hp-360 div#third ul { margin: 15px 20px 0 38px; }

div#hp-360 div#first p.bigger,
div#hp-360 div#second p.bigger { padding-top: 15px; font-size: 100%; font-weight: bold; }
div#hp-360 div#first p.bigger strong,
div#hp-360 div#second p.bigger strong { font-size: 120%; }
div#hp-360 div#third p.bigger strong { font-size: 80%; }
div#hp-360 div#first p.bigger strong { color: #4A9301; }
div#hp-360 div#second p.bigger strong { color: #0072B3; }
div#hp-360 div#second p.bigger strong span { display: block; padding-left: 135px; font-size: 70%; }
div#hp-360 div#third p a { color: #E15A01; font-weight: bold; font-size: 120%; }

div#hp-360 div#first { background: url('../img/box1-bottom.jpg') no-repeat 0px 76px; }
div#hp-360 div#first h2 span { background: url('../img/box1-top.jpg') no-repeat; }
div#hp-360 div#second { background: url('../img/box2-bottom.jpg') no-repeat 0px 76px; }
div#hp-360 div#second h2 span { background: url('../img/box2-top.jpg') no-repeat; }
div#hp-360 div#third { background: url('../img/box3-bottom.jpg') no-repeat 0px 76px; }
div#hp-360 div#third h2 span { background: url('../img/box3-top.jpg') no-repeat; }

div#hp-360 div a.button { width: 130px; height: 36px; display: block; position: absolute; bottom: -3px; }
div#hp-360 div#first a.button.left { left: 38px; background: url('../img/button-o-sluzbe.gif') no-repeat; }
div#hp-360 div#first a.button.right { right: 5px; background: url('../img/button-kontakt.gif') no-repeat; }
div#hp-360 div#second a.button.left { left: 25px; background: url('../img/button-ukazky.gif') no-repeat; }
div#hp-360 div#second a.button.right { right: 19px; background: url('../img/button-kontakt.gif') no-repeat; }
div#hp-360 div a.button.single { left: 35px; background: url('../img/button-cenik.gif') no-repeat; }
div#hp-360 div a.button span { display: none; }

/**
 *    BIG CRAZY SHIT ENDS
 */
 
.inner { padding: 10px 0px 20px 10px; height: auto; }
.inner.homepage { padding: 10px 0px 20px 0px; }
.inner.homepage h1 { margin: 0 0 0 10px; }
.inner h1 { font-size: 110%; padding: 15px 0 20px 10px; }
.inner h2 { font-size: 105%; padding: 25px 0 15px 10px; }
.inner h3 { font-size: 90%; padding: 0 0 15px 10px; }
.inner p { font-size: 70%; padding: 0 0 10px 10px; }

.inner p.bordered { padding: 10px; border: 1px solid #000; margin-bottom: 10px; }
.inner img { border: 0px none; margin: 10px; }
.inner ul { font-size: 70%; padding-bottom: 10px; margin-left: 30px; }
.inner ul li {  }
.inner hr { clear: both; }
.inner table { margin-bottom: 15px; font-size: 70%; }
.inner a { font-weight: bold; }
.inner .boxvlevo {width:50%;float:left;}
.inner .boxvpravo {width:50%;float:right;}
.inner .top {width:620px;}


.inner table.cenik { text-align: left; width: 820px; margin: 0 0 20px 40px; }
.inner table.cenik,
.inner table.cenik * { border: 0px none; border-collapse: collapse; }
.inner table.cenik thead {  }
.inner table.cenik thead tr th { font-weight: bold; height: 35px; font-size: 110%; padding: 0 10px; color: #fff; border-bottom: 4px solid #fff; border-right: 2px solid #fff; }
.inner table.cenik.first thead tr th { background: url('../img/nadpis1.gif') repeat-x; }
.inner table.cenik.second thead tr th { background: url('../img/nadpis2.gif') repeat-x; }
.inner table.cenik.third thead tr th { background: url('../img/nadpis3.gif') repeat-x; }
.inner table.cenik tbody {  }
.inner table.cenik tbody tr td { padding: 4px 10px; border-right: 1px solid #fff; }
.inner table.cenik tbody tr td span { font-weight: bold; color: #E53517; }
.inner table.cenik tbody tr.odd td { background: #EDEDED; }
.inner table.cenik tbody tr.even td { background: #fff; }
.inner table.cenik tbody tr td.empty { width: 5%; }
.inner table.cenik tbody tr td.name { width: 80%; }
.inner table.cenik tbody tr td.price { width: 15%; }

.inner p a.external {	padding: 1px 0 2px 17px; display: inline-block; background: url('../img/external.gif') no-repeat; }
#web .inner div.reference p a.external {	padding: 0; display: inline; background: none; }
.inner div.reference-top { width:620px;; }
.inner div.reference p { padding:5px; }
.inner div.reference p img { margin:0px 10px 0 0;float:left;}


/* nastaveni prku na hp */
.inner.homepage img { margin: 0; }
 
.inner .text-box { background: url('../img/text-box.jpg') no-repeat left bottom; width: 921px; height: 90px; min-height: 90px; _height: 90px; position:relative; display: table-cell;	vertical-align: middle; margin-top: 20px; }
.inner .text-box .text-box-inner .text-box-obsah { padding: 20px 10px 5px 10px; }
.inner .text-box p { font-weight: bold; color: #7e7e7e; line-height: 130%; }

.inner .screens { float: left; width: 100%; padding-bottom: 25px; }
.inner .screens img { float: left; margin: 15px 0px 5px 80px; padding: 15px; background: url('../img/stin.jpg') no-repeat; }

/* katalog - reference */

.reference {  }
.produkt { width: 440px; float: left; }
.produkt img { margin: 0px 0px 15px 10px; float: left; border: 10px solid #ebebeb; }
.produkt h3 { font-size: 90%; padding-bottom: 10px; }
.produkt p { text-align: left; }
.produkt p.info { margin-left: 225px; margin-right: 5px; color: #848484; font-size: 70%; }
.produkt p.info a,
.produkt p.info strong{ color: #000; font-weight: normal; }
.produkt p.popis { color: #848484; float: left; width: 95%; text-align: justify; font-size: 70%; }
.reference hr { visibility: hidden; clear: both; height: 20px; }

/* Blog */
.inner .novinka { margin: 20px 0px 0 10px; width:97%; }
.inner .novinka div.title {font-weight:bold;color:#a19e79;}
.inner .novinka h2 { font-size: 90%; padding: 8px 0 20px 10px; color: #fff; background: url('../img/fade.gif') repeat-x; }
.inner .novinka h3 { font-size: 80%; padding: 0 0 15px 10px; }
.inner .novinka p { font-size: 70%; padding: 0 0 10px 10px;text-align:justify; }
.inner .novinka div { }
.inner .novinka a.vice-na-konci {float:right;padding: 0 30px 10px 0;font-weight:bold;font-size:70%;}
.inner .novinka img { border: 0px none; margin: 0 10px 0 10px; }
.inner .novinka ul { float:left; font-size: 70%; padding-bottom: 10px; margin-left: 30px; }
.inner .novinka ul li {  } 
.inner .novinka hr {clear: both; color: #313131; }
.inner .novinka em {float:right; margin: 0 30px 0 0;}
.inner .novinka table { float:left;  margin-bottom: 15px; font-size: 70%; }
.inner .paging {font-size:70%;text-align:center;}



/* Kontaktni form */
.inner .form {width: 425px; float:left;padding:5px 0 0 10px;}
.inner .kontakt {padding:5px 0 0 40px;}

.inner .form strong {font-size:80%;}
.inner .form strong.error {color:red;}
.inner .form strong.ok {color:green;}
.inner .form em {color:red;font-weight:bold;}
.inner .form p { padding:0 0 10px 0;margin:0;display:inline; }
.inner .form h2 { padding:0;margin:0; }
.inner div.form form.send fieldset {width:400px;margin: 20px 0 0 0;}
.inner div.form form.send fieldset input,
.inner div.form form.send fieldset button { background: #202020;color:#7f7f7f; }
.inner div.form form.send fieldset label { clear: left; float: left; width:150px; font-size: 70%; text-align:right; padding-top: 2px; margin: 0 5px 3px 0; color: #989898; }
.inner div.form form.send fieldset select { float: left; width:242px;color:#7f7f7f;background: #202020; margin: 0 0 3px 0; }
.inner div.form form.send fieldset input.text { float: left; width:240px; margin-bottom: 3px; color:#7f7f7f;}
.inner div.form form.send fieldset a { display: inline-block; font-size: 70%; margin:23px 0 0 0; color: #fff; font-weight: normal;  }
.inner div.form form.send fieldset label img { float: right; margin: -2px 0 0 0; }
.inner div.form form.send fieldset input.kratsi { width: 100px; }
/*
.inner div.form form.send fieldset .delsi {width:150px;height:20px;position:relative;top:5px;}
.inner div.form form.send fieldset .delsi img {margin:0;}
*/
.inner div.form form.send fieldset textarea {color:#7f7f7f;background: #202020;width:240px; height:105px;margin:-18px 0 0 155px; font-family: Verdana, sans-serif; font-size: 70%}
.inner div.form form.send fieldset .submit { clear: left; float: left; margin-left: 155px;width:240px; }




/* paticka */

#footer { clear: both; font-size: 70%; color: #7f7f7f; position: relative; padding-top: 35px; background: black; }
#footer a { color: #7f7f7f; }
#footer a#foo-logo { float: left; width: 150px; height: 84px; background: url('../img/foo-logo.jpg') no-repeat; }
#footer a#foo-logo span { display: none; }
#footer div { margin: 0 200px 0 150px; }
#footer p { padding: 20px 0px 10px 0px; }
#footer p a { font-weight: bold; }
#footer ul { list-style-type: none; }
#footer ul li { display: inline; }
#footer p.trisixty { padding: 10px 0 0 0; }
#footer p.trisixty a { font-weight: normal; text-decoration: none; background: url('../img/foo-smalllogo.jpg') no-repeat top right; padding: 5px 55px 15px 0px; }
#footer p.trisixty a em { font-weight: bold; text-decoration: underline; font-style: normal; }
#footer a#foo-shop360,
#footer a#foo-sluzby360 { position: absolute; width: 167px; height: 42px; right: 0; text-decoration: none; }
#footer a#foo-shop360 { bottom: 45px; }
#footer a#foo-sluzby360 { bottom: 2px; }
#footer a#foo-shop360 strong,
#footer a#foo-sluzby360 strong {color:#4d4d4d; background: url('../img/patka-sipka.jpg') no-repeat bottom right; display: block; padding: 12px 15px 0px 0px; font-size: 130%;text-align:right; }

/*
  SLIDER SHIT, BABY
 */
#slider {    width: 800px;    height:230px;    float:left;    margin: 0 0 20px 5px;    border: 10px solid #ccc; }
.scroll {  overflow: hidden;  width: 800px;  margin: 0 auto;  position: relative; }
.scrollContainer {  position: relative; }
.scrollContainer div.panel {   padding: 10px;    width: 246px;    height: 210px; }
#left-shadow {  position: absolute;  top: 0;  left: 0;  width: 12px;  bottom: 0;  background: url(../img/leftshadow.png) repeat-y;}
#right-shadow {  position: absolute;  top: 0;  right: 0;  width: 12px;  bottom: 0;  background: url(../img/rightshadow.png) repeat-y; }
.inside {  padding: 10px;  /*border: 1px solid #999;*/ }
.inside img {  display: block;  border: 1px solid #666;  margin: 0 0 10px 0 !important;  width: 226px; }
.inside h2 {  font-weight: normal;  color: #111;  font-size: 16px;  margin: 0 0 8px 0;  padding: 0; }
.inside p {  font-size: 11px;  color: #ccc;  padding: 0; }
.scrollButtons {    cursor: pointer;    position:relative;  }
.scrollButtons.left {  float:left;  top:95px;  left:15px;  }
.scrollButtons.right {float:left;  top:95px;  left:-10px;   }
.hide {    display: none; }

/* galerie */

.gallery div {width: 250px; margin: 10px;}


/* overlay */
.overlay { background:url('../img/video-bg.png') no-repeat; padding:40px; width:576px; display:none; }
.close { background: url('../img/close.png') no-repeat; position:absolute; top:2px; display:block; right:5px; width:35px; height:35px; cursor:pointer; }
a.player { display:block; height:450px; }
div.video { float: left; width: 250px; margin: 0 20px 50px 20px; position: relative; }
div.video a { cursor: pointer; }
div.video a.nazev-videa { display: block; height: 30px; width: 100%; text-align: center; }
div.video a span { display: block; position: absolute; width: 250px; height: 190px; top: 10px; left: 10px; background: url('../img/play.png') no-repeat left top; }