HTML
{
height: 100%;
background-color: #00030F;
background-color: #052245\9; /* jen IE 7 a 8*/
}

BODY
{
font-family: arial;
font-size: normal;

line-height: 1.3;
}

IMG
{
max-width: 300px;/*108px;*/
border: 2px solid #FFFFFF;
-moz-box-shadow: 1px 1px 5px #000;
-webkit-box-shadow: 1px 1px 5px #000;
box-shadow: 1px 1px 5px #000;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000);
}

p.intext
{
text-align: center;
}
.intext img
{
max-height: 200px;
text-align: center;
margin: 10px;
}

INPUT
{
max-width: 100%;
color: #000;
background: #f9f9f9;
border: 2px solid navy;/*#aaa;*/
-moz-box-shadow: 1px 1px 3px #666;
-webkit-box-shadow: 1px 1px 3px #666;
box-shadow: 1px 1px 3px #666;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#666666);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#666666);
padding: 6px;
padding-left: 12px;
padding-right: 12px;
margin-bottom: 5px;
margin-right: 5px;
}
BUTTON /*.submit INPUT*/
{
background: /*#007;*/goldenrod;
border: 1px solid #fff;
color: /*#fff;*/black;
-moz-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);
padding: 4px;
padding-left: 12px;
padding-right: 12px;
min-height: 12px;
margin: 0;
margin-bottom: 5px;
margin-right: 5px;
cursor: pointer;
}
BUTTON:hover
{
background-color:#D3D3A6;
color: #007;
}
INPUT:hover
{
background-color:#fff;
}
TEXTAREA
{
width: 100%;
background-color: #f9f9f9;
}
TEXTAREA:hover
{
background-color: #fff;
}
TABLE
{
width: 100%;
}
SELECT
{
background: #f9f9f9;
border: 1px solid #aaa;

-moz-box-shadow: 1px 1px 3px #666;
-webkit-box-shadow: 1px 1px 3px #666;
box-shadow: 1px 1px 3px #666;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#666666);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#666666);

margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
}
SELECT:hover
{
background-color:#fff;
}
IFRAME
{
display: block;
width: 100%;
}
IFRAME:hover
{
background-color:#fff;
}
LEGEND
{
color: navy;
}
FIELDSET
{
border: 1px solid #aaa;
max-height: 100%;
max-width: 100%;
padding: 8px;
padding-right: 24px;
padding-left: 24px;
margin: 0;
margin-bottom: 6px;
overflow: hidden;
}

FIELDSET,
INPUT,
SELECT,
TEXTAREA,
BUTTON
{
font-size: normal;
}

TABLE,TR
{
text-align: left;
}
TH,TD
{
vertical-align: top;
padding-left: 12px;
}

/* CLASSES */

.col, .row { position: absolute; }
.row { width: 100%; left: 0; right: 0;}
@media screen
{
.row {/* min-width: 900px;*/ max-width: 1000px;  margin-left: auto; margin-right: auto; }
}
@media (max-width: 1000px)
{
.row {/* min-width: 800px;*/  width: 100%; margin-left: 0; margin-right: 0; }
}
@media (max-width: 800px)
{
.row {/* min-width: 700px;*/  width: 100%; margin-left: 0; margin-right: 0; }
}

.col { top: 0; overflow: hidden; }

.header.row { height: 75px; top: 5px; line-height: 1; }
.body.row { top: 90px; display: block; }

.left.col
{
left: 0;
width: 14%;
}

.body.col
{
left: 17%;
right: 0;
margin: 0;
}

@media (max-width: 1000px)
{
.left.col
{
width: 90px;
}
.body.col
{
left: 100px;
}
}
@media  (max-height: 400px), (max-width: 800px), (max-device-width: 800px)
{
.left.col
{
width: 100%;
}

.body.col
{
left: 0;
top: 40px;
}
}

.top
{
background-color: #D3D3d3; /*#D3D3A6; #5381a7;*/
color: #000000;
text-align: left;
display: block;
overflow: hidden;
height: 100%;
border-color: #89896B;
border-style: solid;
border-width: 1px;

background: -moz-linear-gradient(left, rgba(211,211,211,1) 0%, rgba(211,211,211,0.66) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(211,211,211,1)), color-stop(100%,rgba(211,211,211,0.66))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(211,211,211,1) 0%,rgba(211,211,211,0.66) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(211,211,211,1) 0%,rgba(211,211,211,0.66) 100%); /* Opera 11.10+ */
background: linear-gradient(to right, rgba(211,211,211,1) 0%,rgba(211,211,211,0.66) 100%); /* W3C */
}

.page
{
background-color: #fff;
display: block;
margin-right: 6px;
margin-left: 6px;
/*
border-color: #89896B;
border-style: solid;
border-width: 1px;
*/
}

.bottom
{
opacity: 0.75;
background-color: #D3D3d3; /*#D3D3A6; #5381a7;*/
color: #000000;
text-align: center;
margin: 0;
margin-top: 6px;
margin-bottom: 25px;
display: block;
overflow: hidden;
border-color: #89896B;
border-style: solid;
border-width: 1px;
max-width: 100%;
/*height: 30px;*/
}

.login
{
display: block;
top: 0;
left: 0;
position: absolute;
width: 27%;
/*height: 100%;*/
text-align: left;
padding-top: 2px;
/*padding-left: 4px;*/
z-index: 100;
}
.login INPUT,
.login BUTTON
{
padding: 2;
padding-left: 12px;
padding-right: 12px;
margin: 0;
}

.login IMG
{
position: relative;
float: left;
margin: 0px;
top: 0px;
width: 42px;
height: 55px;
margin-top: 6px;
margin-right: 12px;
margin-left: 24px;
}
.login .warning
{
display: none;
}
.login .info
{
display: none;
}

.caption
{
display: block;
top: 0;
left: 27%;
position: absolute;
width: 60%;
height: 100%;
font-size: 50pt;
font-weight: bolder;
color: #c3c3c3;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
text-align: center;
padding: 6px;
}
.logo
{
display: block;
top: 0;
left: 84%;
position: absolute;
width: 15%;
height: 100%;
text-align: center;
background: url(/html/images/eleanoruna.gif);
background-repeat: no-repeat;
background-position: center;
opacity: 0.75;
}

@media (max-width: 800px), (max-device-width: 800px)
{
.login
{
min-width: 50%;
}
.caption,
.logo
{
display: none;
}
}
@media (max-width: 1000px)
{
.caption
{
left:  40%;
width: auto;
}
}

.settings
{
position: relative;
padding: 0.05%;
width: 99%;
text-align: center;
overflow: hidden;
}

.pagetext
{
background-image: linear-gradient(top, rgb(242,242,242) 20%, rgb(255,255,255) 92%);
background-image: -o-linear-gradient(top, rgb(242,242,242) 20%, rgb(255,255,255) 92%);
background-image: -moz-linear-gradient(top, rgb(242,242,242) 20%, rgb(255,255,255) 92%);
background-image: -webkit-linear-gradient(top, rgb(242,242,242) 20%, rgb(255,255,255) 92%);
background-image: -ms-linear-gradient(top, rgb(242,242,242) 20%, rgb(255,255,255) 92%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.2, rgb(242,242,242)),
	color-stop(0.92, rgb(255,255,255))
);

display: block;
position: relative;
/*background-color: #fafafa;*/
padding: 24px;
max-width: 100%;
width: auto;
_width: 100%;
height: auto;
text-align: left;
font-size: normal;
}

.pageform
{
position: relative;
background-color: #e0e0e0;
padding: 1%;
text-align: left;
overflow: hidden;
border: 1px solid #dedac0;
-moz-border-radius: 6px;
border-radius: 6px;
margin: 5px;
border-color: #89896B;
border-style: solid;
border-width: 1px;
}
.pageform TH
{
width: 50%;
}

.pageapplet
{
position: relative;
background-color: #F4F4F4;
padding: 1%;
text-align: left;
overflow: hidden;
border: 1px solid #F1F4DC;
-moz-border-radius: 6px;
border-radius: 6px;
margin: 5px;
border-color: #89896B;
border-style: solid;
border-width: 1px;
}

.page_answer
{
padding: 12px;
}

.options
{
display: block;
left: 0px;
height: 30px;
text-align: center;
overflow: hidden;
overflow-x: auto;
padding: 0;
padding-top: 6px;
margin: 0;
padding-left: 9px;
}
.options UL
{
text-decoration: none;
list-style: none outside none;
padding: 0;
margin: 0;
position: relative;
top: 0;
/*height: 42px;*/
width: auto;
}
.options LI
{
display: block;
text-decoration: none;
list-style: none outside none;
position: relative;
float: left;
top: 0px;
height: 42px;
width: auto;
_width: 10%; /*IE hack*/
margin-right: 9px;
}
.options Li A
{
/*behavior: url(/html/js/PIE.htc);*/
display: block;
padding-top: 5px;
padding-left: 12px;
padding-right: 12px;
margin: 0px;
margin-top: 5px;
height: 37px;
background-color: #aeaeae;
color: #000000;
-moz-border-radius: 6px;
border-radius: 6px;
border-color: #89896B;
border-style: solid;
border-width: 1px;
}
.options LI A:hover
{
background-color: #bebebe;
margin-top: 1px;
}
.options Li.selected A
{
/*behavior: url(/html/js/PIE.htc);*/
display: block;
padding-top: 5px;
padding-left: 12px;
padding-right: 12px;
margin-top: 1px;
height: 37px;
text-decoration: none;
font-weight: bold;
background-color: #ffffff;
color: #000000;
-moz-border-radius: 6px;
border-radius: 6px;
border-width: 1px;
/*border-color: #f00;*/
text-shadow: 3px 3px 3px #ccc;

-moz-box-shadow: 5px 5px 5px #aaa;
-webkit-box-shadow: 5px 5px 5px #aaa;
box-shadow: 5px 5px 5px #aaa;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#aaaaaa);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#aaaaaa);
}

.menu
{
display: block;
text-align: left;
margin-left: 6px;
margin-right: 6px;
color: goldenrod;
/*z-index: 50;*/
min-width: 120px;
}

@media screen
{
.menu
{
position: fixed;
}
}
.menu UL
{
text-decoration: none;
list-style: none outside none;
padding: 0px;
margin: 0px;
position: relative;
top: 0px;
width: auto/*100%*/;
}
.menu LI
{
position: relative;
top: 0px;
min-height: 32px;
overflow: hidden;
margin: 0px;
padding: 0px;
margin: 0px;
margin-bottom: 3px;
}

@media (max-height: 400px), (max-width: 800px), (max-device-width: 800px)
{
.menu
{
position:relative;
float: right;
}
.menu UL,
.menu LI
{
float: left;
overflow: hidden;
overflow-x: auto;
}
}
@media (max-width: 1000px)
{
.menu
{
min-width: 90px;
}
}

.menu Li A
{
display: block;
_height: 25px;
min-height: 25px;
padding-top: 6px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 6px;
background-color: #A1A1a1;
color: #FFFFFF;
border-color: #89896B;
border-style: solid;
border-width: 1px;
}
.menu LI A:hover,
.menu Li.selected  A
{
background-color: #898989;
color: #fff;/*#D3D3A6;*/
text-shadow: 1px 1px 0px #000;
}

.menu Li.selected  A
{
display: block;
_height: 25px;
min-height: 25px;
padding-top: 6px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 6px;
font-weight: bold;
color: #fff;
background-color: #D3D3d3;
color: #000000;
border-color: #A1A17E;
border-style: solid;
border-width: 1px;
text-shadow: 1px 1px 0px #fff;
text-decoration: none;
}

.promo
{
text-align: center;
display: block;
}
@media (max-width: 1000px), (max-height: 400px)
{
.promo { display: none; }
}
@media (max-height: 400px), (max-width: 800px), (max-device-width: 800px)
{
.menu small { display: none; }
}


.articlechoice
{
display: block;
position:relative;
text-align: right;
float: right;
color: green;
font-size: 12px;
/*font-weight: bold;*/
}
.articlechoice .info
{
display: none;
}
.articlechoice a
{
color: olive;
}
.articlechoice a:hover
{
color: darkolivegreen;
}

.questchoice
{
display: block;
position:relative;
text-align: left;
margin-left: 6px;
margin-right: 6px;
color: goldenrod;
}
.questchoice .info
{
display: none;
}
.questchoice UL
{
text-decoration: none;
list-style: none outside none;
padding: 0px;
margin: 0px;
position: relative;
top: 0px;
width: 100%;
}
.questchoice LI A
{
position: relative;
top: 0px;
/*min-height: 36px;*/
overflow: hidden;
margin: 0px;
display: block;
margin-bottom: 12px;
padding: 15px;
/*
padding-top: 6px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 6px;
*/
border: 2px solid goldenrod;
background-color: /*#EDEDED*/#f9f9f9;
color: #000000;
text-shadow: 1px 1px 0px #ffffff;
text-decoration: none;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);
}
.questchoice LI A:hover
{
background-color: white;
color: #007;
border-color: navy;
/*
background-color: #DCDCDC;
color: #00000;
*/
text-shadow: none;
}

.partners TABLE
{
width: 100%;
}

.partners TD
{
height: 110px;
background-color: white;
}

.speakboard img
{
width: 40px;
height: 55px;
float: left;
margin-right: 12px;
margin-bottom: 3px;
}

.speakboard fieldset
{
clear: both;
padding: 6px;
background-color: white;
}

.speakboard fieldset fieldset
{
background-image: none;
margin: 0;
margin-left: 42px;
background-color: #fafafa;
}

.speakboard fieldset fieldset img
{
width: 27px;
height: 37px;
}

.speakboard pre
{
margin: 0;
margin-bottom: 3px;
display: table;
white-space: pre-wrap;
}

.userlist
{
width: 100%;
display: block;
}

.userlist HR
{
clear: both;
padding: 0;
margin: 0;
}

.userlist UL
{
padding: 0;
margin: 0;
display: block;
}

.userlist UL IMG
{
margin: 0px;
margin-right: 10px;
border: 2px solid #FFFFFF;
top: -37px;
width: 40px;
height: 55px;
}

.userlist LI
{
text-decoration: none;
list-style: none outside none;
padding: 0px;
margin-bottom: 12px;
position: relative;
width: 33%;
float: left;
}

/* siroke zahlavi stranky s obrazkem a textem */
.bgbox
{
position: relative;
display: block;
top: 12px;
margin-bottom: 6px;
overflow: hidden;
text-shadow: 0px 0px 3px #000;
background-color: #444;
/*min-height: 300px;*/
}

.bgbox IMG
{
position: relative;
width: 100%;
max-width: 100%;
height: 200px;
margin: 0;
border: 0;
z-index: 1;
display: block;
}

.bgbox h1
{
margin: 0px;
margin-top: 7px;
margin-bottom: 7px;
padding-top: 30px;
padding-left: 22px;
padding-bottom: 0px;
background-color: #777;
opacity: 0.5;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
color: #fff;
position: absolute;
top: 0px;
width: 100%;
z-index: 10;
}

.bgbox p
{
opacity: 0; /*viz jq animation*/
margin: 0px;
padding-left: 22px;
padding-bottom: 0px;
color: #fff;
position: absolute;
bottom: 25px;
z-index: 10;
}

.bgbox p b
{
color: white;
}

.info
{
font-size: small;
text-align: left;
background-color: #f3f4d3;
color: blue;
margin-bottom: 5px;
/*text-align: center;*/
display: block;
}
.warning
{
font-size: small;
text-align: left;
background-color: #f3f4d3;
color: red;
/*text-align: center;*/
display: block;
}

.clear
{
clear: both;
}

.item
{ /* adventure item description */
z-index: 100;
}

.registration
{
background-color: rgba(180, 235, 0, 0.12);
}