/* CSS styl pro stránky spv-duziny.net */

html, body { margin: 0; padding: 0; background: #282a2c; }
body { text-align: center; font-family: sans-serif; }

#all { width: 760px; margin: 0 auto; background: white; color: black; text-align: left; }

a { color: #990000; }
a:hover { text-decoration: none; }
a:active { color: #cc0000; }
a:focus { color: #cc0000; }

h1, h2, h3, h4 { font-family: 'Trebuchet MS'; margin: 0; padding: 0; }
h1 { font-size: 400%; }
h1 small { font-size: 30%; }
h2 { font-size: 175%; font-weight: normal; color: #282a2c; }
h3 { font-size: 130%; font-weight: normal; color: #282a2c; }
h4 { font-size: 110%; font-weight: normal; color: #282a2c; }

hr { display: none; }
acronym { cursor: help; }

.hidden { display: none; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.decak { color: #990000; }
.fl { float: left; }
.fr { float: right; }
.bigger { font-size: 110%; }
.smaller { font-size: 80%; }
.grey { color: grey; }

#hidod a { display: block; position: absolute; width: 1px; height: 1px; top: -2000px; left: -2000px; }
#hidod a:active, #hidod a:focus { position: absolute; top: 100px; left: 10px; padding: 5px; width: 250px; height: 30px; line-height: 30px; font-weight: bold; border: 3px solid black; color: black; z-index: 10;  background: white; text-decoration: none; display: block; text-align: center; }

#error { margin: 10px; padding: 10px; font-size: 100%; border: 1px solid #990000; background: #FFF1F1; text-align: left; }
#error strong { font-size: 110%; line-height: 120%; }
#error small { font-size: 90%; }
.error { margin: 10px; padding: 10px; font-size: 100%; border: 1px solid #990000; background: #FFF1F1; text-align: left; }
.error strong { font-size: 110%; line-height: 120%; }
.error small { font-size: 90%; }

#smajl { font-size: 80%; margin: 10px 10px 10px 0; padding: 0px; background: #d9daff; border: 1px solid #000066; }
#smajl img { margin: 2px 1px; }
#smajlopen, #smajlclose { height: 30px; line-height: 30px; text-align: left; padding: 5px 5px 5px 35px; position: relative; }
#smajlopen img, #smajlclose img { border: 0; text-decoration: none; position: absolute; top: 8px; left: 8px; }
#smajly { padding: 5px; }


#head { position: relative; width: 760px; height: 308px; }
#htxt { position: absolute; width: 760px; height: 308px; top: 0; left: 0; }
#htxt h1 { position: absolute; width: 740px; height: 80px; top: 10px; left: 10px; }
#htxt #aktual { position: absolute; width: 740px; height: 100px; top: 100px; left: 10px; }
#aktual h2 { font-size: 130%; font-family: 'Trebuchet MS'; font-weight: normal; }

#himg { position: absolute; width: 760px; height: 308px; top: 0; left: 0; background: url('images/head.jpg') top left no-repeat; }
#himg a { position: absolute; width: 760px; height: 308px; top: 0; left: 0; }

#middle { width: 760px; margin: 0; padding: 0; }

#content { width: 540px; margin: 0 10px 10px 10px; padding: 0; float: left; }
* html #content { width: 520px; }
#content h2 { text-align: right; border-bottom: 1px solid #282a2c; }

#menu { width: 190px; margin: 0 0 0 570px; padding: 0; }
* html #menu { width: 190px;margin: -23px 0 0 556px; } 
#menu h2 { margin: 10px 10px 0 0; border-bottom: 1px solid #282a2c; }
* html #menu h2 { margin: 5px 10px 0 0; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu ul ul li a { margin: 5px 5px 5px 0; }
#menu li { margin: 0; padding: 0; }
#fmenu a { font-size: 90%; }
#omenu a { font-size: 80%; }
#pmenu fieldset { border: 0; margin: 5px; padding: 5px; background: #ffffe6; border: 1px solid #ffcc00; }
#pmenu form { margin: 0; padding: 5px 15px 0 10px; text-align: right; width: 150px; font-size: 90%; }
#pmenu form div { margin: 2px 0; }
#pmenu #login, #pmenu #heslo { width: 60px; font-size: 90%; margin: 0; padding: 0; }
#prihlasit { font-size: 110%; padding: 3px 10px; font-weight: bold; }
#mmenu { font-weight: bold; }

#fbmenu a { display: block; text-align: center; }
#fbmenu a img { border: 0; margin: 5px; }

#footer { clear: left; text-align: center; margin: 15px 0 0 0; padding: 20px 0; font-size: 70%; border-top: 1px solid #bdbdbd; }
#footer .duzina { padding: 10px 125px; text-align: left; }

#rphoto div { text-align: center; margin: 5px; padding: 5px; }
#rphoto div#vph { background: #d9daff; border: 1px solid #000066; margin: 15px 10px; padding: 20px 10px; }
#rphoto a img { border: 1px solid #000066; margin: 5px; }
#rphoto a:hover img { border: 1px solid #990000; }
#rphoto a:active img, #rphoto a:focus img { border: 1px solid #cc0000; }
#rphoto a { font-weight: bold; }

.narozky { margin: 10px; padding: 10px; background: #ffffcc; border: 1px solid #ffcc00; font-size: 150%; color: #990000; text-align: center; }

#hymna { margin: 10px 0; padding: 0; }
#hymna p { margin: 10px; padding: 10px; line-height: 50px; text-align: center; font-size: 130%; background: #ffffcc; border: 1px solid #ffcc00; }

.snovinky { margin: 10px; padding: 10px; text-align: justify; border: 1px solid #990000; background: #FFF1F1; }
.novinky p { margin: 0; padding: 0; }
.novinky a { color: #000066; }
.novinky a:active, .novinky a:focus { color: #0000cc; }
.ndt { padding: 5px; text-align: right; font-weight: bold; }
.snovinky .strn { font-size: 120%; }

#odpocet p { text-align: center; font-size: 150%; }
#odpocet p {
background:#FFFFE6 none repeat scroll 0 0;
border:1px solid #FFCC00;
margin:10px;
padding:10px;
}

.vzkaz p.vzi { border: 1px solid #336600; background: #336600; color: white; margin: 10px 10px 0 10px; padding: 5px 10px; }
p.vzi small { color: #f0fbea; font-size: 60%; float: right; }
.vzkaz p.vzt { border: 1px solid #336600; margin: 0 10px 10px 10px; padding: 10px; text-align: justify; background: #f0fbea; }

#fotky .strankovani { margin: 10px; padding: 0; text-align: center; font-size: 80%; }
#fotky .strankovani a { margin: 0 2px; padding: 2px 4px; background: #ffffcc; border: 1px solid #ffcc00; text-decoration: none; }
#fotky .strankovani a:hover { background: #ffcc00; border: 1px solid #ffcc00; }
#fotky .strankovani a:active, #fotky .strankovani a:focus { background: #ffff99; color: #cc0000; }
#fotky .strankovani span { margin: 0 2px; padding: 2px 4px; font-weight: bold; border: 1px solid #990000; background: #FFF1F1; color: #990000; }
#fotovyp { text-align: center; }
#fotovyp a img { border: 1px solid #000066; }
#fotovyp a:hover img { border: 1px solid #990000; }
#fotovyp a:active img, #fotovyp a:focus img { border: 1px solid #cc0000; }

#kontakt p {  text-align: left; }
#kontakt small { color: #666666; }
#kontakt strong { color: #990000; font-style: italic; }
#kontakt em { color: #000066; font-weight: bold; }
#rkont { margin: 10px; padding: 0 10px; background: #ffffe6; border: 1px solid #ffcc00; }

#tabor { text-align: justify; }
#tabor h3 { margin: 10px 0 0 0; border-bottom: 1px solid black; }
#tabor p { margin: 1em; text-align: left; }
#tabor .ramecek { border: 1px solid #336600; background: #f0fbea; margin: 30px 10px; padding: 0; font-size: 110%; }
#tabor .ramecek p { text-align: center; }
#about a img, #tabor a img { border: 3px solid #990000; }

#prihlaska form { margin: 10px; padding: 10px; background: #ffffe6; border: 1px solid #ffcc00; }
#prihlaska fieldset { margin: 0; padding: 0; border: 0; }
#prihlaska legend { display: none; }
#prihlaska .updown { margin-bottom: 25px; }
#prihlaska .w150 input { width: 250px; }
#prihlaska .updown div { margin: 2px 0; }
#prihlaska .prods { text-align: right; margin-right: 40px; }
#prihlaska div h4 { text-align: left; }
#prihlaska #pozn { margin: 0 0 10px 0; }
#prihlaska textarea { width: 98%; }
#prihlaska #antisp { position: absolute; top: -5000px; left: -5000px; width: 1px; height: 1px; overflow: hidden; color: white; background: white; }

#vzform { margin: 10px; padding: 10px; background: #ffffe6; border: 1px solid #ffcc00; }
#vzform fieldset { margin: 0; padding: 0; border: 0; }
#vzform textarea { width: 480px; height: 150px; }
#vzform #pkv textarea { width: 480px; height: 220px; }
#vzform div { margin: 3px 0; }
#vzform .vright { text-align: right; }
#vzform #odeslat { margin: 5px 0; padding: 5px 50px; font-size: 110%; }

#redram { margin: 10px; padding: 20px; text-align: center; border: 1px solid #990000; background: #FFF1F1; font-size: 110%; }
#greenram { border: 1px solid #336600; background: #f0fbea; margin: 10px; padding: 20px; text-align: center; font-size: 110%; }

#vzkazy .strankovani { text-align: center; font-size: 120%; margin: 10px; }
#vzkazy .strankovani a { padding: 0 20px; }

#vzkazy .vzkaz { border: 1px solid #336600; background: #f0fbea; margin: 10px; padding: 0; font-size: 90%; }
#vzkazy .bv { float: right; margin: 0; padding: 5px 10px; color: white; font-size: 60%; color: #f0fbea; }
#vzkazy .tv { background: #336600; margin: 0; padding: 5px 10px; color: white; }
#vzkazy .tv a { color: white; font-weight: bold; }
#vzkazy .tv a:active, #vzkazy .tv a:focus { color: yellow; }
#vzkazy .tv a.delvz { color: #ffcc00; }
#vzakzy .tv small { font-size: 60%; }
#vzkazy .cv { margin: 0; padding: 10px; line-height: 130%; }
#vzkazy #hlp { font-size: 80%; text-align: center; margin: 10px; padding: 10px; border: 1px solid #990000; background: #FFF1F1; }
#hlp .darkred { color: #990000; }
.vzkaz img.imgborder { border: 1px solid #336600; padding: 5px; background: white; margin: 5px 0; display: block; text-align: center; }

#shortinfo { background:#D9DAFF none repeat scroll 0 0; border:1px solid #000066; margin: 10px; padding: 10px; }

/* hlášky */

#vzform #pkv textarea#hlaska { width: 480px; height: 70px; }
#vzkazy .hlaska { border: 1px solid #336600; background: #f0fbea; margin: 10px; padding: 0; font-size: 90%; }
#vzform .vright #hljmeno, #vzform .vright #prilez { width: 250px; }

.hlaska .tv { border: 1px solid #990000; background: #990000; color: white; margin: 10px 10px 0 10px; padding: 5px 10px; }
.hlaska .cv { border: 1px solid #990000; margin: 0 10px 10px 10px; padding: 10px; text-align: justify; background: #FFF1F1; }

/* decáky */

#decaky table { border: 1px solid black; border-spacing: 0; margin: 20px 10px 20px 25px; text-align: left; }
#decaky table a { text-decoration: none; }
#decaky table a:hover { text-decoration: underline; }
#decaky td { border: 1px solid black; padding: 1px 2px; }

#dectab .dc1 { background: #ffffcc; }
#dectab .dc2 { background: #d9daff; }

#decform { padding: 0; text-align: center; }
#decform fieldset { margin: 10px; padding: 10px; border: 1px solid #990000; background: #FFF1F1; }
#decform p { font-size: 90%; margin: 10px 0; }
#decform textarea { border: 1px solid black; margin: 15px; font-size: 120%; font-family: sans-serif; width: 450px; height: 175px; }
#decform input { margin: 5px 15px; padding: 15px 75px; font-size: 130%; }

#decaky .vypdec { margin: 10px; border: 1px solid #990000; background: #FFF1F1; padding: 10px; }
#decaky .vypdec img { float: right; border: 1px solid #990000; padding: 5px; background: white; margin: 0 10px 0 0; }
#decaky .vypdec p { margin: 5px 10px; padding: 0; }
#decaky .vypdec small { font-style: italic; padding: 0 15px; color: #666666; }

#users table { font-size: 80%; border-spacing: 0; border: 1px solid black; margin: 20px 10px 20px 25px; }
#users td { border: 1px solid black; padding: 1px 2px; }
#users .vypbld { font-weight: bold; background: #FFF1F1; color: #990000; }
#users .vypuzs { background: #FFF1F1; color: #990000; }

#user #jednus { margin: 10px; padding: 10px; background: #ffffe6; border: 1px solid #ffcc00; }

#mail p { font-size: 90%; text-align: justify; }
#pmail { border: 1px solid #336600; background: #f0fbea; margin: 10px; padding: 0 10px; }
#pmail em { color: #990000; }

#nastaveni form { font-size: 90%; }
#nastaveni h3 { margin: 20px 0 5px 0; }
#nastaveni form div { margin: 3px 0; }
#nastaveni form .npop input { width: 120px; }
#nastaveni input.tlac { padding: 5px 25px; margin: 10px 0 0 0; font-size: 130%; } 
#nastaveni small { font-size: 60%; }
#nastaveni label { display: block; width: 135px; float: left; text-align: right; }
#nastaveni p { border: 1px solid #336600; background: #f0fbea; text-align: justify; padding: 5px 10px 10px 10px; font-size: 120%; }
#nastaveni form .nmaily label { float: none; display: inline; }
#nastaveni form .nmaily input { float: none; display: inline; margin: 0 10px; padding: 0 10px; }
#nastaveni form .nmaily small { float: none; display: inline; }

#nastaveni #zmud fieldset { background: #d9daff; border: 1px solid #000066; padding: 10px; }
#nastaveni #zmhe fieldset { border: 1px solid #990000; background: #FFF1F1; padding: 10px; }
#nastaveni #aktud { background: #ffffe6; border: 1px solid #ffcc00; padding: 10px; }

#nov #addn fieldset { margin: 10px; padding: 10px; background: #ffffcc; border: 1px solid #ffcc00; }
#nov #hlp { font-size: 80%; text-align: center; margin: 10px; padding: 10px; border: 1px solid #990000; background: #FFF1F1; }
#nov label { display: block; font-weight: bold; margin: 5px 0 0 0; }
#nov #nrad label { display: inline; font-weight: normal; }
#nov #addnov { font-size: 130%; padding: 5px 25px; margin: 5px 0 0 0; }
#nov textarea { width: 480px; height: 200px; }
#nov #nnad, #nov #naut { width: 300px; }
#nov p { background: #d9daff; border: 1px solid #000066; margin: 10px; padding: 10px; text-align: justify; }