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;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
				

@violet: #663399;
@pink: #fa023c;
@green: #18a221;
@blue: #0066cc;
@lightblue: #1e85d4;
@ms: #c5331c;
@red: #ed1c24;	
@margin: 20px;
@w_article: 240px;
@w_main: 960px;
@grey: #363636;
@hr: #b7b7b7;
@type: disc;
@tr_even: #EAEAEA;

.first, #first { 
	margin-right: 20px !important; 
}

.blind {
	display: block;
	clear : both;
	margin: 0;
	paddding: 0;
	width: 100%;
	height: 30px;
	background: transparent;
	border: none;
	visibility: hidden;
}

.tr_border {
	border-bottom: 1px solid #D0D0D0;
}

.last {
	margin-right: 0px;
}

.big {
	text-transform: uppercase;
}

.rounded(@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}

.h-video {
	margin-top: 35px !important;
}

.clear {
	border: none;
	background: none;
	width: 100%;
	height: 1px;
	visibility: hidden;
	clear: both;
}

.center {
	text-align: center !important;
}

.no-indent {
	text-indent: 0px !important;
}

#temp {
	margin: 0 auto;
	background: url(../img/temp.png) center top no-repeat;
	display: block;
	width : 100%;
	height: 617px;
}

.fanbox {
	background: white !important;
}


	#left-top {
		position: absolute;
		display : block;
		left: 0;
		top : 0;
		width : 450px;
		height: 450px;
		z-index: 1;
		
		a {
			display: block;
			width: 100%;
			height: 100%;
		}
	}
	
		.nabidka {
			background: url(../img/left-top_nabidka.png) left top no-repeat;
		}
		
		@media screen and (min-width: 1545px) {
		
			#street {
				background: url(../img/left_top.png) left top no-repeat;
			}
		
			#spolak { 
				background: url(../img/left_top-spolak.png) left top no-repeat !important;
				z-index: 2 !important;
			}
		
		}

#temp-content {
	margin-top: 130px;
}

#partners {
	text-align: center;
	width : 960px;
	margin: 10px 0;
	padding: 20px 10px;
	height : 75px;

	#jmk, #zastavka, #kahan, #renov, #thermona {
		margin: 0 10px;
		float : left;
		display: inline-block;
	}
	
	#jmk {
		background: url(../galerie/partneri/jmk_.png) left top no-repeat;
		width: 340px;
		height: 75px;
	}
	
	#jmk:hover {
		background: url(../galerie/partneri/jmk.png) left top no-repeat;
	}
	
	#zastavka {
		background: url(../galerie/partneri/zastavka_.png) left top no-repeat;
		width: 66px;
		height: 75px;
	}
	
	#zastavka:hover {
		background: url(../galerie/partneri/zastavka.png) left top no-repeat;
	}
	
	#kahan {
		background: url(../galerie/partneri/kahan_.png) left top no-repeat;
		width: 61px;
		height: 75px;
	}
	
	#kahan:hover {
		background: url(../galerie/partneri/kahan.png) left top no-repeat;
	}
	
	#thermona {
		background: url(../galerie/partneri/thermona_.png) left top no-repeat;
		width: 245px;
		height: 75px;
	}
	
	#thermona:hover {
		background: url(../galerie/partneri/thermona.png) left top no-repeat;
	}
	
	#renov {
		background: url(../galerie/partneri/renov_.png) left top no-repeat;
		width: 141px;
		height: 75px;
	}
	
	#renov:hover {
		background: url(../galerie/partneri/renov.png) left top no-repeat;
	}
}

html {
	background: black url(../img/bg/bg.jpg) center top no-repeat;
}
						 
body {
	font-size : 62.5%;
	font-family: Calibri, Arial, Tahoma, Verdana, sans-serif !important;
	margin: 0 auto;
	
	h1, h2, h3, h4 {
		font-family: Calibri, Arial, Tahoma, Verdana, sans-serif !important;
	}
	
	a img {
		border: none !important;
	}
	
	#right-bottom {
		float: right;
		clear: both;
		background: url(../img/right_bottom.png) left top no-repeat;
		width : 411px;
		height: 373px;
		z-index: 1;
		margin-top: -373px;
	}
	
	cite {
		display: block;
		padding: 15px 60px 15px 30px;
		color  : #002c3e;
		font-size  : 1.4em;
		line-height: 1.8em;
		background : #9bdef8 url(../img/bg/cite.png) right top no-repeat;
		margin: 0 0 10px 20px;
		text-align : center;
		border-left: 5px solid #005b7f;
		text-indent: 20px;
	}	
	
	strong {
		color: #0072bc;
	}
	
	header, footer, article {
		display: block;
	}
	
	.header {
		width : 100% !important;
		height: 80px;
		background: url(../img/bg/top.png) left top repeat-x;
		z-index: 1500;
		line-height: 80px;
		position: fixed;
		top : 0px;
		left: 0px;
		 
		h1 {
			background: url(../img/logo.png) left -4px no-repeat;
			width : 241px;
			height: 80px;
			float : left;
			z-index: 10;
			display: block;
			
			span {
				visibility: hidden;
			}
			
			a, a:visited {
				display: block;
				width : 241px;
				height: 80px;
				border: none !important;
				text-decoration: none;
				
				img {
					border: none !important;
				}
			}
		}
		
		.nav {
			float: right;
			margin-left: @margin/2;
			display: block;
		
			ul {
				display: inline !important;
			
				li {
					display: inline !important;
					
					a {
						float: left;
						font-size: 1.7em;
						color: white;
						text-transform: uppercase;
						margin-right: 15px !important;
						text-decoration: none;
						padding-top: 5px;
						line-height: 65px;
					}
					
					:last-child {
						margin-right: 10px;
					}
					
					a:hover {
						color: @ms;
						border-top : 5px solid @ms;
						padding-top: 0px;
					}
				}
			}
		} /* konec nav */
		
	}
	
	@media screen and (min-width: 1180px) {
  		
  		#jquery {
			position: relative;
			display : block;
			clear: both;
			float: right !important;
			width: 660px;
			height: 300px;
			background: url(../img/jquery.png) left top no-repeat;
			margin-bottom: 50px;
		
			img {
				float: left; 
			}
		
			#style {
				position: absolute;
				left: 0;
				top : 0;
				width : 660px;
				height: 300px;
				z-index: 1000;
				background: url(../img/jquery.png) left top no-repeat; 
			}
		
			.showcase-arrow-next {
				width : 25px;
				height: 29px;
				display: block;
				position: absolute;
				left: 135px;
				top : 233px;
				background: url(../img/icons/arrow-next.png) left top no-repeat;
				z-index: 1300;
				cursor: pointer;
			}
		
			.showcase-arrow-previous {
				width : 25px;
				height: 29px;
				display: block;
				position: absolute;
				left: 158px;
				top : 263px;
				background: url(../img/icons/arrow-prev.png) left top no-repeat;
				z-index: 1300;
				cursor: pointer;
			}
		
			.showcase-button-wrapper {
				position: absolute;
				right : 15px;
				bottom: 15px;
				z-index: 1200;
		
				span {
					float: left;
					background: url(../img/icons/thumb.png) right top no-repeat;
					width  : 12px;
					height : 12px;
					display: block;
					cursor: pointer;
					margin-left: 5px;
				}
			
				.active {
					background: url(../img/icons/thumb_active.png) right top no-repeat !important;
				}
			}
		}
	
		/* konec jquery */
	}
	
	@media screen and (max-width: 1180px) { /* podmínka pro šířku prohlížení 1180px a méně */
  		
  		#jquery {
			position: relative;
			visibility: hidden !important;
			clear: both;
			float: right !important;
			width: 660px;
			height: 300px;
			background: url(../img/jquery.png) left top no-repeat;
			margin-bottom: 50px;
		
			img {
				float: left; 
			}
		
			#style {
				position: absolute;
				left: 0;
				top : 0;
				width : 660px;
				height: 300px;
				z-index: 1000;
				background: url(../img/jquery.png) left top no-repeat; 
			}
		
			.showcase-arrow-next {
				width : 25px;
				height: 29px;
				display: block;
				position: absolute;
				left: 135px;
				top : 233px;
				background: url(../img/icons/arrow-next.png) left top no-repeat;
				z-index: 1300;
				cursor: pointer;
			}
		
			.showcase-arrow-previous {
				width : 25px;
				height: 29px;
				display: block;
				position: absolute;
				left: 158px;
				top : 263px;
				background: url(../img/icons/arrow-prev.png) left top no-repeat;
				z-index: 1300;
				cursor: pointer;
			}
		
			.showcase-button-wrapper {
				position: absolute;
				right : 15px;
				bottom: 15px;
				z-index: 1200;
		
				span {
					float: left;
					background: url(../img/icons/thumb.png) right top no-repeat;
					width  : 12px;
					height : 12px;
					display: block;
					cursor: pointer;
					margin-left: 5px;
				}
			
				.active {
					background: url(../img/icons/thumb_active.png) right top no-repeat !important;
				}
			}
		}
	
		/* konec jquery */
	}

	
	label {
		display: block;
		padding-left: 10px;
		font-size: 1.2em;
		padding-bottom: 5px;
	}
	
	label[for=password] {
		display: inline-block;
		padding: 5px 0 0 10px;
	}
	
	input[type=text], input[type=password], input[type=submit] {
		width : 188px;
		color : white;
		border: 1px solid #2a2a2a;
		background: #080808;
		padding   : 5px 10px;
		margin-bottom: 15px;
		font-family  : calibri, arial;
	}
	
	input[type=submit] {
		width: 210px;
		text-transform: uppercase;
		color: #ed1c24;
	}
	
	optgroup {
		background: white;
		color: black !important;
		font-size: 1.2em;
	}
	
	.content {
		margin-top: 100px;
	}
	
	.container {
		width : @w_main;
		margin: 0 auto;	
		z-index: 5;
		
		p {
			font-size: 1.2em;
		}
		
		#main {
			width: 660px;
			float: right !important;
			padding: 0px !important;
			margin : 0px !important;
			display: inline-block;
			color: #363636;
			
			.mim {
				p {
					text-indent : 0px !important;
					padding-left: 15px !important;
				}
			}
			
			a, a:visited, a:link, strong a, a strong {
				color: #c5331c !important;
			}
			
			a:hover {
				text-decoration: none;
				color: #8c2414;
			}
			
			.self {
				p:nth-of-type(1) {
					font-size: 1.6em !important;
					margin-top: 10px;
				}
			}
			
			#page {
				height: auto !important;
				overflow: visible !important;
				padding : 0 0 25px 0;
				width: 660px !important;
				
				a {
					color: @blue;
				}
				
				a:hover {
					color: @lightblue;
					text-decoration: none;
				}
			
				p {
					text-indent: 20px;
				}
				
				p.dulezite {
					font-size : 1.6em;
					margin-top: 10px;
				}
			
				ul, ol {
					font-size: 1.2em;
					margin	: 15px 40px;
					line-height: 1.7em;
					
					ul {
						font-size: 1em;
						list-style-type: none;
						margin: 5px 25px;
					}
					
					li {
						li:before {
							content: "- ";
						}
					}
				}
				
				ol {
					list-style-type: disc;
				}
				
				h2 {
					margin: 15px 0 15px 40px;
					font-size: 2.4em !important;
					color: @ms !important;
					font-family: 'Candara, Arial, Calibri';
					
					img, img:hover {
						padding: 0;
						background: none;
						margin: 0;
					}
					
					a {
						color: @ms !important;
					}
					
					a:hover {
						color: @red;
					}
				}
				
				h2:first-letter {
					text-transform: uppercase;
				}
				
				h3 {
					padding: 10px 40px;
					margin : 15px 0px;
					background: @ms;
					color: #FFFFFF;
					font-size  : 2em;
					font-weight: normal;
					.big;
				}	
							
				h4 {
					font-size: 1.4em;
					padding: 5px 15px;
					margin : 5px 10px;
					.big;
					color: @ms;
					border-bottom: 1px dotted @grey;
				}
				
				iframe[src ^="http://www.youtube."] {
					margin: 20px 0;
				}
				
				/* OBRAZKY */
				
				img {
					margin : 0 10px auto;
					padding: 5px;
					background: white;
				}
				
				img.long {
					margin : 15px 0 !important;
					padding: 0 !important;
				}
				
				img.long:hover {
					border: none !important;
				}
				
				.img {
					position: relative !important;
					
					p {
						position: absolute;
						left  : 15px;
						bottom: 25px;
						padding: 5px 10px;
						background: black;
						color: #FFFFFF;
						text-indent: 0;
						font-size: 1.4em;	
						font-weight: bold;
					}
				}
			
				img:hover {
					background: #E0E0E0;
					padding: 4px;
					border : 1px solid #B0B0B0;
				}
				
				img.none:hover {
					margin: 0 10px auto;
					padding: 5px;
					background: white;
					border: none;
				}
				
				dl {
					font-size  : 1.2em;
					margin-left: 25px;
					line-height: 1.6em;
					
					dt {
						font-weight: bold;
						width: 30px !important;
						float: left;
					}
				
					dd.empty {
						padding-left: 30px;	
					}
				}
				
				table {
					margin: 15px 10px;
					
					thead {
						th {
							background: @ms;
							text-transform: uppercase;
							padding: 10px;
							color  : white;
						}
						
						a {
							color: black !important;
						}
					}
					
					td {
						padding: 5px 10px;
						vertical-align: middle;
						line-height: 1.4em;
					}
				}
				
				/* GALERIE */
				
				.galerie {
					padding: 20px;
				}
				
				.video-part {
					position: relative;
					padding: 0 !important;
					float: left;
				
					.popisek {
						position: absolute;
						bottom: 13px;
						left  : 8px;
						background: url(../img/bg/temp-bg.png) left top repeat;
						color: white;
						text-transform: none;
						width  : 180px;
						margin : 0 !important;
						padding: 5px !important;
					}
					
					img {
						padding: 0px !important;
					}
					
					img:hover {
						padding: 0px !important;
					}
				}
				
				.video-part:hover, .img-part:hover {
					.popisek {
						background: black;
					}
				}
				
				.yoxview {
				margin: 0 auto;
				text-align: center;	
				
					a {
						img {
							border: 3px solid #DADADA !important;
						}
					}
					
					a:hover {
						img {
							border: 3px solid #c5331c !important;
						}
					}
					
					img {
						float  : left;
						padding: 0px;
						margin : 0px 5px 10px 5px;
					}
					
					img:nth-child(3n+3) {
						margin-right: 0px !important;
					}
				}
				
				/* FORMS */
				
				input, select, textarea {
					font-family: calibri,"Trebuchet MS", Arial;
				}
				
				#checkboxes {
					font-size: 1.1em;
					line-height: 2em;
					float: left;
					width: 60%;
				}
				
				label {
					clear: left;
					float: left;
					line-height: 29px;
					width: 150px;
					margin-left: 5px;
				}
				
				label[for=podminky] {
					width: 180px;
					line-height: 20px;
				}
				
				input[type=submit], input[type=reset] {
					display: inline;
					margin : 10px 25px;
					background: #940c12;
					color: white;
					padding: 5px 10px;
					border : 1px solid #c50f19;
				}
				
				input[type=text] {
					background  : #EFEFEF;
					border-color: #BFBFBF;
					display: block;
					color  : black;
				}
				
				input[type=file] {
					background  : #EFEFEF;
					display: block;
					color  : black;
					width  : 250px;
					border : 1px solid #BFBFBF;
					padding      : 5px 4px;
					margin-bottom: 15px;
					font-family  : calibri, arial;
				}
				
				input:focus, select:focus, textarea:focus {
					border-color: black;
				}
				
				select {
					background  : #EFEFEF;
					display: block;
					color  : black;
					width  : 188px;
					border : 1px solid #BFBFBF;
					padding      : 5px 4px;
					margin-bottom: 15px;
					font-family  : calibri, arial;
				}
				
				textarea {
					width : 575px;
					margin: 0 0 15px 0;
					border: 1px solid #BFBFBF;
					background: #F3F3F3;
					padding: 10px;
					height : 100px;
				}
				
				#bydliste {
					width: 400px !important;
					display: inline-block;
				}
				
				fieldset {
					border-top: 1px solid @ms;
					margin : 5px 15px;
					padding: 10px;
				}
				
				legend {
					margin-left: 25px;
					color: black;
					font-weight: bold;
					font-size: 1.2em;
					padding: 5px;
				}
				
				/* Tréninky */
				
				#treninky {
					width: 660px;
					margin: 20px 0px;
					
					thead {
						th {
							background: @violet;
							color: white;
							border-bottom: none;
							font-size: 1.4em;
						}
					}
					
					th:nth-child(1) {
						padding-left: 25px;
						width: 15px;
					}
					
					th:nth-child(2) {
						width: 70px;
					}
					
					th:nth-child(3) {
						width: 200px;
						text-align: left;
					}
					
					th:nth-child(4) {
						text-align: left;
						padding-right: 15px;
					}
					
					tr {
						.tr_border;
										
						td {
							font-size: 1.2em;
						}
						
						td:nth-child(1) {
							padding-left: 25px;
							text-align: center;
						}
					
						td:nth-child(2) {
							text-align: center;
						}
					
						td:nth-child(4) {
							padding-right: 15px;
						}
					}
					
					tr:nth-child(even) {
						td {
							background: @tr_even;
						}
					}
				}
				
				#kurzy-prihlaska	 {
					font-size: 1.4em;
					width: 660px;
					margin: 15px 0px;
					
					thead {
						th {
							background: @blue;
							color: white;
							border-bottom: none;
						}
					}
					
					th:nth-child(1) {
						padding-left: 20px;
						width: 180px;
					}
					
					th:nth-child(2) {
						width: 100px;
						text-align: center;
					}
					
					th:nth-child(3) {
						width: 100px;
						text-align: center;
					}
					
					th:nth-child(4) {
						width: 160px;
						text-align: center;
						padding-right: 20px;
					}
					
					tr {
						.tr_border;
						
						td {	
							line-height: 2em;
						}
										
						td:nth-child(1) {
							padding-left: 20px;
							text-align : left;
							font-weight: bold;
						}
					
						td:nth-child(2), td:nth-child(4), td:nth-child(3) {
							text-align: center;
						}
						
						td:nth-child(4) {
							padding-right: 20	px;
						}
					}
					
					tr:nth-child(even) {
						td {
							background: @tr_even;
						}
					}
				}

				/* Kalendář */
				
				#kalendar {
					width: 660px;
					margin: 20px 0px;
					
					thead {
						th {
							text-align: left;
							font-size : 1.4em;
						}
						
						th:nth-child(1) {
							padding-left: 25px;
						}
					}
				
					tr {
						border-bottom: 1px solid #DADADA;
					
						td:nth-child(1) {
							padding-left: 20px;
							width: 100px;
							text-align: center;
						}
					
						td:nth-child(2) {
							font-weight: bold;
							width: 120px;
						}
				
						td:nth-child(4) {
							width: 135px;
							padding-right: 25px;
						}
						
						td {
							font-size: 1.3em;
						}
					}
				
					td {
						vertical-align: top;
						line-height: 1.4em;
					}
				
			 		tr:nth-child(even) {	
						td {
							background: @tr_even;
						}
					}
				}
				
				.video {
					background  : url(../img/icons/video.png) left 2px no-repeat;
					line-height : 24px;
					padding-left: 22px;
				}
				
				.pdf {
					background  : url(../img/icons/pdf.png) left 2px no-repeat;
					line-height : 24px;
					padding-left: 22px;
				}
				
				.odkaz {
					background  : url(../img/icons/web.png) left 2px no-repeat;
					line-height : 24px;
					padding-left: 22px;
				}
				
				#ms-zastavka {
					float: left;
					width: 250px;
				}
				
				#ms-znojmo {
					float: left;
					width: 300px;
				}
				
			}
		}	
		
		#sidebar {
			width: 240px;
			float: left;
			color: #A2A2A2;
			z-index: 1000000 !important;
			
			#fb-like {
				width: 240px;
				background: white;
			}
			
			input {
				.rounded(5px);
				color: white;
				width: 200px;
				padding: 5px;
				border: 1px solid #262626;
				background: #0a0a0a;
				font-size: 1.2em;
				margin: 10px 0;
			}
			
			input[type=submit] {
				float: right;
				.rounded(25px);
				display: block;
				margin-bottom: 30px;
				width : 78px;
				height: 32px;
				color : white;
				.big;
			}
			
			label {
				font-size: 1.2em;
			}
			
			p {
				text-indent: 10px;
				line-height: 1.4em;
			}
			
			h2 {
				color: @ms;
				font-size: 2.4em;
				margin: 15px 0 15px 10px;
				font-weight: normal;
				.big;
			}
			
			.videovizitka {
				position: relative;
				height: 99px;
				padding: 0 !important;
				margin-right : 15px;
				margin-bottom: 35px;
				float: left;
				width: 208px;
				border: 1px solid #2a2a2a;
				
				.popisek {
					position: absolute;
					bottom: 0px;
					left  : 1px;
					background: url(../img/bg/temp-bg.png) left top repeat;
					color: white;
					text-transform: none;
					width  : 197px;
					margin : 0 !important;
					padding: 5px;
				}
							
			}
			
			.videovizitka:hover {
				.popisek {
					background: black;
				}
			}

		}
		
		/* ---- ARTICLES ---- */
		
		.featured {
			width: 660px !important;
			
			p {
				font-size  : 1.4em !important;
				line-height: 1.6em !important;
			}
		}
		
		.featured {
			max-height: none !important;
			
			h2 {
				font-size: 3em !important;
			}
		}
		
		.article:nth-child(odd) {
			margin-left: 20px !important;
			margin-right: 0px !important;
		}
		
		article, .article, .featured {
			position: relative;
			background   : white !important;
			margin : 0 20px 40px 0;
			float  : left;
			padding-bottom: 15px;
			overflow: hidden;
			color: #111111;
			width: 310px;	
			border: none;
			min-height: 400px;
		
			.archiv-article {
				float: left !important;
				margin: 20px 0 0 0;
				border-bottom: 1px dotted @hr;
			
				h2 {
					display: inline-block !important;
					font-size: 1.4em !important;
					float: left !important;
					width: 420px !important;
					padding: 0 20px 0 0!important;
					margin : 2px 0 5px 0 !important;
				}
			
				img {
					float: left !important;
				}
				
				strong.date {
					font-size: 1.2em;
					margin: 0 0 10px 0!important;
				}
				
				p {
					text-indent: 0px !important;
					font-size: 1.2em;
					lin-height: 1.5em;
				}
			}
			
			footer, .footer {
				background: white url(../img/bg/article.jpg) bottom repeat-x;
				width : 100%;
				height: 25px;	
				position: absolute;
				bottom: 0px;
				left  : 0px;
			}
			
			.heading {
				float: left;
				width: 580px;
				padding: 10px 40px;
				border-bottom: 3px solid black;
				color: white;
				text-transform: uppercase;
				background: @ms;
				font-size : 2.2em;
			}
			
			.read-more {
				display: block;
				float : right;
				margin: -10px 30px 20px 0;
				background: url(../img/read-more.png) 0px 4px no-repeat;
				padding: 0 0 0 10px;
				
				a {
					font-weight: bold;
					color: #c5331c;
					text-decoration: none;
					font-size: 1.4em;
				} 
				
				a:hover {
					text-decoration: underline;
				}
			}
			
			img {
				padding: 0px;
			}
			
			h2 {
				font-size: 2.2em;
				color : #ab2c18;
				margin: 10px 40px;
				text-transform: none !important;
				font-weight: normal;
				
				img {
					padding: 0px;
				}
				
				a, a:visited {
					color : #ab2c18 !important;
					text-decoration: none;
				}
				
				a:hover {
					text-decoration: underline !important;
					color: @ms !important;
				}
			}
			
			strong.date {
				display: block;
				font-size: 1.4em;
				color : @grey;
				margin: 0 40px 10px 40px;
				font-weight: normal !important;
				font-style : italic !important;
			}
			
			hr {
				width: 100%;
				margin: 5px 0;
				border: none;
				border-bottom: 1px dotted @hr;
			}
			
			p {
				font-size: 1.2em;
				margin   : 5px 20px 10px 20px;
				line-height: 1.6em;
			}			
			
		}
		
		#clanek {
			overflow: none;
			height: auto;
			
			h2 {
				font-size: 3em;
				.big;
			}
			
			.perex {
				font-style: italic;
			}
			
			p {
				margin-bottom: 10px !important;
				font-size: 1.2em;
				line-height: 1.6em;
			}
			
			h3 {
				font-size: 1.6em;
				margin: 10px 0 5px 5px;
				color: @grey;
				
				img {
					padding: 5px 0px 5px -5px;
				}
			}
			
			.social {
				padding-left: 10px;
			}
			
			.autor {
				margin : 10px 0px;
				padding: 10px;
				border : 2px solid #c8ff00;
				background: #e9ff99;
				border-left: none;
				border-right: none;
				color: #283300;
			}
		}
		
		.c1 {
			width: @w_article;
		}
		
		.c2 {
			width: @w_article*2;
		}
		
		.c3 {
			width: @w_article*3;
		}
		
		.separator {
			clear: both;
			width: 100%;
			height: 5px;
			border: none;
			background: @ms;
		}
		
		#paticka {
			float: left;
			color: #d7d7d7;
			margin-bottom: 50px;
			padding: 30px 0 0 0;
			width  : 960px;
			border : 1px solid black;
			background: url(../img/bg/paticka.png) left top repeat;

			ul {
				font-size: 1.2em;
			}
			
			a {
				color: #ff6b70;
				text-decoration: none;
			}
			
			a:hover {
				color: @ms;
				text-decoration: underline;
			}
			
			h3 {
				color: white;	
			}
			
			div {
				float: left;
			}
			
			#napiste-nam-zastavka, #napiste-nam-znojmo {
				width: 195px;
				
				:nth-child(1) {
					list-style-type: @type;
				}
			}
			
			h2 {
				color: @ms;
				font-size: 2em;
				margin: 10px;
				margin-left: 25px;
				
				.big
			}
						
			ul {
				float: left;
				font-size: 1.2em;
				line-height: 2em;
				margin-left: 25px;
			}
			
			#odkazy {
				list-style-type: @type;
			}
			
			#meta-copyright {
				
				:nth-child(1) {
					list-style-type: @type;
				}
				
				:nth-child(2) {
					list-style-type: @type;
				}
				
				:nth-child(3) {
					list-style-type: @type;
				}
			}
		}
	}
}

#yoxview {
	z-index: 140000;
}

#yoxview_popupWrap {
	z-index: 139000;
}