html {font-size: 100.01%;}

body {
    background-color: #000000;
    background-image: url(../images/bg.gif);
    background-position: top;
    background-repeat: no-repeat;
    padding:0 0 100px 0;
	font-size: 12px;
	text-align: center;
    font-family: Arial, Helvetica, sans-serif;
	line-height: 2em;
    color:#FFFFFF;
}

/* global reset */
ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, input, textarea {margin: 0; padding: 0; border:0;}
table {	border-collapse: collapse;	font-size: 0.9em;}
th {text-align: left;}
fieldset {border: 0;}
object {outline: none;}
img {border: 0;}
hr{width:0; height:0; visibility:hidden; font-size:0; clear: both; }

/* wysiwyg reset */
font {
	font-family: inherit !important;
	color: inherit !important;
	font-size: inherit !important;
}

#page{
    background-image: url(../images/header.png);
    background-position: 0 133px;
    background-repeat: no-repeat;
    width: 1000px;
    margin: 0 auto;
    text-align:left;

}

.v1{
    background-image: url(../images/header1.png);
}

.v2{
    background-image: url(../images/header2.png);
}

.v3{
    background-image: url(../images/header3.png);
}

#header{
    background-position: 0 52px;
    background-repeat: no-repeat;
    height:133px;
    display:block;
}

#logo{
    padding:10px 0 0 0;
    float:left;
}

#menu{
    padding:65px 0 0 130px;
    list-style:none;
    float:left;
}

#menu li{
    margin:0 95px 0 0;
    float:left;
}

#menu li a{
    font-size:16px;
    text-decoration:none;
    color:#FFFFFF;
}

#menu .last{
    margin:0;
}

#content1{
    background-image: url(../images/services.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}

#info{
    background-image: url(../images/info.png);
    background-position: top right;
    background-repeat: no-repeat;
    width:372px;
    padding:9px 592px 15px 36px;
}

#info h1{
    margin:0 0 20px 0;
    line-height:1.5em;
    font-size:28px;
    font-weight:normal;
    display:block;
}

#info p{
    font-size:14px;
    text-align:justify;
}

#socialni-site{
    padding:0 0 25px 40px;
    display:block;
}

#facebook{
    margin:0 10px 0 0;
    float:left;
}

#twitter{
    float:left;
}

#services{

}

.box{
    background-image: url(../images/box.png);
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    width:315px;
    height:280px;
    margin:0 25px 25px 0;
    float:left;

}

.third{
    margin-right:0;
}

.box h2{
    background-position: 31px 29px;
    background-repeat: no-repeat;
    height:31px;
    padding:54px 25px 15px 113px;
    font-size:22px;
    font-weight:normal;
    display:block;
}

.box h2 a{
    text-decoration:none;
    color:#FFFFFF;
}

.box p{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding:0 31px 0 31px;
    text-align:justify;
    line-height:1.7em;
}

.box .objednat{
    padding:15px 0 0 180px;
    display:block;


}

.box .objednat a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(../images/button1.gif);
    width:106px;
    height:25px;
    padding:5px 0 0 0;
    text-align:center;
    text-decoration:none;
    color:#FFD800;
    display:block;
}

#service1 h2{
    background-image: url(../images/ico1.png);
}

#service2 h2{
    background-image: url(../images/ico2.png);
}

#service3 h2{
    background-image: url(../images/ico3.png);
}

#service4 h2{
    background-image: url(../images/ico4.png);
    padding:33px 25px 35px 113px
}

#service5 h2{
    background-image: url(../images/ico5.png);
    padding:33px 25px 35px 113px
}

#service6 h2{
    background-image: url(../images/ico6.png);
}

#service7 h2{
    background-image: url(../images/ico7.png);
}

#service8 h2{
    background-image: url(../images/ico8.png);
}

#poptavka{
    padding:0 42px 0 42px;
}

#poptavka h1{
    margin:0 0 45px 0;
    display:block;
}

#poptavka h2{
    margin:0 0 27px 0;
    display:block;
}

#poptavka p{
    margin:0 0 54px 0;
    display:block;
}

#objednavka{
    padding:0 42px 0 42px;
}

#fs1{
    width:360px;
    float:left;
}

#fs1 label{
    width:92px;
    margin:0 0 40px 0;
    padding:0 23px 0 0;
    text-align:right;
    line-height:1.4em;
    float:left;
}

#fs1 label span{
    color:#828181;
    display:block;
}

#fs1 input{
    background-color: transparent;
    width:221px;
    height:26px;
    padding:5px 2px 5px 2px;
    border:1px solid #D3D2D4;
    color:#FFFFFF;
    float:left;

}

#fs2{
    width:176px;
    height:250px;
    float:left;
}

#fs2 p{
    padding:0 24px 0 0;
    text-align:right;
    line-height:1.4em;
}

#fs2 p span{
    color:#828181;
    display:block;
}

#fs3{
    width:350px;
    float:left;
}

#fs3 input{
    margin:0 0 7px 0;
    float:left;
}

#fs3 label{
    width:300px;
    padding:0 0 0 13px;
    line-height:1em;
    float:left;

}

#fs4{
    clear:both;
}

#fs4 label{
    width:92px;
    padding:0 23px 0 0;
    text-align:right;
    line-height:1.4em;
    float:left;
}

#fs4 label span{
    color:#828181;
    display:block;
}

#fs4 textarea{
    background-color: transparent;
    width:771px;
    height:236px;
    padding:5px 2px 5px 2px;
    border:1px solid #CCCCCC;
    color:#FFFFFF;
    float:left;
}

#fs4 .button{
    background-image: url(../images/button3.gif);
    width:139px;
    height:46px;
    margin:60px 0 90px 114px;
    font-size:22px;
    text-align:center;
    color:#FFD800;
    display:block;
}

#text{
    width:928px;
    padding:9px 36px 180px 36px;
}

#text h1{
    margin:0 0 20px 0;
    line-height:1.5em;
    font-size:28px;
    font-weight:normal;
    display:block;
}

#text h2{
    margin:0 0 15px 0;
    font-weight:normal;
}

#text a{
    color:#53ACE9;
}

#text p{
    padding:0 0 15px 0;
    font-size:14px;
    text-align:justify;
}

#text ul{
    margin: 0 0 30px 30px;
    display:block;
}

#text ul li{

}

#text .dm{
    padding-bottom:30px;
}

#content1 .big{
    padding-bottom:500px;
}

#content2{
    padding:25px 0 0 0;
}

#content2 h2{
    margin:0 0 37px 0;
    font-size:22px;
    color:#53ACE9;
    display:block;
}

#content2 a{
    color:#53ACE9;
}

#container1{
    width:314px;
    padding:0 9px 0 9px;
    float:left;
}

#container1 fieldset{
    background-image: url(../images/form1.gif);
    width:284px;
    height:355px;
    padding:30px 10px 0 10px;
    display:block;
}

#container1 label{
    display:block;
}

#container1 input{
    background-color: #262626;
    width:281px;
    margin:0 0 5px 0;
    padding:7px 2px 7px 2px;
    color:#FFFFFF;
    display:block;
}

#container1 textarea{
    background-color: #262626;
    width:281px;
    height:110px;
    margin:0 0 5px 0;
    padding:7px 2px 7px 2px;
    color:#FFFFFF;
    display:block;
}

#container1 .button{
    background-image: url(../images/button2.gif);
    width:95px;
    height:31px;
    margin:15px 0 0 187px;
    display:block;
}

#container2{
    width:287px;
    padding:0 9px 0 9px;
    float:left;
}

#container2 big{
    background-position: left top;
    background-repeat: no-repeat;
    padding:0 0 25px 70px;
    line-height:1.3em;
    font-size:20px;
    display:block;
}

#container2 #xtelefon{
    background-image: url(../images/kontakt1.gif);
    line-height:2.5em;
}

#container2 #xemail{
    background-image: url(../images/kontakt2.gif);
    margin:0 0 30px 0;
    padding-top:7px;
}

#container2 #xadresa{
    background-image: url(../images/kontakt3.gif);
    background-position: 0 5px;
    font-size:18px;
}

#container3{
    width:345px;
    padding:0 9px 0 9px;
    float:left;

}

#container3 ul{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width:300px;
    list-style:none;
}

#container3 ul li{
    background-image: url(../images/ref.gif);
    background-position: 5px 8px;
    background-repeat: no-repeat;
    margin:0 0 15px 0;
    padding:0 15px 15px 25px;
    border-bottom:1px solid #353535;
    line-height:1.7em;
}

#container3 ul li a{
    padding:0 0 3px 0;
    display:block;
}

#container3 .last{
    border-bottom:none;
}

#footer{

}

#menu2{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height:45px;
    margin:42px 0 10px 0;
    padding:20px 10px 0 10px;
    border-top:1px solid #2E2E2E;
    border-bottom:1px solid #2E2E2E;
    list-style:none;
    display:block;
}

#menu2 li{
    margin:0 12px 0 12px;
    float:left;
}

#menu2 li a{
    text-decoration:none;
    color:#FFFFFF;
}

#menu2 .first{
    margin-left:0;
}

#menu2 .last{
    margin-right:0;
}

#footer .ft{
    width:480px;
    padding:0 10px 0 10px;
    color:#3A3A3A;
    float:left;
}

#ft1{
    text-align:left;
}

#ft2{
    text-align:right;
}

#footer .light{
    color:#545454;
}

#page .hidden{
    width:0;
    height:0;
    margin:0;
    padding:0;
    border:0;
    line-height:0;
    font-size:0;
    visibility:hidden;
    display:none;
}
