body
{
    background-color: white;
    margin: 0px;
    padding: 0px; 
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    /*color: #353535;*/
    color: black;
}

form
{
    margin: 0px;
    padding: 0px;
}

img
{
    border: none;
}

h2
{
    color: #056CB0;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 20px;
}

h3
{
    /*color: #056CB0;*/
    color: #353535;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 0px;
}

#main_content hr
{
    color: #1E7BB8;
    background-color: #1E7BB8;
    height: 1px;
    border: none;
}

a
{
    color: #353535;
    text-decoration: none;
}

a:hover
{
    color: #056CB0;
    text-decoration: none;
}

#full_width
{
    width: 100%;
}

#top_part
{
    width: 100%;
    background-image: url('../images/top_part_bg.png');
    background-repeat: repeat-x;
    background-position: top;
}

#top_w1200
{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

#header_topmargin
{
    width: 100%;
    height: 10px;
}

#header
{
    width: 100%;
    height: 309px;
    background-image: url('../images/top_image.png');
    background-repeat: repeat-x;
    background-position: top;
}

.header_texts 
{
	float: left;
	position: absolute;
	color: White;
	font-size: 9px;
	width: 100px;
	text-align: right;
	/*background-color: Red;*/
}

#top_menu
{
    width: 100%;
    height: 46px;
}

#top_menu_left
{
    width: 9px;
    height: 46px;
    margin-left: 35px;
    float: left;
    margin-bottom: -15px;
    background-image: url('../images/top_menu_left.png');
    background-repeat: no-repeat;
    background-position: right;
}

#top_menu_middle
{
    height: 46px;
    float: left;
    margin-bottom: -15px;
    background-image: url('../images/top_menu_bg.png');
    background-repeat: repeat-x;
    background-position: top;
    padding-left: 0px;
    padding-right: 0px;
}

#top_menu_middle a
{
    height: 36px;
    line-height: 36px;
    text-transform: uppercase;
    /*padding-left: 37px;
    padding-right: 36px;*/
    padding-left: 27px;
    padding-right: 26px;    
    float: left;
    margin-bottom: -15px;
    background-image: url('../images/top_menu_short_pipe.png');
    background-repeat: no-repeat;
    background-position: left;
    font-weight: bold;
    color: #353535;
}

#top_menu_middle a:hover
{
    color: #056CB0;
}

#top_menu_middle a.first
{
    height: 36px;
    line-height: 36px;
    text-transform: uppercase;
    padding-left: 37px;
    padding-right: 36px;
    float: left;
    margin-bottom: -15px;
    background-image: none;
    font-weight: bold;
}

#top_menu_right
{
    width: 11px;
    height: 46px;
    float: left;
    margin-bottom: -15px;
    background-image: url('../images/top_menu_right.png');
    background-repeat: no-repeat;
    background-position: left;
}

#logo_pruh
{
    width: 100%;
    height: 129px;
    background-image: url('../images/logo_pruh.png');
    background-repeat: no-repeat;
    background-position: left;
    margin-top: 36px;
    cursor: pointer;
}

#login
{
    width: 100%;
    height: 50px;
    /*background-color: Yellow;*/
    margin-top: 20px;
    padding-left: 35px;
}

/*#prihlasovaciform 
{
	height: 20px;
	float: left;
	background-color: Yellow;
}*/

#login span
{
    color: white;
    font-weight: bold;
    font-size: 13px;
}

#login a
{
    color: white;
    text-decoration: underline;
    padding-left: 20px;
}

#login a:hover
{
    color: white;
    text-decoration: none;
    padding-left: 20px;
}

#login input
{
    margin-top: 10px;
    background-color: white;
    border: none;
    font-size: 14px;
    height: 22px;
    font-weight: normal;
}

#login input.fs12
{
    font-size: 12px;
    height: 24px;
    margin-top: 10px;
}

#login input.fs12FF
{
    margin-bottom: 0px;
    padding-bottom: 5px;
}

#header_line
{
    width: 100%;
    height: 42px;
    overflow: hidden;
    background-image: url('../images/header_line.png');
    background-repeat: repeat-x;
    background-position: top;
}

.header_line_pipe
{
    height: 42px;
    width: 2px;
    background-image: url('../images/header_line_pipe.png');
    background-repeat: no-repeat;
    background-position: top;
    float: left;
    margin-bottom: -15px;
}

#header_line_part1
{
    height: 42px;
    width: 10px;
    overflow: hidden;
    float: left;
    margin-bottom: -15px;
}

#header_line_part2
{
    height: 42px;
    width: 207px;
    overflow: hidden;
    float: left;
    margin-bottom: -15px;
    line-height: 42px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: white;
}

#header_line_part3
{
    height: 42px;
    width: 759px;
    overflow: hidden;
    float: left;
    margin-bottom: -15px;
    text-align: right;
}

#header_line_part3 input
{
    margin-top: 10px;
    margin-right: 10px;
    background-color: white;
    border: none;
    font-size: 12px;
    height: 22px;
    font-weight: bold;
}

#search1
{
    height: 42px;
    width: 200px;
    float: right;
    margin: 0px;
    padding: 0px;
    margin-bottom: -15px;
    background-image: url('../images/hledani_bg.png');
    background-repeat: no-repeat;
    background-position: right;
}

#search1 input
{
    background-color: transparent;
    width: 110px;
    margin-left: 0px;
    margin-right: 30px;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: normal;
}

#search2
{
    height: 42px;
    width: 90px;
    float: right;
    margin-bottom: -15px;
}

#search2 input
{
    background-color: #f4f4f4;
    margin-left: 0px;
    margin-right: 10px;
    padding-left: 0px;
    padding-right: 0px;
    width: 70px;
    font-weight: normal;
}

#seznamkaret
{
    padding: 6px;
    padding-left: 0px;
    /*margin-right: 195px;*/
    margin-right: 35px;
    height: 42px;
    /*width: 250px;*/
    width: 250px;
    float: right;
    margin-bottom: -15px;
}

#prijimame
{
    height: 42px;
    line-height: 42px;
    font-weight: bold;
    color: white;
    float: right;
    padding-right: 10px;
}

#header_line_part4
{
    height: 42px;
    width: 207px;
    overflow: hidden;
    float: left;
    margin-bottom: -15px;
    color: white;
}

.mutace_table td
{
    padding: 0px;
    padding-top: 5px;
    padding-left: 6px;
    padding-right: 6px;
}

#panels
{
    width: 100%;
}

#left_panel
{
    width: 210px;
    overflow: hidden;
    margin-left: 10px;
    float: left;
    margin-bottom: -15px;
}

#left_panel_top
{
    width: 210px;
    height: 11px;
    background-image: url('../images/left_panel_top.png');
    background-repeat: no-repeat;
    background-position: top left;
}

#left_panel_middle
{
    width: 200px;
    overflow: hidden;
    border-right: 1px #DCDCDC solid;
    margin-bottom: 15px;
    padding-right: 9px;
}

#znacky_aut
{
    padding-bottom: 15px;
}

a.menu_bg
{
    display: block;
    width: 175px;
    height: 36px;
    overflow: hidden;
    line-height: 36px;
    background-image: url('../images/menu_bg.png');
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 1px;
    padding-left: 25px;
    white-space: nowrap;
}

a.menu_bg:hover
{
    color: #056CB0;
}

a.menu_bg2
{
    display: block;
    width: 195px;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
    background-image: url('../images/menu_bg2.png');
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 1px;
    padding-left: 5px;
    white-space: nowrap;
    font-size: 10px;
    color: black;
}

a.menu_bg2:hover
{
    color: #056CB0;
}

a.menu_bg3
{
    display: block;
    width: 180px;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
    background-image: url('../images/menu_bg2.png');
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 1px;
    padding-left: 20px;
    white-space: nowrap;
    font-size: 10px;
    color: black;
    font-style: italic;
}

a.menu_bg3:hover
{
    color: #056CB0;
}

a.menu_bg4
{
    display: block;
    width: 165px;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
    background-image: url('../images/menu_bg2.png');
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 1px;
    padding-left: 35px;
    white-space: nowrap;
    font-size: 10px;
}

a.menu_bg4:hover
{
    color: #056CB0;
}

a.menu_bg5
{
    display: block;
    width: 150px;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
    background-image: url('../images/menu_bg2.png');
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 1px;
    padding-left: 50px;
    white-space: nowrap;
    font-size: 10px;
    font-style: italic;
}

a.menu_bg5:hover
{
    color: #056CB0;
}

a.menu_bg6
{
    display: block;
    width: 135px;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
    background-image: url('../images/menu_bg2.png');
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 1px;
    padding-left: 75px;
    white-space: nowrap;
    font-size: 10px;
    font-style: italic;
}

a.menu_bg6:hover
{
    color: #056CB0;
}

a.asel
{
    color: #BC0F0A;
}

.left_banner
{
    display: block;
    width: 200px;
    /* height: 114px; */
    overflow: hidden;
    margin-top: 15px;
}

#middle_panel
{
    width: 720px;
    margin-left: 20px;
    overflow: hidden;
    padding-bottom: 15px;
    float: left;
    margin-bottom: -15px;
}

#main_content
{
    width: 720px;                                          
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
}

#main_content a
{
    color: black;
    text-decoration: underline;
}

#main_content a:hover
{
    color: #056CB0;
    text-decoration: underline;
}

.zbozi_radek
{
    width: 720px;
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
}

.zbozi_kus
{
    width: 172px;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-bottom: -15px;
    margin-left: 10px;
}

.prazdne_zbozi_kus
{
    width: 172px;
    height: 100px;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-bottom: -15px;
    margin-left: 10px;
}

.zbozi_prvni_kus
{
    width: 172px;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-bottom: -15px;
    margin-left: 0px;
}

.zbozi_kus_top
{
    width: 158px;
    height: 34px;
    overflow: hidden;
    background-image: url('../images/zbozi_top.png');
    background-repeat: no-repeat;
    background-position: top left;
    color: white;
    line-height: 17px;
    font-size: 10px;
    font-weight: bold;
    padding-top: 1px;
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
}

.zbozi_kus_popis
{
    width: 158px;
    background-color: #DDDDDD;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 10px;
    overflow: hidden;
}

.zbozi_kus_obrazek_div
{
    width: 158px;
    height: 115px;
    background-color: white;
}

.zbozi_kus_obrazek
{
    width: 158px;
    height: 115px;
    background-image: url('../images/zbozi_obrazek.png');
    background-repeat: no-repeat;
    background-position: top left;
}

.zbozi_kus_kosik
{
    display: block;
    width: 172px;
    height: 35px;
    background-image: url('../images/zbozi_kosik.png');
    background-repeat: no-repeat;
    background-position: top left;
}

.zbozi_kus_bottom
{
    width: 172px;
    height: 5px;
    background-image: url('../images/zbozi_bottom.png');
    background-repeat: no-repeat;
    background-position: top left;
}

.middle_banner
{
    display: block;
    width: 720px;
    /* height: 195px; */
    overflow: hidden;
    margin-top: 15px;
}

#right_panel
{
    width: 220px;
    overflow: hidden;
    float: right;
    margin-bottom: -15px;
}

#right_panel_top
{
    width: 220px;
    height: 13px;
    background-image: url('../images/right_panel_top.png');
    background-repeat: no-repeat;
    background-position: top;
}

#right_panel_middle
{
    width: 210px;
    border-left: 1px #DCDCDC solid;
    margin-bottom: 15px;
    padding-left: 9px;
}

#right_panel_middle_content
{
    width: 210px;
}

#kosik_top
{
    width: 210px;
    height: 47px;
    background-image: url('../images/kosik_short.png');
    background-repeat: no-repeat;
    background-position: top right;
}

#kosik
{
    width: 180px;
    overflow: hidden;
    margin-right: 10px;
    background-color: #DCDCDC;
    padding: 10px;
    padding-bottom: 0px;
}

#kosik b
{
    font-weight: bold;
    font-size: 14px;
}

#kosik b.red
{
    font-weight: bold;
    font-size: 14px;
    color: #BC0F0A;
}

#novinky_top
{
    width: 210px;
    height: 65px;
    background-image: url('../images/novinky.png');
    background-repeat: no-repeat;
    background-position: top right;
}

#novinky
{
    width: 180px;
    overflow: hidden;
    margin-right: 10px;
    background-color: #DCDCDC;
    padding: 10px;
    padding-bottom: 0px;
}

#novinky .datum
{
    color: #056CB0;
}

#doporucte_top
{
    width: 210px;
    height: 58px;
    background-image: url('../images/doporucte.png');
    background-repeat: no-repeat;
    background-position: top right;
}

#doporucte
{
    width: 180px;
    overflow: hidden;
    margin-right: 10px;
    background-color: #DCDCDC;
    padding: 10px;
    padding-bottom: 0px;
}

#kategorie
{
    width: 210px;
    height: 67px;
    background-image: url('../images/kategorie.png');
    background-repeat: no-repeat;
    background-position: top right;
    overflow: hidden;
    padding-bottom: 5px;
}

#zajimavosti
{
    width: 210px;
    height: 67px;
    background-image: url('../images/kategorie.png');
    background-repeat: no-repeat;
    background-position: top right;
    overflow: hidden;
    padding-bottom: 5px;
}

#seznam_kategorii
{
    padding-bottom: 15px;
}

.sipka_odkaz
{
    display: block;
    width: 200px;
    overflow: hidden;
    margin-right: 10px;
    height: 36px;
    background-image: url('../images/sipka_odkaz.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding-bottom: 5px;
}

.kosik_bottom
{
    display: block;
    width: 200px;
    overflow: hidden;
    margin-right: 10px;
    height: 15px;
    background-image: url('../images/kosik_bottom.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding-bottom: 5px;
}

.sipka_odkaz div
{
    display: block;
    width: 130px;
    height: 36px;
    overflow: hidden;
    margin-left: 70px;
}

.sipka_odkaz a
{
    line-height: 32px;
    white-space: nowrap;
    color: #056CB0;
    text-decoration: underline;
}

.sipka_odkaz a:hover
{
    white-space: nowrap;
    color: #056CB0;
    text-decoration: none;
}

.right_banner
{
    display: block;
    width: 200px;
    /* height: 114px; */
    overflow: hidden;
    margin-top: 15px;
}

#bottom_part
{
    width: 100%;
    height: 101px;
    background-image: url('../images/bottom_part_bg.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

#bottom_w1200
{
    width: 1200px;
    height: 101px;
    margin: 0 auto;
    overflow: hidden;
}

#bottom_left_corner
{
    width: 25px;
    height: 101px;
    float: left;
    background-image: url('../images/bottom_left_corner.png');
    background-repeat: repeat-x;
    background-position: top;
    margin-bottom: -15px;
}

#bottom_right_corner
{
    width: 25px;
    height: 101px;
    float: right;
    background-image: url('../images/bottom_right_corner.png');
    background-repeat: repeat-x;
    background-position: top;
    margin-bottom: -15px;
}

#bottom_middle
{
    width: 1150px;
    height: 101px;
    float: left;
    margin-bottom: -15px;
    text-align: center;
    background-image: url('../images/bottom_w1200_bg.png');
    background-repeat: repeat-x;
    background-position: top;
    color: white;
    font-size: 10px;
    padding-top: 45px;
}

.clear
{ 
    clear: both; 
    padding-bottom: 13px; 
    height: 0px; 
    visibility: hidden;
}
#logo_text1
{
    padding-left: 178px;
    padding-top: 25px;
    color: #066DB1;
    font-size: 17px;
}

#logo_text2
{
    padding-left: 178px;
    padding-top: 2px;
    color: #2A2A2A;
    font-size: 14px;
}

#logo_text3
{
    padding-left: 47px;
    padding-top: 25px;
    color: #066DB1;
    font-size: 16px;
}

#kosik_text
{
    color: white;
    font-size: 16px;
    line-height: 18px;
    padding-left: 87px;
    padding-top: 4px;
}

#novinky_text
{
    color: white;
    font-size: 16px;
    padding-left: 97px;
    padding-top: 27px;
}

#doporucte_text
{
    color: white;
    font-size: 16px;
    padding-left: 78px;
    padding-top: 27px;
}

#kategorie_text
{
    color: white;
    font-size: 16px;
    padding-left: 66px;
    padding-top: 27px;
}

#zajimavosti_text
{
    display: block;
    color: white;
    font-size: 16px;
    padding-left: 66px;
    padding-top: 27px;
}

.kosik_detail
{
    display: block;
    width: 230px;
    height: 35px;
    background-color: #DDDDDD;
    background-image: url('../images/zbozi_kosik.png');
    background-repeat: no-repeat;
    background-position: top right;
    text-align: left;
    line-height: 35px;
    text-decoration: none;
    color: #066DB1;
    font-weight: bold;   
}

.valueerror
{
    border: 2px red solid!important;
    background-color: #FF9B9B!important;
}


/** Added styles */

#top_menu_left {
    margin-left: 0;
}

#login input.fs12FF {
    padding-bottom: 1px;
}
#login input.btn {
    padding: 1px 12px;
    transition: .24s cubic-bezier(.43,.22,.41,.94);
}
#login input.btn:hover {
    background: rgba(29, 123, 185, 1);
    color: #fff;
}

#registraceform input[type="text"],#registraceform input[type="password"] {
    padding: 5px 8px;
    border: 1px solid rgba(0,0,0,.1)!important;
    box-shadow: 2px 2px 4px rgba(0,0,0,.12);
    margin-bottom: 4px;
    margin-left: 8px;
    width: 60%;
    box-sizing: border-box;
}
#registraceform select {
    padding: 5px 8px;
    margin-left: 8px;
}
#registraceform input[type="submit"] {
    background: #fff!important;
    padding: 8px 25px!important;
    cursor: pointer;
}

#registraceform table {
    width: 100%;
}
#registraceform table tr td:first-child {
    width: 250px;
}
#registraceform input[type="submit"]:hover {
    background: #1E7BB8!important;
    color: #fff!important;
}
#registraceform table tr b {
    font-size: 16px;
    display: block;
    margin: 8px 0 16px;
    width: 250px;
    text-align: right;
}

.flex-line-box {
    margin-top: 20px;
    display: flex;
    flex-flow: wrap row;
    justify-content: space-between;
}
.flex-line-box input {
    flex-basis: 20px;
}
.flex-line-box label {
    flex-basis: calc(100% - 35px);
    margin-bottom: 10px;
}
.flex-line-box br {
    display: none;
}