/* ----------------------------------------------------------------------------------------------------------
reset a obecne formatovani
---------------------------------------------------------------------------------------------------------- */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol {margin:0; padding:0; border: 0; background:transparent}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.4;color:#525252}
table {border-collapse:collapse; border-spacing:0}
hr {display:none}

/* ----------------------------------------------------------------------------------------------------------
dokument
---------------------------------------------------------------------------------------------------------- */
html {background:#fff}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background:#fff}

/* odkazy */
a {color:#89C53B;text-decoration:underline}
a:hover {color:#67932D;text-decoration:none}

/* obecne tridy */
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}
.italic {font-style:italic}

/* menu pouzitelnosti */
ul.usability {position:absolute;top:0;left:-9999px}

/* ----------------------------------------------------------------------------------------------------------
obal
---------------------------------------------------------------------------------------------------------- */
.wrapper {width:1000px;margin:0 auto;background:url(/files/img/wrapper-bg.png) repeat-y;position:relative;padding:10px 0 0}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header {height:215px;position:relative}

/* kategorie */
.header a.logo, .header a.logo span {display:block;width:300px;height:200px;position:relative;overflow:hidden}
.header a.logo span {position:absolute;top:0;left:0;background:url(/files/img/logo.jpg)}
.header ul {padding:0 30px}

.header ul li {float:left;position:relative;height:60px;overflow:hidden}
.header ul li span {display:block;position:absolute;top:0;left:0;height:60px;background-image:url(/files/img/category-li-bg.jpg);background-repeat:no-repeat}

.header ul li.uspech, .header ul li.uspech a span {width:118px}
.header ul li.uspech a span {background-position:-118px 0}
.header ul li.uspech a:hover span {background-position:0 0}

.header ul li.penize, .header ul li.penize a span {width:110px}
.header ul li.penize a span {background-position:-117px -60px}
.header ul li.penize a:hover span {background-position:0 -60px}

.header ul li.zdravi, .header ul li.zdravi a span {width:118px}
.header ul li.zdravi a span {background-position:-118px -120px}
.header ul li.zdravi a:hover span {background-position:0 -120px}

.header ul li.vztahy, .header ul li.vztahy a span {width:118px}
.header ul li.vztahy a span {background-position:-118px -180px}
.header ul li.vztahy a:hover span {background-position:0 -180px}

.header ul li.podnikani, .header ul li.podnikani a span {width:140px}
.header ul li.podnikani a span {background-position:-145px -240px}
.header ul li.podnikani a:hover span {background-position:0 -240px}

.header .category {width:700px;height:15px;background:#b5dc81;float:right}
.header .category p, .header .category p span {display:block;width:700px;height:35px;position:relative;margin:20px 0 0}
.header .category p span {position:absolute;top:0;left:0;background:url(/files/img/category-p-bg.jpg) no-repeat;margin:0}

/* ----------------------------------------------------------------------------------------------------------
hlavni navigace
---------------------------------------------------------------------------------------------------------- */
.nav {font-size:14px;padding:0 0 0 20px;line-height:16px;}
.nav li {display:block;margin:0 0 15px;font-size:14px;}
.nav li a {display:block;color:#555;text-decoration:none;background:url(/files/img/ico-nav.png) no-repeat 0 0;padding:0 0 0 25px}
.nav li a:hover {background:url(/files/img/ico-nav.png) no-repeat 0 -43px;color:#019591}
.nav li.active ul {margin:15px 0;font-size:0.80em}
.nav li.active a {background:url(/files/img/ico-nav.png) no-repeat 0 -85px;color:#019591}
.nav li.active ul li {margin:0 0 10px}
.nav li.active ul li a {background:transparent none;color:#919191}
.nav li.active ul li a:hover {color:#019591}

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.content {width:680px;float:right;padding:0 0 0 0px}

.content a {color:#89C53B}
.content a:hover {color:#67932D}

.content .breadcrumbs {color:#919191;padding:15px 0;border-bottom:1px solid #EDEDED}
.content .breadcrumbs a {color:#CC1C26}

.content h1 {font-size:16px;color:#CC1C26;font-weight:bold;}
.content h2 {font-size:16px;color:#89C53B;font-weight:normal}
.content h4 {font-size:16px;color:#CC1C26;font-weight:bold;margin:0 0 20px 25px;}

.content img.float-l {margin:0 20px 20px 0}
.content img.float-r {margin:0 0 20px 20px}

.content p {margin:0 0 20px;font-size:14px}
.content p span.date {display:block;margin:3px 0 0;background:url(/files/img/ico-date.png) no-repeat 0 50%;color:#ADADAD}

.content p.highlight {font-size:1.7em}
.content p.highlight a {font-weight:bold}
.content p.highlight span {font-size:0.59em;color:#000}
.content p.highlight a.order, .content p.highlight a.info,.content p.highlight a.infop {float:left;margin:3px 10px 0 5px;padding:0px 0 0px 0px;font-size:0.76em}
.content p.highlight a.order {width:167px;height:50px;background:url(/files/img/order_2.png) no-repeat 0 50%;color:#000}
.content p.highlight a.order:hover {width:167px;height:50px;background:url(/files/img/order_1.png) no-repeat 0 50%;color:#67932d;}   

.content p.highlight a.info {width:203px;height:50px;background:url(/files/img/next_2.png) no-repeat 0 50%;color:#000}
.content p.highlight a.info:hover {width:203px;height:50px;background:url(/files/img/next_1.png) no-repeat 0 50%;color:#67932d;}      

.content p.highlight a.infop {width:195px;height:50px;background:url(/files/img/prev_2.png) no-repeat 0 50%;color:#000}
.content p.highlight a.infop:hover {width:195px;height:50px;background:url(/files/img/prev_1.png) no-repeat 0 50%;color:#67932d;}    

.content ul {margin:20px 0;font-size:14px}
.content ul li {background:url(/files/img/ico-dot.png) no-repeat 0 50%;padding:0 0 0 15px;margin:3px 0}
.content ul.red {color:#CC1C26;font-weight:bold}

.content .articles {border-top:1px solid #EDEDED;padding:20px 0 0}
.content .articles h2 {font-size:16px;font-weight:bold;text-decoration: underline;margin:0px 0px 4px 0px;}
.content .articles p {font-size:14px;}

.content .tmaveCervenaBold{font-weight: bold;color: #AF0000;}


.date{
	background: url(/files/img/images/date.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #929292;
	margin-top: 7px;
}


/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.sidebar {width:270px;float:left;margin:10px 0 0;position:relative;z-index:9;padding:0 0 0 15px}

.sidebar .banner {width:213px;display:block;margin:15px auto}

.sidebar .newsletter {width:250px;background:#8AC53C url(/files/img/newsletter-bg.png) no-repeat;margin:20px auto;padding:29px 0 40px}
.sidebar .newsletter h2, .sidebar .newsletter label {position:absolute;left:-9999px}
.sidebar .newsletter form input.txt {width:112px;border:0;background:transparent;font: normal 1.2em/1 Arial,Tahoma,sans-serif;color:#767676;margin:6px 7px 0 72px}
.sidebar .newsletter input {margin-left:4px;margin-top:4px;}

.sidebar .testimonial {width:250px;background:url(/files/img/testimonial-mid-bg.png) repeat-y;margin:0 auto}
.sidebar .testimonial .bottom {background:url(/files/img/testimonial-btm-bg.png) no-repeat 0 100%;padding:0 0 10px}
.sidebar .testimonial h2 {background:url(/files/img/testimonial-h2-bg.jpg) no-repeat;text-transform:uppercase;color:#363636;font-size:1.6em;font-weight:bold;padding:15px 100px 15px 40px;line-height:1.2}
.sidebar .testimonial p {color:#000;font-size:1.2em;margin:15px}
.sidebar .testimonial p.anchors {font-size:1em;text-align:center}
.sidebar .testimonial p.anchors a {color:#CC1C26}

.sidebar ul.social-media {padding:20px 0 0 20px}
.sidebar ul.social-media li {float:left;width:100px;font-weight:bold;font-size:1.3em;line-height:1.2;margin:0 20px 0 0}
.sidebar ul.social-media li a {float:left;;padding:0 0 100px;text-align:center}
.sidebar ul.social-media li.tw a {color:#37A7D1;background:url(/files/img/tw-bg.jpg) no-repeat center bottom}
.sidebar ul.social-media li.fb a {color:#2163B8;background:url(/files/img/fb-bg.jpg) no-repeat center bottom}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {clear:both;font-size:1.2em;color:#919191;background:#fff url(/files/img/footer-bg.png) repeat-x 0 10px;padding:35px 20px 25px}
.footer a {color:#919191}

/* ----------------------------------------------------------------------------------------------------------
ostatni
---------------------------------------------------------------------------------------------------------- */
.flash {width:700px;height:200px;position:absolute;top:10px;right:0}

/* ----------------------------------------------------------------------------------------------------------
cistice
---------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
.clr {clear:both;height:0;font-size:0;line-height:0}

.tmaveZelena{
	font-weight: bold;
	color:#029691; 
}

.svetleZelenaBold{
	font-weight: bold;
	color:#8AC53C; 
}
.tmaveCervenaBold{
	font-weight: bold;
	color: #AF0000;
}

.svetleSedaMalyFont{
	color: #ADADAD;
	font-size: 10px;
}

.br{
	font-weight: bold;
	font-size:14px;
	color: #AF0000;
}

.sg{
	color: #ADADAD;
	font-size: 10px;
}
.bg{
	font-weight: bold;
	color:#8AC53C; 
}

.inputBack, .inputBackPoznamka{
	background: url(/files/img/images/inputBack.png);
	background-position: left;
	width: 215px;
	height: 35px;
	background-repeat: no-repeat;
}
.inputBack input, .inputBackPoznamka input{
	margin: 8px 10px;
	border: none;
	width: 190px;
	background: transparent;
}
.inputBackPoznamka{
	background: url(/files/img/images/inputPoznamka.png);
	width: 491px;
	height: 31px;
}
.textAreaBack{
	background: url(/files/img/images/textArea.png);
	width: 561px;
	height: 186px;
	background-repeat: no-repeat;
}
.textAreaBack textarea{
	margin: 8px 10px;
	width: 542px;
	height: 155px;
	border: none;
	background: none;
}
.vlozit{
	height: 63px;
	width: 123px;
	background: url(/files/img/images/vlozit.png);
	border: none;
	cursor: pointer;
}
.PrihlasitDoKurzu{
	height: 64px;
	width: 142px;
	background: url(/files/img/images/prihlasitNaKurzBtn.png);
	border: none;
	cursor: pointer;
}

h2.green{color: #77AE2E;}
h2.red{color: #CC1C26;}
h2.blue{color: #029691;}