/*     globalni styly tagu     */
*{
    margin:0;
    padding:0;
}

body{
    font: 75% "Tahoma",Sans-Serif;
    background: #FFF;
    color: #868686;
    background: #fff;
    text-align: center;
}
strong{
    font-weight: bold;
    color: #373737;
}
em,blockquote{
    font-style: italic;
}
img{
    border: 0;
}
a{
    color: #DE261D;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}





/*========     Layout    ========*/
#page{
	width: 812px;
	margin: 0 auto;
	text-align: left;
}


/*  hlavicka  */
#top{
    height: 332px;
    width: 812px;
    background: url("../images/design/top.jpg") bottom left no-repeat;
}

/* menu */
#menu{
    width: 758px;
    height: 69px;
    padding-left: 54px;
    background: url("../images/design/arrow.gif") 40px 27px no-repeat;
    list-style: none;
}
#menu li{
    height: 63px;
    float: left;
    background: url("../images/design/menu-tecka.gif") left 33px no-repeat;
    padding: 22px 0 0;
}
#menu li.first{
    background: none;
}

#menu li a{
    display: block;
    float: left;
    height: 41px;
    _height: 47px;
    padding: 0 10px;
    color: #848484;
    text-decoration: none;
}
#menu li.active a{
    color: #DE261D;
    font-weight: bold;
    border-bottom: 6px #DE261D solid;
}

#menu li a:hover{
    text-decoration: underline;
}


/* jazyky */
#languages{
    height: 20px;
    margin: 15px 15px 0 0;
    text-align: right;
    font-size: 90%;
}

/* logo */
#logo a{
	display: block;
	position: relative;
    width: 271px;
    height: 56px;
    margin: 35px 0 0 457px;
}
#logo a span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
    background: url("../images/design/logo.jpg") top left no-repeat;
    cursor: pointer;
}


/* telefon */
#phone {
	display: block;
	position: relative;
    width: 203px;
    height: 15px;
    margin: 37px 0 0 461px;
}

#phone span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../images/design/phone.gif") top left no-repeat;
}









/*  obsah  */
#content{
    float: left;
    width: 470px;
    margin: 30px 0 0 0;
    padding: 0 40px 30px;
    background: url("../images/design/arrow.gif") 15px 42px no-repeat;
}




/* pravy pruh */
#right{
    float: left;
    width: 230px;
    margin-top: 30px;
    padding: 10px 15px 50px;
    background: url("../images/design/line.gif") left top repeat-y;
}
#right p{
    padding-bottom: 10px;
}
#right input#right_kontakt{
    border: 1px #BFBFBF solid;
    width: 200px;
    background: url("../images/design/bg-input.gif") left bottom repeat-x;
}
#right .submit{
    margin-top: 10px;
}

#right .submit input{
    font-size: 120%;
    font-weight: bold;
    color: #DE261D;
    background: none;
    border: 0;
    cursor: pointer;
}





/* paticka */
#bottom{
    clear: both;
    padding: 0 0 30px 0;
    font-size: 90%;
    background: url("../images/design/bg-bottom.gif") top left repeat-x;
    text-align: center;
}
#bottom p{
	width: 772px;
	margin: 0 auto;
    padding: 20px 0 0 40px;
    background: url("../images/design/bottom-sipka.gif") 55px top no-repeat;
    text-align: left;
}
#bottom strong{
    color: #DE261D;
}







/* styly obsahu */
#content p,#content h1,#content h2,#content h3,#content h4,#content h5,#content table,#content form,#content blockquote,#content ul,#content ol{
    padding: 0 0 10px 0;
}

#content h1,#content h2,#content h3,#content h4,#content h5{
    color: #DE261D;
    font-style: italic;
}
#content h1{
    font-size: 180%;
    font-weight: normal;
}
#content h2{
    font-size: 160%;
    font-weight: normal;
}
#content h3{
    font-size: 140%;
    font-weight: normal;
}
#content h4{
    font-size: 100%;
}
#content h5{
    font-size: 90%;
}

#content ul,#content ol{
    margin-left: 15px;
}
#content li{
    padding: 0 0 5px 0;
}