/*
    Document   : application
    Created on : Jun 28, 2010, 4:05:13 PM
    Author     : blahutka
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    background-color: #292929 ;/*#E0E0E0*/
    background:#292929 url(../images/body-background.jpg) repeat scroll left top;
}
.container {
    margin-top: 10px;
    background-color: white;
    margin-bottom: 0px;
    border: 8px solid #214C71;
}

.container.footer {
    background: none;
    margin-top: 0px;
    border: none;
}

#top-navigation {
    
}
ul.navig {
    list-style:none;

}

ul.navig li {
   color: white;
    float: left;
    padding-left: 20px;
}

ul.navig li a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

#header {
    background:#292929 url(../images/body-background.jpg) repeat scroll left top;
    background-color: #292929;
    border: none;
    margin-top: 30px;
}

#header h1 {
    color: #000066;
    margin-bottom: 2px;
}
#header h1 span{
    /*display: none;*/
    text-shadow: 0px 7px 7px #669999;
    font-family: Helvetica,"Helvetica Neue", Arial,sans-serif;
    font-size:50px;
}
#logo {
    margin-bottom: 20px;
    text-align: left;
}

#logo .slogan {    
    color: gray;
}

.section {
    background-color: #DDDDDD;
    border: 2px solid #D3D3D3;
}

.section h2 {
    margin-left: 10px;
    margin-bottom: 2px;
    color: black;
    text-shadow:0 1px 0 #DDDDDD;
}

.flag-background {
    margin: 25px;
    margin-bottom: 5px;
}

.flag-img {
    display: block;
    width: 120px;
    height: 100px;
}

#flag-english-on:link, #flag-english-on:visited, #flag-english-off:hover {    
    background-image: url("../images/flag-english-on.png") ;   
}

#flag-english-off {
    background-image: url("../images/flag-english-off.png") ;
}

#flag-german-on:link, #flag-german-on:visited, #flag-german-off:hover {
    background-image: url("../images/flag-german-on.png") ;
}

#flag-german-off {
    background-image: url("../images/flag-german-off.png") ;
}

#flag-test-on:link, #flag-test-on:visited, #flag-test-off:hover {
    background-image: url("../images/flag-test-on.png") ;
}

#flag-test-off {
    background-image: url("../images/flag-test-off.png") ;
}

#flag-odkazy-on:link, #flag-odkazy-on:visited, #flag-odkazy-off:hover {
    background-image: url("../images/odkazy-on.png") ;
}

#flag-odkazy-off {
    background-image: url("../images/odkazy-off.png") ;
}

#flag-facebook-on:link, #flag-facebook-on:visited, #flag-facebook-off:hover {
    background-image: url("../images/flag-facebook-on.png") ;
}

#flag-facebook-off {
    background-image: url("../images/flag-facebook-off.png") ;
}

#flag-odkazy-on:link, #flag-facebook-on:visited, #flag-facebook-off:hover {
    background-image: url("../images/odkazy-on.png") ;
}

#flag-odkazy-off {
    background-image: url("../images/odkazy-off.png") ;
}

.flag-background a{
    font-family:"Lucida Grande",Arial,sans-serif;   
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: black;
}

.flag-background p{
    font-family:"Lucida Grande",Arial,sans-serif;   
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: white;
    margin-bottom: 3px;
}
.flag-background .title.notactive a{
    color: gray;
}


.flag-background .title a {
    text-decoration: none;
    color: #333333;
}

.flag-background .apftitle{
    font-family:"Lucida Grande",Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    top: -15px;
    text-align: center;
}

#abeceda a{ 
  color: #000066;
  font-size: 16px;
  margin-right: 12px;
  text-decoration: none; 
}

#abeceda a:hover{ 
  text-decoration: underline;
}

#abeceda { 
  text-align: center;
}

/* Tables */

.table-minimalist {
    border-collapse: collapse;
}

.table-minimalist caption {
    font-family:"Lucida Grande",Arial,sans-serif;
    font-size: 14px;
    background-color: #ffffff;
    color: #000000;
    font-weight: bold;
    text-shadow:0 1px 0 #FFFFFF;
}
.table-minimalist thead th {
    background-color:#DDDDDD;
    color: #000000;
    font-family:"Lucida Grande",Arial,sans-serif;
    font-weight: bold;
    text-shadow:0 1px 0 #FFFFFF;
}

.table-minimalist tbody td {
    border-bottom:1px solid #DDDDDD;
}

.table-minimalist thead th, .table-minimalist tbody td, .table-minimalist tfoot td {
    padding: 5px 15px 5px 15px;
}