/* import externich css */
@import "/css/lightbox.css";
@import "/css/reset.css";
/* / import externich css */ 

/* fonty */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800&subset=latin,latin-ext);

.os {font-family:'Open Sans';}
strong {font-weight:800;}
p strong {font-weight:700;}
/* / fonty*/


html {background:url('../pics/bg-html.png') repeat;}
body {.os; font:62.5% sans-serif;color:@text;background:rgba(255,255,255,.8); width:100%; max-width:1080px; .mauto;-webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); border-bottom:10px solid #4d4d4d;}

a {color:@ruzova;text-decoration:none; font-weight:700;}
.taleft {text-align:left !important;}
.tacenter {text-align:center !important;}
.taright {text-align:right !important;}
.clear {clear:both}
.nb {border:none !important;}
.fl {float:left;}
.fr {float:right;}
.nm {margin:0 !important;}
.nb {border:none;}
.last {margin-right:0 !important;}
input {border:none;}
.uppercase {text-transform: uppercase;}
.bg {display:block; overflow: hidden;text-indent: -10000px;width:0; height:0;}
h1 {margin:0; padding:10px; .wnormal; color:@ruzova; .tacenter; font-weight:700; font-size:150%; padding-top:70px;border-top:1px solid #717171; }
h2 {margin:0; padding:10px; .wnormal; color:@text; .tacenter; font-weight:700; font-size:120%;}
h3 {.wnormal;}

.mauto {margin:0 auto;}
.bg {.block; overflow: hidden; width:0; height:0; text-indent: -10000px;}

.none {display:none;}
.block {display:block;}

.wnormal {font-weight:400;}
.wbold {font-weight:bold;}

.relative {position:relative;}
.absolute {position:absolute;}

.valign-top {vertical-align: top;}
.valign-middle {vertical-align: middle;}
.valign-bottom {vertical-align: bottom;}

.font-size-16 {font-size:120%;}
.half {width:310px;}

/* definice barev */
@seda: #505152;
@text:#444;
@footer: #4d4d4d;
@ruzova: #c21d0a;

.ruzova {color:@ruzova;}
/* / definice barev */

// ------------------------------------------- holdery 
#plocha {
	width:850px; .relative; margin:0 auto; font-size:140%; background:#fff; .os; box-shadow: 12px 0 15px 0px rgba(0, 0, 0, 0.15), -12px 0 15px 0px rgba(0, 0, 0, 0.15);
	#header {.relative; top:0; left:0; background:url('../pics/bg-header.png') no-repeat left top; font-size:120%; height:200px; width:850px;}
	#obsah {.relative; width:650px; padding:30px 100px 80px 100px;}
	#footer {
		.relative; position:relative; background:@footer; width:850px; color:#fff; .tacenter;
		#social {height:48px; .tacenter; background:#454545;}
	}
}

// ------------------------------------------- / holdery

#header {
	div {
		.os;font-size:120%; .wnormal; margin:0 auto !important; .tacenter; color:#fff; margin:0; .block; padding-top:60px; width:550px; height:140px; background:url('../pics/bg-h1.png') no-repeat left top; line-height:1.2em;
		strong {font-size:150%;}
	}
}

#obsah {
	#nav {
		.relative; .uppercase; padding-bottom:20px; overflow: auto;  width:700px; left:-50px;
		li {
			.relative; .block; .fl; padding:0 10px; border-right:1px solid @text;
			a {
				color:@text; .wnormal;
				&.active, &:hover {color:@ruzova;}
			}
		}
	}
	iframe {border:none; margin-top:20px;}
	img.half.fl {border:10px solid #efeff0; width:390px; margin:30px 0;}
	p.half.fr {width:390px; padding-top:0; width:220px; margin:30px 0}
}

#footer {
	#social {
		.addthis_toolbox{width:245px; margin:0 auto;}
		a {.bg; background:url('../pics/ico-social.png') no-repeat left top; padding:48px 0 0 49px; .fl;}
		a.addthis_button_facebook {background-position: 0 0 ;}
		a.addthis_button_twitter {background-position: -48px 0 ;}
		a.addthis_button_email {background-position: -96px 0 ;}
		a.addthis_button_print {background-position: -144px 0 ;}
		a.addthis_button_compact {background-position: -192px 0 ;}
	}
	#copy {padding:75px 0;}
}