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

	extra-web theme

*/

@font-face
{
	font-family: 'DejaVu Sans';
	src: url('fonts/DejaVuSansCondensed.ttf');
}

@font-face
{
	font-family: 'DejaVu Sans';
	font-style: italic;
	src: url('fonts/DejaVuSansCondensed-Oblique.ttf');
}

@font-face
{
	font-family: 'DejaVu Sans';
	font-weight: bold;
	src: url('fonts/DejaVuSansCondensed-Bold.ttf');
}

@font-face
{
	font-family: 'DejaVu Sans';
	font-style: italic;
	font-weight: bold;
	src: url('fonts/DejaVuSansCondensed-BoldOblique.ttf');
}

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

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

a,
a:active,
a:visited
{
  border: none;
  color: #004d9b;
  font-weight: bold;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

a img
{
  border-width: 1px;
}

html
{
  background: #ffffff url('images/html.gif') repeat-x 0 0;
}

body
{
  background: transparent url('images/body.gif') no-repeat center 0;
  color: #202020;
  padding: 0 0;
}

#content
{
  background: transparent url('images/content.gif') repeat-y 0 0;
  font-family: 'Arial', sans-serif;
  font-size: 62.5%;
  font-style: normal;
  font-weight: normal;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 968px;
}

#header
{
  background: transparent url('images/header.gif') no-repeat 0 0;
  height: 137px;
  overflow: hidden;
  position: relative;
}

#header a
{
  border: none !important;
  display: block;
  height: 88px;
  left: 18px;
  overflow: hidden;
  position: absolute;
  top: 0;
  padding: 0 0 0 270px;
  width: 0;
}

#main
{
  background: transparent url('images/main.jpg') no-repeat 0 0;
  float: left;
  left: 294px;
  padding: 0 37px 0 15px;
  position: relative;
  width: 622px;
}

body.domovska-stranka #main
{
  background: none;
  float: none;
  height: 237px;
  left: 0;
  overflow: hidden;
  padding: 235px 18px 10px 18px;
  position: relative;
  width: 932px;
}

#main p
{
  font-size: 120%;
  line-height: 1.5em;
  padding: 10px 0;
  text-align: justify;
  text-indent: 0;
}

#main p.center,
#main p.zarovnat-na-stred
{text-align: center; text-indent: 0;}

#main h1,
#main h2,
#main h3,
#main h4
{
  color: #004d9b;
  font-size: 100%;
  font-weight: normal;
  padding: 10px 0 0 0;
}

#main h1 {color: #ffffff; font-size: 240%; height: 57px; line-height: 57px; padding: 0 0 15px 0;}
#main h2 {font-size: 140%;}
#main h3 {font-size: 130%;}
#main h4 {font-size: 120%;}

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

#main ul ul,
#main ol ol
{
  margin: 10px 10px;
}

#main ul li,
#main ol li
{
  font-size: 120%;
  list-style: disc url('images/li.gif');
  margin: 8px 20px;
  padding: 0 0 0 0;
}

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

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

#main table
{
  border: 1px #004d9b solid;
  border-collapse: collapse;
  margin: 10px 0;
}

#main table th
{
  background: #004d9b;
  border: 1px #004d9b solid;
  color: #ffffff;
  font-size: 110%;
  font-weight: bold;
  padding: 0.5em 1em;
  text-align: left;
}

#main table td
{
  border: 1px #004d9b solid;
  font-size: 110%;
  padding: 0.5em 1em;
  text-align: left;
}

#side
{
  background: transparent url('') no-repeat 0 0;
  float: left;
  left: -674px;
  overflow: hidden;
  padding: 0 8px 8px 18px;
  position: relative;
  width: 268px;
}

#otherside
{
  background: none;
  clear: both;
  padding: 0;
  width: 980px;
}

body.domovska-stranka #otherside
{
  background: #ffffff url('images/h_line.gif') no-repeat 0 0;
  clear: both;
  overflow: hidden;
  padding: 28px 0 28px 10px;
  width: 970px;
}

#footer
{
  background: #ffffff url('images/h_line.gif') no-repeat 0 0;
  clear: both;
  height: 50px;
  padding: 0 0;
}

#footer p
{
  color: #a1a1a1;
  font-size: 100%;
  padding: 30px 10px;
}

#footer p a
{
  color: #a1a1a1;
}

#footer a.logo
{
  background: transparent url('images/logo_ew.gif') no-repeat 0 0;
  border: none;
  bottom: 0;
  display: block;
  height: 28px;
  line-height: 28px;
  margin-bottom: 8px;
  overflow: hidden;
  position: absolute;
  right: 80px;
  text-indent: 114px;
  width: 114px;
}

#footer a.logo:hover
{
  background-position: 0 -28px;
}

#menu
{
  left: 10px;
  padding: 0 0 0 1px;
  position: absolute;
  top: 88px;
}

#menu h2
{
  display: none;
}

#menu ul li
{
  float: left;
}

#menu ul li a
{
  background: transparent url('images/menu_li_a.gif') no-repeat 0 0;
  display: block;
  float: left;
  font-size: 140%;
  font-family: 'DejaVu Sans', 'Arial', sans-serif;
  font-weight: normal;
  height: 42px;
  line-height: 42px;
  text-align: center;
  width: 158px;
}

#menu ul li.o-firme a {background-position: -2px 0; width: 156px;}

#menu ul li a:hover,
#menu ul li a.aktualni
{
  background-position: 0 -42px;
  color: #222222;
  text-decoration: none;
}

#menu ul li a.o-firme:hover,
#menu ul li a.o-firme.aktualni
{
  background-position: -2px -42px;
}

form
{
  margin: 10px 0;
  padding: 0;
  width: auto;
}

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

form fieldset legend
{
  display: none;
}

form input, form label, form textarea, form select
{
  color: #202020;
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
}

form label
{
  background: none;
  display: block;
  font-size: 120%;
  font-weight: bold;
  padding: 1px 0 0 0;
  text-align: left;
}

form li.cf_li_err label
{
  color: #b02020;
}

form input
{
  background: #f4f4f4;
  border: 1px solid #d4d4d4;
  font-size: 120%;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  padding: 2px 2px;
  text-align: left;
  width: 200px;
}

form input:hover, form input:focus
{
  background: #e8e8e8;
}

form li.cf_li_err input
{
  background: #e8e8e8;
  border: 1px solid #004d9b;
  color: #004d9b;
  font-weight: bold;
}

form select
{
  background: #f4f4f4;
  border: 1px solid #d4d4d4;
  font-size: 120%;
  height: 14px;
  line-height: 14px;
  overflow: hidden;
  padding: 1px 2px;
  text-align: left;
  width: 140px;
}

form select:hover
{
  background: #e8e8e8;
}

form textarea
{
  background: #f4f4f4;
  border: 1px solid #d4d4d4;
  font-size: 120%;
  height: 50px;
  line-height: 14px;
  overflow: hidden;
  padding: 1px 2px;
  text-align: left;
  width: 200px;
}

form textarea:hover, form textarea:focus
{
  background: #e8e8e8;
}

form li.cf_li_err textarea
{
  background: #e8e8e8;
  border: 1px solid #004d9b;
  color: #004d9b;
  font-weight: bold;
}

form input.sendbutton
{
  background: #f4f4f4;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  font-size: 120%;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  padding: 0px 2px 2px 2px;
  text-align: center;
  width: 80px;
}

form input.sendbutton:hover
{
  background: #e8e8e8;
  border: 1px solid #004d9b;
  color: #004d9b;
}

div.cf_info
{
  font-size: 110%;
  overflow: hidden;
  padding: 2px 25px;
  text-align: left;
  width: auto;
}

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

form ol li
{

  background: none;
  border: none;
  font-size: 100%;
  list-style: none;
  margin: 0;
  padding: 5px 0;
}

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

#main form p,
#main form ol,
#otherside form p,
#otherside form ol
{
  font-size: 100%;
  margin: 0;
  padding: 0;
}

#main form ol li,
#otherside form ol li
{

  background: none;
  border: none;
  font-size: 100%;
  list-style: none;
  margin: 0;
  padding: 5px 0;
}

.linklove {display: none;}
.vlevo, .left {float: left;}
.vpravo, .right {float: right;}
.velka-pismena {text-transform: uppercase;}
.zarovnani {clear: none !important;}
.neplovouci {clear: both; float: none;}

.ngg-galleryoverview
{
  margin: 0 0;
}

img.ngg-singlepic
{
  background: #ffffff;
  border-width: 1px;
  display: inline;
  padding: 1px;
}

#banner
{
  clear: both;
  left: 18px;
  position: absolute;
  top: 0;
  width: 894px;
}

#banner div.banner
{
  height: 220px;
  left: 0;
  padding: 0 0;
  position: absolute;
  top: 0;
  width: 894px;
  z-index: 1;
}

#banner div.banner.banner-1 {z-index: 4;}
#banner div.banner.banner-2 {z-index: 3;}
#banner div.banner.banner-3 {z-index: 2;}
#banner div.banner.banner-4 {z-index: 1;}

#banner div.banner:hover {z-index: 5;}

#banner div.banner div.obsah
{
  left: 431px;
  position: absolute;
  top: 40px;
  width: 440px;
  z-index: 2;
}

#banner div.banner h2
{
  color: #202020;
  font-family: 'DejaVu Sans', 'Arial', sans-serif;
  font-size: 360%;
  margin: 0;
  padding: 0;
}

#banner div.banner img.podklad
{
  background: #e3e3db;
  height: 220px;
  left: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 894px;
  z-index: 0;
}

#banner div.banner a.odkaz
{
  background: #e3e3db url('images/odkaz.gif') no-repeat 0 -55px;
  color: #202020;
  font-family: 'DejaVu Sans', 'Arial', sans-serif;
  font-size: 200%;
  display: block;
  height: 55px;
  line-height: 55px;
  overflow: hidden;
  position: absolute;
  right: -37px;
  text-align: center;
  top: 0;
  width: 37px;
  z-index: 99;
}

#banner div.banner.banner-1 a.odkaz {top: 0;}
#banner div.banner.banner-2 a.odkaz {top: 55px;}
#banner div.banner.banner-3 a.odkaz {top: 110px;}
#banner div.banner.banner-4 a.odkaz {top: 165px;}

#banner div.banner a.odkaz:hover
{
  background-position: 0 -110px;
  color: #ffffff;
  text-decoration: none;
}

#main div.box
{
  background: transparent url('') no-repeat right bottom;
  border: 1px #d4d4d4 solid;
  float: left;
  height: 227px;
  margin: 0 0 0 8px;
  width: 303px;
}

#main div.box.bezpecnostni-dvere {background-image: url('images/box_01.jpg'); margin: 0 0;}
#main div.box.stavajici-dvere {background-image: url('images/box_02.jpg');}
#main div.box.bezpecnostni-mrize-a-okna {background-image: url('images/box_03.jpg');}

#main div.box h2,
#main div.box h1
{
  background: transparent url('images/box_h2.gif') repeat-x 0 0;
  color: #202020;
  font-family: 'DejaVu Sans', 'Arial', sans-serif;
  font-size: 120%;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin: 0 1px;
  padding: 0 10px;
  text-transform: uppercase;
  width: 281px;
}

#main div.box p,
#main div.box ul,
#main div.box ol
{
  margin: 0;
  padding: 10px 100px 0 10px;
  text-align: left;
}

#otherside div.box
{
  background: transparent url('') no-repeat right bottom;
  border: 1px #d4d4d4 solid;
  float: left;
  height: 335px;
  margin: 0 0 0 35px;
  width: 454px;
}

#otherside div.box.ew-text-widget {margin: 0 0;}

#otherside div.box h2
{
  background: transparent url('images/box_h2.gif') repeat-x 0 0;
  color: #202020;
  font-family: 'DejaVu Sans', 'Arial', sans-serif;
  font-size: 120%;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin: 0 1px;
  padding: 0 10px;
  text-transform: uppercase;
  width: 432px;
}

#otherside ul,
#otherside ol
{
  font-size: 100%;
  margin: 15px 15px;
}

#otherside ul ul,
#otherside ol ol
{
  margin: 10px 10px;
}

#otherside ul li,
#otherside ol li
{
  font-size: 120%;
  list-style: disc url('images/li.gif');
  margin: 8px 20px;
  padding: 0 0 0 0;
}

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

#otherside ul li li,
#otherside ol li li
{
  font-size: 100%;
}

#otherside div.ew-novinky-widget div.novinka
{
  padding: 35px 30px 0 0;
  position: relative;
}

#otherside div.ew-novinky-widget div.novinka h3
{
  font-size: 120%;
  margin-left: 115px;
  padding: 0 0 5px 0;
}

#otherside div.ew-novinky-widget div.novinka h3 a {text-decoration: underline;}
#otherside div.ew-novinky-widget div.novinka h3 a:hover {text-decoration: none;}

#otherside div.ew-novinky-widget div.novinka p
{
  font-size: 110%;
  margin-left: 115px;
}

#otherside div.ew-novinky-widget div.novinka p.vlozeno
{
  color: #6c6c6c;
  font-size: 100%;
  left: 30px;
  margin-left: 0;
  position: absolute;
  top: 20px;
}

#otherside div.ew-novinky-widget div.novinka img.obrazek
{
  border: 2px #d4d4d4 solid;
  left: 30px;
  position: absolute;
  top: 40px;
  width: 64px;
}

#otherside p.vsechny-prispevky
{
  border-top: 1px #d4d4d4 solid;
  font-size: 120%;
  margin: 20px 0 0 0;
  padding: 10px 15px;
  text-align: right;
}

div.right img,
div.vpravo img
{
  margin: 0 0 0 20px;
}

div.left img,
div.vlevo img
{
  margin: 0 20px 0 0;
}

#otherside div.pomucky
{
  right: 20px;
  position: absolute;
  top: 20px;
}

#otherside div.pomucky div.ew-text-widget h2
{
  display: none;
}

#otherside div.pomucky div.ew-text-widget p
{
  font-size: 140%;
}

#otherside div.pomucky div.ew-text-widget p strong
{
  color: #004c99;
  font-weight: bold;
}

#otherside div.pomucky div.ew-hledat-widget
{
  height: 26px;
  position: relative;
  width: 228px;
}

#otherside div.pomucky div.ew-hledat-widget h2,
#otherside div.pomucky div.ew-hledat-widget form fieldset label
{
  display: none;
}

#otherside div.pomucky div.ew-hledat-widget form input#s
{
  background: transparent url('images/input_hledat.gif') no-repeat 0 0;
  border: none;
  height: 16px;
  line-height: 16px;
  left: 0;
  margin: 0;
  padding: 5px 5px;
  position: absolute;
  top: 0;
  width: 187px;
}

#otherside div.pomucky div.ew-hledat-widget form input#searchsubmit
{
  background: transparent url('images/submit_hledat.gif') no-repeat 0 0;
  border: none;
  height: 26px;
  line-height: 26px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-indent: 31px;
  top: 0;
  width: 31px;
}

#side #menu2 h2
{
  display: none;
}

#side #menu2 ul li
{
  padding: 0 0 1px 0;
}

#side #menu2 ul li a
{
  background: transparent url('images/menu2_ul_li_a.jpg') no-repeat 0 0;
  color: #ffffff;
  display: block;
  font-size: 120%;
  font-weight: normal;
  margin: 0 0;
  padding: 15px 15px;
  width: 238px;
}

#side #menu2 li ul
{
  display: none;
}

#side #menu2 li.aktualni ul,
#side #menu2 li.predek ul
{
  display: block;
}

#side #menu2 ul li a.uroven-2
{
  background-position: 0 -200px;
  color: #202020;
  padding-left: 30px;
  width: 223px;
}

#side #menu2 ul li a.uroven-3
{
  background-position: 0 -300px;
  border: 1px #d4d4d4 solid;
  color: #202020;
  padding: 14px 15px 14px 45px;
  width: 206px;
}


#side #menu2 ul li a:hover,
#side #menu2 ul li a.aktualni
{
  background-position: 0 -100px;
  color: #ffffff;
  text-decoration: none;
}

div.mapa
{
  float: right;
  margin: 0 0 0 25px;
}

#main address
{
  font-size: 120%;
  font-style: normal;
}