html {
	width: 100%;
	height: 100%;

	overflow: scroll;
	overflow-x: auto;
}

body {
	width: 100%;
	height: 100%;

	margin: 0px;
	padding: 0px;

	background: #01484c url("../images/layout/background.jpg") no-repeat top center;

	font-family: "Arial CE", "Arial", "Helvetica", sans-serif;
	font-size: 9pt;

	text-align: center;

	color: #fff;
}

a { 
    color: #ddd;
}
a:hover { 
    text-decoration: none;
    color: white;
}

h2 { 
    color: #e4112c;

    text-transform: uppercase;

    font-size: 12pt;
}

form label { 
    color: #aaa;
}
form label.required { 
    color: #fff;
}
form table th { 
    width: 150px;
    text-align: right;
}

table td,
table th { 
    vertical-align: top;
}

.clear {
	clear: both;
}

.flash { 
    color: white;
    font-size: 1.1em;
    font-weight: bold;

    background: #E4112C;
    padding: 10px;
    margin-bottom: 5px;
}

.error { 
    font-size: 1.2em;
    color: red;
    font-weight: bold;
}

#page { 
    width: 980px;

    margin: 0 auto;

    text-align: left;
}

#menu { 
    width: 250px;

    float: left;
}
#menu ul { 
    list-style-type: none;

    margin: 0;
    padding: 0;
}
#menu ul li { 
    margin: 1px 0 0 0;
    padding: 0;
}
#menu ul li.e-shop { 
    margin-top: 10px;
}
#menu ul li.e-shop > a { 
    background: #a4011c;

    line-height: 50px;
}
#menu ul li.obchodni-podminky > a { 
    background: url("../images/layout/bg-content.png");

    line-height: 50px;
}
#menu ul li.diskuzni-forum { 
    margin-top: 10px;
}
#menu ul li a { 
    display: block;

    line-height: 35px;

    padding: 0 0 0 20px;

    text-decoration: none;
    text-transform: uppercase;

    font-weight: bold;

    background: url("../images/layout/bg-content.png");
}

/* IE bug fix */
#menu li a {display:inline-block;}
#menu li a {display:block;}

#menu ul li a:hover,
#menu ul li a.active { 
    background: #d4011c;
}
#menu ul li li { 
}
#menu ul li li a { 
    height: 25px;
    line-height: 25px;

    padding: 0 0 0 40px;

    background: #445555;
}
#menu ul li.e-shop li a { 
    line-height: 25px;
}
#menu ul li li li a { 
    padding-left: 60px;
}
#menu ul li li li li a { 
    padding-left: 80px;
}
#menu ul li li li li li a { 
    padding-left: 100px;
}

#main { 
    width: 720px;
    
    margin-left: 8px;

    float: left;
}

#header { 
    height: 150px;

    margin-bottom: 5px;
}
#header h1 { 
    background: url("../images/layout/logo.png") no-repeat;

    height: 150px;
    width: 200px;

    float: left;
    
    margin: 5px 0 0 0;
}
#header h1 a { 
    display: block;
    height: 100%;
}
#header h1 span { 
    display: none;
}

#motive { 
    width: 515px;
    height: 150px;

    float: right;

    /*border: 1px solid red;*/
}

#content { 
    min-height: 400px;

    padding: 10px 10px 20px 20px;

    background: url("../images/layout/bg-content.png");

    border-top: 1px solid #444;
}

#content ul { 
    margin-top: 40px;
}
#content ul li { 
}

.row-a { 
    width: 300px;
    float: left;

    padding-right: 20px;
}
.row-b { 
    width: 365px;
    float: left;

    padding-top: 10px;
}

.submenu { 
    float: left;

    width: 200px;

    margin: 0px 10px 20px 0;
}
.submenu h3 { 
    margin-top: 0;
}
.submenu ul { 
    margin: 0;
    padding: 0;
}
.submenu ul li { 
    margin-left: 20px;
}
.submenu ul li a { 
    padding: 1px 3px;
}

.homepage .article-preview { 
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.article-preview .image { 
    float: left;

    margin-right: 10px;
    
    min-height: 100px;
    width: 160px;
}
.article-preview h3 { 
    font-size: 10pt;

    margin: 0;
}

ul.filter { 
    list-style-type: none;

    padding: 0;
    margin: 0 0 20px 0;

    height: 20px;
}
ul.filter li { 
    float: left;

    margin: 0;
    padding: 5px 0;
}
ul.filter li a { 
    padding: 2px 4px;
}
ul.filter-letters { 
    float: left;
}
ul.filter-letters li a.active { 
    font-weight: bold;
    color: #e4112c;
}
ul.filter-colors { 
    float: right;
}
ul.filter-colors li { 
}


.category-preview,
.gallery-preview,
.hierarchy-preview,
.product-preview { 
    width: 160px;
    padding: 5px;
    float: left;
}
.gallery-preview .heading { 
    margin: 0;
    font-size: 10pt;
    height: 35px;
    margin-bottom: 10px;
}
.category-preview .heading,
.product-preview .heading { 
    margin: 0;
    font-size: 10pt;
    margin-bottom: 5px;
}


.gallery { 
    clear: both;
}
.gallery .image { 
    float: left;

    width: 160px;
    height: 120px;

    margin: 5px;

    text-align: center;
}

.hierarchy-preview {
	font-weight: bold;
	padding-bottom: 25px;
}


.portfolio .first-image,
.product-detail .first-image { 
    float: left;

    margin-right: 30px;
    margin-left: 5px;
}
.product-detail h2 { 
    float: left;
    margin-left: -15px;
    width: 350px;
}
.product-detail .price { 
    font-size: 11pt;
}
.product-detail .price span { 
    font-size: 12pt;
    font-weight: bold;
}
.product-detail .buy-form { 
    margin-bottom: 20px;
}


.social-buttons { 
    float: right;

    margin-bottom: 10px;
}


.user-info { 
    text-align: right;
}
.user-info a { 
    margin: 0 10px;
    font-weight: bold;
}


.shopping-cart-mini { 
    text-align: right;
}
.shopping-cart-mini h2,
.shopping-cart-mini p { 
    display: inline;

    margin: 0 10px 0 0;

    line-height: 20px;
    font-size: 9pt;
}
.shopping-cart-mini a { 
    font-weight: bold;
}


.shopping-cart-full .image { 
    float: left;
    
    padding: 1px 0;

    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
.shopping-cart-full .image img { 
    display: block;
}
table.cart { 
    float: left;

    border-collapse: collapse;

    width: 500px;

    margin-left: 20px;
    margin-bottom: 40px;
}
.cart th { 
    color: #F09C00;

    font-weight: normal;
    font-size: 10pt;

    border-bottom: 1px solid #aaa;
    padding-bottom: 8px;
}
.cart th.name { 
    font-size: 13pt;
    font-weight: bold;
}
.cart th.count { 
}
.cart .recount-link { 
    margin-top: 4px;
}
.cart .info td { 
    padding: 10px 0;
}
.cart .info span { 
    color: #f7931e;
}
.cart .info .price { 
    font-size: 10pt;
}
.cart .total-item td { 
    font-size: 10pt;

    vertical-align: bottom;
}
.cart .total-item .price { 
    color: #f7931e;
    font-size: 15pt;
    font-weight: bold;

    text-align: right;

    padding-right: 10px;
}
.cart .total-item-without-tax .price { 
    color: #f7931e;
    font-size: 13pt;
    font-weight: bold;

    text-align: right;

    padding-right: 10px;
}
.cart .packages { 
    margin-top: 10px;

    color: #aaa;
}
table.cart-total { 
    border-collapse: collapse;

    width: 100%;
}
.cart-total th,
.cart-total td { 
    padding: 4px 10px;
}
.cart-total th { 
    font-size: 12pt;
}
.cart-total td { 
    color: #f7931e;
    font-size: 15pt;
    font-weight: bold;

    text-align: right;
}
.cart-total .no-tax th { 
    font-size: 9pt;
}
.cart-total .no-tax td { 
    font-size: 12pt;
}



.order-progress h2 { 
    font-size: 10pt;

    float: left;

    margin: 0 20px 0 0;
}
.order-progress ul { 
    float: left;

    margin: 0;
    padding: 0;

    list-style-type: none;
}
.order-progress ul .active { 
    font-weight: bold;
    font-size: 12pt;
}


.paginator { 
    margin: 20px 0;
}
.paginator span,
.paginator a { 
    padding: 2px 4px;

    border: 1px solid #ddd;

    text-decoration: none;
}
.paginator span { 
    color: #888;
}
.paginator .current { 
    background: #e4112c;
    color: white;
}

#google_translate_element { 
    padding: 0 5px;
    margin: 5px 0;

    clear: both;
}