/* CSS Document */

/* == CSS RESET =================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus, :active { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

section, header, footer, aside, nav, article { display: block; }

/* MAIN STRUCTURE */

body, html{
	min-height: 450px;
}

body
{
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#555;
	font-size: 12px;
	background-position: 180px 0;
	background-repeat:no-repeat;
	/* background: none !important; */
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
F
}

a { text-decoration: none; }

input, textarea {
	width: 233px;
	padding: 5px;
	display: block;
	
	border: 1px solid lightGrey;
	
	-webkit-box-shadow: 2px 2px 2px 0px black;
	-moz-box-shadow: 2px 2px 2px 0px black;
	box-shadow: 2px 2px 2px 0px black;
	
	background: #F9FCF7;
	background: -moz-linear-gradient(top, #F9FCF7 0%, #F5F9F0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9FCF7), color-stop(100%,#F5F9F0));
	background: -webkit-linear-gradient(top, #F9FCF7 0%,#F5F9F0 100%);
	background: -o-linear-gradient(top, #F9FCF7 0%,#F5F9F0 100%);
	background: -ms-linear-gradient(top, #F9FCF7 0%,#F5F9F0 100%);
	background: linear-gradient(top, #F9FCF7 0%,#F5F9F0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 );
}

textarea{
	width: 493px;
	height: 145px;
}

label{
	padding-left: 1px;
	margin-bottom: 5px;
	display: block;	
}

.clear{
	clear: both;	
}

#bg-image{
	position: absolute;
	top: 0;
	left: 180px;
	z-index: -9999;
}

#sidebar
{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 160px;
	float:left;
	padding:10px;
	background: white;
}

#sidebar { border-right: 5px solid #4c4c4c; }

#sidebar header
{
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	text-shadow: 0 0 1px white;
	margin-bottom: 20px;
}

#sidebar header h1
{
	color: #333;
	font-size: 600%;
}

#sidebar header h2 { font-size: 240%; }

#sidebar nav
{
	text-align: left;
	margin: 0 -10px;
}

#sidebar nav li { font-size: 14px; }

#sidebar nav a
{
	font-size: 100%;
	color: #555;
	padding: 10px 0 10px 40px;
	display: block;
	transition: padding .5s;
	-moz-transition: padding .5s; /* Firefox 4 */
	-webkit-transition: padding .5s; /* Safari and Chrome */
	-o-transition: padding .5s; /* Opera */
}

section
{
	height: 100%;
	float: left;
	padding: 0 10px 10px 10px;
	position: absolute;
	top: 0;
	left: 175px;
}

section header h1
{
	font-size: 24px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 0 0 10px 20px;
}

section header h1 span{
	text-align: center;
	display: inline-block;
	width: 208px;
	height: 53px;
	background-position: center top;
}

section article
{
	margin: 10px 0 30px 60px;
	padding: 0;
	overflow: hidden;
	text-shadow: 0 0 10px #000;
}

section article h1
{
	margin-bottom: 5px;
	color: white;
	text-shadow: 0 0 10px black;
}

section article header h1{
	padding: 0;	
}

section article p
{
	color: white;
	font-size: 100%;
	line-height: 25px;
	margin-bottom: 1.6em;
}

/* HOMEPAGE */

#homepage {
	 background-image: url(../images/backgrounds/bg_homepage.jpg);
	 /*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/backgrounds/bg_homepage.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/backgrounds/bg_homepage.jpg', sizingMethod='scale')";
*/
 }

#homepage #sidebar header h2 { color: #a33fd1; }

#homepage #sidebar nav a:hover, #homepage #sidebar nav a.active
{
	color: white;
	background: #711b98;
}

#homepage section { padding-left: 215px;}

#homepage section header h1 { color: #a33fd1; }

#homepage section header h1 span { background-image: url(../images/header_home.png)}

#homepage section #slider-wall
{
	width: 215px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 9px;
	background: black;
	-webkit-box-shadow: 0px 0px 10px 0px #000;
	-moz-box-shadow: 0px 0px 10px 0px #000;
	box-shadow: 0px 0px 10px 0px #000;
}

#homepage section #slider-wall a, #homepage section #slider-wall img
{
	margin: 0;
	padding: 0;
	display: block;
	border: none;
	overflow: hidden;
	line-height: 0;
}

#homepage section #slider-wall img:hover
{
	opacity: .8;
	filter: alpha(opacity = 80);
	transition: opacity .5s;
	-moz-transition: opacity .5s; /* Firefox 4 */
	-webkit-transition: opacity .5s; /* Safari and Chrome */
	-o-transition: opacity .5s; /* Opera */
}

#homepage article{
	max-width: 1000px;
}

/* GALERIE */


#galerie
{
	background-image: none;

}


#galerie section header h1 span {
background-image: url(../images/header_galerie.png)
}

#galerie section header h1 { color: #f68e1f; }

#galerie #sidebar header h2 { color: #f68e1f; }

#galerie #sidebar nav a:hover, #galerie #sidebar nav a.active
{
	color: white;
	background: #f68e1f;
}

#galerie #galerie-viewport
{
	width: 390px;
	margin: 35px 0 0 113px;
	background: black;
	position: relative;
}

#galerie #galerie-viewport #viewport-image-wrapper
{
	width: 390px;
	height: 220px;
	text-align: center;
	border: 5px solid black;
	background: black;
	overflow: hidden;
}

#galerie #galerie-viewport .button
{
	display: block;
	height: 23px;
	width: 25px;
	position: absolute;
	top: 50%;
	margin-top: -23px;
	background: url(../images/arrows_sprite.png) no-repeat;
	cursor: pointer;
}

#galerie #galerie-viewport #prev
{
	left: -70px;
	background-position: left center;
}

#galerie #galerie-viewport #next
{
	right: -65px;
	background-position: right center;
}

#galerie #galerie-viewport img
{
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

#galerie #galerie-thumbs { margin: 30px 0 0 20px; }

#galerie #galerie-thumbs img
{
	padding: 3px;
	background: white;
	margin-right: 5px;
	-webkit-box-shadow: 2px 2px 5px 0px black;
	-moz-box-shadow: 2px 2px 5px 0px black;
	box-shadow: 2px 2px 5px 0px black;
}

#galerie #galerie-thumbs span
{
	opacity: .5;
	filter: alpha(opacity = 50);
	cursor: pointer;
}

#galerie #galerie-thumbs span.active
{
	cursor: default;
	opacity: 1 !important;
	filter: alpha(opacity = 100) !important;
}

#galerie #galerie-thumbs span.active img{
	background: #F68E1F;
}

/* KONTAKT */

#sent-prompt{
	padding: 5px;
	background: black;	
}

#kontakt { 
	background-image: url(../images/backgrounds/bg_kontakt.jpg); 
	color: #eee; 
}

#kontakt #sidebar header h2 { color: #a77e62; }

#kontakt #sidebar nav a:hover, #kontakt #sidebar nav a.active
{
	color: white;
	background: #a77e62;
}

#kontakt section header h1 span {
background-image: url(../images/header_kontakt.png)
}

#kontakt section header h1 { color: #a77e62;}

#kontakt article{
	margin-bottom: 20px;
}

#kontakt .form-row{
	padding: 10px 0;
	float: left;	
}

#kontakt #adresa #mapa{
	width: 98%;
	height: 300px;	
	margin-top: 20px;
	background: black;
	border: 5px solid #A77E62;
	
	-webkit-box-shadow: 2px 2px 5px 0px black;
	-moz-box-shadow: 2px 2px 5px 0px black;
	box-shadow: 2px 2px 5px 0px black;	
}

#kontakt #adresa h2{
	font-size: 16px;
	font-style: normal;
	border-bottom:1px solid #a77e62;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#kontakt #adresa p{
	float:left;
	line-height: 20px;
	margin:0;
	padding:0 0 0 25px;;
}

#kontakt address{
	float:left;
	font-size: 14px;
}

legend{
	display: block;
	font-size: 18px;
	padding-bottom: 20px;
}

input:focus, textarea:focus {
	border: 1px solid #ff00ea;
}

#kontakt #adresa{
	margin-bottom: 10px;	
}

/* REFERENCE */

#reference { 
	background-image: none; 
}


#reference #sidebar header h2 { color: #c95e17; }

#reference #sidebar nav a:hover, #reference #sidebar nav a.active
{
	color: white;
	background: #c95e17;
}

#reference section header h1 { color: #c95e17;}

#reference section header h1 span{ background-image: url(../images/header_reference.png); } 


/* TYM */

#tym{
	background-image: url(../images/backgrounds/bg_tym.jpg); 

}

#tym #sidebar header h2 { color: #968c86; }

#tym #sidebar nav a:hover, #tym #sidebar nav a.active
{
	color: white;
	background: #968c86;
}

#tym section header h1 span {
 background-image: url(../images/header_tym.png)}


#tym section header h1 { color: #968c86;

 }

#tym section article header{ background: none }

#tym section article header h1{ color: #fff !important; padding: 5px 8px; 

background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
background: linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}

#tym section article h2  { color: #fff !important; padding: 5px 8px; 
margin-bottom: 5px;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}



#tym article{
	color: #eee;	
}

/* DODAVATELE */

#dodavatele{
	background-image: url(../images/backgrounds/bg_dodavatele.jpg); 
}

#dodavatele #sidebar header h2 { color: #b72b28;

 }

#dodavatele #sidebar nav a:hover, #dodavatele #sidebar nav a.active
{
	color: white;
	background: #b72b28;
}

#dodavatele section header h1 span {
background-image: url(../images/header_dodavatele.png)
}


#dodavatele section header h1 { color: #b72b28; }

#dodavatele section article header h1 { color: #fff !important; }

#dodavatele article{
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#dodavatele article img{
	width: 100%;
	max-width: 214px;
}

#ie8 #dodavatele article img{
	width: auto !important;	
}

/* PARTNERI */

#partneri { 
	background-image: url(../images/backgrounds/bg_partneri.jpg);

}

#partneri #sidebar header h2 { color: #444; }

#partneri #sidebar nav a:hover, #partneri #sidebar nav a.active
{
	color: white;
	background: #444;
}

#partneri section header h1 span {
background-image: url(../images/header_partneri.png) 
}




#partneri section header h1 { color: #968c86;}

#partneri section header h1 { color: #444; }

#partneri article{
	background: none;	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#partneri article img{
	width: 100%;
}

#ie8 #partneri article img{
	width: auto !important;	
}

#partneri article a{
	display: block;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading
{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div
{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox/fancybox.png');
}

#fancybox-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap
{
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer
{
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content
{
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close
{
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../images/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error
{
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img
{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame
{
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right
{
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left { left: 0px; }

#fancybox-right { right: 0px; }

#fancybox-left-ico, #fancybox-right-ico
{
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico
{
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico
{
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }

#fancybox-left:hover span { left: 20px; }

#fancybox-right:hover span
{
	left: auto;
	right: 20px;
}

.fancybox-bg
{
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n
{
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne
{
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e
{
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se
{
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -182px;
}

#fancybox-bg-s
{
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw
{
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w
{
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw
{
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title
{
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside
{
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside
{
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over
{
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over
{
	padding: 10px;
	background-image: url('../images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float
{
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap
{
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td
{
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left
{
	padding: 0 0 0 15px;
	background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main
{
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right
{
	padding: 0 0 0 15px;
	background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat;
}