* {

    margin: 0px;

    padding: 0px;

}



body {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size: 12px;

text-align: center;

background:#FFFFFF url(bg.jpg) repeat-x center top;

}



h1 {

    text-transform: uppercase;

    font-size: 2.4em;

    font-weight: normal;

    padding-bottom: 0.5em;



    color: #cc6600;

}



h2 {

    font-size: 1.5em ;

    font-weight: normal;

    letter-spacing: 1px;

    padding: 1.5em 0em 0.0em 0;

    color: #006699;

}



h3 {

    font-size: 1.2em ;

    font-weight: 900;

    letter-spacing: 1px;

    padding: 1.3em 0em 0.0em;

    color: #000000;

}



h4 {

    font-size: 1.1em ;

    font-weight: 900;

    letter-spacing: 1px;

    padding: 0.3em 0em;

    color: #000000;

}







a {

    cursor: pointer;

    color:#006699;

    text-decoration: underline;

}





a:hover {

    cursor: pointer;

    color:#006699;

    text-decoration: none;

}



a img {

border: 0;

}

.enter_gallery {width: 100%; display: block; text-align: center;}
.enter_gallery a{ text-decoration: none; }


/* table.simple je uplne obycejna tabulka, jen pro udrzeni struktury (napr ve formulari) */

table.simple td, table.simple th {

border: 0px;

padding: 2px 4px;

background: transparent;

}



.cleaner {

    clear: both;

    height: 1px;

    line-height: 1px;

    overflow: hidden;

}



.clear {

clear: both;

height: 0;

font-size: 0;

line-height: 0;

}



.left {

float: left;

margin-right: 10px;

}

.right {

float: right;

margin-left: 10px;

}

.line-through {text-decoration: line-through;}
.center_it {text-align: center;}


.red {

color: #f00;

}



.error {

color: #f00;

}





#content_text ul, #content_text ol {

padding-left: 1.4em;

margin-left: 0;

}



#content_text ul li, #content_text ol li{

line-height: 1.5em;

margin: 0.5em 0 0 0.5em;

}



#content_text ul {

list-style: circle;

}





#content_text p, #content_text ul, #content_text ol, #content_text table {

margin: 1.3em 0em;

font-size: 1em;

}



#content_text p, #content_text ul, #content_text ol {

text-align: justify;

}



#content_text p {

line-height: 1.5em;

}



#content_text table th, table td {

padding: 1px 3px 1px 3px;

}















#container {

width: 822px;

margin: 0px auto;

text-align: left;

}



#header {

    width: 822px;

    height: 153px;

    

}



#header_top {

    width: 822px;

    height: 110px;

    position: relative;

    

}





#logo {

    float: left;

    width: 313px;

    height: 108px;

    margin-top: 3px;

    position: absolute;

    left: 73px;

    top: 0px;

}



#logo a{

width: 313px;

height: 108px;

display: block;

position: relative;

text-decoration: none;

}



#logo a span {

position:absolute;

width: 313px;

height: 108px;

background: url(logo.jpg) no-repeat 0px 0px;

}



#text{
width: 400px; height:108px;
float: right;
}


#text div{

    font-size: 1.75em;

    font-weight: 900;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    line-height: 110px;

    color: #CECDCD;

}



#text div span{

color: #FF9933;

}


#flags{position: relative; top:78px; left:320px; float: right;}

#flags li{list-style: none; margin-right: 4px; float:left;}

#flags .flag_de, #flags .flag_en, #flags .flag_cs {display:block; width: 28px; height: 23px;}

#flags a .flag_de {background: url(de.png) no-repeat;}
#flags a .flag_en {background: url(en.png) no-repeat;}
#flags a .flag_cs {background: url(cs.png) no-repeat;}

#flags a:hover .flag_de {background: url(de_a.png) no-repeat;}
#flags a:hover .flag_en {background: url(en_a.png) no-repeat;}
#flags a:hover .flag_cs {background: url(cs_a.png) no-repeat;}


#menu {

text-align: center;

width: 822px;

height: 32px;

}



#menu ul{

width: 720px;

list-style: none;

margin: 11px auto 0px;  

}



#menu ul li{

list-style: none;

height: 32px;

width: 94px;

float: left;

margin-right: 8px;

}



#menu ul li a{

display: block;

width: 94px;

height: 32px;

background:#57422E url(button.jpg) no-repeat bottom;

line-height: 32px;

text-align: center;

font-weight: bold;

font-size: 1em;

text-decoration: none;

color: #cccccc;

font-family: Arial, Helvetica, sans-serif;

}



#menu ul li a:first-letter{

color:#FF9933;

}



#menu ul li a:hover{

display: block;

width: 94px;

height: 32px;

background:#C35500 url(button.jpg) no-repeat top;

}



#menu ul li a:hover:first-letter{

color: #CABF02;

}



#content{

background: url(left.jpg) repeat-y left;

}



#menu_left_bg {

    float: left;

    width: 220px;

    min-height: 270px;

    _height: 270px;

    background: url(menu_left.jpg) no-repeat left top;

}



#menu_left {

float: left;

width: 220px;

min-height: 270px;

_height: 270px;

background:#454545 url(left.jpg) repeat-y left;

font-family: Arial, Helvetica, sans-serif;

color: #cccccc;

}



#menu_left ul {

    list-style: none;

    margin-top: 3px;

}



#menu_left ul li{

    list-style: none;

    padding:0px  10px 0px 24px;

}



#menu_left ul li a {

    color: #ffffff;

    font-variant:small-caps;

    font-size: 1.1em;

    font-weight: normal;

    display: block;

    height: 30px;

    line-height: 30px;

    background: url(butonky.gif) no-repeat right top;

    font-family: Arial, Helvetica, sans-serif;

    text-decoration: none;

}



#menu_left ul li a:hover {

    color: #ffffff;

    font-variant:small-caps;

    font-size: 1.1em;

    font-weight: normal;

    display: block;

    height: 30px;

    line-height: 30px;

    background: url(butonky.gif) no-repeat right bottom;

    text-decoration: none;

}



#menu_left .menu_left_box {

width: 206px;

margin: 20px 0 0 14px;

}



#menu_left .center {

text-align: center;

}





#contact p{

color: #cccccc;

padding: 0px 15px 0px 60px;

text-align:left;

font-family: Arial, Helvetica, sans-serif;

line-height: 1.2em;

margin:0em 0em 1.2em 0em;

}



#contact p span {

padding-left: 26px;

display: block;

}



#contact .phone{background: url(phone.jpg) no-repeat 25px bottom;}


.facebook,.twitter,.youtube {float: left; height: 20px; width: 20px; margin-left: 5px; /*margin-right: 5px; margin-top: 15px;*/}
    .facebook {background: transparent url('facebook-icon.png') no-repeat; margin-left: 25px;}
    .twitter  {background: transparent url('twitter-icon.png') no-repeat;}
    .youtube  {background: transparent url('you-tube-icon.png') no-repeat;}

.facebook a,.twitter a,.youtube a { display: block; height: 20px; width: 20px;}
    .facebook a:hover {background: transparent url('facebook-a-icon.png') no-repeat;}
    .twitter  a:hover {background: transparent url('twitter-a-icon.png') no-repeat;}
    .youtube  a:hover {background: transparent url('you-tube-a-icon.png') no-repeat;}


#contact .email a{

text-decoration: none;

color: #cccccc;

}



#contact .email a:hover{

text-decoration: underline;

color: #cccccc;

}



#contact .email{

background: url(letter.jpg) no-repeat 25px bottom;

color: 

}



#contact {

margin-top: 60px;

padding: 11px;

}



#animace {

    width: 601px;

    height: 218px;

    float: left;

    background: url(animace.jpg) no-repeat 0px 0px;

overflow: hidden;

}



#animace_content {

    padding: 3px 13px 14px 3px;

}



#animace_bg {

background: url(animace_bg.jpg) no-repeat 0px 0px;

width: 585px;

height: 194px;

}



#content_text {

width: 601px;

float: right;

overflow: hidden;

margin: 0px;

}



#content_pad {

    padding: 0px 18px 25px 18px;

    background: url(footer.jpg) no-repeat -1px bottom;

    margin: 0px;

}



#content_pad img{

margin: 5px 10px;

}



#footer {

    width: 530px;

    margin: 0px 45px 0px 25px;

    padding-bottom: 15px;

    float: right;

    margin-top: 10px;

}





#footer p{

text-align: right;

line-height:1.8em;

font-size: 0.9em;

color: #666;

}



#footer p a{

color: #666;

text-decoration: none;

}



#footer p a img{

color: #666;

text-decoration: none;

font-size: 0.9em;

border: none;

}



#footer p a:hover{

color: #000000;

text-decoration: underline;

}







.gallery_item {

width: 174px;

height: 163px;

background: #fcfbfa url('bg_foto.png');

text-align: center;

float: left;

margin: 10px 10px 0 0;

display: block;

text-decoration: none;

}

.gallery_item:hover {

text-decoration: underline;

}



.gallery_photo {

padding: 12px 12px 0 12px;

height: 115px;
display: block;
}



.gallery_photo img {

margin: 0 !important;

padding: 0 !important;

}



.gallery_photo_desc {

padding: 3px 12px 0 12px;

font-size: 9px;
display: block; 
}









#postup td {

font-size: 0.9em;

vertical-align: top;

}



#postup * {

text-align: left;

}



#postup li {

line-height: 1.3em !important;

}







#srovnani {

border-collapse: collapse;

}



#content #chci {float: left; margin: 5px 4px 15px 12px;}

#chci .chci3d, #chci .chcinabytek, #chci .akce {display:block; width: 169px; height: 168px;}
    #chci .chci3d      {background: transparent url('/img/sluzby/chci-3d-navrh.png') no-repeat;}
    #chci .chcinabytek {background: transparent url('/img/sluzby/chci-nabytek-na-miru.png') no-repeat;}
    #chci .akce        {background: transparent url('/img/sluzby/akcni-nabidka.png') no-repeat;}

    #chci a:hover .chci3d {background: transparent url('/img/sluzby/chci-3d-navrh-a.png') no-repeat;}
    #chci a:hover .chcinabytek {background: transparent url('/img/sluzby/chci-nabytek-na-miru-a.png') no-repeat;}
    #chci a:hover .akce {background: transparent url('/img/sluzby/akcni-nabidka-a.png') no-repeat;}




#srovnani td {

font-size: 0.9em;

border: 1px solid #ccc;

background: #fafafa;

padding: 2px 8px;

}



#srovnani th {

background: #333;

border: 1px solid #555;

color: #fff;

}



#srovnani td ul {

margin: 0;

}



#srovnani td li {

margin: 0;

text-align: left;

}