/*
Theme Name: Easy Best Creative Theme
Theme URI: http://www.easybest.cz/
Description: Custome style by Easy Best s.r.o.
Version: 24.2.2010
Author: Easy Best - Michael Minar
Author URI: http://www.easybest.cz/
Tags: fixed width, three columns
*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	list-style: none;
}
html {
	background: #F5F6F7 url(images/bg_footer.jpg) repeat-x left bottom;
}
body {
	font-size: 62.5%;
	text-align: center;
	color: #333;
	font-family:  Tahoma, sans-serif;
	background: url(images/bg_body.gif) repeat-x left top;
}
#content {
	width: 930px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#main {
	width: 900px;
	display: block;
	float: left;
	position: relative;
	margin: 0;
	padding: 225px 15px 35px;
	overflow: hidden;
}
#sluzby #main, #kontaktni-formular #main {
	width: 930px;
	padding: 225px 0px 35px;
}
.homepage #main{
  margin-top: 560px;
  padding-top: 15px;
  width: 620px!important;
  float: left;
}
#spoluprace #main,
#sitemap #main,
#kontaktni-formular #main{
  background: url(images/kariera.jpg) no-repeat 550px 250px;
}
#spoluprace #main{
	width: 500px;
	display: block;
	padding: 225px 415px 55px 15px;
}

#submain {
  height: 220px;
  display: block;
  width: 930px;
  position: absolute;
  top: 148px;
  left: 0;
}
.homepage #submain{
  height: 550px;
}
#otherside {
  display: none;
}
#side {
  z-index: 50;
	width: 280px;
	float: left;
  display: block;
  margin-top: 210px;
	padding: 15px 10px 15px;
}
.homepage #side{
  margin-top: 550px;
  float: right;
}
#side h2{
  display: none;
}
.sluzby #main, .single #main, #odkazy #main{
  width: 620px;
	float: right;
}

#header {
  background: url(images/chameleon.gif) no-repeat 195px 0px;
	height: 148px;
	overflow: hidden;
	position: relative;
}
#current a {
	display: block;
	position: absolute;
	left: 30px;
	top: 15px;
	width: 194px;
	height: 118px;
	overflow: hidden;
	font-size: 140%;
}
#current a span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 118px;
	padding-left: 194px;
	overflow: hidden;
	background: transparent url(images/logo_cyan.gif) no-repeat left top;
}
#current a#menujump {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#other {
	position: absolute;
	top: 100px;
	right: 0;
	z-index: 100;
}
#other a {
}
#breadcrumb {
	position: absolute;
	left: 305px;
  z-index: 1;
  top: 402px;
	font-size: 110%;
	color: #bbb;
}
#kontaktni-formular #breadcrumb{
  left: 10px;
}
#breadcrumb li, #breadcrumb ul {
	display: inline;
}
#breadcrumb a {
	color: #bbb;
}
#breadcrumb strong {
	display: none;
}
#sluzby #breadcrumb, .homepage #breadcrumb, #o-nas #breadcrumb, #sitemap #breadcrumb,
#spoluprace #breadcrumb, #kontakt #breadcrumb, .category #breadcrumb, .search #breadcrumb{
  display: none;
}
#sluzby h1, .search h1, .homepage h1, #o-nas h1, #sitemap h1,
#spoluprace  h1, #kontakt  h1, .category  h1{
  padding-bottom: 5px;
}
#menu {
  position: absolute;
  top: 100px;
  right: 15px;
  display: block;
  padding: 10px 2px;
}
#menu h2 {
	display: none;
}
#menu ul, #menu ul li {
  float: left;
  display: block;
  position: relative;
}
#menu ul li {
	font-size: 100%;
	width: 109px;
	margin: 0 1px;
  height: 38px;
  background: url(images/bg_menu_li.gif) no-repeat -2px bottom;
  }
#menu ul li:hover, #menu ul li.current, .sluzby #menu ul li.sluzby {  
  background: url(images/bg_menu_li.gif) no-repeat -2px top;
  }
#menu a {
  color: #555;
  text-align: center;
	display: block;
	height: 38px;
	line-height: 38px;
	text-decoration: none;
	font-size: 120%;
}
#menu ul li:hover a, #menu ul li.current a, .sluzby #menu ul li.sluzby a {
  color: white;
}
form, fieldset, legend {
	margin: 0;
	padding: 0;
	border: none;
}
#main div.cf_info{
  width: 450px!important;
  text-align: center;
}
form {
  width: 450px;
	padding: 10px 10px;
	margin: 0;
}
fieldset {
	margin: 0;
	border: none;
}
fieldset legend {
	font-size: 150%;
	font-weight: normal;
	color: #333333;
	padding: 5px 0 10px 23px;
}
fieldset fieldset legend {
	font-size: 130%;
}
form label, form .cf-box-title {
	text-align: left;
	font-weight: bold;
	display: inline;
	float: left;
	width: 100px;
}
#main form ol li.cf-box-group{
  display: block;
  margin: 5px 0 10px;
  float: left;
  background: none!important;
}
form .cf-box-group label {
	font-weight: normal;
	width: 200px;
	display: block;
  margin: 5px 0; 
	float: left;
}
form .cf-box-group li {
  display: block;
  float: left;
}
form input, form select, form label, form textarea {
	font-size: 110%;
}
form input {
	width: 250px;  
	margin: 0px 0px 3px 0;
	float: left;
  font-family: Tahoma;
  font-size: 11px;
}
form input.secinput {
	width: 100px;
	margin: 0 10px 0 0;
}
form .sendbutton{
  background: url(images/odeslat.jpg) no-repeat left top;
  width: 203px;
  height: 23px;
  display: block;
  border: 0px;
  position: relative;
  top: 0;
  text-align: right;
  left: 0;
}
form .cf-sb{
  display: block;
  float: left;
  padding: 0;
  margin: 0 5px 0 0;
  width: 71px;
  height: 23px;
  overflow: hidden;
}
form .cf-box-group input {
	margin: 5px 0 5px 0;
}
form select {
	width: 250px;
	margin: 0 0 3px 0;
	float: left;
}
form textarea {
	width: 250px;
	  font-family: Tahoma;
  font-size: 11px;  
	margin: 0 0 3px 0;
	float: left;
}
form label input, form .cf-box-group input, form .cf-box-b {
	width: 2em;
}
form button, .sendbutton {
	cursor: pointer;
	width: 10em;
}
#kontaktni-formular #main form{
  padding-bottom: 60px!important;
}
.cf-box-group input{
  clear: both;
}
.sendbutton {
  position: relative;
  left: 113px;
}
.emailreqtxt, .reqtxt {
	display: block;
	float: right;
	width: 15px;
	margin: 0 8px 0 0;
	padding: 0;
	line-height: 12px;
	font-size: 200%;
	height: 15px;
	overflow: hidden;
	color: #ff0000;
}
form ol li {
	list-style: none !important;
	clear: both;
	margin: 0;
	width: 400px;
	padding: 0;
}
#usermessagea {
  font-size: 100%;
  padding: 3px;
  text-align: center;
	margin: 0em auto 0.5em;
	font-weight: bold;
	color: red;
}
.cf_hidden {
	display: none;
}
.failure {
	color: red;
	border: 1px solid #ff0000;
	padding: 10px;
}

#footer {
	padding: 4em 1em 2.2em;
	clear: both;
}
#footer p {
	font-size: 120%;
}
#footer p, #footer p a {
	color: black;
}
#footer p a {
  text-decoration: none;
}
#footer p a:hover{
  text-decoration: underline;
}



h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	font-size: 180%;
	color: #898989;
	background: url(images/bg_h1.jpg) no-repeat left top;
	padding: 0 10px 25px 35px;
}
h2 {
	font-size: 140%;
	padding: 10px 10px 5px 10px;
}
h3 {
	font-size: 130%;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
}
h4 {
	font-size: 120%;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
}

#main p {
	padding: 7px 10px 3px 10px;
	text-align: justify;
}

#main ul, #main ol {
	margin: 0.5em 0;
}
#main ul ul, #main ol ol{
	margin: 0.2em 0;
}
#main ul li, #main ol li {
  background: url(images/sip4.jpg) no-repeat 11px 9px!important;
	padding: 5px 0 0 3em;
}
.green #main ul li, .green #main ol li{  background: url(images/sip3.jpg) no-repeat 11px 9px!important;}
.pink #main ul li, .pink #main ol li{  background: url(images/sip1.jpg) no-repeat 11px 9px!important;}
.orange #main ul li, .orange #main ol li{  background: url(images/sip2.jpg) no-repeat 11px 9px!important;}

#sluzby #main div ul li{
  font-size: 110%;
  margin: 0 0 0 8px;
  padding:  0 0 0 15px;
  line-height: 18px;
  background: url(images/sip4.jpg) no-repeat left 5px!important;
  }

#main ol li {
	list-style: decimal url();
}

#main p, #main ul li, #main ol li {
	font-size: 120%;
	line-height: 1.3em;
}
#main li li {
	font-size: 100%;
}

#side p, #otherside p {
	font-size: 110%;
	padding: 3px 5px 3px 5px;
	line-height: 1.3em;
}
.eb-nov{
  padding-top: 8px;
  display: block;
  position: relative;
}
.eb-nov .edit{
  top: -8px;
}

#main table {
	margin: 20px auto 0 auto;
	width: 90%;
	border-collapse: collapse;
	border: 2px solid #dddddd;
}
#main table th, #main table td {
	border: 1px solid #dddddd;
}
#main table th {
	text-align: right;
}
#main table th, #main table td {
	vertical-align: middle;
	font-size: 120%;
	padding: 0.5em;
}
#main table thead th, #main table th.right, #main table th.left {
	text-align: center;
	float: none;
}
#main table td.right {
	text-align: right;
	float: none;
}
#main table td.left {
	text-align: left;
	float: none;
}
#main table thead th, #main table thead td {
	border-bottom: 2px solid #dddddd;
	border-right: 2px solid #dddddd;
}
#main table tfoot th, #main table tfoot td {
	border-top: 2px solid #dddddd;
}
#main table tbody th {
	border-right: 2px solid #dddddd;
}
#main table caption {
	caption-side: bottom;
	font-style: italic;
	text-align: center;
	padding: 5px;
	font-size: 110%;
}

/* skrývání nepotřebných částí, vždy nechat */
.hidden, #bann p {
	display: none;
}
a {
	text-decoration: underline;
	color: #12AEBA;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}

/* zarovnání obrázků v Texy , vždy nastavit */
.left {
	float: left
}
.right {
	float: right;
}
img.left {
	margin: 4px 10px 4px 4px;
}
img.right {
	margin: 4px 4px 4px 10px;
}
.linklove {
	display: none !important;
}
.cleaner {
	clear: both;
}
.edit, #o-nas #main p.edit {
	position: absolute;
	right: 5px!important;
	top: 219px;
	width: 80px!important;
	height: auto;
	background: none!important;
}
.homepage .edit{
  top: 0;
}
.edit a {
	text-decoration: underline;
	color: #666666;
	padding: 3px;
}
.edit a:hover {
	text-decoration: none;
	background: #dddddd;
}
.noborder{
  border: none;
}
.searchform{
  position: absolute;
  top: 29px;
  width: 220px;
  right: 15px;
  display: block;
}
.searchform label{
  width: 360px;
  line-height: 20px;
  padding: 0 2px;
  height: 20px;
  border: 0;
  display: block;
}
.searchform input{
  background: url(images/bg_search_input.gif) no-repeat left top;
  width: 160px;
  line-height: 20px;
  padding: 0 2px;
  margin-top: 1px;
  float: left;
  height: 20px;
  border: 0;
  display: block;
}
.searchform button{
  background: url(images/button_ok.gif) no-repeat left top;
  width: 37px;
  height: 22px;
  border: 0;
  margin-left: 3px;
  float: left;
  display: block;
}
.searchform button strong{
  display: none;
}
#submain h2{
  display: none;
}
#bann{
  height: 212px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 930px;
}
#ban1{
  position: absolute;
  top: 12px;
  left: 9px;
}
#ban2{
  position: absolute;
  top: 15px;
  right: 18px;
}
#refer{
  height: 175px;
  display: block;
  position: absolute;
  top: 215px;
  left: 0;
  overflow: hidden;
  padding: 0px;
  width: 920px;
}
/*
.boxx-left, .boxx-right{  width: 20px;  height: 70px;  margin: 20px 10px 0 0;  overflow: hidden;  display: block;  float: left;}
.boxx-right{ margin: 20px 0 0 10px;}
.boxx-left a, .boxx-right a{  width: 0px;  display: block;  float: left;  height: 70px;  padding-left: 20px;  background: url(images/tyrkys_left.gif) no-repeat left top;}
.boxx-right a{  background: url(images/tyrkys_right.gif) no-repeat right top;}
.boxx{  display: block;  height: 136px;  width: 212px;  float: left;  position: relative;  margin: 0 2px 0 0;  background: url(images/tyrkys_box.gif) no-repeat right top;}
.boxx:hover{  background: url(images/tyrkys_box.gif) no-repeat 0px top;}
.box-img{  display: block;  padding: 6px 0 0 0;}
.boxx div a{  display: block;  padding: 6px 0 0; margin: 0 auto 0;  width: 190px;  height: 100px;}
.boxx div a img{  overflow: hidden;  display: block;  width: 190px!important;  height: 100px!important;}
.boxx h3{ font-size: 120%; position: absolute;   bottom: 6px; left: 0;  padding: 3px 0 0;  display: block;  width: 100%;  text-align: center; }
.boxx h3 a{text-decoration: none;display: block; width: 100%; height: 100%;}
.boxx:hover h3 a{color: white;}
*/


#novin{
  height: 152px;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 2px 0;
  width: 930px;
  background: url(images/bg_refer.gif) repeat-x left top;
}
.lev, .prav, .lev1, .prav1, .stred{
  height: 148px;
  width: 464px;
  float: left;
  position: relative;
  display: block;
}
.lev1, .prav1{
  width: 315px;
}
.stred{
  width: 300px;
}
.prav{
  width: 466px;
  background: url(images/bg_carka_vertical.gif) repeat-y left 11px;
}
#submain #novin h2{
  display: block;
  padding: 15px 0 5px 28px;
}
#submain #novin h2 a{
  text-decoration: none;
  color: #12AEBA;
  width: 280px;
  display: block;
  font-weight: normal;
}
#submain #novin h2 a:hover{
  text-decoration: underline;
}
#no1, #no2{
  text-align: right;
  position: absolute;
  width: 153px;
  height: 128px;
  display: block;
  top: 0;
  right: 10px;
}
#no2 img{
  display: block;
  width: 100px;
  height: 100px;
  margin: 15px auto 0;
}
#submain #novin p{
  font-size: 120%;
  display: block;
  width: 270px;
  line-height: 1.6em;
  margin-left: 28px;
}
#styless{
  position: absolute;
  top: 10px;
  right: 42px;
  width:96px;
  height: 22px; 
  background: url(images/bg_styles.jpg) no-repeat left top;
  display: block;
  z-index: 99;
}
ul#styless, ul#styless li{
  float: left;
  display: block;
}
ul#styless li{
  width: 22px;
  position: relative;
  height: 22px;
  margin: 0 1px;
  overflow: hidden;
  }
ul#styless li a{
  width: 0;
/*  background: green;*/
  display: block;
  height: 22px;
  padding-left: 22px;
  }

.reference .item, .tag .item{
  display: block;
  width: 580px;
  padding: 0 0 5px 350px;
  height: 190px;
  margin-bottom: 5px;
  position: relative;
  float: left;
  background: url(images/bg_dooted.gif) repeat-x left bottom;
}
.reference .item h2, .reference .item p.text,
.tag .item h2, .tag .item p.text{
  display: block;
  width: 330px;
}
.reference .item ul, .tag .item ul{
  position: absolute;
  bottom: 20px;
  display: block;
  left: 350px;
}
.reference .item ul li, .tag .item ul li{
  margin-left: 10px;
  list-style-type: none;
}
.reference .item div.refer_img,
.tag .item div.refer_img{
  position: absolute;
  top: 10px;
  display: block;
  left: 5px;
  background: white;
  border: 2px solid #F1F1F1;
  width: 321px;
  height: 160px;
}
.reference .item div.refer_img img,
.tag .item div.refer_img img{
  width: 300px!important;
  height: 141px!important;
  margin: 10px 0 0 10px;
}
.reference #main .item h2, .tag #main .item h2{
  font-size: 160%;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  color: #12AEBA;
  padding-bottom: 0px;
}
.reference .item div.logo, .tag .item div.logo{
  width: 186px!important;
  height: 111px!important;
  position: absolute;
  display: block;
  border: 2px solid #F1F1F1;
  top: 10px;
  right: 30px;
}
.reference .item h3, .tag .item h3{
  position: absolute;
  bottom: 28px;
  display: block;
  right: 44px;
  width: 163px;
  height: 30px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.reference .item h3 a, .tag .item h3 a{
  display: block;
  width: 0;
  padding-left: 163px;
  height: 30px;
  overflow: hidden;
  background: url(images/cyan_prejit.gif) no-repeat left top;
}

/*trikolora*/
.green #submain #novin h2 a, .green .boxx h3 a{
  color: #6AB51A;
}
.orange #submain #novin h2 a, .orange .boxx h3 a{
  color: #D8751E; 
} 
.pink #submain #novin h2 a, .pink .boxx h3 a{
  color: #C31C76;
}
.green #current a span {
	background: transparent url(images/logo_grass.gif) no-repeat left top;
}
.orange #current a span {
	background: transparent url(images/logo_sahara.gif) no-repeat left top;
}
.pink #current a span {
	background: transparent url(images/logo_magento.gif) no-repeat left top;
}
.pink .boxx:hover h3 a, .orange .boxx:hover h3 a, .green .boxx:hover h3 a {
	color: white;
}

.pink .boxx{
  background: url(images/pink_box.gif) no-repeat right bottom;
}
.pink .boxx:hover{
  background: url(images/pink_box.gif) no-repeat 0px bottom;
}
.orange .boxx{
  background: url(images/sahara_box.gif) no-repeat right bottom;
}
.orange .boxx:hover{
  background: url(images/sahara_box.gif) no-repeat 0px bottom;
}
.green .boxx{
  background: url(images/grass_box.gif) no-repeat right bottom;
}
.green .boxx:hover{
  background: url(images/grass_box.gif) no-repeat 0px bottom;
}

.pink #menu ul li {
  background: url(images/pink_menu.gif) no-repeat right bottom;
  }
.pink #menu ul li:hover, .pink #menu ul li.current, .sluzby .pink  #menu ul li.sluzby  {  
  background: url(images/pink_menu.gif) no-repeat left top;
  }
.green #menu ul li {
  background: url(images/grass_menu.gif) no-repeat right bottom;
  }
.green #menu ul li:hover, .green #menu ul li.current, .sluzby .green  #menu ul li.sluzby {  
  background: url(images/grass_menu.gif) no-repeat left top;
  }
.orange #menu ul li {
  background: url(images/sahara_menu.gif) no-repeat right bottom;
  }
.orange #menu ul li:hover, .orange #menu ul li.current, .sluzby .orange #menu ul li.sluzby{  
  background: url(images/sahara_menu.gif) no-repeat left top;
  }
.orange .searchform button{
  background: url(images/sahara_ok.gif) no-repeat left top;
}
.green .searchform button{
  background: url(images/grass_ok.gif) no-repeat left top;
}
.pink .searchform button{
  background: url(images/pink_ok.gif) no-repeat left top;
}

#ban2{
  display: block;
  background: red;
  width: 0;
  padding-left: 409px;
  height: 193px;
  overflow: hidden;
  background: url(images/cyan_banner.jpg) no-repeat left top;
}
.pink #ban2{
  background: url(images/pink_banner.jpg) no-repeat left top;
}
.green #ban2{
  background: url(images/green_banner.jpg) no-repeat left top;
}
.orange #ban2{
  background: url(images/sahara_banner.jpg) no-repeat left top;
}

.orange .boxx-left a{ background: url(images/sahara_left.gif) no-repeat left top; }
.orange .boxx-right a{ background: url(images/sahara_right.gif) no-repeat right top;}
.green .boxx-left a{ background: url(images/grass_left.gif) no-repeat left top; }
.green .boxx-right a{ background: url(images/grass_right.gif) no-repeat right top;}
.pink .boxx-left a{ background: url(images/pink_left.gif) no-repeat left top; }
.pink .boxx-right a{ background: url(images/pink_right.gif) no-repeat right top;}





#o-nas #main div {
  width: 433px;
  float: left;
  display: block;
  height: 160px;
  background: url(images/emoti1.jpg) no-repeat left 10px;
  padding: 0 0 10px 0px;
  overflow: hidden;
  margin: 0 5px 10px 5px;
}
#o-nas #main div.boxx2 {background: url(images/emoti2.jpg) no-repeat -3px 5px;}
#o-nas #main div.boxx3 {background: url(images/emoti3.jpg) no-repeat -3px -15px;}
#o-nas #main div.boxx4 {background: url(images/emoti4.jpg) no-repeat 0px -5px;}


#o-nas #main p, #o-nas #main h2{
  width: 303px;
  float: left;
  display: block;
  font-size: 160%;
  color: #28B5BF;
  font-weight: bold;
  padding: 0 0 5px 130px;
}
#o-nas #main p{
  display: block;
  height: 106px;
}
#o-nas #main p{
  color: #333;
  width: 303px;
  font-size: 120%;
  font-weight: normal;
  float: left;
  display: block;
  background: url(images/bg_dooted.gif) repeat-x left bottom;
  padding: 0 0 30px 130px;
}
#o-nas #main div.boxx3 p, #o-nas #main div.boxx4 p{
  background: none;
}
#side, #side ul, #side ul li{
  display: block;
  float: left;
  z-index: 50;
  width: 259px;
}
#side ul li{
  margin-bottom: 2px;
  font-size: 100%;
  font-weight: bold;
  height: 45px;
  position: relative;
  display: block;
  background: url(images/cyan_sluzby.jpg) no-repeat left top;
}
#side ul ul{
   display: none;
}
#side ul li:hover ul{
  position: absolute;
  left: 259px;
  padding-left: 2px;
  background: #F5F6F7;
  display: block;
  top: 0;
}
#side ul li a, #side ul li.current ul li a{
  line-height: 45px;
  display: block;
  float: left;
  padding-left: 35px;
  width: 224px;
  color: #888;
  text-decoration: none;
  height: 45px;
}
#side ul li a:hover, #side ul li.current a,
#side ul li a.ancestor, #side ul li.current ul li a:hover{
  text-decoration: underline;
}
.orange #side ul li{ background: url(images/sahara_sluzby.jpg) no-repeat left top; }
.pink #side ul li{ background: url(images/pink_sluzby.jpg) no-repeat left top; }
.green #side ul li{ background: url(images/grass_sluzby.jpg) no-repeat left top; }


#kontakt #main ol li, #kontakt #main ul li{ padding-left: 0!important; background: none!important;}


.single #main img.aligncenter {
  display: block;
  width: 430px;
  margin: 15px auto;
}

#side #fform{
  width: 258px;
  margin: 3px 0 10px;
  padding: 0 0 15px; 
  overflow: hidden;
  display: block;
  float: left;
  background: #E6E7E7 url(images/bg_form_bottom.jpg) no-repeat right bottom;
}
#side #fform form{
  width: 238px;
  padding: 5px 10px 0;  
}
#side #fform h2{
  display: block;
  font-family: Tahoma;
  padding: 10px 0px 5px 10px;
  font-size: 120%;
  color: #11AFBA;
  background: #E6E7E7 url(images/bg_form_top.jpg) no-repeat left top;
  font-weight: bold;
}
#side #fform ol,#side #fform ol li{
  display: block;
  float: left;
  width: 250px;
  margin: 0 auto;
}
#side #fform .cf-ol li{
 margin: 0 0 5px;
}
#side #fform input, #side #fform textarea{
  width: 150px;
  font-family: Tahoma;
  font-size: 11px;
  padding: 2px 0;
}
#side #fform textarea{
  height: 60px;
}
#side #fform label{
  width: 80px;
}
#side #fform .sendbutton{
  background: url(images/odeslat.jpg) no-repeat left top;
  width: 203px;
  height: 23px;
  display: block;
  border: 0px;
  position: relative;
  top: 0;
  left: 0;
}
#side #fform .cf-sb{
  display: block;
  float: right;
  padding: 0;
  margin: 0 5px 0 0;
  width: 83px;
  height: 23px;
  overflow: hidden;
}
#side #fform .emailreqtxt, #side #fform .reqtxt {
	display: none;
}
.sluzby .item h2{
  display: block;
  width: 615px;
  color: #11AFBA;
  font-weight: bold;
  padding: 0 0 15px 5px;
  margin: 15px 0 0 ;
  font-size: 140%;
  background: url(images/bg_dooted.gif) repeat-x left bottom;
}
.sluzby .item{
  display: block;
  position: relative;
  float: left;
  min-height: 100px;
  height: auto!important;
  height: 100px;
  width: 100%;
}
.sluzby .item p{
  display: block;
  position: relative;
  float: right;
  width: 530px;
}
.it1{background: url(images/ico1.jpg) no-repeat 10px 55px;}
.it2, .it18{background: url(images/ico2.jpg) no-repeat 10px 55px;}
.it3, .it17{background: url(images/ico3.jpg) no-repeat 10px 55px;}
.it4{background: url(images/ico4.jpg) no-repeat 10px 55px;}
.it5{background: url(images/ico5.jpg) no-repeat 10px 45px;}
.it6{background: url(images/ico6.jpg) no-repeat 10px 55px;}
.it7{background: url(images/ico7.jpg) no-repeat 10px 58px;}
.it8{background: url(images/ico8.jpg) no-repeat 10px 62px;}
.it9, .it15{background: url(images/ico9.jpg) no-repeat 10px 55px;}
.it10, .it16{background: url(images/ico10.jpg) no-repeat 10px 55px;}
.it11{background: url(images/ico11.jpg) no-repeat 10px 55px;}
.it12{background: url(images/ico12.jpg) no-repeat 10px 55px;}
.it13{background: url(images/ico13.jpg) no-repeat 10px 55px;}
.it14{background: url(images/ico14.jpg) no-repeat 10px 42px;}
.sluzby .item div{
  display: block;
  position: relative;
  float: left;
  width: 100px;
}
#sluzby #main div{
  color: #333;
  width: 230px;
  height: 190px;
  padding: 0px;
  margin: 15px 0 0;
  position: relative;
  overflow: hidden;
  font-weight: normal;
  float: left;
  display: block;
  background: url(images/boxx2.gif) no-repeat left top;
}
#sluzby #main .boxxik5, #sluzby #main .boxxik6, #sluzby #main .boxxik7, #sluzby #main .boxxik8{
  margin: 7px 0 0!important;
 }
#sluzby .pink #main div{background: url(images/boxx1.gif) no-repeat left top;}
#sluzby .green #main div{background: url(images/boxx3.gif) no-repeat left top;}
#sluzby .orange #main div{background: url(images/boxx4.gif) no-repeat left top;}

#sluzby #main div h2{
  font-size: 110%;
  text-align: center;
  margin: 0;
  padding: 0;
  display: block;
  height: 40px;
  width: 219px;
  }
#sluzby #main div h2 a{
  color: #fff!important;
  display: block;
  line-height: 40px;
  margin: 0;
  padding: 0;
}
#sluzby #main div p{
  font-size: 110%;
  margin: 0;
  padding: 5px 10px;
  display: block;
  height: 30px;
  width: 199px;
  }
#sluzby #main div ul{
  position: absolute;
  bottom: 0px;
  width: 232px;
  display: block;
  margin: 0;
  padding: 0;
  height: 82px;
  }
#sluzby #main div ul li{
  font-size: 110%;
  margin: 0 0 0 8px;
  padding:  0 0 0 15px;
  line-height: 18px;
  background: url(images/sip4.jpg) no-repeat left 5px!important;
  }
#sluzby .green #main div ul li{  background: url(images/sip3.jpg) no-repeat left 5px!important;}
#sluzby .pink #main div ul li{  background: url(images/sip1.jpg) no-repeat left 5px!important;}
#sluzby .orange #main div ul li{  background: url(images/sip2.jpg) no-repeat left 5px!important;}

#sluzby #main .boxxik1 ul{ background:url(images/bb1.jpg) no-repeat 136px 6px; }
#sluzby #main .boxxik2 ul{ background:url(images/bb2.jpg) no-repeat 147px 22px; }
#sluzby #main .boxxik3 ul{ background:url(images/bb3.jpg) no-repeat 147px 11px; }
#sluzby #main .boxxik4 ul{ background:url(images/bb4.jpg) no-repeat 141px 27px; }
#sluzby #main .boxxik5 ul{ background:url(images/bb5.jpg) no-repeat 159px 14px; }
#sluzby #main .boxxik6 ul{ background:url(images/bb6.jpg) no-repeat 142px 21px; }
#sluzby #main .boxxik7 ul{ background:url(images/bb7.jpg) no-repeat 140px 7px; }
#sluzby #main .boxxik8 ul{ background:url(images/bb8.jpg) no-repeat 131px -3px; }










.i1, .i2, .i3, .i4{
  width: 580px;
  background: url(images/cyan_h1.gif) no-repeat 11px 12px;
  padding-left: 45px;
}
.i2{background: url(images/cyan_h2.gif) no-repeat 11px 10px;}
.i3{background: url(images/cyan_h3.gif) no-repeat 11px 12px;}
.i4{background: url(images/cyan_h4.gif) no-repeat 11px 12px;}


.green .i1{background: url(images/green_1.jpg) no-repeat 11px 12px;}
.green .i2{background: url(images/green_2.jpg) no-repeat 11px 10px;}
.green .i3{background: url(images/green_3.jpg) no-repeat 11px 12px;}
.green .i4{background: url(images/green_4.jpg) no-repeat 11px 12px;}

.pink .i1{background: url(images/pink_1.gif) no-repeat 11px 12px;}
.pink .i2{background: url(images/pink_2.gif) no-repeat 11px 10px;}
.pink .i3{background: url(images/pink_3.gif) no-repeat 11px 12px;}
.pink .i4{background: url(images/pink_4.gif) no-repeat 11px 12px;}

.orange .i1{background: url(images/sahara_1.gif) no-repeat 11px 12px;}
.orange .i2{background: url(images/sahara_2.gif) no-repeat 11px 10px;}
.orange .i3{background: url(images/sahara_3.gif) no-repeat 11px 12px;}
.orange .i4{background: url(images/sahara_4.gif) no-repeat 11px 12px;}


.homepage #main div h2{
  padding-top: 14px;
}
.homepage #main div h2 a, #internetovy-marketing-a-ci .item h2 a{
  font-weight: bold;
  text-decoration: none;  
}
.homepage #main div h2 a:hover, #internetovy-marketing-a-ci .item h2 a:hover{
  text-decoration: underline;  
}

.cf_error{ border: 1px solid #11AFBA;}
.orange .cf_error{ border: 1px solid #D9751F;}
.pink .cf_error{ border: 1px solid #C31C76;}
.green .cf_error{ border: 1px solid #6AB51A;}

#kontakt #main div.kont1, #kontakt #main div.kont2, #kontakt #main div.kont3{
  background: url(images/bg_kontakt.jpg) no-repeat left top;
  width: 270px;
  padding: 5px 15px 15px;
  height: 350px; 
  display: block;
  overflow: hidden;
  float: left;
  margin: 0px;
}
#kontakt #main div.kont3{
  padding-top: 19px;
  width: 265px;
  padding-left: 20px;
}
#kontakt #main div.kont1 p{
  line-height: 1.8em;
}
#kontakt #main h2{
  padding: 15px 10px 10px;
  font-weight: bold;
  color: #11AFBA;
}
#kontakt #main div.kont1 ul{
  display: block;
  float: left;
  margin: 5px 0;
}
#kontakt #main div.kont1 ul li{
  list-style-type: none;
  margin-left: 10px;
  padding: 2px 0;
}
#kontakt #main div.kont1 ul li strong{
  display: block;
  float: left;
  width: 50px;
}


/*form kontakt*/
#kontakt form{
  width: 238px;
  padding: 0px 10px 0;
}
#kontakt #main form ol, #kontakt #main ol li{
  display: block;
  float: left;
  width: 250px;
  margin: 0 auto;
}
#kontakt #main  .cf-ol li{
 margin: 0 0 5px;
}
#kontakt #main  input, #kontakt #main textarea{
  width: 150px;
  font-family: Tahoma;
  font-size: 11px;
  padding: 2px 0;
}
#kontakt #main textarea{
  height: 60px;
}
#kontakt #main  label{
  width: 80px;
  font-size: 100%;
}
#kontakt #main  .sendbutton{
  background: url(images/odeslat.jpg) no-repeat left top;
  width: 203px;
  height: 23px;
  display: block;
  border: 0px;
  position: relative;
  top: 0;
  left: 0;
}
#kontakt #main  .cf-sb{
  display: block;
  float: right;
  padding: 0;
  margin: 0 5px 0 0;
  width: 83px;
  height: 23px;
  overflow: hidden;
}
#kontakt #main  .emailreqtxt, #kontakt #main  .reqtxt {
	display: none;
}

#main h2, #main h2 a{
  font-weight: bold;
  color: #28B5BF;
  text-decoration: none;
}
#main h2 a:hover{
  text-decoration: underline;
}
.pink #main h2, .pink #main h2 a{color:#C31C76; }
.green #main h2, .green #main h2 a{color: #6AB51A; }
.orange #main h2, .orange #main h2 a{color:#D8751F; }

.reference .pink  #main .item h2, .tag .pink  #main .item h2,  #o-nas .pink #main h2, .pink #side #fform h2, .sluzby .pink .item h2, #sluzby .pink #main div h2 a, .pink a,
#kontakt .pink #main div h2{color: #C31C76;}
.reference .pink #main .item h3 a, .tag .pink #main .item h3 a{background: url(images/pink_prejit.gif) no-repeat left top;}
.reference .green #main .item h2, .tag .green #main .item h2, #o-nas .green #main h2, .green #side #fform h2, .sluzby .green .item h2, #sluzby .green #main div h2 a, .green a,
#kontakt .green #main div h2{color: #6AB51A;}
.reference .green #main .item h3 a, .tag .green #main .item h3 a{background: url(images/grass_prejit.gif) no-repeat left top;}
.reference .orange #main .item h2, .tag .orange #main .item h2, #o-nas .orange #main h2, .orange #side #fform h2, .sluzby .orange .item h2, #sluzby .orange #main div h2 a, .orange a,
#kontakt .orange #main div h2{color: #D8751E;}
.reference .orange #main .item h3 a, .tag .orange #main .item h3 a{background: url(images/sahara_prejit.gif) no-repeat left top;}



/*wp-navi*/
.wp-pagenavi{display: block; font-weight: bold; float: left; margin: 0  0 10px; width: 100%; height: 16px; font-size: 110%;}
.wp-pagenavi span, .wp-pagenavi a, .wp-pagenavi a:hover{overflow: hidden; border: 1px solid #ddd; display: block; float: left; height: 16px; background: #28B5BF; color: white; line-height: 16px;margin: 0 2px; text-decoration: none; padding: 0 5px;}
.wp-pagenavi a{background: #E5E5E5; color: #28B5BF;}
a.previouspostslink, a.nextpostslink{background: none; border: none; font-size: 18px;}

.orange .wp-pagenavi span, .orange .wp-pagenavi a, .orange .wp-pagenavi a:hover{background: #D8751E; color: white; }
.orange .wp-pagenavi a{background: #E5E5E5; color: #D8751E;}
.green .wp-pagenavi span, .green .wp-pagenavi a, .green .wp-pagenavi a:hover{background: #6AB51A; color: white; }
.green .wp-pagenavi a{background: #E5E5E5; color: #6AB51A;}
.pink .wp-pagenavi span, .pink .wp-pagenavi a, .pink .wp-pagenavi a:hover{background: #C31C76; color: white; }
.pink .wp-pagenavi a{background: #E5E5E5; color: #C31C76;}




/*------------*/

#cham{
  display: block;
  position: absolute;
  bottom: 4px;
  right: 35px;
  width: 135px;
  height: 55px;
  overflow: hidden;
}
#cham a{
  display: block;
  width: 0;
  background: url(images/footer_logotype.jpg) no-repeat left top;
  padding-left: 135px;
  height: 55px;
}
#port h2{
  display: none;
}
#port ul{
  position: absolute;
  bottom: 80px;
  left: 10px;
  display: block;
}
#port ul li{
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0 8px 0 0;
  float: left;
  display: block;
  overflow: hidden; 
}
#port ul li a{
  width: 0 ;
  padding-left: 18px;
  height: 18px;
  display: block;
  overflow: hidden; 
}
#port ul li.link1 a{background: url(images/link1.jpg) no-repeat left top;}
#port ul li.link2 a{background: url(images/link2.jpg) no-repeat left top;}
#port ul li.link3 a{background: url(images/link3.jpg) no-repeat left top;}
#port ul li.link4 a{background: url(images/link4.jpg) no-repeat left top;}
#port ul li.link5 a{background: url(images/link5.jpg) no-repeat left top;}
#port ul li.link6 a{background: url(images/link6.jpg) no-repeat left top;}

#port ul li a:hover{background-position: left -22px;}



#ppc-kampane #main table thead th{
  background: #A6EAEA;
}
#ppc-kampane #main table, #ppc-kampane #main table td, #ppc-kampane #main th{
  border: 1px solid #A6EAEA;
}
#ppc-kampane #main table td{
  background: #FaFbFc;
}

#ppc-kampane .pink #main table thead th{background: #ED81BC;}
#ppc-kampane .pink #main table, #ppc-kampane .pink #main table td, #ppc-kampane .pink #main th{border: 1px solid #ED81BC;}
#ppc-kampane .green #main table thead th{background: #ADEA6A;}
#ppc-kampane .green #main table, #ppc-kampane .green #main table td, #ppc-kampane .green #main th{border: 1px solid #ADEA6A;}
#ppc-kampane .orange #main table thead th{background:  #EDB37E;}
#ppc-kampane .orange #main table, #ppc-kampane .orange #main table td, #ppc-kampane .orange #main th{border: 1px solid  #EDB37E;}

.kont1 div{
  display: block;
  width: 222px;
  overflow: hidden;
  height: 120px;
  position: relative;
  margin: 10px auto 0;
}
.kont1 div img{
  position: absolute;
  top: -28px;
}
/*stylovat*/
.nase{
  display: block;
  margin: 25px 10px 10px;
  width: 590px;
  height: 40px;
  color: white;
  line-height: 70px;
  background: url(images/nase2.gif) no-repeat -1px top;
}
#main .nase p{
  line-height: 25px;
}
.pink .nase{  background: url(images/nase1.gif) no-repeat -1px top; }
.green .nase{  background: url(images/nase3.gif) no-repeat -1px top; }
.orange .nase{  background: url(images/nase4.gif) no-repeat -1px top; }

#code{
  display: block;
  float: left;
  margin: 15px 10px 0;
  width: 600px;
  background: url(images/valid2.gif) no-repeat left top;
}
.green #code{ background: url(images/valid3.gif) no-repeat left top; }
.pink #code{ background: url(images/valid1.gif) no-repeat left top; }
.orange #code{ background: url(images/valid4.gif) no-repeat left top; }

#code form{
  margin-top: 3px;
  display: block;
  float: left;
  position: relative;
  color: white;
  width: 600px;
}
#code form label{
  display: block;
  float: left;
  width: 150px;
}
#code form input{
  display: block;
  float: left;
  position: relative;
  top: -4px;
  border: 0;
  margin-left: 2px;
  background: none;
  width: 241px;
}
#code form button{
  display: block;
  float: left;
  position: relative;
  top: -5px;
  margin-left: 5px;
  background: none;
  border: 0;
  overflow: hidden;
  color: black;
  height: 20px;
  width: 160px;
}
#code form button span{
  display: block;
  padding-left: 160px;
  width: 0;
}
.doporucujeme{
  width: 590px;
  display: block;
  float: left;
  overflow: hidden;
  margin: 10px 0 0 10px;
  padding: 0 0 10px;
  background: #fff url(images/zajimat.gif) no-repeat -1px bottom;
}
.doporucujeme h2{
  width: 578px;
  display: block;
  height: 18px;
  padding: 10px 0 0 12px;
  background: #fff url(images/zajimat_h2.gif) no-repeat -1px top;
}
.item2{
  display: block;
  margin-top: 10px;
}
#taggs{
  margin-top: 45px;
  display: block;
  float: left;
  font-size: 110%!important;
}

h2#pree{
  position: absolute;
  bottom: 76px;
  display: block;
  right: 44px;
  width: 163px;
  height: 30px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
h2#pree a{
  display: block;
  width: 0;
  padding-left: 163px;
  height: 30px;
  overflow: hidden;
  background: url(images/cyan_prejit.gif) no-repeat left top;
}
.pink h2#pree a{background: url(images/pink_prejit.gif) no-repeat left top;}
.green h2#pree a{background: url(images/grass_prejit.gif) no-repeat left top;}
.orange h2#pree a{background: url(images/sahara_prejit.gif) no-repeat left top;}

.item2{
  display: block;
  float: left;
  width: 290px;
  margin: 0 5px 15px;
}
.item2 h2{
  font-size: 130%;
  }
.item2 p.pub{
  color: #888;
  font-size: 100%!important;
}


#footer p#link-love{
  position: absolute;
  bottom: 3px;
  left: 0;
  color: #555!important;
}