/* ***************************  default div styles ******************************* */
body
{
   font-family: "Open Sans", "Arial", "Helvetica", "sans-serif";  color: #3d0000;
   height: 100%;
   background-color: #eeeeee; margin-top: 0px;
   background-image:url(images/bckX.png); background-repeat: repeat-x;
}

hr {height:8px; border: 4px solid #dddddd; background-color: #dddddd;}
a {font-weight: bold; text-decoration: none; color: #f44336;}
a:hover {text-decoration: underline; }
a img {border: 0px;}

h1 {font-size: 40px; color: white !important; padding-left: 20px; margin: 5px; font-weight: normal;}
h2 {font-size: 26px; color: #868e01 !important; padding-left: 0px; margin: 0px;  margin-top: 20px; font-weight: normal;}
h3 {color: #868e01 !important;}

/* ***************************  main  PAGE LAYOUT  div styles ******************************* */
.page {width: 994px; margin: 0 auto; box-shadow:4px -10px 30px #333333;}
.top {width: 1000px; height: 289px; background-color: #aaaaaa; border: 0px solid red; text-align: left; }
.top2 {width: 1000px; height: 80px;  background-color: white;}
.logo {float: left;}
.slogan {font-size: 24px; color: #282066; background-color: white; float: left; padding-top:20px;  padding-left:20px;}
.top-left {float:left; width: 600px; padding-top: 40px;}
.top-right {float:left; width: 150px; border: 0px solid white; color: white; padding-top: 30px; padding-left: 240px;}
.main { float: left; width: 998px; background-color: white; min-height: 600px; border: 0px solid red;}
.right { float: left; width: 280px;  min-height: 520px; margin-top:0px;
padding:15px;}

.rightX { float: left; width: 280px; background-color: #e6ee9c; min-height: 520px; margin-top:30px;
padding:15px;}


/* ***************************  item-page - styl (pĂ­sma atd.) v hlavnĂ­m oknÄ› ******************************* */
.item-page {text-align: justify; font-size: 16px; padding-left: 10px; padding-right: 15px;}
.top-menu {width: 998px; border: 1px solid white;}
.text {float: left; width: 600px; margin-left: 30px;  margin-right: 30px;  margin-bottom: 30px; }
.text2 {float: left; width: 900px; margin-left: 30px;  margin-right: 30px;  margin-bottom: 30px; }
.image-table {background-color: #4db6ac; border: 0px solid white; border-spacing:0; border-collapse: collapse;}
.image-table td {padding: 0px;}
.image-description {background-color: #d32f2f; color: white; font-weight: 18px; text-align: center; height: 60px; }

/* **************     top menu        ************** */
.menu {background-color: #dddddd; width: 1000px; height: 50px; margin-top: -10px; border:0px solid red;}
.nav {margin-left:-30px;}
.sf-menu li
{
display: inline !important;
list-style-type: none !important;
text-align: center !important;
border: 0px;

margin-right: 1px;  margin-left: -1px !important;
}
.sf-menu li:last-child {margin-right: 0px !important;}

.sf-menu li a
{color: #282066; font-weight: normal !important; border: 0px !important;}


/* **************     Menu při přejetí myši        ************** */
.sf-menu li a:hover
{background-color: #cccccc !important;}

.sf-menu li ul a {background-color: #c62828 !important; border-radius: 0px !important;}
.li ul a {border-radius: 0px !important;}

/* **************     Menu s aktivní stránkou        ************** */
.current a {color: white; background-color: #f44336 !important;}


/* ********************  konec hornĂ­ menu      **************************** */

.bottom { float: left; width: 998px; height: 60px; background-color: #aaaaaa;
margin-bottom: 50px;
}

.bottomtext {padding-top: 20px; text-align: center; color: white; font-size: 14px; margin-bottom: 50px;}

.textarea1 {width: 250px; height: 100px;}
.submit1 {background-color: #db4f03; width: 150px; height: 50px; color: white; font-weight: normal; font-size: 22px; }

/* ************************************ CATALOGUE *********************************** */

.list {border-spacing:0; border-collapse: collapse;}
.list td {padding: 4px; color: #534b06; border-right: 2px solid white;}
.list tr:first-child{background-color: #dce775; font-weight: bold;}
.list tr:nth-child(odd){background-color: #e6ee9c;}
.list tr:nth-child(even){background-color: #f0f4c3;}

/********************************** REGISTRATION ****************************** */
.registration {border-spacing:0; border-collapse: collapse;}
.registration td {background-color: #e6ee9c; padding: 4px; color: #534b06;
border-right: 2px solid white; border-bottom: 2px solid white;}
.registration td:first-child {width: 230px;}
.registration td:last-child {width: 230px;}
.registration tr:last-child td {border-bottom: 0px solid white;}

.registration_frame {width: 940px;}

.input1 {width: 222px;;}
.submit1 {border-radius: 50px; height: 60px; border: 0px;  background-color: #ff5722; font-size:18px; color: white; cursor: pointer;}
.center {text-align: center;}
.info {margin-left: 100px; width: 380px; height: 100%; background-color: #e6ee9c; vertical-align: top;
   padding: 20px;}
.info_text {width: 370px;}
.info_text td {text-align:justify;}


.info_icon
{border-radius: 50px; height: 60px; width: 60px; border: 0px; margin: auto auto auto auto;
    background-color: #9e9d24; font-size:40px; color: white; text-align: center;
}
.spacer150 {width: 20px;}

/****************************** USER *********************************/
.userr_boxx {width: 955px; height: 40px; background-color: #dce775; padding: 5px; padding-left: 30px; BORDER: 0px solid red; }
.userr ul li{display: inline; list-style-type: circle;}
.bullet {float: left; border-radius: 20px; height: 28px; width: 28px; border: 0px; text-align: center;
 background-color: #ff5722; font-size:20px; color: white; cursor: pointer;  margin-top: 6px}
.user_text {float: left; margin-right: 20px;  margin-left: 10px; margin-top: 8px;}

/**************************** NAVI *************************************/
.navi_box {margin: auto auto auto auto; border: 0px solid red; height: 45px;
    background-color: #dce775; margin-bottom: 20px;  margin-top: 20px;}
.navi {margin: auto auto auto auto; border: 0px solid green; height: 45px; width: 400px;}
.navi div {float:left; padding:5px;}
.page_select_box {width: 150px; text-align: center; padding-top:5px;}
.page_select {padding-top:8px !important; border: 0px solid red;}
.page_no {font-size: 18px;}

/************************************* CART **********************************/
.add_to_cart {margin-left: 0px; height: 45px;}
.add_to_cart_text {padding-bottom: 5px; float: left; height: 35px;  margin-left: 15px;}
.add_to_cart_img {float: left;  height: 35px;}
.pcs {float: left;}
.input_pcs {width: 20px;}
/*****************************/
.white {color: white; font-weight: normal; font-size: 16px;}
.top_right_text {float: left;}
.w40 {width:40px;}
.submit_cart {background-image:url(images/cart.png); width:60px; height:60px; border: 0px; cursor:pointer;}


/***************************************************** BUTTONS ***********/
.button_plus {}

/***************************************************** BOXES ***********/

.box0 {width: 900px; background-color: #b1b047;}
.box1 {background-color: #e6ee9c; padding:8px;}
.box2 {background-color: #f0f4c3;}

.box_frame {border: 0px solid #e6ee9c;}
.box_dataX {width: 200px; background-color:#e6ee9c; padding: 4px; font-weight: bold;}
.table_data {
    border-spacing: 4px;
    border-collapse: separate;
}
.table_data td {vertical-align: top;  padding: 4px; font-weight: bold; background-color:#f0f4c3;}
.table_data td:first-child {font-weight: normal !important;}
.box_data_text {font-weight: bold;}
.box_description {font-size: 20px; color: #868e01; font-weight: normal; }
.box_description1 {font-size: 20px; color: #868e01; font-weight: normal;}
.box_description2 {font-size: 18px; color: #868e01;}

.idle {width:20px; min-height: 50px; border: 0px solid red;}

.tabulka {border-spacing: 3px;}
.tabulka td {background-color: #eeeeee; padding: 3px;}
.tab2 td {padding: 5px;}
.textarea1 {width:500px; height:150px;}