body{margin:0;padding:0;background:#fff url(images/gradient.png) repeat-x left 0;font-size:.9em;font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;text-align:center}
#page{width:881px;margin:-1px auto;text-align:left;background:url(images/background.png) no-repeat left 0;border:1px solid transparent}
/* IE6 fix */
* html #page{border:0;margin: 0 auto}
* html div, * html a, * html a:hover, * html span, * html p, * html img{behavior:url('script/iepngfix.htc')}

/* typography */
a{color:#aa2427;text-decoration:unerline}
a:hover{color:#444;text-decoration:underline}
p{line-height:1.5em}
img.img-left{float:left;margin:0 15px 5px 0}
img.img-right{float:right;margin:0 0 5px 15px}

.clear{clear:both}
hr.hidden{height:1px;visibility:hidden;margin:0;padding:0}

/* LOGO+SLOGAN */
h1{margin:30px 0 0;padding:0}
h1 a{display:block;text-indent:-999em;height:86px;width:220px;background:url(images/logo.png) no-repeat;float:left}
p#slogan{margin:0 0 0 40px;padding:0 0 0 30px;float:left;height:70px;background:url(images/slogan.png) no-repeat;color:#444;font-style:italic;font-size:1.2em;letter-spacing:-1px;line-height:1.4em;padding-top:20px}

/* MENU */
#menu, #menu li{margin:0;padding:0;list-style:none}
#menu{margin:40px 0 0 10px;float:left;width:100%}
#menu li{float:left}
#menu li a{margin-right:-3px;display:block;float:left;height:36px;line-height:42px;background:url(images/menu-left.png) no-repeat left -40px;padding:0 0 0 14px;color:#fff;text-decoration:none;font-weight:bold;font-size:.8em}
#menu li a span{display:block;background:url(images/menu.png) no-repeat right -40px;padding:0 24px 0 10px;height:36px}
#menu li a:hover, #menu li.active a{background-position:left 0;color:#444}
#menu li a:hover span, #menu li.active a span{background-position:right 0}
/* IE6 fix */
* html #menu a{margin-right:4px;line-height:40px}
* html #menu a span{display:block;float:left;cursor:hand;margin-left:-5px;padding:0 28px 0 5px}
* html #menu{margin-bottom:0} 

/* INTRO */
#intro{background:#fff;clear:both;margin:0;padding:10px 10px 4px 10px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px}
#intro h2{color:#aa2427;font-weight:normal;margin:0 0 1em 10px}
#intro h2 img{position:relative;top:8px}
#intro .left{width:290px;float:left}
#intro #intro-image{float:right}

ul#intro-news{font-size:.8em}
ul#intro-news, ul#intro-news li{margin:0;padding:0;list-style:none}
ul#intro-news h3{padding-left:16px;background:url(images/icons/novinky-small.png) no-repeat left center;font-size:1em}
ul#intro-news p{padding:0 10px}
ul#intro-news li{border-top:1px dashed #bbb;margin:1.5em 0}
ul#intro-news li.first{border:0}

#intro ul.list, #intro ul.list li{margin:0;padding:0;list-style:disc}
#intro ul.list{margin:30px 0 20px 20px;line-height:1.3em;font-size:.9em}
#intro ul.list li{margin:.5em 0}

/* HLAVNÝ OBSAH */
#content{clear:both;padding-top:20px;font-size:.85em;background:url(images/intro.png) no-repeat center top;float:left;width:881px}
#content-main, #content-side{width:400px;float:left;padding:20px}
#content .bold{font-weight:bold}
#content h2{height:35px;padding-left:20px;background:url(images/bull.gif) no-repeat 5px 8px;font-size:1.6em;color:#aa2427;font-weight:normal;border-bottom:1px solid #bebebe}
#content #main h2{width:400px}
#content p{margin:1.7em 0}
#content .more-info a{padding-left:15px;background:url(images/arrow.gif) no-repeat left center}

/* PONUKAME VAM */
#ponuka, #ponuka li{margin:0;padding:0;list-style:none}
#ponuka li{background:url(images/gradient-right.png) no-repeat center top;padding:25px 0 10px;height:100px;overflow:hidden}
#ponuka li.first{background:none;padding-top:0}
#ponuka h4{margin-bottom:0}
#ponuka p{margin:.5em}
#ponuka h4 a{color:#000;text-decoration:none;font-size:1.2em}
#ponuka span{float:left;margin-right:10px;width:100px;overflow:hidden;height:100px;text-align:center;display:block;position:relative;top:10px}

/* FOOTER */
#footer{margin-top:3em;border-top:2px solid #991b1e;font-size:.8em;color:#555;padding:10px 20px}
#footer p.left{float:left;padding-left:140px;height:90px;background:url(images/footer.gif) no-repeat left top;position:relative;top:-50px;padding-top:50px}
#footer p.right{float:right}

/* KONTAKT */
#contact input{height:15px}
#contact input, #contact textarea{border:1px solid #b2b2b2;background:#ededed;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;padding:5px}
#contact textarea{height:100px;width:300px}
#contact label{display:block;float:left;width:80px;line-height:25px}
#contact br{display:none}
#contact button{clear:both;margin-left:80px;height:35px;line-height:30px;width:120px;color:#aa2427;font-variant:small-caps;text-decoration:underline;border:1px solid #b2b2b2;background:#dcdcdc;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;cursor:pointer !important;cursor:hand}
#contact button:hover, #contact button:active, #contact button:focus{background:#cbcbcb;border-color:#aaa;text-decoration:none}

/* REFERENCIE */
div.ref{clear:left}
div.ref h3 a{color:#000;text-decoration:none}
div.ref img{border:1px solid #aa2427}
div.ref p{line-height:1.8em}
p.more-info.ref{padding:2em}

/* CERTIFICATES */
#gallery{text-align:center;margin:4em 0;float:left;width:100%}
#gallery .nav{display:block;width:48px;height:87px;text-indent:-999em;background:url(images/arrows.gif) no-repeat left top;float:left;margin-top:55px;opacity:.85}
#gallery .nav:hover{opacity:1}
#gallery .nav.next{background-position:right top}
#gallery ul{width:760px;list-style:none;margin:0 auto;padding:0;text-align:left}
#gallery li{display:block;width:190px;text-align:center;margin:0;padding:0;list-style:none;float:left}
#gallery li a img{border:5px solid #f0f0f0}
#gallery li a:hover img{border-color:#ddd}
/* IE6 fix */
* html #gallery li{width:180px}
* html #gallery .nav.next{float:right;margin-top:-160px}

.paging_header_right, #paging_footer {
  float:right;
  text-align:right;
  background:#efefef;
  padding:4px;
  width:100%;
}
#paging_footer {
  text-align:center;
}

		.screen {
			width:100%;
			padding:0;
		}		
			.screen li {
				float:left;
				list-style:none;
			}
				.left_arrow{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='images/arrows.gif',sizingMethod='scale'); 
          width:48px;
          height:87px;
          display:block;
          float:left;
          margin-top:80px;
				}
        head:first-child+body .left_arrow {
          background: url(images/arrows.gif) no-repeat top left;
        }
				.left_arrow:hover{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='images/arrows_over.gif',sizingMethod='scale'); 
          cursor:pointer;
				}
        head:first-child+body .left_arrow:hover {
          background: url(images/arrows_over.gif) no-repeat top left;
          cursor:pointer;
        }
				.right_arrow{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='images/arrows.gif',sizingMethod='scale'); 
          width:48px;
          height:87px;
          display:block;
          float:right;
          margin-top:80px;
				}
        head:first-child+body .right_arrow {
          background: url(images/arrows.gif) no-repeat top right;
        }
				.right_arrow:hover{
          filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
          (src='images/arrows_over.gif',sizingMethod='scale'); 
          cursor:pointer;
				}
        head:first-child+body .right_arrow:hover {
          background: url(images/arrows_over.gif) no-repeat top right;
          cursor:pointer;
        }
        
        
			.view{
				margin:20px 5px;
				width:86%;
				height:233px;
				overflow:hidden;
			}

				.images{
					width:3818px !important;
					width:3822px;
					padding:0;
				}
					.images li img{
					  border:4px solid #efefef;
					}
					
					#msg {display:none; position:absolute; z-index:200; padding-left:1px}


/* Ajax validate form */
#msg {
  display:none; 
  position:absolute; 
  z-index:200; 
  padding-left:1px; 
  background:#720023;
  padding:5px; 
  color:white;
  -moz-border-radius: 4px;
}