@charset "utf-8";
/* CSS Document */

/* fonty */
@font-face {font-family: "ArialRounded"; src: url("./fonts/arial_rounded.eot"), url("./fonts/arial_rounded.ttf") format("truetype");}


/* zaklad stranky */
body {background: url(../images/back.jpg) no-repeat top; background-color: #000000; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-align: left; color: #ffffff;}
#topmenubg {position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; opacity: 0.6; filter: alpha(opacity=60); background-color: #000000; z-index: 1;}
#topmenu {position: absolute; top: 0px; left: 0px; width: 100%; height: 30px; padding-top: 10px; padding-bottom: 10px; z-index: 2; cursor: default;}
#header {width: 931px; height: 176px; margin-top: 50px; text-align: left; cursor: default;}
#content {width: 931px; text-align: left;}
#footer {width: 931px; height: 20px; text-align: left; margin-top: 40px; color: #dadada; font-size: 8pt; cursor: default;}


/* horne menu */
#topmenu ul {width: 931px; height: 30px; margin: 0px; padding: 0px; list-style: none; text-align: left;}
#topmenu ul li {float: left; height: 16px; text-align: center; font-family: "ArialRounded", Arial, Helvetica, sans-serif; font-size: 10pt; text-transform: uppercase; color: #ffffff; padding-left: 20px; padding-right: 20px; padding-top: 7px; padding-bottom: 7px;}
#topmenu ul li:hover, #topmenu ul li.active {background-color: #bf0202; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

#topmenu a, #topmenu a:link, #topmenu a:visited {color: #ffffff; text-decoration: none;}
#topmenu a:active, #topmenu a:hover {color: #ffffff; text-decoration: none;}


/* header */
#header h1 {display: none;}
#header #logo {width: 240px; height: 176px; float: left;}
#header #intro {width: 325px; height: 156px; float: left; margin-left: 45px; margin-top: 20px; text-align: right;}

#header #intro h2 {font-family: "ArialRounded", Arial, Helvetica, sans-serif; font-size: 16pt; color: #ffffff; text-shadow: 2px 2px 2px #000000; filter: glow(color=#666666,strength=1) dropshadow(color=#191919,offX=2,offY=2); margin: 0px; padding: 0px; text-transform: lowercase; font-weight: normal;}
#header #intro p {font-family: Georgia, "Times New Roman", Times, serif; color: #000000; font-size: 13pt; margin-top: 8px; margin-bottom: 8px;}

#header #intro h2 a, #header #intro h2 a:link, #header #intro h2 a:visited {color: #ffffff; text-decoration: none;}
#header #intro h2 a:active, #header #intro h2 a:hover {color: #ffffff; text-decoration: underline;}


/* lavy panel */
ul.leftmenu {width: 160px; margin: 0px; padding: 0px; list-style: none;}
ul.leftmenu li {background-image: url(../images/sipka.png); background-position: 5px 5px; background-repeat: no-repeat; font-size: 8pt; width: 137px; min-height: 14px; padding-left: 18px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px;}
ul.leftmenu li:hover, ul.leftmenu li.active {background-color: #bf0202; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

ul.leftmenu a, ul.leftmenu a:link, ul.leftmenu a:visited, ul.leftmenu a:active, ul.leftmenu a:hover {color: #ffffff; text-decoration: none;}


/* hlavny obsah */
#content .rambg {position: absolute; width: 100%; height: 100%; z-index: 5; top: 0px; left: 0px; background-color: #120f0f; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; opacity: 0.6; filter: alpha(opacity=60);}
#content .rambg.black {opacity: 1.0; filter: alpha(opacity=100); background-color: #000000;}
#content .ramfg {position: relative; width: 100%; height: 100%; z-index: 6; top: 0px; left: 0px;}
#content .ramin {padding: 25px;}

#content .ramindex {position: relative; width: 610px;}
#content .ram {position: relative; width: 430px;}

#content .ramin h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 13pt; color: #fbcd66; font-weight: normal; padding: 0px; margin-top: 0px; margin-bottom: 7px;}
#content h3 {font-size: 10pt; margin-top: 0px; margin-bottom: 7px; color: #fbcd66; font-weight: bold;}
#content p {font-size: 10pt; margin-top: 0px; margin-bottom: 7px;}
#content .ciara {border-top: 1px dashed #79521c; margin-top: 20px; margin-bottom: 20px; height: 1px; width: 100%;}

#content h2.tien {font-family: "ArialRounded", Arial, Helvetica, sans-serif; font-size: 16pt; color: #ffffff; text-shadow: 2px 2px 2px #000000; filter: glow(color=#666666,strength=1) dropshadow(color=#191919,offX=2,offY=2); margin-top: 0px; margin-bottom: 7px; padding: 0px; text-transform: lowercase; font-weight: normal;}
#content h2.tien a, #content h2.tien a:link, #content h2.tien a:visited {color: #ffffff; text-decoration: none;}
#content h2.tien a:active, #content h2.tien a:hover {color: #ffffff; text-decoration: underline;}

#content h2 a, #content h2 a:link, #content h2 a:visited {color: #fbcd66; text-decoration: none;}
#content h2 a:active, #content h2 a:hover {color: #fbcd66; text-decoration: underline;}

#content img.ramik {border: 1px dashed #d5d5d5; padding: 5px;}
#content img.ramik:hover {border: 1px dashed #ffffff;}


/* pravy ram */
#search {position: relative; width: 175px; height: 30px;}
#search input {font-family: "ArialRounded", Arial, Helvetica, sans-serif; font-size: 10pt; color: #ffffff; padding: 5px; margin: 0px; border: none; background: none; width: 135px; height: 20px; float: left;}

#content .rampravy {position: relative; width: 285px; cursor: default;}
#content .rampravy .ramin {padding: 15px;}
#content .rampravy h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
#content .rampravy p {font-size: 8pt;}
#content .rampravy .ciara {margin-top: 10px; margin-bottom: 10px;}

#content .rampravy a, #content .rampravy a:link, #content .rampravy a:visited {text-decoration: none;}
#content .rampravy a:active, #content .rampravy a:hover {text-decoration: underline;}

#content .ramfg.sponzor h3 {color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; text-transform: lowercase;}
#content .ramfg.sponzor p {color: #9f7335;}


/* formulare */
#content .ram label {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; width: 150px; display: inline-block; vertical-align: top;}
#content .ram input {width: 220px; border: 1px solid #fbcd66; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #fbcd66; background-color: #120f0f; margin: 2px;}
#content .ram input.button {margin-left: 152px; width: 70px; font-family: "ArialRounded", Arial, Helvetica, sans-serif; font-size: 10pt; color: #ffffff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
#content .ram .male {font-size: 8pt;}


/* footer */
.foot {float: left;}
.foot.menu {text-align: right; float: right;}

#footer .red {color: #bf0202;}
#footer a, #footer a:link, #footer a:visited {color: #dadada; text-decoration: none;}
#footer a:active, #footer a:hover {color: #dadada; text-decoration: underline;}


/* vseobecne tagy */
a, a:link, a:visited {color: #ffffff; text-decoration: underline;}
a:active, a:hover {color: #ffffff; text-decoration: none;}

.dalej, .vsetko {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #d5d5d5;}
.dalej {background-color: #bf0202; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding-left: 10px; padding-right: 20px; padding-top: 4px; padding-bottom: 4px; width: 60px; text-align: center;}
.vsetko {float: right; text-align: right; margin-top: -25px;}

.dalej a, .dalej a:link, .dalej a:visited {color: #d5d5d5; text-decoration: none;}
.dalej a:active, .dalej a:hover {color: #ffffff; text-decoration: none;}
.vsetko a, .vsetko a:link, .vsetko a:visited {color: #d5d5d5; text-decoration: underline;}
.vsetko a:active, .vsetko a:hover {color: #ffffff; text-decoration: none;}

.hidden {display: none;}