html {
    width: 100%;
}

body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #fafafa;
    font-family: 'Source Sans Pro', sans-serif;
}

#clearfix {
    clear: both;
}

a {
    text-decoration: none;
}


/*hlavička*/

header {
    width: 100%;
    background-color: #fafafa;
    margin: auto;
}

header section{
    width: 100%;
    max-width: 910px;
    min-height: 200px;
    padding: 0 35px 0 35px;
    background-color: #fff;
    margin: auto;

}

@media (min-width: 965px) {
    #line_1 {
        /* původně
        width: 90%; */
        width: 100%;
        height: 35px;
        background-image: url("/media/images/web/panel_a.jpg");
        background-repeat: no-repeat;
        background-position:100% 0%;
        background-color: #d7dbe7;
        position: relative;
        top: 40px;
        float: left;
        z-index: 0;
    }

    .line_1 {
        background-color: #d7dbe7;
        position: absolute;
        top: 40px;
        left:0;
        width: 50%;
        height: 35px;
        z-index: 0;  
    }

    .line_2 {
        background-color: #3c5188;
        position: absolute;
        top: 95px;
        right:0;
        width: 50%;
        height: 35px;
        z-index: 0;  
    }

    #line_2 {
        width: 75%; 
        height: 35px;
        background-color: #3c5188;
        background-image: url("/media/images/web/panel_b.jpg");
        background-repeat: no-repeat;
        position: relative;
        top: 60px;
        float:  right;
        z-index: 0;
    }
}

#logo {
    width: 190px;
    position: absolute;
    padding-top: 1%;
    z-index: 1;
}

#logo img {
    width: 100%;
    z-index: 2;
}


/*****menu 1*****/
@media (min-width: 965px) {
    #menu_1 {
        float: right; 
        margin-right: 5%;
        width: 100%;
    }

    #menu_1 ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px; 
        width: 100%;
        height: 35px;

    }

    #menu_1 ul li {
        float: right;
        /* původně
        margin: 0% 1% 0% 3.5%;*/
        margin: 0% 0.7% 0% 0.7%;
        line-height: 35px;

    }

    #menu_1 ul li a {
        color: #4d5b82;
        text-decoration: none;
        font-size: 0.9em;
    }
    /*****menu 1*****/

    /*****menu 2*****/
    #menu_2 {
        float: left; 
        margin-left: 20px;
        width: 720px;
        /*background-color: #ff0000;*/
    }

    #menu_2 ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;   
    }

    #menu_2 ul li {
        float: left;
        margin: 0% 0.8% 0% 0.8%;
        line-height: 35px;
        /*background-color: #ff00ff;*/
    }

    #menu_2 ul li a {
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        font-size: 0.9em;
    }
}
/*****menu 2*****/

/*konec hlavička*/

/*obsah*/

article {
    width: 100%;
    max-width: 910px;
    padding: 0 35px 0 35px;
    background-color: #fff;
    margin:auto;
}

article a {
    color: #3c5188;
}

h1 {
    font-size: 1.8em;
    color: #3c5188;
    margin: 0;
}

#underline {
    width: 100%;
    border-bottom: 4px solid #3c5188;
    margin-bottom: 30px;
}

#detail_novinky {

}

/*konec obsah*/


/*produkty*/
#product {
    float: left;
    width: 100%;
    width: 303px;
    min-height: 400px;
    margin: 0;
    /*background-color: #00cc00;*/
}

#color_product {
    width: 20px;
    height: 20px;
}


#color {
    position: relative;
    z-index: 1;
    width: 20px;
    float: right;
}

#color ul {
    list-style-type: none;
    padding: 0;
    width: 100%;

}

.product_img {
    margin: 0;
}

#product-img { 
    /* původně - margin: -50px 0 0 0;*/
    margin: -160px 0 0 0;
    position: static;
    right: 0;
    z-index: auto;
    padding-left: 50px;
    /*background-color: #0033ff;*/
}

#panel {
    margin-top: -50px;
    height: 38px;
    width: 100%;
    max-width: 303.3333333px;
    background-image: url("/media/images/web/panel.png");
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

#panel h2 {
    width: 100%;
    padding-left: 7%;
    font-size: 1.0em;
    color: #3c5188;
    line-height: 38px;
    font-weight: bold;
}

#product p {
    padding: 0 30px;
    font-size: 0.8em;
    color: #3c5188;
    position: static;
    /*background-color: #ff0000;*/
}
#product p a:link{
    color: #3C5188;
}
/*konec produkty*/

/*footer*/
footer {
    width: 100%;
    background-color: #fafafa;
}

#footer_nadpis {
    color: #3c5188;
    font-size: 1.2em;
    margin: 0;
}

#line_3 {
    width: 100%;
    max-width: 910px;
    height: auto;
    margin: auto;
    padding: 0px 35px 35px 35px;
    /* původně
    padding: 60px 35px 35px 35px; */
    background-color: #fff;
}

#line_3_column_a, #line_3_column_b, #line_3_column_c {
    background-image: url("/images/panel.png");
    background-repeat: no-repeat;
    height: 38px;
    margin: 70px 10px 0 10px;
    float: left;
    background-color: #ffffff;
    padding-left: 25px;
}

#line_3_column_a p, #line_3_column_b p, #line_3_column_c p {
    float: left;
    color: #3c5188;
    font-size: 1em;
    font-weight: bold;
    line-height: 38px;
    margin: 0;
}

#line_3_column_a img, #line_3_column_b img, #line_3_column_c img {
    margin: -40px 0 0 20px;
}


#line_4 {
    width: 100%;
    max-width: 910px;
    margin: auto;
    padding: 0 35px 0 35px;
    background-color: #fff;
}

#line_4_column_a {
    float: left;
    width: 100%;  
    margin: 20px 0 0 0;
    height: 100%;
    min-height: 300px;
}

#line_4_column_b {
    float: left;
    width: 31.12033195%;
    height: 100%;  
    margin: 20px 1.106500692% 0 1.106500692%;
    height: 100%;
    min-height: 300px;
}

#line_4_column_c {
    float: left;
    width: 31.12033195%;  
    margin: 20px 1.106500692% 0 1.106500692%;
    height: 100%;
    min-height: 300px;
}

#line_4_column_a_img, #line_4_column_b_img, #line_4_column_c_img  {
    width: 100%;
    height: 70%;
    margin: 0;
    text-align: center;
    min-height: 200px;
}

#line_4_column_a_img img, #line_4_column_b_img img, #line_4_column_c_img img  {
    max-width: 200px;
    max-height: 200px;
}


#line_4_column_a_logo {
    width: 50%;
}


#line_4_column_a p, #line_4_column_b p, #line_4_column_c p {
    vertical-align: bottom;
    text-align: right;
    font-size: 0.9em;
}

#line_5 {
    width: 100%;
    max-width: 964px;
    margin: auto;
    padding: 20px 8px 0 8px;
    background-color: #f6f7fb;  
}

#line_5_logo {
    float: left; 
    width: 20.74688797%;
    margin: 0 2% 0 2%;
    text-align: center;
}

#line_5_logo img {
    width: 70%;
}

#line_5_contact {
    float: left;
    width: 20.74688797%;
    margin: 0 2% 0 2%;

    border-right: 1px solid #e4e7ec;    
}

#line_5_contact p, #line_5_menu_a a, #line_5_menu_b a {
    margin: 0;
    font-size: 0.8em;
    color: #3c5188;
    float: left;
}

#line_5_menu_a a, #line_5_menu_b a {
    margin: 0 5px 0 5px;
}

#line_5_menu_a, #line_5_menu_b {
    float: left;
    width: 20.74688797%;
    margin: 0 2% 0 2%;
}

#copyright {
    margin: 0;
    font-size: 0.8em;
    color: #3c5188;
    float: right;
}
/*konec footer*/


#detail_1_item {
    display: inline;
}

#detail_item p {
    margin: 5px 0 0 0;
}

#detail_item_gallery {
    width: 260px;
    /*background-color: #ff0000;*/
    float: left;
    margin-right: 30px;
}

#detail_item_info{
    width: 595px;
    float: right;
    /*background-color: #ff00ff;*/
}

#detail_item_info p{
    margin: 0;
}


#detail_item_gallery img {
    /*width: 150px;*/
}



#aktuality {
    width: 97%;
    padding: 6px;
    border: 2px solid #f9f9f9;
    margin: 0;

}

#aktuality p {
    margin: 0px;
    padding: 6px 0;
}

#wrapper {
    width:600px; 
    margin:0 auto; /*centers the div horizontally in all browsers (except IE)*/
    background:#fff; 
    text-align:left; /*resets text alignment from body tag */
    border:1px solid #ccc;
    border-top:none; 
    padding:25px; 
    /*Let's add some CSS3 styles, these will degrade gracefully in older browser and IE*/
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px; 
    box-shadow:0 0 5px #ccc;
    -moz-box-shadow:0 0 5px #ccc;
    -webkit-box-shadow:0 0 5px #ccc;
}


#en-wrapper {
    width: 981px;
    min-height: 461px;
    margin: 0 auto;
    background-color: white;
}
#en-headimage {
    background-image: url("/media/images/web/en_image.png");
    background-repeat: no-repeat;
    height: 461px;
}

#en-body {
    width: 660px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 35px;
}

#en-body img {
    margin: 35px 0 20px 0;
}

#warn {font-size: 11pt; text-align: center; height: 80px}

/*responsive*/
/*@media (max-width: 240px) {
  header section {width: 80%;} 
  #logo {position: static;}
   
  #product {margin-left: 10.9375%; margin-right: 10.9375%;}  
  #product-img {max-width: 90%; margin-left: 10%;}
  #product {max-width: 78.125%;} 
  #panel, #panel h2 {width: 80%;}
  
  #line_3,  #line_4, #line_5_logo, #line_5_menu_a, #line_5_menu_b, #copyright {display: none;} 
  #line_5 {width: 100%; margin:0; padding:0;}
  #line_5_contact {width: 100%;margin:0;border: 0;}
  #line_5_contact p {text-align:center;} 
}

@media (min-width: 241px) and (max-width: 320px) {  
  header section {width: 100%; margin:0;padding:0;} 
  #logo {position: static;}
   
  #product {margin-left: 10.9375%; margin-right: 10.9375%;}  
  #product-img {max-width: 90%; margin-left: 10%;}
  #product {max-width: 78.125%;} 
  #panel, #panel h2 {width: 80%;}
  
  #line_3,  #line_4, #line_5_logo, #line_5_menu_a, #line_5_menu_b, #copyright {display: none;} 
  #line_5 {width: 100%; margin:0; padding:0;}
  #line_5_contact {width: 100%;margin:0;border: 0;}
  #line_5_contact p {text-align:center;}
}

@media (min-width: 321px) and (max-width: 480px) {
  header section {width: 100%; margin:0;padding:0;} 
  #logo {position: static;}
  
  #product {margin-left: 23.95833334%; margin-right: 23.95833334%;}  
  #product-img {max-width: 90%; margin-left: 10%;}
  #product {max-width: 52.08333333%;}    
  #panel, #panel h2 {width: 90%;}
  
  #line_3,  #line_4, #line_5_logo, #line_5_menu_a, #line_5_menu_b, #copyright {display: none;} 
  #line_5 {width: 100%; margin:0; padding:0;}
  #line_5_contact {width: 100%;margin:0;border: 0;}
  #line_5_contact p {text-align:center;}  
}

@media (min-width: 481px) and (max-width: 768px) {
  header section {width: 100%; margin:0;padding:0;} 
  #logo {position: static;}
  
  #product {margin-left: 1.041666667%; margin-right: 1.041666667%;}  
  #product {max-width: 31.25%;}    
  #panel, #panel h2 {width: 80%;}
  
  #line_3,  #line_4, #line_5_logo, #line_5_menu_a, #line_5_menu_b, #copyright {display: none;} 
  #line_5 {width: 100%; margin:0; padding:0;}
  #line_5_contact {width: 100%;margin:0;border: 0;}
  #line_5_contact p {text-align:center;}
}

@media (min-width: 769px) and (max-width: 964px) {
  header section {width: 100%; margin:0;padding:0;} 
  #logo {position: static;}
  
  #product {margin-left: 3.90625%; margin-right:3.90625%;}  
  #product {max-width: 24.4140625%;}    
  #panel, #panel h2 {width: 80%;}
  
  #line_3,  #line_4, #line_5_logo, #line_5_menu_a, #line_5_menu_b, #copyright {display: none;} 
  #line_5 {width: 100%; margin:0; padding:0;}
  #line_5_contact {width: 100%;margin:0;border: 0;}
  #line_5_contact p {text-align:center;}
   
}

@media (min-width: 965px) {  
  #product {margin-left: 3.699861687%; margin-right:3.699861687%;}  
  #product {max-width: 25.93360996%;}    
  #panel, #panel h2 {width: 100%;}
   
}

/*responsive*/

/* FLASH ALERTS */
.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.alert,.alert h4{color:#c09853}
.alert h4{margin:0}
.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}
.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}
.alert-success h4{color:#468847}
.alert-danger,.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}
.alert-danger h4,.alert-error h4{color:#b94a48}
.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}
.alert-info h4{color:#3a87ad}
.alert-block{padding-top:14px;padding-bottom:14px}
.alert-block>p,.alert-block>ul{margin-bottom:0}
.alert-block p+p{margin-top:5px}
/* //FLASH ALERTS */



.text-homepage p {
	color: #3c5188;
	line-height: 140% !important;
	font-size: 14px;
	text-align: justify;
}





/* SHOP */
#shoppage { width: 757px; margin: 0 auto; text-align: left; font-family: tahoma, verdana; font-size: 0.7em; }
#shop-leve-menu { width: 196px; float: left; }
#shop-leve-menu ul { margin: 0; padding: 0; list-style-type: none; font-size: 0.93em; border: 1px solid #ddd;}
#shop-leve-menu li a { display: block; margin-bottom: 1px; color: #000; background-color: #fafafa; height: 30px; line-height: 30px; padding-left: 15px; text-decoration: none; }
#shop-leve-menu li { margin: 0; padding: 0; }
#shop-leve-menu li a:hover { background-color: #456EAA; color: #fff; }
#kontakt, #login {border: 1px solid #eee; margin-top: 15px; text-align: center; font-size: 0.9em; padding: 9px; line-height: 150%;}
#kontakt a { color: #000; text-decoration: none; }
#kontakt a:hover { background-color: #000; color: #fff; text-decoration: none; }
#shop-hl-obsah { width: 520px; float: right; }
#navibar { height: 35px; line-height: 35px; text-align: right; padding-right: 5px; color: #666; font-size: 0.9em;}
#shoppage p { font-size: 1.05em; line-height: 160%; text-align: justify; }
#shoppage p a { color: #000; }
#shoppage p a:hover { text-decoration: none; }
#shoppage .centr { text-align: center; }
#shoppage .s10 { height: 10px; font-size: 1px; clear: both; }
#shoppage .box { border: 1px solid #eee; margin-bottom: 10px; }
#shoppage .box table { border:0; width: 500px; font-size: 1em; margin: 0; padding: 0; border-collapse: collapse; }