/* CSS Document */
html, body {height: 100%;}
body {font-family: verdana; font-size: small; margin:0; padding:0; text-align: center; background: #bfd0d6 url("http://www.e-matematika.cz/include/img/podklad.gif") center top repeat-x;}
#ram {min-height: 100%; height: 100%; width: 870px; margin: 0 auto; text-align: left; padding: 0 0 10px 0; background: #0a5081 url("http://www.e-matematika.cz/include/img/podklad.jpg") left top repeat-y;}
body>#ram { height: auto;}
#levysloupec {color: #fff; background: url("http://www.e-matematika.cz/include/img/podklad-hlavicka.jpg") left top no-repeat; margin: 0; padding: 10px 0 0 31px; width: 250px; float: left;}
#logo {background: #073557;width: 209px; height:271px; margin: 0; padding: 0; overflow: hidden; position: relative; font-size: 1.5em;}
#logo a { color: #fff; width: 209px; height:271px; margin:0; padding:0;}
#logo span {width: 209px; height:271px; margin:0; padding:0; position: absolute; left:0; top:0; z-index: 1; background: url("http://www.e-matematika.cz/include/img/logo.jpg") left top no-repeat;}
#menu {margin: 15px 0 0 5px; padding:0; width: 189px;}
#menu p {padding: 0; margin: 0; }
#menu p a {display: block; width: 189px; color: #fff; text-decoration: none; font-size: 16px; padding: 4px 0 4px 4px; border-bottom: 1px solid #4d87b0; border-left: 1px solid #0e609c; border-right: 1px solid #0d5e96;}
#menu p a.prvni {margin-top: 20px; border-top: 1px solid #4d87b0;}
#menu p a:hover {background: #073557 url("http://www.e-matematika.cz/include/img/podklad-odkaz.gif") left top repeat-y; border-left: 1px solid #4d87b0; border-right: 1px solid #4d87b0;}
#menu ul {list-style-image: none;;margin: 0px 0px 0px 12px; padding: 0; list-style-type: none; width: 175px;}
#menu ul li {width:175px; margin: 0px 0px 0px 3px; padding: 0; list-style-type: none;}
#menu ul li a {display: block; text-decoration: none; color: #bbb;font-size: 11px; width:175px; padding: 5px 0 5px 4px; border-bottom: 1px solid #4d87b0; border-left: 1px solid #0e609c; border-right: 1px solid #0d5e96;}
#menu ul li a:hover {background: #073557 url("http://www.e-matematika.cz/include/img/podklad-odkaz.gif") left top repeat-y; border-left: 1px solid #4d87b0; border-right: 1px solid #4d87b0;}
/* NE? BYLO PODROBN�J|� MENU
#menu {margin: 15px 0 0 6px; padding:0; list-style: none; width: 189px;}
#menu li {margin:0; padding:0; width: 189px;}
#menu li a {display: block; width: 189px; color: #fff; text-decoration: none; font-size: 1.2em; padding: 4px 0 4px 5px; border-bottom: 1px solid #4d87b0; border-left: 1px solid #0e609c; border-right: 1px solid #0d5e96;}
#menu li a.prvni {margin-top: 20px; border-top: 1px solid #4d87b0;}
#menu li a:hover {background: #073557 url("http://www.e-matematika.cz/include/img/podklad-odkaz.gif") left top repeat-y; border-left: 1px solid #4d87b0; border-right: 1px solid #4d87b0;}
#menu li ul {margin: -21px 0 0 -30px; list-style: none; width: 175px;}
#menu li ul li {width:175px;}
#menu li ul li a {color: #bbb;font-size: 0.9em; width:175px; padding: 3px 0 3px 3px;}
*/
/* **** Druh� �rove� menu **** */
#menu2 {margin: 0px; padding:0; list-style: none; width: 189px;}
#menu2 li {margin:0; padding:0; width: 189px;}
#menu2 li a {background: url("http://www.e-matematika.cz/include/img/podklad-odkaz2.gif") left top repeat-y; text-align: right; display: block; width: 179px; color: #fff; text-decoration: none; font-size: 1em; padding: 4px 10px 4px 5px; border-bottom: 1px solid #4d87b0; border-left: 1px solid #0e609c; border-right: 1px solid #0d5e96;}
#menu2 li a.prvni {border-top: 1px solid #4d87b0;}
#menu2 li a:hover {background: url("http://www.e-matematika.cz/include/img/podklad-odkaz.gif") left top repeat-y; border-left: 1px solid #4d87b0; border-right: 1px solid #4d87b0;}
#telo {width: 570px; margin: 0; padding: 15px 0 0 5px; float: left; background: #fff;}
h1 {color: #0e609b; font-size: 1.5em;}
h2 {color: #0e609b; font-size: 1.5em; font-weight: normal;}
h2 a {color: #21a69f; font-weight: normal;font-family: verdana;}
h2.rada {color: #117107}
h2.skrizem {padding-left: 55px; background: url("http://www.e-matematika.cz/include/img/logom.gif") 15px 0 no-repeat; padding-bottom: 10px; margin-top: 2em;}
#zkousky {background:#FFEFAF; margin:1em; padding:0.5em 2em; border-radius:6px ;}
#zkousky h2 {color:#E93636}
#zkousky h3 {color:#B51F0D;font-size: 1em;}
p {margin-left: 1em; line-height: 1.35em;}
#telo em {font-weight: bold;}
#telo .alertram {padding: 10px; border: 1px solid #099ef3; background: #f2faff; line-height: 1.7em;}
#telo .alertramjaz {padding: 10px 10px 10px 200px; border: 1px solid #ff7202; background: #f8f7f7 url("http://www.e-matematika.cz/include/img/jazyky.gif") 10px 50% no-repeat; line-height: 1.7em;}
#telo .alertramred {padding: 10px; border: 1px solid red; background: #fff; line-height: 1.7em; color: red; font-weight: bold; text-align: center;}
#telo .stahnout {padding: 15px 0 15px 120px; background: url("http://www.e-matematika.cz/include/img/ikonka-stahnout.gif") left top no-repeat;}
#paticka {width:100%;background-color:#073557;color:#fff;clear:both;padding:5px;border-top:solid 1px #bfd0d6;text-align:left;}
#patickainner {margin: auto;width: 850px; padding: 10px;}
#paticka a,#paticka a:visited {color:#fff;}
#paticka ul li {list-style-image: none; list-style-type: none;}
#paticka h3 {font-size: 1em;margin-left:5px;}
#contact {width:50%;float:left;margin-left:230px;}
#contact2 {float:right;margin-left:5px;}
#doporucte {margin: 0 0 0 7px; padding:0; width: 196px;overflow: hidden;}
#levysloupec h3 {background: #073557 url("http://www.e-matematika.cz/include/img/podklad-nadpis.gif") left top repeat-y;width: 209px; font-size: 1em; text-align: center; margin-bottom:15px; padding:10px 0 ; margin-top: 25px;}
#levysloupec h3 a {font-family: verdana;color: #fff; text-decoration: none; font-weight: bold;}
#levysloupec h3 a:hover, #levysloupec h3 a:focus, #levysloupec h3 a:active {color: #fff; text-decoration: none;}
#doporucte fieldset {border: 0; margin:0; padding:0;}
#doporucte table {width: 150px; overflow: hidden;}
#doporucte th {color: #fff; font-size: small; font-weight: normal;}
#mail2,#mail, #name {width: 100%; margin-bottom: 5px; border: 2px solid #094067;}
#mail2:focus, #mail2:active #mail:focus, #name:focus, #mail:active, #name:active {border: 2px dotted #000;}
#zprava {border: 2px solid #094067; height: 100px;}
#zprava:focus {border: 2px dotted #000;}
#doporucte .submit {text-align: right;}
#objednavka { background: #e8f3f9; width: 460px; margin-left: 5px;}
#objednavka fieldset {border:0; padding: 10px;}
#objednavka td, #objednavka th {padding: 3px 6px;}
#objednavka th {width: 170px; text-align: right; vertical-align: top;}
#objednavka td {vertical-align: top;}
#drobecky {padding:0 0 10px 0; border-bottom: 1px solid #ddd; margin:0;font-size: 0.9em;}
a {color: #21a69f; font-weight: normal; font-family: arial,tahoma,'Courier New CE', 'Courier CE', 'Courier New', courier, monospace;}
a:hover {color: #fff; background: #077a90; text-decoration: none;}
#levysloupec a {color: #fff;}
#levysloupec a:hover {color: #fff; background: transparent;}
strong {color: #f9520c; font-weight: bold; background: #fffff1;}
a strong {font-weight: bold; color: #f9520c; font-family: arial,tahoma,'Courier New CE', 'Courier CE', 'Courier New', courier, monospace; background: #fff; text-decoration: underline;}
a:hover strong {color: #fff; background: #077a90; text-decoration: none;}
ul {list-style: url("http://www.e-matematika.cz/include/img/odrazka-prokazde.gif");}
ul li {margin-bottom: 0.8em;}
.netucny {font-weight: normal;}
.alert {color: red; font-weight: bold;} /* chybova hlaska u e-mailovyho formulare */
.nastred {text-align: center;}
.doprava {text-align: right;}
acronym {cursor: help; color: #666;} /* zkratky */
.pripravujeme {color: #999; font-style: italic;}
#telo ul.cislovany {list-style-image: none; list-style: decimal;}
p.literatura {font-style: normal; color: #aaa; padding: 0 1em; font-weight: normal;}
div.reference {font-style: italic; color: #333; font-size: 1.1em; width: 349px; text-align: justify; margin: 1em 3em; border: 0; padding: 5px 20px 5px 20px; background: url("http://www.e-matematika.cz/include/img/reference.jpg") left top no-repeat;}
.pi {font-family: Times New Roman; font-size: 1.3em;}
#odkazyhp {list-style-image: none;list-style-type: circle; font-size: 0.9em; margin-left: 20px; padding: 0px; width: 180px;}
#odkazyhp li {margin: 0 0 5px 0;}
.tucne {font-weight: bold;}
#telo ol li {margin-bottom: 10px;}
#telo table {border-collapse:collapse;}
#telo .vysledky td {border: 1px solid #10609b; background: #f6fbfe;padding: 3px 5px;}
#telo .vysledky th {border: 1px solid #10609b; background: #e5f3fc;padding: 3px 5px; text-align: center;}
/* Obrazky */
img.r {float: right; margin: 7px;}
img.l {float: left; margin: 7px;}
img.logop {float: left; margin: 15px 15px 5px 0px;}
img.c {margin: 7px auto;}
img.ramm {border: 5px solid #10609b;background: #fff; color: #000; padding: 1px;}
p.cimg {text-align: center;}
/* Logicka Hra - Hadanky */
/* Menu */
.lh-menu{margin: 2em 0em 2em 0em;}
.lh-menu a{margin: 0em 0em 0em 0.6em; background: rgb(153,153,153); color: rgb(255,255,255); border: 2px rgb(153,153,255) groove; text-decoration: none; text-align: center; font-weight: bold; padding: 0.1em 1em 0.1em 1em}
.lh-menu a:hover{margin: 0em 0em 0em 0.6em; background: rgb(255,102,0); color: rgb(255,255,255); border: 2px rgb(153,153,255) groove; text-decoration: none; text-align: center; font-weight: bold; padding: 0.1em 1em 0.1em 1em}
/* Fromular na odesilani reseni */
.lh-form{margin: 0.7em 8em 0.7em 4em;}
/* Tabulka - poradi */
.lh-table {text-align: center; margin: 1em 1.2em;}
.lh-table th{font-size: 8pt; background: rgb(255,102,0); color: rgb(255,255,255); letter-spacing: 2pt; padding: 0.2em 2em 0.2em 2em; border-width: 2px; border-style: groove; border-color: rgb(153,153,153);}
.lh-table td{font-size: 8pt; background: rgb(204,204,204); color: rgb(0,0,0); letter-spacing: 1pt; padding: 0.2em 1em 0.2em 1em; border-width: 1px; border-style: solid; border-color: rgb(0,0,0);}
.lh-topten td{font-size: 8pt; background: rgb(51,102,255); color: rgb(0,0,0); letter-spacing: 1pt; padding: 0.2em 1em 0.2em 1em; border-width: 1px; border-style: solid; border-color: rgb(0,0,0);}
.lh-white td{height: 2em; font-size: 8pt; background: rgb(255,255,255); padding: 0.2em 1em 0.2em 1em; border-style: none;}
/* Administrace */
.lh-administration-table{text-align: center; margin: 1em 1.2em;}
.lh-administration-table th{font-size: 8pt; background: rgb(102,51,255); color: rgb(255,255,255); letter-spacing: 2pt; padding: 0.2em 1em 0.2em 1em; border-width: 2px; border-style: groove; border-color: rgb(153,153,153);}
.lh-administration-table td{font-size: 8pt; background: rgb(204,204,255); color: rgb(0,0,0); letter-spacing: 1pt; padding: 0.2em 1em 0.2em 1em; border-width: 1px; border-style: solid; border-color: rgb(0,0,0);}
.lh-btn-check :hover{text-decoration: none; background-color: rgb(153,153,153); background-image: url('../hadanky/obr/btn_check[hover].jpg');}
.lh-btn-check-img{text-decoration: none; border-style: none; background-image: url('../hadanky/obr/btn_check.jpg'); height: 26px; width: 26px;}
/* Matematicka hra */
/* Mapa */
#map{margin: 20px;}
#mh-pole-actual {margin: 0px -1px -4px 0px; position: relative; display: inline-block; height: 40px; width: 40px; background: url(../hadanky/matematicka-hra/obr/mh-pole-green.gif);}
#mh-pole-neighbour {margin: 0px -1px -4px 0px; position: relative; display: inline-block; height: 40px; width: 40px; background: url(../hadanky/matematicka-hra/obr/mh-pole-grey.gif);}
#mh-pole-neighbour:hover {height: 40px; width: 40px; background: url(../hadanky/matematicka-hra/obr/mh-pole-yellow.gif);}
#mh-pole {margin: 0px -1px -4px 0px; position: relative; display: inline-block; height: 40px; width: 40px; background: url(../hadanky/matematicka-hra/obr/mh-pole-grey.gif);}
/* Priklady */
.mh-problem-chooser-form-item {margin: 0 4em 0 0;}
.mh-problem-chooser-form {margin: 0 0 0 3em;}
.floathelp {height: 1px; line-height:1px; font-size:1px; clear: both; }
.atlas-funkci ol li {height: 45px; line-height: 45px; vertical-align: middle; background: #CCFEFC}
.atlas-funkci ol li a {display: block; height: 100%; width:100%; background: #CCFEFC; color: #000; text-decoration: none;}
.atlas-funkci ol li a:hover {-webkit-box-shadow: 1px 1px 5px #000; -moz-box-shadow: 1px 1px 5px #000; box-shadow: 1px 1px 5px #000; color: #000;}
.atlas-funkci ol li a img {border: none;}