/* ================ general ================= */

html {
background : #fff url(../images/background.png);
background-repeat : repeat-x;
font-family : Verdana, sans-serif;
line-height : 1.7;
color : #4a494b;
font-weight : normal;
font-size : 12px; 
}

a img {
border: none !important; 
}

 ================ links ================= 

a {
  color : #0a4f8a;
  text-decoration : none;
  font-weight : bold;
  }

a:link {
       text-decoration: underline;
       color: #0a4f8a;
       }
       
a:visited {
          text-decoration: underline;
          color: #0a4f8a;
          }
          
a:active {
         text-decoration: underline; 
         color: #0a4f8a;
         }

a:hover {
        text-decoration : none;
        color : #0a4f8a;
        }

/* ================ layout ================= */

#body {
position : relative;
margin-left : auto;
margin-right : auto;
margin-top : -8px !important;
width : 938px;
min-height : 800px;
}

#head {
width : 100%;
height : 157px;
overflow : visible; /* POUZE PRO TESTOVÁNÍ */
background : url(../images/background-head.png);
}

#head_logo {
width : 249px;
height : 100%;
float : left; 
}

#head_logo img {
width : 80px;
margin-top : 40px;
margin-left : 20px;
float : left;
}

#head_logo h1 {
display : block;
margin-top : 80px;
color : #4a494b;
float : right;
}

#main {
margin : auto;
margin-top : 0px;
_margin-top : 0px;
width : 95%;
height : 503px;
background : #fff url(../images/background-main.png) right top;
background-repeat : repeat-x;
overflow : visible;
}

#navigation {
width : 237px;
margin-left : 1px;
height : 100% /*43px*/;
float : left;
color : #0a4f8a;
overflow : visible;  
}

#content {
width : 620px; /*17px rámeček pravá/levá*/
height : 100%;
float : right;
margin-top : -10px !important;
}

#pruh {
clear : both;
width : 100%;
height : 37px;
background : #fff url(../images/pruh.png);
overflow : hidden;
}

#content p {
text-align : justify;
margin-top : -3px;
}

#dn {
width : 100%;
color : #0a4f8a;
}

#dn a {
text-decoration : none;
color : #0a4f8a;
}

#dn a:hover {
text-decoration : underline;
color : #0a4f8a;
}

#contact {
margin : auto;
margin-top : 1px;
clear : both;
width : 95%;
height : 253px;
}

#footer {
margin-top : 2px;
margin : auto;
width : 890px;
font-size : 9px;
height : 34px;
color : #fff;
text-align : left;
padding : 9px 8px 0 10px;
}

#footer a {
color : #fff;
text-decoration : none;
}

#footer a:hover {
color : #fff;
text-decoration : underline;
}

#footer p {
margin-top : 0px;
display : block;
float : right;
}

#footer img {
margin-right : 0px;
margin-top : -3px;
float : right;
}

/* chrome HACK */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer img {
margin-right : 0px;
/* margin-top : -18px; */
float : right;
display : block;
}
}



/* ================ kontakt ================= */

#contact .left {
float : left;
width : 237px;
height : 100%;
margin-left : 1px;
background : #fff url(../images/kontakt.png);
}

#contact .left h2 {
margin-top : 15px;
color : #0a4f8a;
font-size : 18px;
margin-left : 15px;
}

#contact .left p {
margin-top : -3px;
margin-left : 20px;
display : block;
line-height : 2.0;
font-weight : normal; 
}

#contact .left p a {
color : #de9746;
text-decoration : none;
}

#contact .left p a:hover {
color : #de9746;
text-decoration : underline;
}

#contact .right {
float : right;
height : 100%;
width : 620px;
}

#contact .right h2 {
margin-top : 15px;
color : #de9746;
font-size : 18px;
float : left;
font-weight : normal;
}


#contact .right p {
float : left;
margin-top : 21px;
margin-left : 10px;
display : block;
}

#contact .right .form {
clear : both;
}

/* ================ content ================= */


#content i {
font-size : 110%;
}


#content h1 {
font-size : 16px;
color : #de9746;
margin-bottom : 0px;
margin-top : 0px;
}

#content h2 {
color :#de9746;
font-size : 15px;
font-weight : bold;
margin-top : -5px;
margin-bottom : 3px;
}

#content h3 {
color : #de9746;
font-size : 14px;
font-weight : bold;
margin-top : 0px;
margin-bottom : 3px;
}

#content h4 {
font-size : 14px;
color : #0a4f8a;
margin-bottom : 0px;
margin-top : 0px;
}
         
/* ================ úvod - dolní část ================= */

#content .dolni-box {
width : 100%;
height : 265px;
/*background : black;   */
}

.dolni-box-leva {
height : 100%;
width : 365px;
float : left;
margin-left : 0px;
/*background : navy;    */
}

.dolni-box-prava {
height : 100%;
width : 255px;
margin-right : 0px;
/*background : orange;      */
float : right;
}

.uvod-list {
height : 62px;
width : 100%;
/*background : yellow;        */
}

.uvod-list img {
float : left;
}

.uvod-list p {
padding-top : 13px;
padding-left : 50px;
display : block;
}

.krabice {
height : 132px;
width : 100%;
/*background : grey;   */
}

.krabice img {
float : left;
width : 30%;
height : 70%;
/*background : purple;    */
}

.krabice .text {
width : 70%;
height : 100%;
/*background : red;    */
float : right; 
}

.krabice a {
padding-left : 10px;
float : right;
display : block;
width : 60px;
height : 25px;
color : #fff;
background-color : #0a4f8a;
text-decoration : none;
}

.krabice a:hover {
text-decoration : underline;
}

.prodejce {
vertical-align: baseline;
}


/* ================ newsletter - formulář ================= */

/* chrome HACK */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.right .text1 {
display : block;
height : 15px;
margin-top : 67px;
width : 30px;
float : left;
}
}

.kontakt_form_text {
width : 549px;
height : 17px;
margin-left : 20px;
background : #fff;
border : none;
}

.kontakt_form_text1 {
width : 549px;
height : 17px;
margin-left : 18px;
background : #fff;
border : none;
margin-top : 5px;
}


.kontakt_form_textarea {
width : 550px;
height : 72px;
margin-top : 5px;
margin-left : 33px;
background : #fff;
border : none;
}

/* chrome HACK */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.kontakt_form_textarea {
width : 545px;
height : 72px;
margin-top : 5px;
margin-left : 39px;
background : #fff;
border : none;
} 
}

.kontakt_submit {
text-align : center;
width : 97px;
height : 30px;
margin-top : 16px;
margin-left : 0px;
background : #de9746;
border : none;
color : #fff;
float : right;
}

.captcha {
float : left;
width : 500px;
height : 18px;
}

.right .text2 {
margin-top : -2px;
}






/* ================ o webu ================= */

#left_box h2 {
margin-top : 8px;
padding-left : 10px;
font-size : 20px;
color : #fff !important;
font-weight : normal;
display : block;
}


/* ================ modely ================= */


#middle_box h2 {
margin-top : 8px;
padding-left : 10px;
font-size : 20px;
color : #fff !important;
font-weight : normal;
display : block;
}
     
/* ================ patička ================= */

.footer {
position : relative !important;
padding-left : 160px;
padding-top : 14px;
display : block;
}

.footer a {
color : #AF0000;
}

.footer a:hover {
text-decoration : none;
}


.links {
position : relative !important;
padding-left : 20px;
padding-top : 10px;
display : block;
font-size : 7px;
color : #7b7b7b;
text-align : left;
}

.links a {
color : #7b7b7b !important;
text-decoration : underline;
}