* {box-sizing: border-box;}
body {font-family:Verdana, sans-serif; margin:1px 0px 0px 0px; padding:0px; color:#222;}
a {width:50%}
a:link {color:444;}
a:hover {color:#FF0000;}
a:active {color:#FF0000;}
a:visited {color: #444;}
h1 {color:#f1fff1; text-shadow: 0 2px 2px rgba(0, 0, 0, .4); text-align:center;}
h2 {margin:0px;}

#uvod {padding: 0px 10px 5px 15px; margin:0px; background-color:#ffc5c5; background-image:url(https://www.snubak.cz/obrazky/srdce.png); background-repeat: no-repeat; background-position:right top}
#uvod p {color:#ffffff; line-height:120%; padding-top:10px;}

.poduvod {padding: 0px; margin:0px; background-color:#ffc5c5; background-image:url(https://www.snubak.cz/obrazky/ornament.png); background-repeat: repeat-x; height:11px; width:100%;}
.poduvod2 {padding: 0px; margin:0px; background-color:#fff1f1; background-image:url(https://www.snubak.cz/obrazky/ornament2.png); background-repeat: repeat-x; height:11px; width:100%;}

.bily-stin {color:#ffffff; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); line-height:130%;}
.bily-stin a:link {color:#ffffff;}
.bily-stin a:hover {color:#FF0000;}
.bily-stin a:active {color:#FF0000;}
.bily-stin a:visited {color: #ffffff;}

.levy {float:left; width: 33%; text-align: left; padding: 15px; margin:0px;}
.levy a:link {color:666666;}
.levy a:hover {color:#FF0000;}
.levy a:active {color:#FF0000;}
.levy a:visited {color: #666666;}

.stredni {float:left; width: 33%;}
.stredni p {padding: 0 15px;}
.stredni a:link {color:666666;}
.stredni a:hover {color:#FF0000;}
.stredni a:active {color:#FF0000;}
.stredni a:visited {color: #666666;}

.pravy {float: left; width: 33%;}
.pravy a:link {color:666666;}
.pravy a:hover {color:#FF0000;}
.pravy a:active {color:#FF0000;}
.pravy a:visited {color: #666666;}


.skorodole {text-align:left; padding: 20px 15px 20px 15px; margin:0px; background-color:#fff1f1;}
.skorodole p {line-height:150%; padding-top:0px;}

.max-sirka1 {max-width:296px;}
.max-sirka2 {max-width:580px;}
.max-sirka3 {max-width:870px;}
.max-sirka4 {max-width:1160px;}
.max-sirka5 {max-width:1450px;}
.max-sirka6 {max-width:1740px;}
.max-sirka7 {max-width:2030px;}
.max-sirka8 {max-width:2320px;}
@media only screen and (max-width: 2336px) {.max-sirka8 {max-width:2030px;}}
@media only screen and (max-width: 2046px) {.max-sirka7, .max-sirka8 {max-width:1740px;}}
@media only screen and (max-width: 1756px) {.max-sirka6, .max-sirka7, .max-sirka8 {max-width:1450px;}}
@media only screen and (max-width: 1466px) {.max-sirka5, .max-sirka6, .max-sirka7, .max-sirka8 {max-width:1160px;}}
@media only screen and (max-width: 1176px) {.max-sirka4, .max-sirka5, .max-sirka6, .max-sirka7, .max-sirka8 {max-width:870px;}}
@media only screen and (max-width: 886px) {.max-sirka3, .max-sirka4, .max-sirka5, .max-sirka6, .max-sirka7, .max-sirka8 {max-width:580px;}}
@media only screen and (max-width: 596px) {.max-sirka2, .max-sirka3, .max-sirka4, .max-sirka5, .max-sirka6, .max-sirka7, .max-sirka8 {max-width:290px;}}




#konec {text-align:center; padding: 9px 0px 9px 0px; background-color:#e5e5e5; margin:-16px 0px 0px 0px;}

.pravy-bily {background-color:#ffffff; padding: 15px; margin-top: 0px; text-align: left;}
.pravy-sedy {background-color:#f1f1f1; padding: 15px; margin-top: 0px; text-align: left;}
.pravy-ruzovy {background-color:#fff1f1; padding: 15px; margin-top: 0px; text-align: left;}

.cleaner {clear: both; height: 0; font-size: 0; visibility: hidden;}

.stred {display:block; margin: 0 auto;}
.katalog {text-align:center; float:left; width:100%; background-color:#f1f1f1; padding:4px 0px 4px 0px; background-image:url(https://www.snubak.cz/obrazky/zadek.png); background-repeat:repeat;}
.boxik {width:280px; height:325px; float:left; margin:5px; color:#444444; font-size: 0.9em; background-color:#f1fff1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); line-height:150%; overflow:auto;} 
.boxik2 {width:280px; height:480px; float:left; margin:5px; color:#444444; font-size: 0.9em; background-color:#f1fff1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); line-height:150%; overflow:auto; border-top-right-radius:30px;} 
.boxmenu {padding:0px 10px 0px 15px; text-align:left; line-height:150%;}

.cervene {color:#ff0000;}
.sede {color:#777777;}
.cervene-bold {color:#ff0000; font-weight:bold;}
.zelene-bold {color:#004700; font-weight:bold;}
.zelene-stred-bold {color:#5d8a5d; font-weight:bold;}
.bile-bold {color:#ffffff; font-weight:bold;}
.d-cervena {background-color:#ff0000; color:#ffffff; width:100%; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); font-size: 1.2em;}
.d-zelena {background-color:#009759; color:#ffffff; font-weight:bold; width:100%; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); font-size: 1.2em;}
.d-hneda {background-color:#8f6f4f; color:#ffffff; font-weight:bold; width:100%; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); font-size: 1.2em;}
.d-seda-svetla {background-color:#fbfbfb; color:#888888; font-weight: normal; width:100%; font-size: 1.1em;}
.d-zelena-svetla {background-color:#f1fff1; color:#888888; font-weight: normal; width:100%; font-size: 1.1em;}
.d-seda {background-color:#b5b5b5; color:#ffffff; font-weight:bold; width:100%; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); font-size: 1.2em;}
.d-zlata {background-color:#debb00; color:#ffffff; font-weight:bold; width:100%; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); font-size: 1.2em;}
.d-ruzova {background-color:#fff1f1; color:#007343; font-weight:bold; width:100%; height:23px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#cccccc;} 
.d-bila {background-color:#ffffff; color:#007343; font-weight:bold; width:100%; height:23px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#cccccc;} 

.srdce {line-height:2; padding: 20px 15px 20px 15px; margin:0px; background-color:#fff1f1; min-width:350px; font-size:0.9em}

@media only screen and (max-width: 900px) {
.levy, .stredni, .pravy {width: 100%;}
}

.mobile-container {min-width: 340px; margin: auto; height: 20px; color: white; border-radius: 0px; float:left;}
.topnav {overflow: hidden; position: relative;}
.topnav #myLinks {display: none; background-color:#ffffff; padding:15px 15px 8px 15px; border:1px solid #ccc; border-radius:10px}
.topnav #myLinks a {width:100%;}
.topnav a {color: #666666; padding-bottom: 0px; text-decoration: none; display: block;}
.topnav a.icon { display: block; position: absolute; right: -20px; top: 0;}
.topnav a:hover {color: #666666;}
.active {color: white;}

img { border: 0px none; padding: 0px; margin: 0px; }
#ma { padding: 0px; background: #ffc5c5 url(https://www.snubak.cz/obrazky/poz.png) top left no-repeat; width: 200px; font-size: 1px;}

.nahled3 {float: left; width:280px; float:left; margin:9px; text-align:left;}
.nahled3 a {text-decoration:none}
.max-800 {max-width:800px; text-align:justify; margin:12px;}