/* CSS Document */
html 			{font-size:100%;}
a				{text-decoration:none;}
a:hover		{text-decoration:underline;}
/* NOVOSTI 
======================================================================================*/
.kluc-slov 		{font-style:italic; margin-top:60px;}
.kluc-slo2		{color: #BBBBBB;}
.div-coppy  	{margin-top:20px;}
.div-coppy a 	{color: #007F33;}
.div-str 			{padding: 6px; background-color: #fff; border: 1px solid #ccc; border-radius: 8px; margin-bottom: 40px; overflow: hidden;}
.rtop-arrow-ob2 h2 { font-size: 24px; text-align: left; text-transform: none; margin-top: 8px; padding-top: 3px; margin-bottom:14px;}
.rtop-arrow-right {float: left; margin-top: 10px; margin-right: 6px; width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #66CC33/*007F33/*FF6633*/;}
.div-hotpod2 {background-color: #efefef; font-size: 16px; text-align: left; padding-left: 9px; padding-right: 9px; padding-top: 6px; padding-bottom: 10px;}


.autori		{
	width:40px; 
	height:40px; 
	border:1px; border-style:solid; border-color:#333; border-radius:20px; 
	padding:2px; 
	background-color:#FFFFFF; 
	background-image:url(../img/odkazy/ai.jpg); 
	background-repeat:no-repeat; 
	background-size:40px 40px; 
	background-position:0px 0px; 
	opacity:1.0; 
}
.autori-tx	{
	margin-top:-30px; 
	margin-left:50px; 
	color:#999999; 
	text-align:justify; 
	font-style:italic;
	font-size:0.82em;
}
.quote {
  border-left: 4px solid #006600;
  padding-left: 1em;
  margin: 1em 0;
  color: #333;
  background: #f9f9f9;
  font-style: italic;
}
.note {
  border-left: 4px solid #006600;
  padding: 0.5em 1em;
  margin: 1em 0;
  background: #f0fff0; /* jemná zelená */
  color: #222;
}
.tip {
  border-left: 4px solid #006600;
  padding: 0.5em 1em;
  margin: 1em 0;
  background: #e8f5e9;
  font-weight: 500;
}
.warning {
  border-left: 6px solid #FF0000;
  padding: 0.75em 1em;
  margin: 1em 0;
  background: #d9f2d9;
  font-weight: bold;
}



/* SELECT 
======================================================================================*/
.selekt					{background-color:#EEEEEE; padding-top:10px; padding-bottom:10px; margin-bottom:-50px;}
.div-select-con		{width:100%; height:30px; /*background-color:#00CC00;*/}
.sel-menu				{width:290px; height:30px;position: absolute; right: 10px; top:0px;}
.sel-men 				{width: 290px; height: 30px; position: absolute;  right: 24px; top: 0px;}
.sel-ite-seda			{background-color:#EEEEEE; color:#000000;}
.sel-ite-nad			{/*background-color:#EEEEEE;*/ color:#000000;}
.select-hr 				{margin-bottom:9px; margin-top:9px; height:1px; background-color:#eee;}
.sel-hr 					{margin-bottom:2px; margin-top:4px; height:1px; max-height:1px; background-color:#ddd; font-size: 1px;}

/* ŠÍPKA
======================================================================================*/
.rtop-arrow-right {
    float: left;
    margin-top: 8px;
    margin-right: 6px;
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid red;
}
/* SELECT END
======================================================================================*/

body 		{font-size:1.2rem; font-family: 'Open Sans', sans-serif; background-color:#EEEEEE;}
h1				{font-size:2.9rem; margin-top:10px; margin-bottom:40px; color:#006600;}
h2				{margin-top:40px; margin-bottom:30px; color:#006600;}
h3				{margin-top:30px; margin-bottom:30px; color:#006600;}
h4				{margin-top:28px; margin-bottom:30px;}
p				{margin-bottom:30px;}
abbr			{text-decoration:none; border-style:none;}
b				{/*font-weight:normal; color:#666;*/}
.ph1			{text-align:center; margin-top:-20px; margin-bottom:30px;}
.h1-grafi		{font-size:8rem; color: #999999; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
/*NAVBAR
==========================================*/
.r-fixtop		{}
.nav-my		{background-color:#336600; position:absolute; top:-51px; color:}
.nav-my1	{background-color:#FFFFFF; position:absolute; top:1px; border-top:10px solid #669933; border-bottom:1px solid #84C640;}
.img-logo	{width:88px; height:auto; margin-top:/*-36*/14px; border:1px solid #336600; border-radius:0 0 4px 4px; box-shadow:3px 2px 10px #999;}
.img-logo1	{width:88px; height:auto; margin-top:-47px; border:1px solid #336600; border-radius:0 0 4px 4px; box-shadow:3px 0px 10px #334400;}
.navbar-inverse .navbar-nav>li>a {color:#669933;} /*original v bootstrape*/
.navbar-inverse .navbar-nav>li>a:hover {color:#336600; text-decoration:underline;} /*original v bootstrape*/
/*ZELENA
==========================================*/
zel1			{color:#003300;}
zel2			{color:#006600}
zel3			{color:#009900}
zel4			{color:}
zel5			{color:#229900;}
zel6			{color:#229900;}


.general		{margin-top:86px;}
.center		{text-align:center; width:100%; height:auto; margin-left:auto; margin-right:auto; margin-bottom:20px;}
.imgcenter	{position:relative; margin-left:auto; margin-right:auto;}
.justify		{text-align:justify;}
.justifyb		{text-align:justify; font-weight:bold;}
.my-hr		{width:100%; height:1px; background-color:#999999;}
.my-ul		{margin-left:26px; list-style-type: circle;}
.my-ul3		{margin-left:26px; list-style-type: square;}
.my-ul4		{margin-left:26px; list-style-type: decimal;}
.my-ul5		{margin-left:26px; list-style-type: lower-alpha;}
.my-ul-li		{margin-left:26px; list-style-type: circle;}
.my-ul-li li	{margin-bottom:20px;}
.my-ul1		{margin-left:26px; list-style-type: circle;}
.my-ul1 li	{margin-bottom:20px;}
.my-ul2		{margin-left:26px; list-style-type: none;}
.mi-ul		{margin-left:26px; list-style-type: circle; font-style:italic; margin-bottom:30px; color:#636969;}
.mi-ul b		{color:#222222; font-weight:normal;}
.mi-ul-j		{}
.mi-ul-j li	{text-align:justify;}
.ul-link 	 	{list-style-type:none; font-size:1.1rem; margin-top: 40px;}
.ul-link li 	{display: inline;}
.ul-link li::after 				{content: ",";}
.ul-link li.prvy::after 		{content: ":";}
.ul-link li.posledny::after 	{content: ".";}
.ul-link .cierna 				{color: #000000;}
.poh1 		{text-align:center; margin-top:-20px; margin-bottom:20px;}
.nazvy i		{font-family:Georgia; color:#666666; font-size:1.1rem;}

.tuck-put	{font-family:Georgia; font-style: italic; color:#666666; font-size:1.1rem;}
.tuck-put u{color:#333333;}
.tucker		{color:#000000;}
.putin		{/*color:#666666;*/}
.putin b		{font-weight: normal; color:#000000;}

.bigimg		{margin-top:40px; margin-bottom:40px; border-radius:16px;}
.ciara-hr		{height:1px; width:100%; background-color:#ccc; margin-top:60px; margin-bottom:20px;}
.nr-obr		{width:40px; height:40px; border:1px solid #336600; border-radius:20px; background-color:#FFFFFF; text-align:center; padding:5px; position:relative; margin-top:-100px; margin-left:20px; margin-bottom:60px; box-shadow:3px 3px 20px #333; opacity:0.8;}
.nr-obr2		{width:40px; height:40px; border:1px solid #336600; border-radius:20px; background-color:#FFFFFF; text-align:center; padding:5px; position:relative; margin-top:-100px; margin-right:20px; float:right; margin-bottom:60px; box-shadow:3px 3px 20px #333; opacity:0.8;}
.nr-obr h3	{font-size:1.2rem; margin:0px; padding:0px; padding-top:3px;}
.nr-obr3		{width:40px; height:40px; border:0px solid #336600; border-radius:20px; background-color:#FFFFFF; text-align:center; padding:5px; position:relative; margin-top:-60px; margin-right:20px; float:right; margin-bottom:20px; box-shadow:3px 3px 20px #ddd; opacity:0.8;}

.div-i-obal		{padding:20px; margin-top:40px; margin-bottom:20px; border-radius:10px; border:1px solid #ccc; background-color:#efefef;}
.div-i-odkaz	{width:130px; height:100px; background-color:#ffffff; padding:0px; float:left; margin-right:20px;}
.img-index		{width:130px; height:100px; margin-right:20px; border:1px solid #336600; border-radius:4px; box-shadow:3px 0px 10px #999999;}
.div-odk-i		{font-size:0.9rem; text-align:justify;}

.div-o-obal	{padding:20px; margin-top:40px; margin-bottom:20px; border-radius:10px; border:1px solid #ccc; background-color:#efefef;}
.div-odkaz	{width:100px; height:100px; background-color:#ffffff; padding:0px; float:left; margin-right:20px;}
.img-odkaz		{width:100px; height:100px; margin-right:20px; border:1px solid #336600; border-radius:4px; box-shadow:3px 0px 10px #999999;}
.img-odkaz2	{width:100px; height:100px; margin-right:18px; border:1px solid #336600; border-radius:4px; box-shadow:3px 0px 10px #999999; margin-bottom:19px;}
.img-odkaz3	{width:78px; height:78px; margin-right:10px; border:0px solid #336600; border-radius:4px; box-shadow:2px 0px 6px #999999; margin-bottom:10px;}
.img-odkaz4	{width:50px; height:50px; margin-right:10px; border:0px solid #336600; border-radius:4px; box-shadow:2px 0px 6px #999999; margin-bottom:10px;}
.div-odk-t	{font-size:0.9rem; text-align:justify;}
.p-posun20		{margin-left:20px;}

.nav-menu	{visibility:/*hidden*/;}
.div-pata	{width:100%; background-color:#336600; margin-top:80px;}
.div-pataa	{background-color:#F1EBE8; border-top:1px solid #BBB;}
.div-copy	{padding:10px; color:#669900;}
.div-copy a	{color:#669900; text-decoration:none;}
.div-copy a:hover	{text-decoration:underline;}


.ramecky img		{background-color:#FFFFFF; border:1px solid #ccc; padding:8px;}
.ramecky p			{text-align:justify; padding-left:8px; padding-right:8px;}
.ramecky h1		{text-align:center;}
.ramecky h2		{text-align:center;}
.ramecky h3		{text-align:center;}
.ramec				{padding:20px; margin:40px 0px 40px 0px; border-radius:10px; border:1px solid #ccc; background-color:#e7e7e7;}
.rameckyy img	{background-color:#FFFFFF; border:1px solid #ccc; border-radius:0px; padding:4px;}
.rameckyy p		{text-align:justify; padding-left:8px; padding-right:8px;}
.rameckyy h1		{text-align:center;}
.rameckyy h2		{text-align:center;}
.rameckyy h3		{text-align:center;}

.ram-biely 		{padding:30px; background-color:#F6F6F6; font-size:1.2rem; font-style:italic; color:#666666; border-radius:20px; border:1px solid #CCC; margin-bottom:40px; text-align:justify;}

.gulicky		{font-size:12px; padding-left:5px; padding-right:5px; border-radius:12px; border:1px solid #000000; position:relative; top:-2px;}
.gulicky1	{font-size:12px; padding-left:2px; padding-right:2px; border-radius:12px; border:1px solid #000000; position:relative; top:-2px;}
.p-cond a	{font-family: 'Open Sans Condensed', sans-serif;}
.farba		{font-size:10px; padding-left: 6px; padding-right: 6px; border-radius: 10px; border: 1px solid #000000; position:relative; top:-2px;}
.znamenie	{background-position:right top; background-repeat:no-repeat; background-size:auto 100%; }
/* KNIHA */
.kniha img		{background-color:#FFFFFF; border:1px solid #ccc; border-radius:0px; padding:8px;}
.kniha img.image-my{border: 2px solid #cc0000;}
.kniha img.img-rating{border: 0px solid #cc0000; background-color:transparent;}
.kniha p			{text-align:justify; padding-left:8px; padding-right:8px;}
.kniha h1		{text-align:center;}
.kniha h2		{text-align:center; font-size:2.2rem; margin-top:40px; margin-bottom:40px;}
.kniha h3		{text-align:center; font-size:2.0rem; margin-top:40px; margin-bottom:40px;}
.kniha h4		{text-align:center; font-size:1.6rem; margin-top:40px; margin-bottom:40px;}
.kniha h5		{text-align:left; font-size:1.4rem; margin-top:30px; margin-bottom:20px;}
/* PESTOVANIE - STRANKY s VIDEAMI */
.mini-vid		{text-align:center; font-size:0.9rem;}
/* LINKY NAVIGÁCIA */
.navig {margin-bottom:10px; color:#337ab7;}
.naviga {margin-bottom:10px; margin-left:-8px;}
.navigac {margin-bottom: 20px; margin-left: 8px; color:#337ab7; }
/* MY SHARE BOX */
.my-share-css {margin-left:6px; width:100%; height:34px; }
/* HORE */
.div-hore { height: 0px;}
.hore {
    background-color: #ccc;
    width: 40px;
    height: 30px;
    position: fixed;
    bottom: 0px;
    right: 40px;
    border: 1px solid #777;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.horee {
    position: relative;
    top: -12px;
    left: 11px;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.bg-zlta {background-color:#FFCC66;}
.listuj 	{width:160px; }
.listuj-l 	{width:32px; height:32px; border-radius:16px; background-color:#CBD0E4; border:1px solid #B4B4B6; text-align:center; float:left;}
.listuj-p 	{width:32px; height:32px; border-radius:16px; background-color:#CBD0E4; border:1px solid #B4B4B6; text-align:center; float:right;}
.medzitext 		{text-align:justify; margin-bottom:60px; margin-top:80px;}
.medzitext-h 	{text-align:justify; margin-bottom:60px; margin-top:60px;}

/* RESPONSIVE   VELKOST PISMA; H1; H2; H3; H4; 
======================================================================================*/
@media (max-width: 520px) {
body				{font-size:1.0rem;}
h1					{font-size:1.6rem;}
h2					{font-size:1.4rem;}
h3					{font-size:1.4rem;}
h4					{font-size:1.4rem;}}
@media (min-width: 521px) and (max-width: 767px) {
body				{font-size:1.0rem;}
h1					{font-size:2.0rem;}
h2					{font-size:1.8rem;}
h3					{font-size:1.6rem;}
h4					{font-size:1.6rem;}}
@media (min-width: 768px) and (max-width: 992px) {
body				{font-size:1.1rem;}
h1					{font-size:2.2rem;}
h2					{font-size:2.0rem;}
h3					{font-size:1.8rem;}
h4					{font-size:1.8rem;}}
@media (min-width: 993px) and (max-width: 1200px) {
body				{font-size:1.2rem;}
h1					{font-size:2.6rem;}
h2					{font-size:2.4rem;}
h3					{font-size:2.2rem;}
h4					{font-size:2.0rem;}}
/* RESPONSIVE -  VEĽKÝ NADPIS;  OBRAZKOVÝ POPIS (1-2); 
======================================================================================*/
@media (max-width: 520px) {
.h1-grafi	{font-size:3rem;}
.nr-obr	{visibility:hidden;}
.nr-obr2	{visibility:hidden;}}
@media (min-width: 521px) and (max-width: 767px) {
.h1-grafi	{font-size:4rem;}
.nr-obr	{visibility:hidden;}
.nr-obr2	{visibility:hidden;}}
@media (min-width: 768px) and (max-width: 992px) {
.h1-grafi	{font-size:5rem;}
.nr-obr	{margin-top:-88px; margin-bottom:40px;}
.nr-obr2	{margin-top:-88px; margin-bottom:40px;}}
@media (min-width: 993px) and (max-width: 1200px) {
.h1-grafi	{font-size:5rem;}
.nr-obr	{margin-top:-100px;}
.nr-obr2	{margin-top:-100px;}}
/* RESPONSIVE   
======================================================================================*/