/*
Theme Name: extra-web theme
Theme URI: http://wordpress.org/
Description: The theme of the extra-web webdesign company.
Version: 0.9a
Author: epic
Author URI: http://www.extra-web.cz
Tags: fixed width

	extra-web theme

*/

html, body, ul, ol, li, p, h1, h2, h3
{
	list-style: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3
{
  font-family: 'Calibri', 'Arial', sans-serif;
  font-size: 100%;
}

#main h2
{
  color: #413e3d;
  font-size: 180%;
  margin: 16px 24px 0 24px;
}

#main h3
{
  color: #413e3d;
  font-size: 140%;
  margin: 16px 24px 0 24px;
}

a,
a:active,
a:visited
{
  border-bottom: 1px #ed1847 dotted;
  color: #ed1847;
  text-decoration: none;
}

a:hover
{
  border-bottom: 1px #ed1847 solid;
  text-decoration: none;
}

#main a,
#main a:active,
#main a:visited,
#footer p a,
#footer p a:active,
#footer p a:visited
{}

#main a:hover,
#footer p a:hover
{}

#main h1,
#side h2,
#otherside h2
{
  background: transparent url('images/h.gif') repeat-x left top;
  color: #ffffff;
  font-size: 140%;
  height: 32px;
  line-height: 32px;
  margin: 0 0 0 4px;
  padding: 0 16px;
  text-shadow: 1px 1px 0 #7d092a;
}

h1 strong,
h2 strong
{
  display: none;
}



body.green #main h1,
body.green #side h2,
body.green #otherside h2
{
  background: transparent url('images/h_green.gif') repeat-x left top;
  text-shadow: 1px 1px 0 #416f03;
}

body.yellow #main h1,
body.yellow #side h2,
body.yellow #otherside h2
{
  background: transparent url('images/h_yellow.gif') repeat-x left top;
  text-shadow: 1px 1px 0 #bd6706;
}

body.blue #main h1,
body.blue #side h2,
body.blue #otherside h2
{
  background: transparent url('images/h_blue.gif') repeat-x left top;
  text-shadow: 1px 1px 0 #05307d;
}

body.red #main h1,
body.red #side h2,
body.red #otherside h2
{
  background: transparent url('images/h_red.gif') repeat-x left top;
  text-shadow: 1px 1px 0 #94060a;
}

html
{
  background: #f3f3f3;
}

body
{
  background: #f3f3f3 url('images/body.png') repeat-x top center;
  color: #25201e;
  padding: 0 0 32px 0;
}

#content
{
  background: transparent url('images/content.png') repeat-y top center;
  font-family: 'Calibri', 'Arial', sans-serif;
  font-size: 62.5%;
  font-style: normal;
  font-weight: normal;
  height: auto !important;
  height: 0;
  margin: 0 auto;
  min-height: 0;
  padding: 0;
  position: relative;
  width: 858px;
}

#header
{
  background: #f3f3f3 url('images/header.png') no-repeat top left;
  height: 460px;
  overflow: hidden;
  position: relative;
}

#header ul li a
{
  border: none;
  display: block;
  height: 85px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  padding: 0 0 0 430px;
  width: 0;
}

#main
{
  background: transparent;
  float: left;
  height: auto !important;
  height: 20px;
  left: 0;
  min-height: 20px;
  position: relative;
  width: 645px;
  z-index: 2;
}

body.home #main
{
  width: 429px;
}

body.kontakt #main, body.poptavkovy-formular #main
{
  width: 853px;
}

#main p
{
  font-size: 130%;
  line-height: 1.5em;
  padding: 16px 24px;
  text-align: justify;
  text-indent: 2em;
}

#main p.center {text-align: center; text-indent: 0;}

#main h1
{
  font-size: 180%;
  margin: 0 0 0 4px;
  padding: 0 16px;
}

#main ul, #main ol
{
  font-size: 100%;
  margin: 8px 32px;
}

#main li
{
  font-size: 120%;
  list-style: disc;
  margin: 8px 8px;
}

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

#main li li
{
  font-size: 100%;
}

#main table
{
  border: 1px #e7e7e7 solid;
  margin: 16px auto;
}
#main table th
{
  border-bottom: 1px #e7e7e7 dotted;
  font-size: 120%;
  padding: 0.25em;
  text-align: center;
}

#main table td
{
  font-size: 140%;
  margin: 16px auto;
  padding: 0.25em;
  text-align: center;
}

#side
{
  display: none;
  float: left;
  overflow: hidden;
  position: relative;
  width: 216px;
}

body.home #side
{
  display: block;
}

#side h2
{
  font-size: 140%;
  margin: 0;
  padding: 0 0;
}

#side div.item
{
  margin: 16px 8px;
  padding: 0;
}

#side div.item h3
{
  font-size: 130%;
}

#side div.item p
{
  background: #f8f8f8;
  font-size: 110%;
  margin: 4px 0;
  padding: 8px;
}

#side div.item a.more
{
  display: block;
  font-size: 110%;
  font-weight: bold;
  margin: 4px;
  text-align: right;
  width: auto;
}

#otherside
{
  float: left;
  overflow: hidden;
  position: relative;
  width: 213px;
}

#otherside h2
{
  font-size: 140%;
  margin: 0 5px 0 0;
  padding: 0 0;
}

#footer
{
  background: #f3f3f3 url('images/footer.png') no-repeat top left;
  clear: both;
  height: auto !important;
  height: 80px;
  min-height: 80px;
  z-index: 1;
}

#footer p
{
  color: #a9a8a7;
  font-size: 120%;
  padding: 44px 72px 0 0;
  text-align: right;
}

#menu
{
  height: 327px;
  left: 4px;
  position: absolute;
  top: 133px;
  width: 850px;
}

#menu h2
{
  display: none;
}

#menu ul li.huge
{
  background: transparent url() no-repeat 0 0;
  height: 327px;
  left: 0;
  position: absolute;
  top: 0;
  width: 210px;
  z-index: 0;
}

#menu ul:hover li.huge
{
  background-position: 0 -654px;
}

#menu ul li.huge:hover,
#menu ul:hover li.huge:hover
{
  background-position: 0 -327px;
}

#menu ul li.huge a.huge
{
  border: none;
  display: block;
  height: 327px;
  overflow: hidden;
  padding: 0 0 0 210px;
  position: absolute;
  width: 0;
  z-index: 1;
}

#menu ul li.huge p
{
  bottom: 0;
  font-size: 120%;
  left: 0;
  padding: 20px;
  position: absolute;
  text-shadow: 0 1px 0 #ffffff;
  z-index: -1;
}

#menu ul li.huge-1
{
  background-image: url('images/menu/huge_1_cs.png');
  left: 0;
}

#menu ul li.huge-1 p
{
  color: #599f02;
}

#menu ul li.huge-2
{
  background-image: url('images/menu/huge_2_cs.png');
  left: 213px;
}

#menu ul li.huge-2 p
{
  color: #fd8306;
}

#menu ul li.huge-3
{
  background-image: url('images/menu/huge_3_cs.png');
  left: 426px;
}

#menu ul li.huge-3 p
{
  color: #1498e9;
}

#menu ul li.huge-4
{
  background-image: url('images/menu/huge_4_cs.png');
  left: 639px;
}

#menu ul li.huge-4 p
{
  color: #e10b10;
}

#menu ul ul
{
  background: transparent url() no-repeat 0 0;
  clear: both;
  display: none;
  height: 267px;
  overflow: hidden;
  padding-top: 0;
  position: absolute;
  left: 210px;
  top: 60px;
  width: 216px;
}

#menu ul ul li
{
  margin: 0;
  width: 210px;
}

#menu ul li ul a
{
  border-color: #599f02;
  color: #599f02;
  display: block;
  font-size: 120%;
  font-weight: bold;
  margin: 4px 0;
  padding: 4px 16px;
}

#menu ul li ul a:hover
{
  border-color: #4c6609;
  color: #4c6609;
}

#menu ul li.huge-2 ul a
{
  border-color: #fd8306;
  color: #fd8306;
}

#menu ul li.huge-2 ul a:hover
{
  border-color: #e57505;
  color: #e57505;
}

#menu ul li.huge-3 ul a
{
  border-color: #1498e9;
  color: #1498e9;
}

#menu ul li.huge-3 ul a:hover
{
  border-color: #1285cc;
  color: #1285cc;
}

#menu ul li.huge-4 ul a
{
  border-color: #e10b10;
  color: #e10b10;
}

#menu ul li.huge-4 ul a:hover
{
  border-color: #cc0a0d;
  color: #cc0a0d;
}

#menu ul li.huge-1 ul
{
  background-image: url('images/menu/submenu/green.png');
  background-position: 3px 0;
  padding-left: 3px;
}

#menu ul li.huge-2 ul
{
  background-image: url('images/menu/submenu/yellow.png');
  left: -213px;
  width: 213px;
}

#menu ul li.huge-3 ul
{
  background-image: url('images/menu/submenu/blue.png');
  background-position: 3px 0;
  padding-left: 3px;
  width: 213px;
}

#menu ul li.huge-4 ul
{
  background-image: url('images/menu/submenu/red.png');
  background-position: 3px 0;
  left: -216px;
  padding-left: 3px;
  width: 216px;
}

#menu ul li.huge:hover ul
{
  display: block;
}

#menu ul li.huge div
{
  background: transparent url() no-repeat left top;
  display: none;
  height: 267px;
  left: 426px;
  overflow: hidden;
  position: absolute;
  top: 60px;
  width: 423px;
}

#menu ul li.huge-1 div
{
  background-image: url('images/photo1.png');
}

#menu ul li.huge-2 div
{
  background-image: url('images/photo2.png');
  background-position: 3px 0;
  left: 210px;
  padding-left: 3px;
}

#menu ul li.huge-3 div
{
  background-image: url('images/photo3.png');
  left: -426px;
  padding-right: 3px;
}

#menu ul li.huge-4 div
{
  background-image: url('images/photo4.png');
  left: -639px;
}

#menu ul li.huge:hover
{
  display: block;
  z-index: 1;
}

#menu ul li.huge:hover div
{
  display: block;
}

#menu2
{
  background: transparent url('images/menu2.gif') no-repeat left top;
  height: 24px;
  margin: 4px 8px;
  padding: 0 0 0 4px;
  position: absolute;
  right: 4px;
  top: 93px;
  width: 30em;
}

#menu2 h2
{
  display: none;
}

#menu2 ul
{
  background: #e7e7e7 url('images/menu2_ul.gif') no-repeat right top;
  height: 24px;
  line-height: 24px;
  padding: 0 4px 0 0;
  text-align: center;
}

#menu2 ul li
{
  border-left: 1px #909090 solid;
  display: inline;
  padding: 0 15px;
}

#menu2 ul li.cenik
{
  border-left: none;
}

#menu2 ul li a
{
  font-size: 120%;
  font-weight: bold;
}

.cform
{
  margin: 0 auto;
  padding: 0;
  width: 190px;
}

#main .cform
{
  float: left;
  margin: 10px 32px 0 32px;
  position: relative;
  width: 300px;
}

#main .cform input, #main .cform select, #main .cform textarea
{
  width: 200px;
}

#main .cform input
{
  width: 200px;
}

.cform fieldset
{
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cform fieldset legend
{
  display: none;
}

.cform input, .cform label, .cform textarea, .cform select
{
  color: #413e3d;
  font-family: 'Calibri', 'Arial', sans-serif;
  margin: 0;
  padding: 0;
}

.cform label
{
  clear: both;
  color: #413e3d;
  display: block;
  font-size: 120%;
  font-weight: bold;
  padding: 2px 0;
  text-align: left;
  width: 100%;
}

.cform input
{
  background: #f8f8f8;
  border: 1px #cacaca solid;
  font-size: 120%;
  padding: 2px;
  text-align: left;
  width: 170px;
}

.cform input.cf-box-b
{
  background: none !important;
  border: none !important;
  float: left;
  width: 32px !important;
}

.cform input:hover
{
  background: #e8e8e8;
  border: 1px #bababa solid;
}

.cform select
{
  background: #f8f8f8;
  border: 1px #cacaca solid;
  font-size: 120%;
  padding: 2px;
  text-align: left;
  width: 170px;
}

.cform select:hover
{
  background: #e8e8e8;
  border: 1px #bababa solid;
}

.cform textarea
{
  background: #f8f8f8;
  border: 1px #cacaca solid;
  font-size: 120%;
  padding: 2px;
  width: 170px;
}

.cform textarea:hover
{
  background: #e8e8e8;
  border: 1px #bababa solid;
}

.cform input.sendbutton
{
  background: none;
  border: none !important;
  color: #ed1847;
  cursor: pointer;
  font-size: 120%;
  font-weight: bold;
  margin: 0 10px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: auto !important;
}

#main .cform input.sendbutton
{
  font-size: 140%;
  margin: 0 0 0 150px;
}

#main #cforms2form input.sendbutton
{
  font-size: 140%;
  margin: 0 0 0 150px;
}

.cform input.sendbutton:hover
{
  text-decoration: underline;
}

.cform ol
{
  font-size: 100%;
  margin: 0;
  padding: 0;
}

#main .cform ol li
{
  font-size: 100%;
}

#main .cform ol li.cf-box-title
{
  font-size: 140%;
  font-weight: bold;
}

#main .cform ol li label.cf-group-after
{
  clear: right;
  width: 250px;
}

#main .cform ol li input.cf-box-b
{
  clear: left;
}

.cform ol li
{
  font-size: 100%;
  list-style: none !important;
  margin: 0;
  padding: 4px 0;
}

#main .cform p.cf-sb
{
  font-size: 100%;
  margin: 0;
  padding: 0;
}

.cform span.reqtxt, .cform span.emailreqtxt
{
  display: none;
}

.linklove
{display: none;}

#otherside div#usermessagea
{
  font-size: 120%;
  font-weight: bold;
  margin: 10px 20px 10px 10px;
  width: auto;
}

#main div.cf_info
{
  font-size: 120%;
  font-weight: bold;
  margin: 5px 48px;
  padding: 5px 10px;
  width: auto;
}

#main div.failure
{
  background: #f1bcc3;
  border: 1px #e10b10 solid;
  color: #e10b10;
}

#main div.success
{
  background: #e5ecc7;
  border: 1px #599f02 solid;
  color: #599f02;
}

#otherside div.cp_info
{
  padding: 5px;
}

#otherside div.failure
{
  padding: 5px;
}

#main table.kontakt
{
  float: right;
  padding: 10px;
  margin: 24px 24px;
}

.velka-pismena
{
  text-transform: uppercase;
}

#main p.bez-odsazeni
{
  padding-bottom: 0;
  padding-top: 5px;
  text-indent: 0;
}

#footer ul.loga
{
  bottom: 16px;
  left: 10px;
  position: absolute;
}

#footer ul.loga li
{
  float: left;
  padding: 0 20px 0 0;
}

#footer ul.loga li a
{
  background: transparent url('images/extra_web.gif') no-repeat 0 0;
  border: none;
  display: block;
  float: left;
  height: 27px;
  overflow: hidden;
  padding: 0 0 0 0;
  width: 0;
}

#footer ul.loga li a:hover
{
  background-position: 0 -27px;
  border: none;
}

#footer ul.loga li.extra-web a
{
  background-image: url('images/extra_web.gif');
  padding-left: 85px;
}

#footer ul.loga li.extra-host a
{
  background-image: url('images/extra_host.gif');
  padding-left: 88px;
}

#footer ul.loga li.extra-seo a
{
  background-image: url('images/extra_seo.gif');
  padding-left: 83px;
}

#cforms2form
{
  width: 790px !important;
}

#cforms2form ol li
{
}

#cforms2form ol li#li-2-1
{
  left: 300px;
  position: absolute;
  top: 0;
}

#cforms2form ol li#li-2-1items
{
  left: 300px;
  position: absolute;
  top: 3em;
}

#reference
{
  left: 4px;
  position: absolute;
  top: 93px;
}

#reference h2
{
  display: none;
}

#reference p.reference
{
  display: block;
  float: left;
  font-size: 120%;
  line-height: 32px;
  padding: 0 16px;
  white-space: nowrap;
  width: 128px;
}

#reference ul.reference
{
  float: left;
}

#reference ul.reference li.reference
{
  display: block;
  float: left;
  width: 28px;
}

#reference ul.reference li.reference a.cislo
{
  background: transparent url('') no-repeat 0 0;
  border: none;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 140%;
  font-weight: bold;
  height: 24px;
  line-height: 21px;
  margin: 4px 0 0 1px;
  padding: 1px 3px 3px 0;
  width: 25px;
  text-align: center;
}

#reference ul.reference li.reference a.cislo:hover
{
  background-position: 0 -28px;
}

#reference ul.reference li.green a.cislo
{
  background-image: url('images/squares/square_green.png');
  text-shadow: 1px 1px 0 #9ac130;
}

#reference ul.reference li.yellow a.cislo
{
  background-image: url('images/squares/square_yellow.png');
  text-shadow: 1px 1px 0 #fbb033;
}

#reference ul.reference li.blue a.cislo
{
  background-image: url('images/squares/square_blue.png');
  text-shadow: 1px 1px 0 #2baced;
}

#reference ul.reference li.red a.cislo
{
  background-image: url('images/squares/square_red.png');
  text-shadow: 1px 1px 0 #eb3948;
}

#reference div.reference-mini
{
  background: transparent no-repeat 0 12px;
  display: none;
  height: 275px;
  left: 0;
  padding: 64px 21px 0 426px;
  position: absolute;
  top: 28px;
  width: 403px;
}

#reference li.green div.reference-mini
{background-image: url('images/reference/green.png');}
#reference li.yellow div.reference-mini
{background-image: url('images/reference/yellow.png');}
#reference li.blue div.reference-mini
{background-image: url('images/reference/blue.png');}
#reference li.red div.reference-mini
{background-image: url('images/reference/red.png');}

#reference li:hover div.reference-mini
{
  display: block;
}

#reference li h3
{
  background: transparent no-repeat 0 0;
  display: block;
  font-size: 100%;
  left: 0;
  overflow: hidden;
  padding: 12px 0 0 0;
  position: absolute;
  top: 0;
  width: 850px;
}

#reference li.green h3
{background-image: url('images/reference/polygon_green.gif');}
#reference li.yellow h3
{background-image: url('images/reference/polygon_yellow.gif');}
#reference li.blue h3
{background-image: url('images/reference/polygon_blue.gif');}
#reference li.red h3
{background-image: url('images/reference/polygon_red.gif');}

#reference li.reference-1 h3
{background-position: 151px 0;}
#reference li.reference-2 h3
{background-position: 179px 0;}
#reference li.reference-3 h3
{background-position: 207px 0;}
#reference li.reference-4 h3
{background-position: 235px 0;}
#reference li.reference-5 h3
{background-position: 263px 0;}
#reference li.reference-6 h3
{background-position: 291px 0;}
#reference li.reference-7 h3
{background-position: 319px 0;}
#reference li.reference-8 h3
{background-position: 347px 0;}
#reference li.reference-9 h3
{background-position: 375px 0;}
#reference li.reference-10 h3
{background-position: 403px 0;}

#reference li h3 a
{
  background: none !important;
  border: none;
  color: #ffffff;
  display: block;
  float: none;
  font-size: 180%;
  height: 32px;
  line-height: 32px;
  margin: 0 0;
  padding: 0 16px;
}

#reference li.green h3 a
{text-shadow: 1px 1px 0 #416f03;}
#reference li.yellow h3 a
{text-shadow: 1px 1px 0 #bd6706;}
#reference li.blue h3 a
{text-shadow: 1px 1px 0 #05307d;}
#reference li.red h3 a
{text-shadow: 1px 1px 0 #94060a;}

#reference li img.reference
{
  border: 1px #e7e7e7 solid;
  height: 255px;
  left: 21px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 64px;
  width: 380px;
}

#reference li h4
{
  color: #413e3d;
  font-size: 140%;
  margin: 0;
  padding: 10px 10px 0 10px;
}

#reference li ul
{
  padding: 10px;
}

#reference li ul li
{
  font-size: 120%;
  font-weight: bold;
  list-style: disc;
  margin: 2px 16px;
}

#main ul.reference
{
  margin: 0;
  overflow: hidden;
  padding: 24px;
}

#main ul.reference li.reference
{
  font-size: 100%;
  height: 149px;
  list-style: none;
  margin: 1px 0;
  overflow: hidden;
  padding: 31px 0 0 180px;
  position: relative;
  width: 400px;
}

#main ul.reference li.green
{border: 1px #66ad00 solid;}
#main ul.reference li.yellow
{border: 1px #f69600 solid;}
#main ul.reference li.blue
{border: 1px #1a95cc solid;}
#main ul.reference li.red
{border: 1px #de0027 solid;}
#main ul.reference li.magenta
{border: 1px #e41349 solid;}

#main ul.reference li.reference h2
{
  background: transparent repeat-x 0 -1px;
  font-size: 100%;
  height: 31px;
  left: 0;
  line-height: 31px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 580px;
}

#main ul.reference li.green h2
{background-image: url('images/h_green.gif');}
#main ul.reference li.yellow h2
{background-image: url('images/h_yellow.gif');}
#main ul.reference li.blue h2
{background-image: url('images/h_blue.gif');}
#main ul.reference li.red h2
{background-image: url('images/h_red.gif');}
#main ul.reference li.magenta h2
{background-image: url('images/h.gif');}

#main ul.reference li.reference h2 a
{
  background: none !important;
  border: none;
  color: #ffffff;
  display: block;
  float: none;
  font-size: 140%;
  height: 31px;
  line-height: 31px;
  margin: 0 0;
  padding: 0 16px;
}

#main ul.reference li.green h2 a
{text-shadow: 1px 1px 0 #416f03;}
#main ul.reference li.yellow h2 a
{text-shadow: 1px 1px 0 #bd6706;}
#main ul.reference li.blue h2 a
{text-shadow: 1px 1px 0 #05307d;}
#main ul.reference li.red h2 a
{text-shadow: 1px 1px 0 #94060a;}
#main ul.reference li.magenta h2 a
{text-shadow: 1px 1px 0 #7d092a;}

#main ul.reference li.reference img
{
  background: transparent url('images/reference/thumb.png') no-repeat 0 0;
  height: 100px;
  left: 10px;
  padding: 15px 15px 16px 15px;
  position: absolute;
  top: 40px;
  width: 150px;
}

#main ul.reference li.reference h3
{
  font-size: 140%;
  margin: 0;
  padding: 10px 20px 0 20px;
}

#main ul.reference li.reference ul
{
  margin: 0;
  padding: 25px 25px 10px 25px;
}

#main ul.reference li.reference ul li
{
  font-size: 120%;
  margin: 0 10px;
}

#main ul.reference li.reference ul li li
{
  font-size: 100%;
}

#main ul.cenik
{
  margin: 0;
  overflow: hidden;
  padding: 10px 20px;
  width: 600px;
}

#main ul.cenik li.cenik
{
  float: left;
  font-size: 100%;
  height: 150px;
  list-style: none;
  margin: 25px;
  overflow: hidden;
  padding: 0;
  width: 150px;
}

#main ul.cenik li.cenik div.mini-cenik
{
  background: #ffffff no-repeat 0 0;
  display: none;
  height: 295px;
  left: 4px;
  overflow: hidden;
  padding: 32px 0 0 0;
  position: absolute;
  top: -327px;
  width: 850px;
}

#main ul.cenik li.webove-stranky-basic div.mini-cenik
{background-image: url('images/cenik/cenik_magenta.png');}
#main ul.cenik li.webove-stranky-mild div.mini-cenik
{background-image: url('images/cenik/cenik_orange.png');}
#main ul.cenik li.webove-stranky-full div.mini-cenik
{background-image: url('images/cenik/cenik_blue_green.png');}
#main ul.cenik li.graficke-navrhy-weby div.mini-cenik,
#main ul.cenik li.graficke-navrhy-tiskoviny div.mini-cenik,
#main ul.cenik li.moduly-k-prikoupeni div.mini-cenik
{background-image: url('images/cenik/cenik_grey.png');}

#main ul.cenik li.cenik:hover div.mini-cenik
{
  display: block;
}

#main ul.cenik li.cenik a.ikona
{
  background: transparent no-repeat 0 0;
  display: block;
  height: 150px;
  line-height: 150px;
  overflow: hidden;
  padding: 0;
  text-indent: 150px;
  width: 150px;
}

#main ul.cenik li.cenik:hover a.ikona
{
  background-position: 0 -150px;
}

#main ul.cenik li.webove-stranky-basic a.ikona
{background-image: url('images/cenik/web_basic.gif');}
#main ul.cenik li.webove-stranky-mild a.ikona
{background-image: url('images/cenik/web_mild.gif');}
#main ul.cenik li.webove-stranky-full a.ikona
{background-image: url('images/cenik/web_full.gif');}
#main ul.cenik li.graficke-navrhy-weby a.ikona
{background-image: url('images/cenik/grafika_weby.gif');}
#main ul.cenik li.graficke-navrhy-tiskoviny a.ikona
{background-image: url('images/cenik/grafika_tiskoviny.gif');}
#main ul.cenik li.moduly-k-prikoupeni a.ikona
{background-image: url('images/cenik/moduly_dokoupeni.gif');}

#main ul.cenik h2
{
  font-size: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 1px;
  width: 850px;
}

#main ul.cenik h2 a
{
  background: transparent repeat-x 0 -1px;
  border: none !important;
  color: #ffffff;
  display: block;
  font-size: 140%;
  height: 31px;
  line-height: 31px;
  padding: 0 16px;
}

#main ul.cenik li.webove-stranky-basic h2 a
{background-image: url('images/h.gif');}
#main ul.cenik li.webove-stranky-mild h2 a
{background-image: url('images/h_orange.gif');}
#main ul.cenik li.webove-stranky-full h2 a
{background-image: url('images/h_blue_green.gif');}
#main ul.cenik li.graficke-navrhy-weby h2 a,
#main ul.cenik li.graficke-navrhy-tiskoviny h2 a,
#main ul.cenik li.moduly-k-prikoupeni h2 a
{background-image: url('images/h_grey.gif');}

#main ul.cenik ul li
{
  font-size: 120%;
  margin: 2px 10px;
}

#main ul.cenik ul li li
{
  font-size: 100%;
  margin: 2px 5px;
}

#main div.video
{
  margin: 16px 24px 0 24px;
}

#footer div#volejte
{
  background: transparent url('images/volejte.gif') no-repeat 0 0;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  position: absolute;
  right: 80px;
  text-indent: 139px;
  top: 20px;
  width: 139px;
}

#main .mapa small
{
  display: none;
}

#main div.mapa
{
  border: 1px #e7e7e7 solid;
  right: 26px;
  position: absolute;
  top: 225px;
}