/* * { border:1px solid red !important; } */
body {
  font-family : Arial, Verdana, Tahoma, sans-serif;
  background: #9ecb06;
  margin:0;
  padding:0;
  color:#666;
  font-size:0.7em;
}


a, a:visited, a:active {
  margin:0;
 color:#5d870c; 
}

a:hover {
  text-decoration:none;
}

#header h2 {
 margin:0;
 display:none;
}

hr {
  display:none;
}

img, object {
  border:none;
  padding:0;
  margin:0;
}

h1, h2, h3, h4 {
  margin:8px 0 3px 0;
  padding:0;
  color:#f60;
}

h1 {
  font-size:160%;
  margin:0 0 10px 0;
  border-bottom: 1px solid #f60;
}

h2 a, h2 a:visited, h2 a:active {
  color:#f60;
  text-decoration:none;
}


#content h2, h2 { 
  font-size:140%;
  padding-bottom:5px;
}

#content p.akce { 
  font-size:120%;
  padding:5px;
  margin:10px 10px 10px 20px;
  text-align:center;
  color:#FFFFFF;
  background-color:#FF6600;
  line-height:140%;
}

#content h3, h3 {
  font-size:105%;
  color:#666;
  padding-top:10px;
  padding-bottom:5px;
}

ul, li {
  margin:0;
  padding:0;
}

p {
  margin: 0 0 15px 5px;
}

#content ul {
  padding-left:0px;
  list-style-type:none;
}

#content ul li {
  background:transparent url(../img/odr-rec-o.gif) no-repeat 0px 5px;
  padding:0 0 10px 10px;
  margin:0;
}

#content ul ul li, #content ol ul li {
  padding-left:10px;
  list-style:none;
  list-style-type:square;
  list-style-position:inside;
  padding-bottom:0px;
}

#content ul ul {
  padding-left:5px;
  padding-bottom:8px;
  margin:0;
  padding:0;
}

#content ul li ul li {
  background:transparent url(../img/odr-rec-g.gif) no-repeat 5px 5px;
  list-style-type:none;
  margin-left:10px;
  padding-left:15px;
  _padding-left:0px;
}

#case {
  width:830px; 
  margin:0 auto;
/*
  margin-left:auto; 
  margin-right:auto;   
  margin-top:0;
*/  
  padding:0;
  text-align:left;
  background:#fff url("../img/obr_16.jpg") repeat-y;
}

/* HEADER */
#header {
  position:relative;
  height: 179px;
  background: #fff url("../img/obr_03.jpg") no-repeat;
  margin:0;
  padding:0;
}

#header img {
  position:absolute;
  top:78px;
  left:30px;
}

/* CONTENT CONTAINER */
#main {
  margin:0;
  padding:0;
  background:#fff url("../img/obr_17.jpg") repeat-y;
  height:1%; /* IE holly hack */
}
#data {
  float: right;
  width: 573px;
  _width: 570px;
/*  _widt\h: 573px;*/
/*  _overflow: hidden;*/
/*  _display: inline-block;*/
  background:none;
}
#content {
  float: left;
  width: 345px;
  _width: 342px;
  _widt\h: 345px;
/*  _overflow: hidden;*/
  _display: inline-block;
/* background:white;*/
/*  border: 1px solid red;*/
  height:1%;
}

#content .content-in {
  margin:5px 0 0 0;
}

#rightcol {
  float: right;
  width: 210px;
  _width: 217px;
/*  _widt\h: 210px;*/
/*  _overflow: hidden;*/
/*  _display: inline-block;*/
/*  border: 1px solid red;*/
}

#leftcol {
  float: left;
  width: 245px;
  _width: 243px;
/*  _widt\h: 245px;*/
  _overflow: hidden;
  _display: inline-block;
  background: transparent url("../img/obr_18.jpg") no-repeat;
/*  border: 1px solid red;*/
}

#content-in,
.content-in,
.content-in-nob {
  margin:0; 
  padding:0;
}

#footer {
  clear: both;
  height: 146px;
  background:#9C0 url("../img/obr_09.jpg") no-repeat !important;
}

#header h2 a span { display:none }
#header h2 span { display:none }

.column-in-l {
  margin: 0 13px 0 15px;
  padding:0 5px 0 5px;
}

.column-in-r {
  margin: 0 5px 0 5px;
  padding: 0 5px;
}

.column-in-p {
  margin: 0 15px 25px 0px;
  padding: 0 5px;
}

.column-in-p .box {
  border:1px solid #ccc;
  color:#F60;
}

.column-in-l .box {
  padding:10px 0 0 0; 

/*  margin:0 0 10px 0;*/
}

.box ul {
  list-style-position: inside;
  margin:0;padding:0;
}

.column-in-l .box ul {
  list-style-image:url("../img/odr-o-inv.gif");
  margin:0;
  padding:0;
}

.column-in-p .box ul {
  list-style-image:url("../img/odr-g.gif");
}

.box ul li {
  margin:0; 
  padding:0;
}

h3 {
  padding:0;
  margin:0;
  color:#F60;
}

.ceny {
  color: #F60;  
  font-weight:bold;
  text-align:right;
  font-size:110%;
}

.orange-bck {
  background: #FFC;
  border:1px solid #FEEAD5 !important;
}

.white-bck {
  background: #FFF;
  border:1px solid #e9e8e8 !important;
}



#klienti-wrap h3, #proc-pevat h3 {
/*background:#fff url(../images/obr_10.jpg) no-repeat -10px -110px;
  height:150px;*/
  padding-bottom:4px;
}

#proc-pevat li a {
  display:inline !important;
  padding:0 !important;
}
#klienti-wrap .box {
  border-color: #FEEAD5;
}

#klienti-wrap h3 {
  margin: 15px 0 0 0;
}

#klienti-wrap p {
  padding:5px;
}


#menuBox {
  background:#ffc;
  margin:1px 9px 10px 7px;
  text-align:left;
  border: 1px solid #FEEAD5; 
}

#menuBox ul {
  list-style-type:none;
  text-transform:uppercase;
  padding:0 0 0 10px; margin:0;
}

#menuBox li {
  border:0pt none;
  display:block;
  float:left;
  list-style-type:none;
  margin:0pt;
  padding:2px 0;
}

#menuBox a {
  background-color:#ffc;
  color:#5d870c;
  display:block;
  float:left;
  margin:0pt;
  padding:2px 7px 2px 7px;
  text-decoration:none;
  font-weight:bold;
  border:1px solid #ffc;   
}

#menuBox .main-active {
  background:#fff;
  margin:2px 0 0 0;
  padding:2px 7px 2px 7px;  
/*  border-left:1px solid #360;*/
  border:1px solid #5d870c;  
  color:#5d870c;
  font-weight:bold;
}

#menuBox a:hover, 
#menuBox a:active, 
#menuBox a:focus {
  background-color:#5d870c !important;
  color:#fff;
  border:1px solid #5d870c;    
}

.clearAll, .clear {
  clear:both;
  display:block;
  font-size:1px;
  height:1px;
  line-height:1px;
  overflow:hidden;
}

#dropky {
  padding:3px 0px 10px 30px;
}

.blok {
/*  font-size:85%;*/
  margin-bottom:20px;
  max-width:227px;
  width:217px;
  text-align:left;
}

.blok ul {
  margin:15pt 0 0 0;
  list-style:none;
}


.blok li {
  background:transparent url(../img/odr-o-inv.gif) no-repeat scroll 0pt 8px;
  padding:0px 10px 0px 10px;  
/*  margin-bottom:7px;*/
  margin:0;
}

.blok li a {
/*  border:1px solid red;*/
  display:block;
/*  padding:0px 10px 0px 7px;*/  
  padding:3px 15px;
  width: 94%;
}

#tvorba-www-stranek,
#eshop-katalog,
#seo-optimalizace-pro-vyhledavace,
#reklamni-a-marketingove-poradenstvi {
  background:transparent url(../img/odr-o-inv.gif) no-repeat scroll 0pt 10px;
  padding:0px 10px 0px 7px;
  margin:3px 0;
}

#tvorba-www-stranek a, 
#eshop-katalog a, 
#seo-optimalizace-pro-vyhledavace a,
#reklamni-a-marketingove-poradenstvi a {
  display:block;
  padding:5px 10px;
  color:#f60;
  font-size:120%;
  width: 94%;  
}


html>body #button li a {
  width: auto;
}

.blok li a:hover, #footer a:hover {
  color:#000;
}

.blok .left-active, 
#tvorba-www-stranek.left-active,
#eshop-katalog.left-active,
#seo-optimalizace-pro-vyhledavace.left-active,
#reklamni-a-marketingove-poradenstvi.left-active {
  padding:2px 10px 2px 17px;
  border-bottom:1px solid #feead5;
  border-top:1px solid #feead5;
  border-left:8px solid #feead5;
  background:white;
}

#tvorba-www-stranek.left-active, 
#eshop-katalog.left-active,
#seo-optimalizace-pro-vyhledavace.left-active,
#reklamni-a-marketingove-poradenstvi.left-active {
  padding:4px 10px 4px 9px;  
  font-size:120%;
  margin:3px 0;  
}


#kontakt {
  background:#fff url(../img/obr_13.jpg) no-repeat;
  margin:10px auto;
  border:1px solid #e9e8e8;
  padding: 130px 0 0 25px;
}

#kontakt h2 {
  color:#f60;
}

#dotaz {
  background:#fff url(../img/obr_28.jpg) no-repeat;
  margin:10px auto;
  border:1px solid #e9e8e8;
  padding: 50px 5px 10px 5px;
  color:#f60;	
}

#dotaz input, #dotaz textarea {
  width:90%;
}

#dotaz .button {
  width:auto;
  border:1px solid #e9e8e8;
  background:#ffc;
  color:#360;
  cursor:pointer;
}


#rightcol .box ul {
  margin:0;
  list-style:none;
  padding:5px 0;  
}


#rightcol .box li {
  background:transparent url(../img/odr-g.gif) no-repeat scroll 0pt 4px;
  list-style-position:outside;
  padding:0px 10px 0px 13px;  
  margin: 0 0 8px 3px;  
}


#rightcol .box li a {
/*  border:1px solid red;*/
  display:block;
  padding:0px 10px 0px 7px;  
  padding:3px 10px;
  width: 94%;
}

#klienti li {
  background:#ffc url(../img/odr-o.gif) no-repeat scroll 0pt 5px !important;
  padding:0;
  margin:0;
}

#klienti li a {
  padding:0 2px !important;
}

#vzor-nabidka, #reference {
  float:left;
  width:164px;
  height:44px;
  background:transparent url(../img/obr_29.jpg) no-repeat;
  margin:10px 5px 15px 5px;
}

#vzor-nabidka a {
  display:block;
  padding:15px 0 0 50px;
}

#reference a {
  display:block;
  padding:15px 0 0 60px;
}

#reference {
  width:149px;
  float:right;
  background:transparent url(../img/obr_30.jpg) no-repeat;

}

#kam-dal {
  border:1px solid #e9e8e8;
  padding:5px;
  text-align:center;
  margin:5px auto;
  height:1%;
}

#kam-dal p {
  float:left;
  background:#ffc;
  border:1px solid #feead5;
  width:120px;
  margin:10px;
  padding:5px;
  min-height:50px;
/*  font-weight:bold;*/
  font-size:120%;
}

#kam-dal .nabidka {
  float:right;
}

#footer p {
  margin:0;
  padding:24px 0 0 20px;
  color:#fff;
  font-size:95%;
  background:inherit;
}

#footer a {
  color:#fff; 
}

/* HOME */
.hbox, #nej-projekty  p {
  border:1px solid #e9e8e8;
}

#nej-projekty  p {
  width:560px;
  _width:558px;
}



.hbox p { 
  text-align:center; 
  background:#ffc;
  color:#333;
  width:271px;
  margin:0;
  padding:5px;
}


#tvorba, #eshop, #seo, #reklama, #nej-projekty  p {
  float:left;
  margin-left:20px;
  _margin-left:7px;  
}

#seo, #reklama {
  margin-left:15px;  
}

#eshop, #reklama {
  margin-top:20px;  
}

.vice-info {
  margin:0 0 7px 60px;
  padding:0 20px 0 0;
  background:transparent url(../img/odr-g.gif) no-repeat 0 5px;
  text-align:right;
/*  border:1px solid red;*/
}

#nej-projekty  {
  height:1%;
   width:607px;  
  _width:585px;
}

#nej-projekty  h2 {
  margin:20px 0 0 20px;
}

#nej-projekty  p {
  padding:10px;
  height:180px;
  min-height:180px;  
}

.screeHide, .skip a {
  height:0pt;
  overflow:hidden;
  position:absolute;
  width:0pt;
}

.zvyraznit {
  padding:5px 0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}


.buttonA {
	display: block;
	border: 1px solid #f60 !important;
	background: #f60 url(../img/button2.gif) no-repeat left top;
	font-weight: bold;
	padding: 0 14px 0px 14px !important;
	margin-top: 5px;
	height: 22px;
	line-height: 22px;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	font-size: 100%;
	font-family: Tahoma, sans-serif;
	white-space: nowrap;
	cursor:pointer;
}

.mZn-A {
  max-width:140px;
  width:150px;
}

.pp-A {
  max-width:120px;
  width:130px;
}

.kon-A {
  max-width:110px;
  width:130px !important;
  height:24px;
}

#pokracovat  h3 {
  padding:5px 0 10px 0px;
  font-size:115%;
}

#pokracovat {
  background-color:#ffc;
  color:#333333;
  margin:20px 0 -3px 0;
  padding:10px 10px 0px 10px;
  border:1px solid #FEEAD5;
}

.note {
  border-top:1px solid #666;
}

.img-float-l {
  float:left;
  margin:5px 10px;
}

.img-float-r {
  float:right;
  margin:5px 10px;
}

.orange {
  color:#f60;
}

.warning {
  color:#f60;
}

#content form {
  padding:5px 15px;
}

.attach {margin:2em 0}

.attach-ico-pdf {float:left;border:0;margin:0 1em}

.error {
  padding: 5px;
  margin: 0px;
  background:red;
  color:white;
}