@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}
body 	{
	font-family: "Trebuchet MS",'Arial CE', 'Helvetica CE', Arial, sans-serif !important;
	font-size: 80%;
  text-align : center;
  color: #333;
}
.mobil {
  display: none;
}
/*---- layout ---*/
#page {
  position: relative;
  margin: 0 auto 0 auto;
  width: 964px;
  text-align: left;
  border-top: 1px solid #fff;
}
#main {
  min-height: 500px;
  _height: 500px;
  padding-bottom: 200px;
  padding: 0 6px 0 0px;
}
#header {
  margin-top: 50px;
}
#logo {
  padding: 7px 0px 0px 13px;
  float: left;
  width: 130px;
}
#menu {
  width: 808px;
  height: 49px;
  background: url("bg-menu1.jpg") no-repeat ;
  float: right;
  position: relative;
}
a#topmenu {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1px;
  height: 1px;
}
#breadcrumb  {
  margin: 0 0 2em 0px;
  background: url("bg-nav-left.gif") no-repeat left;
}
#textfull {

}
#text {
  float: left;
  width: 685px;
}
#sidebar {
  float: right;
  width: 235px;
}
#footer {
  background: url("dott.gif") repeat-x top;
  height: 34px;
  padding: 0px 0px 0 0px;
  margin: 1em 0 30em 0;
}
/*--- klientska zona ---*/
/*- userpart -*/
#usertpart {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 20px 0 25px;
  text-align: right;
  background: url("icon-lock.gif") no-repeat left bottom;
}
#usertpart a {

}
/*--- menu ---*/
#menu ol {
  list-style-type: none;
  height: 39px;
  width: 797px;
  padding: 0px;
  margin-left: 5px;
  background: #000 url("bg-menu.gif") repeat-x  top;
}
#menu li {
  position: relative;
  float: left;
  list-style-type: none;
  text-align: center;
  background: url("menu-sep.gif") no-repeat right top;
}
#menu li a {
  color: #fff;
  display: block;
  height: 39px;
}
#menu li a:hover {
  text-decoration: none;
}
#menu li a span {
  display: block;
  padding: 10px 0 0 0;
}
#menu li.item1 {
  width: 120px;
}
#menu li.item1 a {
  background: url("item1-corner.gif") no-repeat left;
}
#menu li.item2 {
  width: 122px;
}
#menu li.item3 {
  width: 135px;
}
#menu li.item4 {
  width: 152px;
}
#menu li.item5 {
  width: 128px;
}
#menu li.item6 {
  width: 140px;
  background: none;
}
#menu li.item6 a {
  background: url("item6-corner.gif") no-repeat right;
}

#menu li.active, #menu li.active-f {
  background: #313131 url("menu-sep.gif") no-repeat right top;
  text-decoration: none;
}
#menu li.active-r a {
  background: #313131 url("item6-corner-a.gif") no-repeat right;
  text-decoration: none;
}
#menu li.active-f a {
  background: url("item1-corner-a.gif") no-repeat left;
  text-decoration: none;
}
#menu li.active a {
  text-decoration: none;
}

/*--- submenu ---*/
div.submenu {
  margin-bottom: 1em;
  background: #F9F9F9 url("submenu-top.jpg") no-repeat top;
  min-height: 1px;
  _height: 1px;
}
.submenu div {
  background: url("submenu-btm.jpg") no-repeat bottom;
  padding: 15px 0 15px 0px;
  min-height: 1px;
  _height: 1px;
}
.submenu ul {
  list-style-position: inside;
  font-size: 1.1em;
  font-weight: normal;
  background: url("submenu-mid.jpg") repeat-y;
  margin: 0;
  padding: 0 15px 0 15px;
}
.submenu ul ul {
  font-size: 1em;
  background: transparent;
  padding: 0 0 0 0;
}
.submenu li {
  list-style-position: inside;
  >list-style-position: outside;
  list-style-type: none;
  padding-left: 15px;
  margin: 4px 0 4px 0;
  background: url("sipka.gif") no-repeat left top;
}
.submenu li.active a {
  text-decoration: none;
  color: #898989;
}
.submenu form {
  background: url("submenu-mid.jpg") repeat-y;
  margin: 0;
  padding: 0 15px 0 15px;
}
/*--- drobečkova navigace ---*/

#breadcrumb span {
  background: #F1F1F1 url("bg-nav-right.gif") no-repeat right;
  padding: 3px 10px 2px 0px;
  margin-left: 10px;
  font-size: 0.9em;
  line-height: 2em;
}
#breadcrumb a {
  text-decoration: none;
}
/*--- text ---*/
#text h1, #textfull h1 {
  font-size: 2.2em;
  font-weight: normal;
}
#text h2, #textfull h2 {
  font-size: 1.6em;
  font-weight: normal;
  color: #147116;
  margin: 1.3em 0 0.3em 0;
}
#text h2 a, #textfull h2 a {
  color: #147116;
}
#text h2.no1, #text h2.no2, #text h2.no3, #text h2.no4, #text h2.no5, #text h2.no6, #text h2.no7, #text h2.no8, #text h2.no9 {
  margin-bottom: 0.3em;
  padding: 12px 0 10px 55px;
}
#text h2.no1 {
  background: url(circle_green_1.png) no-repeat 0 0;
}
#text h2.no2 {
  background: url(circle_green_2.png) no-repeat 0 0;
}
#text h2.no3 {
  background: url(circle_green_3.png) no-repeat 0 0;
}
#text h2.no4 {
  background: url(circle_green_4.png) no-repeat 0 0;
}
#text h2.no5 {
  background: url(circle_green_5.png) no-repeat 0 0;
}
#text h2.no6 {
  background: url(circle_green_6.png) no-repeat 0 0;
}
#text h2.no7 {
  background: url(circle_green_7.png) no-repeat 0 0;
}
#text h2.no8 {
  background: url(circle_green_8.png) no-repeat 0 0;
}
#text h2.no9 {
  background: url(circle_green_9.png) no-repeat 0 0;
}
#text h3, #textfull h3 {
  font-size: 1.3em;
  color: #AA0000;
  font-weight: normal;
  background: url("dott.gif") repeat-x bottom;
  padding: 0 0 5px 0;
  margin: 1.5em 0 0.3em 0;
}
#text h4, #textfull h4 {
  font-size: 1.1em;
  color: #CA5015;
  font-weight: bold;
  margin: 1.5em 0 0.5em 0;
}
#text h4 a, #textfull h4 a {
  color: #CA5015;
}
#text blockquote, #textfull blockquote {
  background: #FEFEFE url(bg-cite.gif) no-repeat scroll 5px 5px;
  margin: 0 0 1em 0;
  padding:5px 5px 1px 35px;
}
/*- sidebar -*/
#sidebar h3 {
  background: #000 url("bg-h-sidebar.jpg") no-repeat;
  height: 33px;
  font-size: 1.1em;
  font-weight: normal;
  color: #fff;
  padding: 0 15px 0 15px;
}
#sidebar h3 span {
  display: block;
  padding: 7px 0 0 0;
}
#sidebar blockquote {
  background: #FEFEFE url(bg-cite.gif) no-repeat scroll 5px 5px;
  margin: 0 0 1em 0;
  padding:5px 5px 1px 35px;
}
#sl-left, #sl-right {
  width:18px;
  height:32px;
  line-height:32px;
  font-size: 0.8em;
  margin:0;
  padding:0;
  position:relative;
  top:-145px;
  border:1px solid #E7E7E7;
  background:#fff;
  color:#eee;
  text-decoration:none;
  text-align:center;
}
#sl-left:hover, #sl-right:hover {
  background:#fff;
  color:#eee;
}
#sl-left.active, #sl-right.active {
  background:#fff;
  color:#888;
}
#sl-left.active:hover, #sl-right.active:hover {
  background:#fff;
  color:#0C9B32;
}
#sl-left {
  float:left;
  left:-9px;
}
#sl-right {
  float:right;
  left:9px;
}


/* sluzby */
#sluzby, #sluzby1 {
  position: relative;
  margin-bottom: 2em;
}

.sluzba {
  width: 302px;
  background: url("box-sluzba-top.jpg") no-repeat top;
  float: left;
  position: relative;
  margin-right:26px;
}
.sluzba div {
  background: url("box-sluzba-bottom.jpg") no-repeat bottom;
  padding: 20px;  
  min-height: 135px;
  _height: 175px;
}
#sluzby .sluzba h2, #sluzby .sluzba h2 a, #sluzbyfull .sluzba h2 a {
  color: #000;
  text-decoration: none;
}
#sluzby {
  height:190px;
  width:984px;
  overflow:hidden;
}
#sluzby .sluzby-items {
  width:50000em;
  height:200px;
  position:relative;
}
#sluzby h2 {
  color: #FF6600;
  font-size: 1.4em;
}

.box1 {
  margin-right: 26px;
}
.box3 {
  float: right;
}
/*--- marketing sluzby ---*/

/*--- nove upravy ---*/
#sluzbyfull {
  width: 984px;
}
#sluzbyfull h2 {
  margin-top: 0;
}
#sluzbyfull .sluzba p.w100p {
  width: 100% !important;
}
#sluzbyfull .sluzba p.marginB {
  margin-bottom: 20px !important;
}



span.icon {
  display: block;
  width: 74px;
  height: 62px;
  position: absolute;
  top: 10px;
  right: 10px;
}
#sluzba2 span.icon {
  background: url("icon-seo.jpg") no-repeat;
}
#sluzba3 span.icon {
  background: url("icon-mail.jpg") no-repeat;
}
#sluzba1 span.icon {
  background: url("icon-webdesign.jpg") no-repeat;
}
/*- sluzby1 -*/

#sluzby1 h2 {
  background: url("bg-h-sluzby.jpg") no-repeat;
  height: 33px;
  font-size: 1.1em;
}
#sluzby1 h2 a {
  color: #fff;
  display: block;
  padding: 7px 15px 0 15px;
  text-decoration: none;
}
#sluzby1 .sluzba {
  background: none;
}
#sluzby1 .sluzba div {
  background: url("box-sluzba-top.jpg") no-repeat top;
  padding: 0px;
}
#sluzby1 .sluzba div ul {
  background: url("box-sluzba-komplet-btm.jpg") no-repeat bottom;
  padding: 15px;
}
#sluzba-komplet1 {
  margin-right: 26px;
}
#sluzba-komplet3 {
  float: right;
}
#sluzby1 a {
  color: #FF6600;
}
#sluzby1 li {
  margin: 3px 0 3px 0;
  background: url("sipka1.gif") no-repeat left top;
}


/*- sluzby hp -*/
#sluzby .sluzba h2 {
  margin-top: 0;
}
#sluzba1.hp p, #sluzba2.hp p, #sluzby .sluzba p {
  width: 170px;
  margin: 0;
}
#sluzba1.hp span.icon, #sluzba2.hp span.icon, #sluzba21.hp span.icon, #sluzby .sluzba span.icon {
  width: 111px;
  height: 116px;
  right: 3px;
  top: 35px;
}
#sluzba1.hp span.icon {
  background: url("wp2.jpg") no-repeat left top;
}
#sluzba2.hp span.icon {
  background: url("basket.jpg") no-repeat left top;
}
#sluzba4.hp span.icon {
  width: 60px;
  height: 60px;
  right: 20px;
  top: 20px;
  background: url("ico_rss1.gif") no-repeat right top;
}
#sluzba6.hp span.icon {
  width: 60px;
  height: 60px;
  right: 20px;
  top: 20px;
  background: url("twitter_box.gif") no-repeat right top;
}
#sluzba21.hp span.icon {
  background: url("navrh-webu.jpg") no-repeat left top;
}
#sluzba22.hp span.icon {
  background: url("pastelky.jpg") no-repeat left top;
}
#sluzba23.hp span.icon {
  background: url("copyw.jpg") no-repeat left top;
}
#sluzba24.hp span.icon {
  background: url("dira.jpg") no-repeat left top;
}





/*- sluzby chci web -*/
#steps {
  height: 2em;
  margin-bottom: 2em;
}
#steps li {
  list-style-type: none;
  float: left;
  margin-right: 0.5em;
  background: #EFEFEF;
  display: block;
  width: 35px;
  height: 35px;
  padding: 0px;
}
#steps li a {
  display: block;
  width: 35px;
  height: 35px;
  overflow: hidden;
}
#steps li  span {
  display: none;
}
#steps li.k1 a  {
  background: url("k1n.gif");
}
#steps li.k2 a  {
  background: url("k2n.gif");
}
#steps li.k3 a  {
  background: url("k3n.gif");
}
#steps li.k4 a  {
  background: url("k4n.gif");
}
#steps li.k5 a  {
  background: url("k5n.gif");
}
#steps li.k1a    {
  background: url("k1.gif");
}
#steps li.k2a   {
  background: url("k2.gif");
}
#steps li.k3a   {
  background: url("k3.gif");
}
#steps li.k4a   {
  background: url("k4.gif");
}
#steps li.k5a  {
  background: url("k5.gif");
}

#steps li.k3  {
  background: url("k3b.gif");
}
#steps li.k4  {
  background: url("k4b.gif");
}
#steps li.k5  {
  background: url("k5b.gif");
}
/*--- vzdelavani ---*/
#abeceda {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height:60px;
}
#abeceda li {
  float: left;
  list-style-type: none;
  padding: 0;
  margin:0;
}
#abeceda li span {
  display: block;
  background:#fff;
  color: #aaa;
  text-decoration: none;
  font-size: 1em;
  padding: 3px 5px 3px 5px;
  margin-right: 5px;
}
#abeceda li a {
  display: block;
  background: #F5F5F5;
  color: #333;
  text-decoration: underline;
  font-size: 1em;
  padding:3px 5px 3px 5px;
  margin-right: 5px;

}
#abeceda li a:hover {
 color:#2E2D78;
  text-decoration: none;
}
#abeceda li a.active {
  font-weight: bold;
  color:#666;
}

/*- reference -*/

.reference {
  width: 100%;
  height: 243px;
  text-align: center;
  background: url("bg-reference.jpg") no-repeat;
  position: relative;
  margin-bottom: 2em;
}
.reference span {
  display: block;
  width: 300px;
  height: 215px;
  overflow: hidden;
  position: absolute;
  top: 14px;
  left: 1px;
}
.reference-vypis {
  float: left;
  margin: 0 10px 1em 0;
  text-align: center;
}
/*- o-nas -*/
div.tym {
  width: 45%;
  margin-right: 10px;
  float: left;
}
#text div.tym h2 {
  margin-top: 0;
}
#text h2 span.role {
  font-style: italic;
  font-size: 70%;
  color: #FF6600;
}

/*--- sidebox ---*/

.sidebox {
  margin-bottom: 1em;
  background: #F9F9F9 url("sidebox-top.jpg") no-repeat top;
  min-height: 1px;
  _height: 1px;
}
.sidebox div {
  background: url("sidebox-btm.jpg") no-repeat bottom;
  padding: 15px 0px 15px 0px;
}
.sidebox p {
  background: url("sidebox-mid.jpg") repeat-y;
  margin: 0;
  padding: 0 15px 0 15px;
}

/*- footer -*/
#footer span {
  padding: 8px 0px 0 0px;
}
#footer, #footer a {
  color: #929292;
}

ul   {
  padding: 0;
}
ul li {
  list-style-type: none;
  background: url("li.gif") no-repeat left top;
  padding-left: 17px;

}



/*--- tridy pro monitor ---*/
.w200 {
	width: 200px;
}
.w250 {
	width: 250px;
}
.w300 {
	width: 300px;
}
.w302 {
	width: 302px;
}
.w350 {
	width: 350px;
}
.w355 {
	width: 355px;
}
.w400 {
	width: 400px;
}
/*--- hp ---*/

#box-B {
  width: 958px;
  height: 298px;
  background: #6DB44E url("hp-3.jpg") no-repeat;
  margin-bottom: 2em;
  position: relative;
}
p.btnHP {
  position: absolute;
  top: 240px;
}
p.web {
  left: 30px;
}
p.info {
  left: 30px;
}
p.web a {
  width: 116px;
}
p.info a {
  width: 176px;
}
p.btnHP a {
  position: relative;
  display: block;
  height: 30px;
  cursor: hand;
}
p.btnHP a span {
  position: absolute;
  display: block;
  width: 100%;
  height: 30px;
  top: 0;
  left:0;
}
p.web a span {
  background: url("btn-chciweb-hp.jpg") no-repeat;
}
p.info a span {
  background: url("btn-chciinfo-hp.jpg") no-repeat;
}
div.ref {
  width: 300px;
  height: 210px;
  overflow: hidden;
  background: #fff;
  position: absolute;
  right: 83px;
  top: 45px;
}
div.ref img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

div.ref img.active {
    z-index:10;
}

div.ref img.last-active {
    z-index:9;
}


a.ref {
  position: absolute;
  right: 105px;
  top: 243px;
  z-index: 99;
  color: #fff;
}
/*--- partneri ---*/
#partneri {
  background: url("dott.gif") repeat-x top;
  padding: 5px 0 5px 0px;
}
#partneri h3 {
  float: left;
  margin-right: 30px;
  color: #ccc;
  font-size: 1.5em;
  font-weight: normal;
  background: transparent;
  padding: 0;
}
/*--- tip ---*/
p.tip, .tip {
  background: #E6F8D7;
}
div.tip {
  background: #E6F8D7 url("tip-top.jpg") no-repeat top;
  margin: 1.5em 0 1.5em 0;
}
div.tip p {
  background:  url("tip-btm.jpg") no-repeat bottom;
  padding: 15px;
  color: #363636;
}
div.tip1 {
  background:  #E6F8D7 url("tip-top.jpg") no-repeat top;
  margin: 1.5em 0 1.5em 0;
}
div.tip1 div {
  background:   url("tip-btm.jpg") no-repeat bottom;
  padding: 15px;
  color: #363636;
}
div.tip p span {
  display: block;
  background:  url("icon-tip.png") no-repeat left center;
  padding: 12px 0 12px 60px;
}

#text div.tip1 h2, #text div.tip1 h3, #text div.tip1 div h4 {
  margin-top: 0px;
}
#text div.tip1 ul li {
  background:  url("li1.gif") no-repeat left top;
}
/*--- anotace ---*/
.anotace {
  min-height: 48px;
  _height: 48px;
}
.slovnicek {
  padding-left: 70px;
  background: url("slovnicek.png") no-repeat !important;
}
.marketing {
  padding-left: 60px;
  background: url("marketing.png") no-repeat !important;
}
.seo {
  padding-left: 60px;
  background: url("search_48.png") no-repeat !important;
}
.ppc {
  padding-left: 60px;
  background: url("mouse_48.png") no-repeat !important;
}
.emailer {
  padding-left: 60px;
  background: url("mail_write_48.png") no-repeat !important;
}
.social {
  padding-left: 60px;
  background: url("twitter_48.png") no-repeat !important;
}
.analyzy {
  padding-left: 60px;
  background: url("analyzy.png") no-repeat !important;
}
.webdesign {
  padding-left: 60px;
  background: url("webdesign.png") no-repeat !important;
}
.aplikace {
  padding-left: 60px;
  background: url("webdesign.png") no-repeat !important;
}
.graf71 {
  padding-left: 60px;
  background: url("graf71.png") 0 -2px no-repeat !important;
}
.kontakt {
  padding-left: 60px;
  background: url("kontakt.png") no-repeat !important;
}
.skoleni {
  padding-left: 60px;
  background: url("skoleni_48_4.png") no-repeat !important;
}
.computer {
  padding-left: 60px;
  background: url("computer_48.png") no-repeat !important;
}
/*--- form ---*/
fieldset.f1, div.f1 {
  background:  #F5F5F5 url("form-top.jpg") no-repeat left top;
  clear: both;
  _height: 1px;
  min-height: 1px;
  margin-top: 1em;
}
fieldset.f1 div.f1-inn, div.f1 div.f1-inn {
  background:  url("form-btm.jpg") no-repeat left bottom;
  padding: 15px 20px 12px 20px;
  _height: 1px;
}
fieldset.f1 input.txt {
  background:  #fff url("bg-input.jpg") no-repeat left bottom;
  width: 220px;
  _width: 224px;
  border: none;
  height: 18px;
  _height: 22px;
  padding: 2px;
}
fieldset.f1 label {
  width: 150px;
}
fieldset.f1 ul li {
  background: none;
  padding: 3px 0px 3px 0;
}
fieldset.f1 ul li label {
  width: 600px;
}
#text fieldset.f1 h4 {
  margin-top: 0px;
}
.error {
  color: #AA0000;
  background: #F8E6D7 url("error-top.jpg") no-repeat left top;
  margin-bottom: 1em;
}
.error div {
  background: url("error-btm.jpg") no-repeat left bottom;
  padding: 13px 0 13px 20px;
}
.error ul  {
  margin: 0 !important;
  padding: 13px 0 13px 60px;
  background: url("icon-error.png") no-repeat 0px 50%;
}
.error ul li {
  background: none;
  padding-left: 0;
}
#text .art-box-img h4 {
  margin-bottom: 0.2em;
}
fieldset.f1 p.alignL {
  float: left;
  width: 320px;
}
fieldset.f1 p.alignR {
  float: right;
  width: 320px;
}
/*--- boxiky cislovane ---*/
div.f1 h2, div.f1 h3 {
  margin-top: 0 !important;
}
div.f1 p.no {
  float: left;
  width: 48px;
  height: 48px;
  margin: 0 10px 20px 0;
}
div.f1 p.no span {
  display: none;
}
p.no1 {
  background: url(circle_green_1.png) no-repeat;
}
p.no2 {
  background: url(circle_green_2.png) no-repeat;
}
p.no3 {
  background: url(circle_green_3.png) no-repeat;
}
p.no4 {
  background: url(circle_green_4.png) no-repeat;
}
p.no5 {
  background: url(circle_green_5.png) no-repeat;
}
p.no6 {
  background: url(circle_green_6.png) no-repeat;
}
p.no7 {
  background: url(circle_green_7.png) no-repeat;
}
p.no8 {
  background: url(circle_green_8.png) no-repeat;
}
p.no9 {
  background: url(circle_green_9.png) no-repeat;
}
/*--- loga ---*/
ul.loga li {
  float: left;
  padding: 0;
  background: none;
}
ul.loga li a {
  display: block;
  height: 91px;
  position: relative;
  cursor: hand;
}
ul.loga li a span {
  display: block;
  width: 100%;
  height: 91px;
  position: absolute;
  top: 0;
  left: 0;
}
ul.loga li.l1 a  {
  width: 207px;
  margin-right: 20px;
}
ul.loga li.l1 a span {
  background: url("/img/logo-narexsat.jpg") no-repeat bottom;
}
ul.loga li.l2 a  {
  width: 154px;
  margin-right: 20px;
}
ul.loga li.l2 a span {
  background: url("/img/logo-aspena.jpg") no-repeat bottom;
}
ul.loga li.l3 a  {
  width: 154px;
}
ul.loga li.l3 a span {
  background: url("/img/logo-mptoner.jpg") no-repeat bottom;
}
ul.loga li.l4 a  {
  width: 154px;
  margin-right: 20px;
}
ul.loga li.l4 a span {
  background: url("/img/logo-relay.jpg") no-repeat bottom;
}
ul.loga li a:hover span {
  background-position: top;
}
.dobr img {
  margin-bottom: 2em;
}
.b3 {
  border: 1px solid #EBEBEB;
}
ul.ico-list li {
	list-style-type: none !important;
}
input.pokracovat {
  background: #1F9B47 url("btn-pokracovat.gif") no-repeat;
  border: none;
  width: 122px;
  height: 31px;
  color: #fff;
  text-align: center;
  font-size: 1em;
}
/* hlasování */
#hlasovani {
  clear: both;
  margin-top: 2em;
  padding-top: 2em;
  background: url("dott.gif") repeat-x top;
}

.palec {
  float:left;
  display:block;
  width:20px;
  height:20px;
  margin-right:10px;
}
.palec span {
  display:none;
}
.palec0 {
  background-image:url('../img/palec00.gif');

}
.palec0:hover {
  background-image:url('../img/palec01.gif');
}
.palec1 {
  background-image:url('../img/palec10.gif');
}
.palec1:hover {
  background-image:url('../img/palec11.gif');
}
p.result {
  width: 190px;
  float: left;
}


ul#bookmarks {
  height: 40px;
  border: 1px solid #E7E7E7;
  background: #F9F9F9;
  margin-left: 50px;
  padding-left: 11px;
}
ul#bookmarks li {
  background: none;
  padding: 11px 0 10px 0;
  float: left;
  margin-right: 15px;
}
ul#bookmarks li a.out, div.picbox a.out {
  background: none;
  padding: 0px;
}
#text h4.result {
  padding-top: 10px;
  margin-bottom: 1em;
}
ul.type2 li {
  background:url("li2.gif") no-repeat left center;
}
ul.type3 li {
  background:url("li3.gif") no-repeat left center;
}
h2.clanky {
  background: url("paper_content_48.png") no-repeat left center;
  padding: 13px 0 13px 60px;
}
h2.skoleni {
  background: url("skoleni_48_4.png") no-repeat left center;
  padding: 13px 0 13px 70px;
}
h2.slovnicek {
  background: url("slovnicek.png") no-repeat left center;
  padding: 13px 0 13px 70px;
  margin-top: 3em;
}
h2.twitter {
  background: url("twitter_48.png") no-repeat left center;
  padding: 13px 0 13px 70px;
}
ul#twitter_update_list li {
  margin-bottom: 0.7em;
}
ul#twitter_update_list li a {
  color: #555;
}
ul#twitter_update_list li a.out {
  padding: 0 !important;
  background: transparent !important;
}

ul.e-shop {
  background: url("basket1.jpg") no-repeat 85% 0;
}
a.more {
 background: url("sipka2.gif") no-repeat 100% 60%;
 padding-right: 12px;
}
a.cal, span.cal {
  background: url("icon-cal.gif") no-repeat left center;
  padding: 3px 0 3px 30px;
}
a.cal2, span.cal2 {
  background: url("icon-cal.gif") no-repeat left center;
  padding: 2px 0 3px 20px;
}
.index-cal {
  background: url("icon-cal.gif") no-repeat left 7px;
  padding: 3px 0 3px 30px;
}
.index-cal a.cal {
  padding:0;
  background-image:none;
}
/* call to action */
.cta {
  position: relative;
  margin-bottom: 2em;
  margin-top: 20px;
  background: url(cta-go.png) no-repeat 0 50%;
  padding: 10px 20px 10px 140px;
  border-top: 2px solid #FF8F28;
  border-bottom: 1px solid #EFEFEF;
}
div.cta p {
  font-size: 1.2em;
}
div.cta span.button {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  background: url(button-cta.gif) no-repeat;
  width: 119px;
  height: 119px;
  padding-top: 35px;
  text-align: center;
  color: #FFF;
}
/* call to action - buttons */
.btn {
  display: block;
  position: relative;
  background: #aaa;
  padding: 5px;
  float: left;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.red { background: #a00; }
.btn.orange { background: #f60; }
.btn:hover { background-color: #9d4; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(shade2.png); background-position: bottom; }


/* skoleni, ceniky a tabulky */
table.skoleni {
  font-size: 1.1em;
  border: 2px solid #A2DD51;
}
table.skoleni td, table.skoleni th {
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid #A2DD51;
}
table.skoleni th {
  background: #B9E57B;
}
table.skoleni td {
  background: #E6F8D7;
}


/* klientská zóna */
h2.dokumenty {
  background: url("folder_add_48.png") no-repeat left center;
  padding: 13px 0 8px 60px;
}
h2.nas-tip {
  background: url("lightbulb_48.png") no-repeat left center;
  padding: 13px 0 8px 70px;
}
h2.sluzby {
  background: url("graf71.png") no-repeat left center;
  padding: 13px 0 8px 70px;
  margin-top: 3em;
}
h2.user {
  background: url("user_add_48.png") no-repeat left center;
  padding: 13px 0 8px 70px;
}

.faktura_dluh {font-size:1.2em;color:#c00;}
.faktura_red {color:#c00;}





/* mikroformáty */
.vevent .summary, .vevent .description, .vevent .url {display:none;}
/**/
select#change_login {width:270px;}
option.my_login {font-weight:bold;}
#change_login_form {padding:0;margin:0;}






/*--- rozbalovací submenu služby ---*/
    #submenu-sluzby * {
      margin:0;
      padding:0;
    }
    #submenu-sluzby {
      display:none;
      width:680px;
      position:absolute;
      left:270px;
      top:79px;
      z-index:100;
    }
    #submenu-sluzby .b {
      behavior: url("/iepngfix.htc");
      background:url('b.png');
    }

    #submenu-sluzby .tl {
      behavior: url("/iepngfix.htc");
      background:url('tl.png');
    }

    #submenu-sluzby .tr {
      behavior: url("/iepngfix.htc");
      background:url('tr.png');
    }

    #submenu-sluzby .bl {
      behavior: url("/iepngfix.htc");
      background:url('bl.png');
    }

    #submenu-sluzby .br {
      behavior: url("/iepngfix.htc");
      background:url('br.png');
    }
    #submenu-sluzby table {
      behavior: url("/iepngfix.htc");
      border-collapse: collapse;
    }

    #submenu-sluzby td {
      padding: 0;
      border:0
    }

    #submenu-sluzby .tl, #submenu-sluzby .tr, #submenu-sluzby .bl, #submenu-sluzby .br {
      height: 10px;
      width: 10px;
      overflow: hidden;
      padding: 0;
    }
    #submenu-sluzby td.body {
      background:#fff url('bg-submenu-sluzby-dot.gif');
      padding:0;
      margin:0;
    }

    #submenu-sluzby td.body .title {
      background:#B6B6B6 url('bg-submenu-sluzby.gif');
      height:38px;
      padding:0;
      margin:0;
      border-bottom:1px solid #666;
    }
    #submenu-sluzby td.body .title h3 {
      color:#666;
      height:38px;
      line-height:38px;
      width:500px;
      margin:0 0 0 24px;
      padding:0;
      background:none;
      float:left;
      font-size:1em;
      font-weight:bold;
    }
    #submenu-sluzby td.body .title a.close {
      width:38px;
      height:38px;
      float:right;
      background-image:url('btn-submenu-close.gif');
      background-repeat: no-repeat;
      text-indent:-1000px;
      overflow:hidden;
    }
    #submenu-sluzby td.body .title a.close:hover {
      background-position: -38px 0;
    }
    #submenu-sluzby td.body .sluzba-box {
      width:220px;
      float:left;
    }
    #submenu-sluzby td.body .sluzba-box div {
      padding:1em;
    }
    #submenu-sluzby td.body .sluzba-box div h4 {
      margin:0.1em 0 0.8em 0;
      padding:0 0 0 34px;
      height:30px;
      line-height:30px;
      background-color:none;
      background-position: left center;
      background-repeat: no-repeat;
    }
      #submenu-sluzby td.body .sluzba-box div h4.sms_twitter {background-image:url('sms_twitter.png')}
      #submenu-sluzby td.body .sluzba-box div h4.sms_ppc {background-image:url('sms_ppc.png')}
      #submenu-sluzby td.body .sluzba-box div h4.sms_email {background-image:url('sms_email.png')}
      #submenu-sluzby td.body .sluzba-box div h4.sms_search {background-image:url('sms_search.png')}
      #submenu-sluzby td.body .sluzba-box div h4.sms_analyzy {background-image:url('sms_analyzy.png')}
      #submenu-sluzby td.body .sluzba-box div h4.sms_webdesign {background-image:url('sms_webdesign.png')}
      #submenu-sluzby td.body .sluzba-box div h4.sms_marketing {background-image:url('sms_marketing.jpg')}
      #submenu-sluzby td.body .sluzba-box div h4.sms_webovy-obchod {background-image:url('sms_webovy-obchod.png')}

    #submenu-sluzby td.body .sluzba-box div ul {
      margin-left:16px;
      list-style-image: url("sipka.gif");
    }
    #submenu-sluzby td.body .sluzba-box div ul li {
      list-style-type: square;
      background:none;
      padding-bottom:0.6em;
      padding-left:4px;
      color:#aaa;

    }










p.stitky {
  display:block;
  height:32px;
  clear:both;
  margin-top: 2em;
  padding-top: 2em;
  background: url("dott.gif") repeat-x top;
  margin:0;
}
p.stitky span {
  display:none;
}
p.stitky a {
  behavior: url("iepngfix.htc");
  margin-right:-15px;
  height:24px;
  line-height:24px;
  float:left;
  background-image:url('bg-tags.png');
  background-repeat:no-repeat;
  background-position: right top;
  color:#333;
  padding:0 30px;
  text-decoration:none;
}
p.stitky a.first {
  padding-left:15px;
}
p.stitky a:hover {
  background-position: right -24px;
  color:#fff;
}
span.stitky {
  float:right;
  text-align:right;
  font-size:0.9em;
}
}