/*Color Legend */ 
 
 
/* css/reset */

html, body { margin: 0; padding: 0; border: 0;
                background: transparent; font-size:10px; }


div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead, {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
    }
    
img    { margin:0; padding:0; border:0; } 

table { border-collapse: collapse; border-bottom: spacing: 0; }
input, select, texarea, form, fieldset {
    margin: 0; padding: 0; border: 0;
    }
    
article, aside, dialog, figure, footer,header,hgroup, nav, section {
    display:block; }
    
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%;
    font-weight: normal;
    font-style: normal;
    line-height: 100%;
    text-indent: 0;
    text-decoration: none;
    text-align: left;
    color:#000;
    }
    
ol, ul, { list-style: none; } 

/* Global */

html  {  }
body  { background-color: #cccccc;
 }


 
 /* Headings */
 
 h1, h2, h3, h4, h5, h6, {font-weight:bold; color: #000; }
 
 h1 { font:-size:24px; }
 h2 { font:-size:20px; }
 h3 { font:-size:16px; }
 h4 { font:-size:14px; }
 h5 { font:-size:14px; }
 h6 { font:-size:14px; }
 
 h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
 
 /* Text Elements */
 
 p               { color:#000; font-size:12px; line-height:150%;  }
 p .left         { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
 p .right        { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
 
 a               {   }
 a:link          { color: #00f;  }
 a:visited       { color: #333;  }
 a:active        { color: #000;  }
 a:focus         { color: #666;  }
 a:hover         { color: #f00;  }
 
 blockquote      { color:#000; font-size:12px;  }
 
 strong          { font-weight: bold;  }
 em              { font-style: italic;  }
 
 /* Images */
 
 
 /* Lists */
 
 ul              {   }
 ol              { list-style-type:decimal; }
 
ul li            { color:#000; font-size:12px; }
ol li            { color:#000; font-size:12px; }

dl               {   }
dt               {   } 
dd               {   }


/* Tables */

table            { width:900px; }

tr               {   }
.odd             { background-color:#eee; }
.even            { background-color:#fff; }

th               { font-weight: bold; }
thead, th        { background: #ccc; }

tbody            {   }

th,td,caption    {   }
caption          {   }

tfoot            {   }
.tfooter         { background-color:#ccc; text-align:center; font-style:italic; }

caption          { background: #efefef; }


/* Containers */


#wrapper         { width:900px; margin:0px auto; background-color:#d8d6d6; }

#top             { border-bottom:3px #e5232b solid;   background-color:#000; width:100%; padding: 13px 0; overflow: hidden;}

#logo            { margin: 0 0 0 10px; float:left; }
#logo img        {width:170px; height: 75px; }

#kontakte        {   }
#kontakte p      { color: #d8d6d6; font-size:13px; margin:4px 10px 4px 0px; float:right; margin: 0 10px 0 0; }


#topnav          {  background-color:#333333; clear:both; }
#topnav ul       { list-style-type: none;
                    
                    margin:0;
                    padding: 0;
                    overflow: hidden;
                    background-color: #333; 
					border-bottom:3px #e5232b solid; }
#topnav ul li    {  float:left; display: inline; width:180px;}
#topnav ul li a  { display: block;
                  color: #d8d6d6;
                  text-align: center;
                  padding: 14px 16px;
                  text-decoration: none;
                  font-size:15px; }

#topnav a:link      { color:#ffffff; }
#topnav a:visited   { color:#ffffff; }
#topnav a:active    { color:#ffffff; }
#topnav a:hover     { color:#ffffff; background-color:#FF0000; }
#topnav a:focus     { color:#ffffff; }

#banner          {    }
#banner img      { width: 900px; height:400px;  }

#subbanner       { width:100%; background-color:#333333;padding:1px 0;  overflow:hidden; border-bottom:3px #e5232b solid }

#subbanner h3    {color:#d8d6d6; font-size:16px;  font-weight:bold;  text-align:center; 
                     line-height:10px; display: block; letter-spacing: 3px;}

#content-wrapper {   }

#leftnav         {   }

#leftside        {   }

#content         { float:left; width:650px; padding:20px; }
#content h1      { margin:0 0 20px 0;font-size :24px; font-weight:bold; 
                    border-bottom:1px #e5232b solid; padding:10px 0; text-align:left; }
#content p       { margin:16px 0; padding:0 20px; font-size:12px; }
#content ul li   { padding: 7px 0; }                   
                    
#rightside       {float:right; padding:20px; margin:left:675px;   }
#rightside img   {padding:1px; border:1px #e5232b solid; margin:5px; }


#footer          {   width:100%; background-color:#333333; padding:5px 0;  overflow:hidden; border-bottom:3px #e5232b solid }
#footer div      { height:20px; }
#footer H3        {color:#d8d6d6; font-size:16px;  font-weight:bold;  text-align:center; 
                     line-height:5px; display: block; }
                     
#table           { float:left; width:450px; padding:20px; }                     


#box1            {   }

#box2            {   }

#box3            {   }

#box4            {   }

#box5            {   }

#box6            {   }


/* layout Extra */




/* Navigation Extra */



/* Forms */


form { text-aligh:center; margin:20px;   }

label, submit, input, textarea {
    border:2px; padding:2px; margin:2px; background:none; 
    }
    
label {
    float: left; width: 50px;
    text-align:right; display:block;
    }
    
input, textarea {
   border:1px #333 solid; margin-left:10px;
   }
   
input {
   width: 280px; margin-bottom: 3px;
   }

textarea {
    width: 280px; height: 150px;
    margin-bottom: 16px;
    }
select {    }

.submit {
     width:90px; height:25px;
     margin-left:100px;
     font-size:12px;
}

br  { clear: left;  }