body {
    text-align: center;
    margin: 0px;
    background: #fff404 url('../img/body.png') repeat-x;
    font-family:Calibri,sans-serif;
    font-size: 14px;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


#page {
    text-align: left;
    width: 963px;
    margin-left: auto;
    margin-right: auto;
}
#header {
    width: 963px;
    height: 293px;
}
#header a img {
    border: 0;
    text-decoration: none;
}
#header-top {
    width: 963px;
    height: 85px;
    background: url('../img/header-top.jpg') top right no-repeat;
}
#header-bottom {
    width: 963px;
    height: 208px;
    background: url('../img/header-bottom.jpg') no-repeat;
    position: relative;
}
#loginbox {
    width: 629px;
    height: 32px;
    background: url('../img/login.png') no-repeat;
    position: absolute;
    right: 20px;
    bottom: 0px;
    line-height: 32px;
}
#langbox {
    width: 250px;
    position: absolute;
    left: 13px;
    bottom: 3px;
}
#menu {
    width: 963px;
    height:30px;
    background: url('../img/menu.png') no-repeat;
}
#menu a, #menu a:visited {
    color: white;
    line-height: 30px;
    text-decoration: none;
}

#menu a span {
    display: block;
    float: left;
    height: 30px;
    padding: 0 10px;
}
#menu a.first span {
    margin-left: 20px;
}
#menu a:hover span, #menu a.active span {
    background: url('../img/menu-active.png') repeat-x;
    color: black;
}

#main {
    background: url('../img/main.png') repeat-y;
    min-height: 500px;
    width: 963px;
    float: left;
}

#main_content {
    background: url('../img/main-top.png') no-repeat;
    width: 963px;
    height: 48px;
    padding-top: 10px;
}
#main_left {
    width: 300px;
    float: left;
}
#main_right {
    width: 660px;
    float: left;
}
#footer {
    clear: both;
    width: 100%;
    text-align: center;
    background: #1d1d1d url('../img/footer_pruh.png') repeat-x;
    height:186px;
}
#footer_content, #footerbox-wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 963px;
}
#footer_content {
    height: 63px;
    background: url('../img/footer.png') no-repeat;
}

#footerbox-top {
    width: 963px;
    height: 41px;
    background: url('../img/footer-box-top.png') no-repeat;
}
#footerbox-middle {
    width: 963px;
    height: 41px;
    background: url('../img/footer-box-middle.png') repeat-y;
}
#footerbox-bottom {
    width: 963px;
    height: 19px;
    background: url('../img/footer-box-bottom.png') no-repeat;
}
#footer p {
    margin: 0px;
    padding: 0px 10px;
}
#footer p a {
    color: gray;
}
.footerbutton {
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 5px;
    height: 23px;
    color: white !important;
    font-weight: bold;
    line-height: 23px;
    background: url('../img/footerbutton.png') no-repeat;
}
#footer input {
    background-color: gray;
    color: white;
}

.leftmenu {
    height: 25px;
    line-height: 25px;
    background: url('../img/leftmenu.png') no-repeat;
    display: block;
    padding: 0 0 0 20px;
    margin: 0px;
    color: black !important;
    font-weight: bold;
    text-decoration: none;
}

.leftmenu:hover {
    background: url('../img/leftmenu_active.png') no-repeat;
}

.box-top {
    background: url('../img/box-top.png') no-repeat;
    width: 269px;
    height: 23px;
}
.box-body {
    width: 269px;
    padding-top: 10px;
    background: url('../img/box-body.png') repeat-y;
}
.box-bottom {
    width: 269px;
    height: 7px;
    background: url('../img/box-bottom.png') no-repeat;
}
.box-top h2 {
    font-size: 16px;
    line-height: 23px;
    margin: 0px;
    padding: 0 0 0 10px;
    color: white;
}
.box-body p {
    margin: 0px;
    padding: 0 10px 10px 10px;
}

a, a:visited, a:active, a:link {
    color: #005abb;
}
a:hover {
    text-decoration: none;
}

h1 {
    color: #005abb;
    font-size: 20px;
    margin: 5px 0;
    border-bottom: 1px solid #BBBEA7;
}
h2 {
    font-size: 18px;
}

.clear {
    clear: both;
}
.error {
    color: red;
}
.line {
    border-bottom: 1px solid #BBBEA7;
}
.pl20 {
    padding-left: 20px;
}
.pr20 {
    padding-right: 20px;
}
.wrapper {
    padding: 15px;
}
.leftfloat {
    float: left;
}
.rightfloat {
    float: right;
}
.center {
    text-align: center;
}
.w240 {
    width: 240px;
    float: left;
    color: gray;
}
.small {
    font-size: 13px;
}

img.leftfloat {
    margin-right: 10px;
    margin-bottom: 10px;
}

ul {
    margin: 0px;
}

table.list tr,td {
    vertical-align: top;}
table.list {
    width: 95%;
    margin: 0px;
    border-collapse: collapse;}
table.list td {
    padding: 5px 3px;
}

.page_center_text {
    height: 117px;
}

.product {
    float: left;
    width: 205px;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 10px;
}
.product a img {
    border: 1px solid #cfcfcf;
    margin-bottom: 5px;
}
.product h2 {
    margin: 0px;
}
.third {
    border-right: 0px;
}
.productrow {
    float: left;
    clear: both;
    margin-bottom: 15px;
    margin-top: 5px;
}
.productcontent {
    padding: 0 5px;
}

.smallbutton, .bigbutton {
    width: 62px;
    display: block;
    color: white !important;
    text-align: center;
    text-decoration: none;
    height: 23px;
    line-height: 23px;
    background: url('../img/smallbutton.png') no-repeat;
}
.bigbutton {
    background: url('../img/footerbutton.png') no-repeat;
    width: 182px;
}

.tabs {
    margin: 10px 0px;
    font-size: 12px !important;
}

a img {
    border: 0px;
}

.productphotos {
    width: 305px;
    float: left;
}
.productinfo {
    margin-left: 10px;
    width: 310px;
    float: left;
}

table#techParams {
    border: 0;
    text-align: center;
}
table#techParams td, table#techParams th {
    padding: 0px;
    border-collapse:collapse;
    border: 0px;
}
table#techParams th, table#techParams tr.nadpis td {
    background-color: #005ABB !important;
    color: white;
}
table#techParams tr.even td, table.list tr.even td {
    background-color: #f1f1f1;
}

table#techParams tr.odd td {
    background-color: #e6e6e6;
}

table.contacts {
    width: 100%;
}
table.contacts td {
    vertical-align: middle;
    padding: 3px;
}

.article img {
    margin: 0 10px 3px 10px;
}

.thumbContainer {
    width: 75px;
    height: 75px;
    text-align: center;
}
.thumbContainer a img {
    margin: auto 0;
}

.message {
    margin: 10px 0;
    padding: 7px;
    background-color: #eee;
    border: 2px solid #FFF404;
    font-weight: bold;
}

table.colorSelect {

}
.colorSelect td, .colorSelect img {
    text-align: center;
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-collapse: collapse;
}

#photogallery div {
    width: 200px;
    text-align:center;
    border: 1px solid #cfcfcf;
    margin: 3px;
    background: #f1f1f1;
}
#photogallery img {
    padding: 2px;
}
#photogallery a img {
    border: 0px;
}

.big {
    font-size: 1.2em;
}
.small {
    font-size: 0.9em;
    color: #222;
}
.datum {
    color: #005abb;
    padding: 10px 0 0 10px !important;
}

.casopis {
    text-align: center;
    float: left;
    padding: 10px 0px 10px 10px;
}
.casopis p {
    padding: 0px;
}
.casopis p img {
    margin: 3px 0 3px 0;
}


#featured{
	/*width:300px;
	padding-right:300px;*/
	position:relative;
	/*border:3px solid #ccc;*/
	background:#eaeaea;
}
#featured h2 {
    margin-top: 0px;
    
}
#featured ul.ui-tabs-nav{
	list-style:none;
	padding:0; margin:0;
	display: block;
        width: 630px;
        background: #e1e1e1 !important;
}
#featured ul.ui-tabs-nav li{
	padding: 0;
	font-size:16px;
	color:#666;
}
#featured ul.ui-tabs-nav li span{
	font-size:16px;
	line-height:24px;
}
#featured li.ui-tabs-nav-item a{
        padding: 5px 10px;
	display:block;
	color:#333;  background:#e1e1e1;
	line-height:24px;
        float: left;
        text-decoration: none;
}
#featured li.ui-tabs-nav-item a:hover{
	background:#ccc;
}
#featured li.ui-tabs-selected{
	
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#eaeaea;
}
#featured .ui-tabs-panel{
	/*width:300px;*/
        position:relative;
}
#featured .ui-tabs-panel .article {
    padding: 10px;
}
#featured .ui-tabs-panel .info{
	position:absolute;
	top:180px; left:0;
	height:70px;
	background: url('../img/transparent-bg.png');
}
#featured .info h2{
	font-size:18px;
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
}
#featured .info p{
	margin:0 5px;
	font-size:11px;
	line-height:15px; color:#f0f0f0;
}
#featured .info a{
	text-decoration:none;
	color:#fff;
}
#featured .info a:hover{
	text-decoration:underline;
}
#featured .ui-tabs-hide{
	display:none;
}

p.perex img {
    float: right !important;
}

#praveVyslo p {
    font-size: 12px;
}

.gallery_title {
    width: 200px;
    float: left;
    text-align: center;
    margin: 0px 5px 10px 0px;
}