/* template styles - edited */
/* @TODO sjednotit napr body do jednoho */
html {
    /*background: $bottomWrapper.bg.color;*/
    background-color: white;
    margin:0 0 0 -1px;
    padding:0;	
    /*overflow-Y: scroll;*/
}

body {
    padding:0;
    margin :0;
    display:table; 
    width:100%;	
}

#wrapper {
    margin:0 auto;
    width:100%;
}

body {
    background-color:#FFFFFF;
}

#wrapper {
    border-top: 1px solid #ffffff;
}

#topWrapper {
    width:100%;
    height:150px;
    background-color: black;
    background-image: url('../images/css/topWrapper-bg.jpg');
    background-position:center top ;
    background-repeat:repeat-x;
}

#topBanner {
    width:1100px;
    margin:0 auto;
    height:150px;
    background-image: url('../images/css/topBanner.jpg');
    background-repeat:no-repeat;
}

#topnav {
    background:transparent url('../images/css/hmenu.jpg') repeat-x top left;
}

#topnav {
    height:40px;
    margin:0 auto ;
    text-align:center;
}

#topnav ul {
    display:table;
    margin:0 auto;
    padding:0;
    list-style-type:none;
    position:relative;
    height:40px;
    text-transform:uppercase;
    font-size:12px;
    font-family:Arial,sans-serif;
}

#topnav ul li {
    display:block;
    float:left;
    margin:0;
    padding:0;
    background:transparent url('../images/css/hmenu.jpg') repeat-x top left;

}

#topnav ul li a {
    display:block;
    float:left;
    color:#000000;
    text-decoration:none;
    padding:0px 50px ;
    line-height:40px;
    font-weight:bold;
}

#topnav ul li a:hover, #topnav li#current a {
    color:#9b251b;
    background:transparent url('../images/css/hmenu-sel.jpg') repeat-x top left;
}

#topnav ul {
    width:1100px;
}

body {
    background-position : center 190px;
}

#container {
    margin:0 auto;
    width:1100px;
    /*min-height:770px;*/
}

#banner {
    margin:15px auto;
    width:100%;
}

.slideshow { 
    height: 358.69565217391306px;
    width:100%;
    margin: 0 auto ;
}

.slideshow img { 
    padding: 0; 
    margin:0;
    width:1100px;
    height:358.69565217391306px;
}

.slideshow a img { border:none } 

.slideshowContainer {
    display:block;
    clear:both;
    width:100%;
    position:relative;
}

.slideshowBottom {
    clear:both;
    height:20px;
    position:absolute;
    top:338.69565217391306px;
    width:1100px;
    z-index:10;
    background:url('../images/css/slideshowBottom.png') no-repeat scroll center center transparent;
}

.slideshowLeftCorner {
    height:10px;
    position:absolute;
    top:0;
    left:0;
    width:10px;
    z-index:10;
    background:url('../images/css/slideshowLeftCorner.png') no-repeat scroll center center transparent;
}

.slideshowRightCorner {
    height:10px;
    position:absolute;
    top:0;
    left:1090px;
    width:10px;
    z-index:10;
    background:url('../images/css/slideshowRightCorner.png') no-repeat scroll center center transparent;
}

#content {
    width:1100px;
    margin:0 auto ;
    text-align:left;
}

#content p {
    text-align:justify;
    margin-top: 5px;
}

#content a:link, #content a:visited{
    color:#9b251b;
    font-weight:bold;
}

.last {
    margin-right:0 !important;
    clear:right;
}

.one_fourth {
    float:left;
    margin-right:40px;
    width:245px;
    margin-bottom:20px;
    position:relative;

}

.bloc h3 {
    margin-top:10px;
}

.bloc {
    padding:15px;
    background-color:#EEEEEE;
}

.half {
    float:left;
    width:530px;
    margin: 20px 40px 20px 0px;
    position:relative;	
}

.padd15 {
    padding:15px;
}

.padd20 {
    padding:20px;
}

body {
    color:#444444;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    /*text-transform: normal;*/
    text-transform: none;
}

p {
    letter-spacing: normal;
    line-height: 1.7em;
}

h1 {
    color:#000000;
    margin:20px 0 10px 0;
    clear:both;
}

h2 {
    color:#000000;
    margin:10px 0 10px 0;
    clear:both;
}

h3 {
    color:#000000;
    margin:10px 0 5px 0;
    clear:both;
}

a:link, a:visited {
    color:#9b251b;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}	

#bottomWrapper {
    background-color:#101010;
    background-image:url('../images/css/bottomWrapper-bg.png');
    background-position:center top ;
    background-repeat:repeat-x;
    text-align:center;
    color:#70806D;
    text-align:center;	
    width:100%;
    clear:both;	
}

#bottomWrapper a:link, #bottomWrapper a:visited {
    color:#e8ddcb;
}

#bottomWrapper a:hover{
    color:#cdb380;
    text-decoration:none;
}

#footer {
    min-height:260px;
    width:1100px;
    margin:0 auto;
    background-color:#101010;
    background-image:url('../images/css/footer-bg.png');
    background-position:center top ;
    background-repeat:no-repeat;
}

.footer-last {
    margin-right:0 !important;
    clear:right;
}

.footer-one-third {
    float:left;
    margin:20px 100px 20px 0;
    width:300px;
    position:relative;
    text-align:left;
    overflow:hidden;
}

.footer-one-third h3 {
    margin-top:10px;
}

.footer-one-third ul{
    border-top:1px solid #1a1a1a;
    padding:0 ;
}

.footer-one-third ul, .footer-one-third li {
    list-style: none ;
    margin-left:0 ;
}

.footer-one-third li {
    border-bottom:1px solid #1a1a1a;
    padding: 5px 0 ;
}

#bottom-links {
    height:60px;
    background:#010101 url('../images/css/bottomLinks-bg.png') center top repeat-x;
}

a img {
    border:none;
} 


.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* my styles */

#controlDiv {
    float: left; 
    width: 292px;
    height: 600px;
    margin-right: 3px;
}

#drawDiv {
    float: left;
    width: 800px;
    height: 600px;
    border: solid 1px grey;
    margin-left: 3px;
}


.instructions
{
    margin: 20px 0px;
    width: 100%;
    border-collapse:collapse;
}

.instructions thead tr
{
    color: black;
    border-bottom: 1px solid black; 
}

.instructions tbody tr
{
    border-bottom: 1px solid grey;
}

.instructions tbody tr:last-child
{
    border-bottom: none;
}

.instructions td {
    padding: 20px 5px;
}

.graphicElement, .inputField {
    text-align: center;
    vertical-align: middle;
}

.meaning {
    font-weight: bold;
}

.instructions thead tr th:first-child {
    text-align: center;
}

.instructions tbody tr td:first-child {
    white-space: nowrap;
}

.instructions thead tr th {
    min-width: 150px;
}

.anchor span:hover:after {
    /* properties changed usning javascript, see style.js */
    content: " ¶"; 
    opacity: 0.25;
}

em {
    font-weight: bold;
}

div.subsection {
    margin-left: 30px;
}

/*
div.subsection h1:first-child, div.subsection h2:first-child, div.subsection h3:first-child {
    margin-left: -30px;
}
*/




h1 {
    margin-top: 30px;
    margin-bottom: 5px;
}

h2 {
    margin-top: 25px;
    margin-bottom: 5px;
}

h3 {
    margin-top: 20px;
    margin-bottom: 5px;
}










#controlDiv > div {
    border: 1px grey solid;
    padding: 3px;
    margin: 3px 0px 3px 0px;
}

#controlDiv > div:first-child {
    margin-top: 0px;
}

#controlDiv > div:last-child {
    margin-bottom: 0px;
}

#controlDiv div.legend {
    text-align: center;
    font-weight: bold;
}

#algorithmsDiv {

    /* js count ant set the height */
    overflow: auto;
}

#historySelect {
    width: 284px; /* do not overflow */
}

#controlDiv input[size="1"] {
    width: 30px;
}

#controlDiv input[size="10"] {
    width: 130px;
}

#moveSpeedSlider, #stepDurationSlider{
    margin: 3px 10px;
}

#icons {
    list-style-type: none;
}

a.reference:before {
    content: "["
}

a.reference:after {
    content: "]"
}

a.reference {
    font-size: smaller;
    /* vertical-align: super; */
    position: relative;
    top: -6px;

}

.left_clear {
    clear: left;
}

#quickmenu {
    float: right;
    margin-left: 25px;
    padding: 20px;

    background-color: #eeeeee;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;

    border: 1px solid grey;
}

#quickmenu ul {
    margin: 0px;
}

#quickmenu > ul {
    padding: 0px;
}

#quickmenu li {
    text-indent: 1cm;
    list-style-type: none;
}

.quickmenu_header {
    font-size: 15px;
    font-weight: bold;
}

.prettyprint {
    margin-top: 5px !important; 
}