/* 
    Document   : Style.css
    Created on : 21.6.2010, 11:50:01
    Author     : Dave
    Description: Hlavní styl webu
*/
/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/******************
* Základní, obecné
******************/

root
{ 
    display: block;
}

body
{
    background-color: white;
    margin:0px;
    padding:0px;
    background-image: url('../Img/bg.png');
    background-position: left top;
    background-repeat: repeat-x;
    font-family: Tahoma;
    font-size: 13px;
    letter-spacing: 1px;
}

/* Nadpis první úrovně */
h1
{
    color:#de2217;
    font-style: italic;
    font-family: Tahoma;
    font-size:18px;
    font-weight: bold;
    margin-bottom:30px;
}

/* Nadpis druhé úrovně */
h2
{
    color:#5a5a5a;
    font-family: Tahoma;
    font-size:13px;
    font-weight: bold;
}

.Clear
{
    clear:both;
}

/*************
* Web (kostra)
*************/

/* Kostra */
#Web
{
    background-image: url('../Img/bg.png');
    background-position: left top;
    background-repeat: repeat-x;
    margin:0px auto;
    width:900px;
    background-color: white;
}

/* Prostřední část */
#WebMiddle
{
    margin:0px;
    padding-left:5px;
    padding-right:5px;
    text-align:justify;
    color:#717171;
    letter-spacing: 0px;
}

/* Odkaz v patičce */
#WebFooter a
{
    text-shadow: #eeeeee 1px 1px 0px;
    color: #5d5d5d;
    text-decoration: none;
    font-weight: bold;
}

/* Patička */
#WebFooter
{
    text-shadow: #eeeeee 1px 1px 0px;
    color: #5d5d5d;
    margin-top:20px;
    margin-bottom:10px;
    background-image: url("../Img/menu_bg.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding-left:10px;
    padding-right: 30px;
}
#WebsiteCuber
{
    margin-bottom:15px;
}

/* Partneři */
#Partners img
{
    margin:0px;
    border:0px transparent none;
    margin-right:12px;
}

/************
* Homepage
*************/

#Homepage a
{
    color:#5a5a5a;
    font-family: Tahoma;
    font-size:13px;
    font-weight: bold;
    background-image: url("../Img/arrow.png");
    background-position: center left;
    background-repeat: no-repeat;
    padding-left:15px;
    margin-top:10px;
    text-decoration: none;
}
.HomepageRight
{
    float:left;
    width:400px;
    text-align: justify;
}
.HomepageLeft
{
    float:left;
    width:400px;
    margin-left:80px;
    text-align: justify;
}

/* Časová značka */
.NewsDateStamp
{
    color:#5a5a5a;
    font-family: Tahoma;
    font-size:13px;
    font-weight: bold;
    background-image: url("../Img/arrow.png");
    background-position: center left;
    background-repeat: no-repeat;
    padding-left:15px;
    margin-top:10px;
}

.NewsItem
{
    margin:0px;
    padding:0px;
    margin-bottom:20px;
}

/************
* WebsiteMenu
*************/

#WebsiteMenu
{
    margin-bottom:30px;
    background-image: url("../Img/menu_bg.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding-left:10px;
    padding-right: 30px;
}

#WebsiteMenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    margin-right:10px;
}
#WebsiteMenu li
{
    position: relative;
}
#WebsiteMenu ul ul ul
{
    position: absolute;
    top: 0;
    left: 100%;
}
#WebsiteMenu ul ul
{
    position: absolute;
    z-index: 500;
}
div#WebsiteMenu ul ul
{
    display: none;
}
div#WebsiteMenu ul li:hover ul
{
    display: block;
}
div#WebsiteMenu ul ul,
div#WebsiteMenu ul li:hover ul ul,
div#WebsiteMenu ul ul li:hover ul ul
{
    display: none;
}
div#WebsiteMenu ul li:hover ul,
div#WebsiteMenu ul ul li:hover ul,
div#WebsiteMenu ul ul ul li:hover ul
{
    display: block;
}


#WebsiteMenu table, tr, td, div, a
{
    padding:0px;
    margin:0px;
    border:0px transparent none;
    border-spacing:0px;
}

.SubMenu
{
    background-color:#E1E1E1;
    width:320px
}

#WebsiteMenu a:hover
{
    text-shadow: none;
    color:white;
    background-image: url("../Img/menu_hover_access.png");
    background-position: left top;
    background-repeat: repeat-x;
    height:40px;
    padding-left: 10px;
    padding-right: 10px;
}
#WebsiteMenu a
{
    display:block;
    text-shadow: #eeeeee 1px 1px 0px;
    color: #5d5d5d;
    text-decoration: none;
    height:40px;
    padding-left: 10px;
    padding-right: 10px;
}

/************
* Článek
************/
#Article a
{
    color:#5a5a5a;
    font-family: Tahoma;
    font-size:13px;
    font-weight: bold;
    background-image: url("../Img/arrow.png");
    background-position: center left;
    background-repeat: no-repeat;
    padding-left:15px;
    margin-top:10px;
    text-decoration: none;
}

/************
* WebsiteBar
*************/

#WebsiteBar
{
    padding:0px;
    margin:0px;
    text-align: left;
    height:180px;
    max-height:200px;
    margin-bottom:50px;
}
#WebsiteBar img
{
    border:0px transparent none;
}

#WebsiteBar a
{
    border:0px transparent none;
}

.WebsiteBarItem
{
    float:left;
    text-align:center;
    height:64px;
    margin-left:10px;
}
.WebLogo
{
    float:right;
    margin-right:10px
}
.WebContact
{
    float:left;
    margin-top:45px;
}