/********************************************
   HTML ELEMENTS
********************************************/

/* top elements */
* { margin: 0;        padding: 0; }

body {
        margin: 0; padding: 0;
        font: 70%/1.5  Arial, Verdana, Tahoma, Helvetica, sans-serif;
        color: #333;
        background: #FFF url(../images/bg.gif) repeat-x;
}

/* links */
a {
        color: #003366;
        background-color: inherit;
        text-decoration: underline;
}
a:hover {
        color: #7cae17;
        background-color: inherit;
}

/* headers */
h1, h2, h3 {
        font-family: Arial, 'Trebuchet MS', Sans-Serif;
        font-weight: bold;

}
h1 {
        font-size: 120%;
        letter-spacing: .3px;
        color: #333;
}
h2 {
        font-size: 115%;
        color: #135a8b;
        text-transform: uppercase;
}
h3 {
        font-size: 115%;
        color: #135a8b;
}

/* images */
img {
        border: 0px solid #CCC;
}
img.float-right {
  margin: 5px 0px 10px 10px;
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
        padding: 0;
        margin: 10px;
}

ul {
        margin: 10px 20px;
        padding: 0 20px;
        border: 0px solid #CC0000;
}
#content li {
        margin: 3px 10px;
        list-style-image: url('../images/sipka.png')}

#sidebar li {
        margin: 0px 10px;
        padding: 0;
        list-style-image: url('../images/blok.png')}

/* BOx pro kontaktní formulář */
#formular {
        float: right;
        width:58%;
        padding: 0;
        margin-top: 0;
        border: 0px solid #CC0000;
}



/* form elements */
form {
        margin:10px; padding: 0 3px;
        border: 0px solid #000000;
        background-color: #e4e4e4;
}
label {
        display:block;
        font-weight:bold;
        margin:1px 0;
}
input {
        padding:2px;
        border:1px solid #cccccc;
        font: normal 14 Verdana, sans-serif;
        color:#777;
}
textarea {
        width:300px;
        padding:2px;
        font: normal 14 Verdana, sans-serif;
        border:1px solid #cccccc;
        height:100px;
        display:block;
        color:#777;
}
input.button {
        font: bold 12px Arial, Sans-serif;
        height: 24px;
        margin: 0;
        padding: 2px 3px;
        color: #FFF;
        background: #1d908e url(../images/nav.jpg) repeat-x 0 0;
        border: none;
}

.formular {
        margin:10px; padding: 10px;
        border: 1px solid #cccccc;
        background-color: #f4f4f4;
}
.formular img{
        margin:0 5px; padding: 0px;
        border: 0px solid #cccccc;
		vertical-align:top;
}

.formular textarea {
        width:400px;
        padding:2px;
        font: normal 14 Verdana, sans-serif;
        border:1px solid #cccccc;
        height:100px;
        display:block;
        color:#777;
}
.formular input.smazat {
        float: left;
        font: bold 12px Arial, Sans-serif;
        width: 51px;
        height: 19px;
        margin: 5px;
        padding: 2px 3px;
        color: #FFF;
        background: #e48617 url(../images/smazat.gif) repeat-x 0 0;
        border: 0px solid #cecece;
}
.formular input.odeslat {
        float: left;
        font: bold 12px Arial, Sans-serif;
        width: 51px;
        height: 19px;
        margin: 5px;
        padding: 2px 3px;
        color: #FFF;
        background: #e48617 url(../images/odeslat.gif) repeat-x 0 0;
        border: 0px solid #cecece;
}

/* search form */

#hledat {
  position: absolute;
  margin-top:148px;
  margin-left: 607px;
  padding: 0;
  border: 0px solid #000000;
  background:none;
}
#hledat input{
  border:none;
  font-size: 12px;
  line-height: 14px;
  width:150px;
  border: 1px solid #676767;
}
#hledat .tlacitko{
  background: url(../images/search.gif) no-repeat;
  border: 0px solid #ccc;
  color:#fff;
  font-size: 11px;
  line-height: 12px;
  font-weight:bold;
  width:51px;
  cursor:pointer;
  padding-top:3px;
  margin-left:5px;
}
.smazat {
  background: url(../images/smazat.gif) no-repeat;
  border: 1px solid #ccc;
  color:#fff;
  font-size: 11px;
  line-height: 12px;
  font-weight:bold;
  width:51px;
  cursor:pointer;
  padding-top:3px;
  margin-left:5px;
}
form {
  padding:0px;
  margin:0px;
  border: 0px solid #D5D5D5;
  background: transparent;
}

.cell {
  padding:3px;
  margin:8px;
  border: 0px solid #D5D5D5;
  background: transparent;
}

/* Navigace produkty a řešení */

#side_menu_box {
        float: left;
        width: 200px;
        margin-top: 8px;
        padding: 0;
        background-color: #FFFFFF;
        border: 1px solid #C0C0C0;
}

#side_menu ul {

        margin: 0;
        list-style: none;
        line-height: normal;
}

#side_menu li {

        display: inline;
}

#side_menu a {

        width: 168px;
        margin: 0 -19px;
        display: block;
        padding: 8px 0 8px 30px;
        background: url(../images/img05.gif) no-repeat 15px 13px;
        border-bottom: 1px solid #EBEBEB;
        color: #E08934;

}

#side_menu a:hover, #menu .active a {

        background: #EBEEF3;
        text-decoration: none;
        font-weight: bold;
        color: #385B88;
}


/**********************************
  LAYOUT
***********************************/
#wrap {
        margin: 0 auto;
        width: 820px;
}

/* header */


#header {
        position: relative;
        margin: 0; padding: 0;
        height: 138px;
        border: 0px solid #000000;
        background: url(../images/header.gif) no-repeat left top;
}
#logo {
        position: absolute;
        clear: both;
        width: 240px;
        height: 75px;
        margin-top: 38px;
        margin-left: 11px;
        padding: 0;
        border: 0px  solid red;
}

#search {
        position: absolute;
        margin-top:135px;
        margin-left:600px;
        width: 240px;
        height: 40px;
        padding: 0;
        border: 0px  solid green;
}

#telefony {
        position: absolute;
        margin-top:3px;
        margin-left:660px;
        width: 216px;
        height: 141px;
        padding: 0;
        border: 0px  solid green;
}

/* navigation */

#menu_box {
        position: absolute;
        margin-top: 108px;
        margin-left: 13px;
        padding: 0;
        height: 28px;
        border: 0px solid #000000;
        background: url(../images/menu_bg.jpg) no-repeat left top;
}

/* Hlavní obsah */
#main {
        margin-top: 50px; padding: 0;
        background: transparent url(../images/background_pright.gif) right top no-repeat;
        border: 0px solid #000000;

}
#main h1 {
        margin: 5px 0;
        padding: 4px 0 4px 8px;
        font-size: 13px;
        font-weight: bold;
        color: #fc6b1e;
        text-transform: uppercase;
        letter-spacing: .5px;
}
#content {
        float: left;
        margin-top: 0px; margin-bottom: 10px; padding-left: 4px;
        width: 610px;
        background: transparent url(../images/background_pright.gif) right top no-repeat;
        border: 0px solid #000000;

}
/* sidebar */
#sidebar {
        float: right;
        width: 200px;
        margin-TOP: 0; padding: 0;
        background-color: #FFFFFF;
        border: 0px solid #000000;
}



#sidebar h2 {
        margin: 3px 0 0px 10px;
        padding: 0;
        font: bold 105% Arial, Sans-Serif;
        color: #fc6b1e;
        text-transform: none;
        letter-spacing: 1px;
}

.sidebox {
        float: left;
        width: 200px;
        margin-bottom: 10px; padding: 0;
        background: url(../images/sidenav.gif) repeat-x top left;
        border: 0px solid #000000;
}
.sidebox img{
        margin-right: 5px; padding: 0;
}

/* Novinky v sideboxu */

#novinky {
        float: left;
        width: 200px;
        margin-TOP: 8px; padding: 0;
        background-color: #FFF;
        border: 1px solid #C0C0C0;
        margin-bottom: 8px; padding: 0;
}

/* Reklama v sideboxu */

#vyrobci {
        float:left ;
        width: 200px;
        margin-TOP: 0px;
        margin-left: 0px;
        padding: 0px;
        text-align: center;
        border: 0px solid #C0C0C0;
}

/* Akce na hlavní stránce */
.akce_box{
float:left;
width:595px;

border-top: 1px solid #C0C0C0;
margin-bottom:0;
margin-left:10px;
margin-top: 0px;
padding-top:5px;
}

.akce_obr{
float:left ;
width:80px;
margin: 0 10px 5px 0;
border: 0px solid #C0C0C0;
}

.akce_link{
margin: 0 5px 5px 0;
font-family: verdana; font-size:12px;
font-weight: bold;
color #4d94c4;
border: 0px solid #C0C0C0;
}
.akce_link a{
color #4d94c4;
}

.akce_popis{
margin: 0 0 5px 0;
font-family: verdana; font-size:11px;
border: 0px solid #C0C0C0;
}
.akce_cena{
margin-right:10px;
font-family: verdana; font-size:11px; color: red; text-align:right;
font-weight: bold;
border:0px solid #C0C0C0;
}
/* Reference webu */
.reference {
        float:left;
        display: inline;
        margin-left:5px;
        margin-bottom:15px;
        padding-bottom:10px;
        width:590px;
        background: #fff;
        text-align: left;
        font-size: 95%;
        border: 0px solid #000000;
        border-bottom:1px solid #C0C0C0;
}
.reference h2 {
        margin: 0px;
        font-size: 110%;
        font-weight: bold;

}

.reference img{
        float:left;
        margin-right: 10px;
        border: 1px solid #C0C0C0;
}

.banner img{
        margin-left: 8px;
        padding: 2px;
        border: 1px solid #d8d8d8;
}


/* Strankovani */
.cislo { display: inline-block; text-align:center; width: 16px; height: 16px; margin: 2px; padding: 3px; border: 1px solid #009bfd; background: #ecf6fd;
}
.cislo a{ text-decoration:none;
}
.mezera { display: inline-block; text-align:center; width: 16px; height: 16px; margin: 2px; padding: 3px; border: 1px solid #009bfd; background: #fff;
}
.aktivni { display: inline-block; text-align:center; font-weight: bold; width: 16px; height: 16px; margin: 2px; padding: 3px; border: 1px solid #fe7d7d; background-color: ffe3e3; text-decoration:none; color: #F00;
}



/* footer */
.footer {
        clear: both;
        margin: 0 auto;
        width:820px;
        /*background: url(../images/footerbg.gif) repeat-x;*/
        background: #d5d5d5;
        padding: 1px 0 1px 0;
        text-align: center;
        font-size: 90%;
        border: 0px solid #000000;
}
.footer a {
        text-decoration: none;
        font-weight: bold;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

/* display and additional classes  */
.clear {        clear: both; }
.red   { color: #CC0000; }
.comments {
        margin: 20px 10px 5px 10px;
        padding: 3px 0;
        border-bottom: 1px dashed #EFF0F1;
        border-top: 1px dashed #EFF0F1;
}

/* lista */
#lista { text-align: center; font-size: 10px; color: #888888; }
#lista a { text-decoration: none; font-weight: normal; color: #888888;}
#lista a:hover { text-decoration: none; font-weight: normal; color: #434343;}