/* CSS Document */
html 			{font-size:100%;}
a				{text-decoration:none;}
a:hover		{text-decoration:underline;}
/*a[target="_blank"] {font-style:italic;}
a[target="_blank"]:after {content: ""; background: url("http://nazdravie.eu/pic/icon-ext-link-30.png") center right no-repeat; padding-right:30px; width:5px; height:5px;}

.ul-regioooony li::after 		{content: ",";}
*/

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;}
h2				{margin-top:40px; margin-bottom:30px;}
h3				{margin-top:30px; margin-bottom:30px;}
h4				{margin-top:28px; margin-bottom:30px;}
p				{margin-bottom:30px;}
abbr			{text-decoration:none; border-style:none;}
.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;}
.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;}


.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-ul		{margin-left:26px; list-style-type: circle;}
.my-ul1		{margin-left:26px; list-style-type: circle;}
.my-ul1 li	{margin-bottom:20px;}
.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;}
.bigimg		{margin-top:40px; margin-bottom:40px;}
.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;}
.div-odk-t	{font-size:0.9rem; text-align:justify;}


.nav-menu	{visibility:hidden;}
.div-pata	{width:100%; background-color:#336600; margin-top:80px;}
.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; border-radius:0px; 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;}

.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 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.1rem; margin-top:40px; margin-bottom:40px;}
/* PESTOVANIE - STRANKY s VIDEAMI */
.mini-vid		{text-align:center; font-size:0.9rem;}
/* LINKY NAVIGÁCIA */
.navig {margin-bottom:10px; 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   
======================================================================================*/