* {margin:0; padding:0;}

body {background:#dee4ea; color:#000; font:0.8em/1.5 Tahoma, "arial", sans-serif; text-align:center;}

a {text-decoration: underline;color: #153193; outline-style: none;}
a:hover {text-decoration: none; outline-style: none;}

.clear {
	clear: both;
}

p {
	padding-bottom: 10px;
}

h1 {font-size:180%;color: #2c459b;}
h2 {font-size:140%;color: #232322;}
h3 {font-size:110%;color: #2c459b;}
h4 {font-size:100%;color: #232322;}
h5 {font-size:90%;}

h1, h2, h3, h4 {
	font-weight: normal;
	padding-bottom: 10px;
}

h2 {
	font-weight: bold;
}

#pravy_sloupec h1 {
	margin-top: 6px;
	font-size: 140%;
}

#pravy_sloupec h3 {
	margin-top: 6px;
	color: black;
	font-size: 160%;
}

#pravy_sloupec a {
	margin-top: 6px;
	font-size: 100%;
}

.novinky h2 {
	font-weight: normal;
}

a img {
	border: 0;
}

#upmain {width: 100%; height: 24px; background: url('../images/upheader.jpg') repeat-x 0 0;}

#main {
	width: 990px;
	text-align: left;
	margin: 0 auto;
}

#obal {
	padding: 0 5px 0 5px;
	width: 980px;
	background: url(../images/body_repeat.jpg) repeat-y;
}

#header {
	background: url(../images/header2.jpg) no-repeat top left;
	width: 980px;
	height: 339px;
}

#logo {
	width: 450px;
	height: 95px;
	display: block;
}

#vlajky {
	padding-top: 13px;
	float: right;
	width: 110px;
}

#vlajky a img {
	float: left;
	border: 1px solid white;
	margin-left: 10px;
}

#vlajky a:hover img {
	border: 1px solid #a4a4a4;
}

#podmenu {
	font-family: Tahoma, "Myriad Pro", Calibry, Cambria, Arial, Verdana;
	margin-top: 177px;
	height: 67px;
	position: relative;
}

/*#podmenu ul {
	padding: 15px 0 0 15px;
	list-style: none;
}

#podmenu ul li {
	float: left;
	border-right:1px solid #484847;
	font-weight: bold;
}
#podmenu ul li.smaller {
	font-size: 60%;
	margin-top: 10px;
}

#podmenu #fb {
	position: absolute;
	bottom: 16px;
	right: 37px;
}

#podmenu ul li a {
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	float: left;
	color: white;
	font-size: 1.5em;
	text-transform: uppercase;	
}

#podmenu ul li a:hover, #podmenu ul li a.active {
	color: #bac8fb;
	background: transparent url(../images/pruhledny_bod_menu.png) repeat ;
}*/
.menu {padding:15px 0 0 15px; margin:0; list-style:none; height:39px; position:relative; z-index:500;}
.menu li.top {display:block; float:left;}
.menu li a.top_link {display:block; float:left; color:#fff; text-decoration:none; font-size: 1.4em; font-weight:bold; padding:5px 10px; cursor:pointer;background: url(prodrop4/pro_drop4_0a.gif) no-repeat; border-right: 1px solid #484847;}
.menu li a.top_link:hover {color:#bac8fb; background: #302e2f url(../images/pruhledny_bod_menu.png) repeat;}
.menu li a.smaller {display:block; float:left; color:#fff; text-decoration:none; font-size: 0.9em; font-weight:bold; padding:5px 10px; cursor:pointer;background: url(prodrop4/pro_drop4_0a.gif) no-repeat; border-right: 1px solid #484847; margin-top: 10px;}
.menu li a.smaller:hover {color:#bac8fb; background: #302e2f url(../images/pruhledny_bod_menu.png) repeat;}
.menu li a.nopointer {cursor: default;}
*html .menu li a.top_link:hover {background: #282627;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, .menu iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu ul.sub1 {width:136px;}
.menu ul.sub2 {width:200px;}
.menu ul.sub3 {width:206px;}
.menu ul.sub4 {width:115px;}

.menu :hover iframe.one {left:0; top:35px; width:150px; height:100px;}
.menu :hover iframe.two {left:0; top:35px; width:100px; height:65px;}

.menu :hover ul {left:-1px; top:37px; background: #282627 /*url(../images/pruhledny_bod_menu.png) repeat*/; padding:3px; border:1px solid #484847/*3a93d2*/; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
*.menu a.smaller:hover ul {top:27px;}
.menu :hover ul li {display:block; /*height:20px;*/ position:relative; font-weight:normal; width:auto; padding: 1px 0;}
.menu :hover ul li a {display:block; font-size: 1em; _font-size: 0.7em; line-height:20px; width:auto; padding:4px 10px; color:#bac8fb; text-decoration:none;}
*.menu a.smaller:hover ul li a {font-size: 1.1em;}
.menu :hover ul li a:hover {background:#3a93d2; color:#fff;}
#podmenu #fb {
	position: absolute;
	bottom: 16px;
	right: 16px;
	z-index: 1000;
}

#content {
	line-height: 1.80em;
	font-size: 1.05em;
	background: white url(../images/content_top.jpg) no-repeat top left;
	width: 970px;
	padding: 20px 0 20px 10px;
}

#leva_strana, #prava_strana {
	float: left;
}

#leva_strana {
  float: left;
	width: 620px;
	padding-left: 5px;
}
#leva_strana ul,#leva_strana ol{
	margin-left:15px;
}

.barevne-strechy {
  width: 305px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: url('../images/barevne-strechy.jpg');
  font-weight: bold;
  padding: 0 0 188px 0;
  margin-bottom: 20px;
  font-size: 1.5em;
  cursor: pointer;
}

#prava_strana {
  float: right;
	width: 305px;
	padding-right: 15px;
}
#prava_strana #pravy_sloupec, #prava_strana .novinky {background: #e5e7f3 url('../images/dolnirohy.jpg') no-repeat 0 bottom; margin-bottom: 10px;}
#prava_strana .pravastrana_top {width: 285px; background: url('../images/hornirohy.jpg') no-repeat 0 0; padding: 10px;}

#autofolie_vice {height: 90px; width: 130px; text-align: center; display: inline-block; display: -moz-inline-stack; vertical-align: top; zoom: 1; *display: inline;}
#folienabudovy_vice {height: 90px; width: 140px; text-align: center; display: inline-block; padding-left: 8px; display: -moz-inline-stack; vertical-align: top; zoom: 1; *display: inline;}

.foto {
	background: #f0f0f0;
	padding: 15px 10px 10px 10px;
	margin-bottom: 15px;
	text-align: center;
}

.foto a img {
	margin: 0 auto;
}

.box_in_text {
	margin-left: 20px;
	float: right;
	width: 280px;
}

#footer {
  float: left;
	background: #000 url('../images/carbon-footer.jpg') no-repeat 0 0;
	width: 950px;
	color: #333232;
	padding: 15px;
	position: relative;
	height: 410px;
}
#footer #footer_menu {float: left; width: 590px; background: #999da0; padding: 10px 15px; height: 247px; position: relative;}
#footer #footer_menu .footerbox1 {float: left;}
#footer #footer_menu .footerbox2 {float: left;}
#footer #footer_menu .footerbox3 {float: left;}
#footer #footer_menu .footerbox4 {float: left;}
#footer #footer_menu .footerbox1 strong, #footer #footer_menu .footerbox2 strong, #footer #footer_menu .footerbox3 strong {padding: 2px 6px; border-right: 1px solid white; font-size: 1.3em; color: white;}
#footer #footer_menu .footerbox4 strong {padding: 2px 6px; font-size: 1.3em; color: white;}
#footer #footer_menu .footerbox1 ul, #footer #footer_menu .footerbox2 ul, #footer #footer_menu .footerbox3 ul, #footer #footer_menu .footerbox4 ul {padding: 2px 6px; margin: 0; list-style: none;}
#footer #footer_menu .footerbox1 ul a, #footer #footer_menu .footerbox2 ul a, #footer #footer_menu .footerbox3 ul a, #footer #footer_menu .footerbox4 ul a {color: white;}
#footer #underfooter_menu {position: absolute; bottom: 0; left: 15px; width: 590px; border-top: 1px solid white; font-size: 0.85em; padding-top: 10px;}
#footer #facebook_box {position: absolute; top: 15px; right: 15px;}

#footer p.odkazy, #footer p.odkazy a {
	color: #5d5d5d;
	text-decoration: none;
}

#footer p.odkazy a:hover {
	text-decoration: underline;
}

#footer p.odkazy {
	font-size: 0.9em;
}
#footer #zapati {float: left; width: 950px; min-height: 60px; border-top: 1px solid white; padding: 20px 0 0 0; margin-top: 15px; position: relative; text-align: center;}
* #footer #zapati {height: expression(this.scrollHeight < 300? "300px" : "auto" )}
#footer #zapati p {display: inline; color: #fff; font-size: 1.1em; padding-left: 3px;}
#footer #zapati a {color: white;}
#footer #autotrezory {position: absolute; height: 60px; width: 468px; right: 255px; bottom: 15px; border: 1px solid #ff0000;}

.faq_box {
	border-bottom: 1px solid #cacaca;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.vice {
	background: url(../images/sipka.jpg) no-repeat top left;
	display: block;
	height: 25px;
	padding-left: 30px;
}

.novinky h2 {
	color: #2c459b;
}

.novinky {
	margin-top: 20px;
}

.novinka p {
	padding-top: 5px;
	line-height: 1.4em;
	font-size: 0.8em;
}

.novinka p span {
	display: block;
	text-align: right;
	font-weight: bolder;
	color: #485ea8;
}

table {
	margin: auto;
	border-collapse: collapse;
	border-color: #CACACA;
}
table tr td {
	padding: 3px;
}

.formularpop {
	text-align: left;
	margin: 6px;
	margin-bottom: 18px;
}
label.error {
	color: red;
	margin-left: 6px;
	display: none;
}
.povinne {
	font-size: 0.7em;
	color: red; 
}

.galerie {
	margin-top: 20px;
	width: 610px;
}
.foto {
	float: left;
	width: 160px;
	height: 160px;
	margin: 0 20px;
	_margin: 0 15px;
	padding: 0px;
	border: 0px;
	background: none;
}
.foto img {
	border: 0px;
}



.jqmText{
	text-align:left;
}
.jqmText h3 {
	color: black;
}
.jqmText p{
	display:block;
	clear:both;
}
.jqmText .input{margin: 3px 0px 3px 0px;}
.jqmText textarea{
	margin: 3px 0px 3px 0px;
	width:300px;
	height:150px;
}
.jqmText .popis{
	float: left;
	margin: 3px 0px 3px 0px;
	font-weight:bold;
	width: 60px;
}
.jqmText .novi {

}
.jqmWindow a,.jqmWindow a:visited{
	color:black;
	text-decoration:underline;
}
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.js_LoginWindow {
    display: none;

    position: fixed;
    top: 30%;
    left: 50%;

    margin-left: -100px;
    width: 200px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmTitulek{
	text-align:right;
}
.jqmText div{
	
	margin:0 auto;
}
.jqmText table td{
	text-align:right;
}
.jqmText table td.popis{
	text-align:left;
	font-weight:bold;
}

.jqmWindow a,.jqmWindow a:link,.jqmWindow a:visited{
	color:black;
	text-decoration:underline;
}

#d1, #d2, #d3
{
  display:none;
}