* {margin: 0px; padding:0px; border: none; }

body
{
  font-family: Arial, Verdana, Sans-Serif;
  color: #484848;
  height: 100%;
  text-align: center;
  background: url("background.jpg") #fff repeat-x;
}

/* dnn font rewrite */
body, table, tr, td, p, ul, li, dl, ol, address, a, b, i, h1, h2, h3, h4, h5, h6 {font-size: small;}

h1 {font-size:135%;}
h2{ color:#000;font-size:120%;font-weight: bold;}
h2.contNadpis {font-size:100%;}
h2 span{margin:0px; padding:0px; color:#7B0100; font-size:75%;}
h3 {color:#484848; padding-bottom:14px;padding-top:21px;font-size:130%; font-weight: bold;}
h3.listXnadpis {font-size:100%;}
h4 {color: #000; font-weight:bold;}

address {font-style: normal; padding: 5px 0px;}
p { text-align: justify; padding: 5px 0px;}

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

ul, ol {padding-left: 23px;}
li {padding-bottom:5px;}
table {margin-left: 8px;}
table {border-collapse:collapse;}
td {padding: 7px 3px;}

textarea {border:1px solid #ccc;}
input {border:1px solid #ccc;}

.breadcrumb {font-size:85%;color:#f33;padding-top:0px;margin-top:5px;padding-bottom:10px;margin-left:10px;}
.breadcrumb a, .breadcrumb a:active, .breadcrumb a:visited, .breadcrumb a:link {font-size:100%;color:#f33;}


/*********************/
/* HLAVNI LAYOUT ***/

.main {text-align: left; margin: 0px auto; background: url("bcg-content.jpg") repeat-y;}

.main, #header, #content, #header2, #content2 {width: 849px;}

#header {height: 441px; position: relative; background: url("bubbles.jpg") no-repeat bottom center;}
#content {background: #d4d4d4; border-bottom: 1px solid #fff;}
/* VARIANT A ITEM ***/
#content2 {border-bottom: 1px solid #fff;background:url("kontejner-sedy-prechod.jpg") repeat-x top #fff;}
#header2 {height: 186px;position: relative;background:url("bubbles-short.jpg") no-repeat bottom center;}


#footer {background: #fff; color: #878787; border-top: 1px solid #888888; width: 100%; padding: 7px 0px;}

#leftPart {float:left;}
.sirokyBlok, #leftPart {width: 566px; overflow: hidden;}
#rightPart {float:right;}
.uzkyBlok, #rightPart {width: 283px; overflow: hidden;}
.celyBlok{overflow: hidden;padding:20px;}

#flash {overflow:hidden;position:absolute;left:395px;top: 167px;widht:442px;}
#promo {float:left;overflow:hidden;width:350px;height:250px;color:#fff;margin:15px;}

.end {clear: both;}
.endLeft {clear:left;}


/******** logo ***********/
#logo {width: 223px; height:157px; overflow:hidden; position: relative; top: 0px; left: 0px;}
#logoNadpis  {position: absolute; z-index:1;}
#logoPict {position: absolute; z-index: 2;}
#topheader {position:absolute;left:440px;top: 130px;text-align:right;width:400px;}
/**** jazyky ***/
#languages {position: absolute; left: 670px; top: 8px; height: 20px; width: 175px; text-align: right;color: #bbb; }
#languages ul {margin: 0px; padding: 0px;}
#languages li{list-style-type: none;float:right;padding-left:5px;text-align:right;}

#languages a, #languages a:link, #languages a:active, #languages a:visited {font-weight: normal; color: #878787; text-decoration: underline;}
#languages a:hover {font-weight: normal; color: #878787; text-decoration: none;}

/**** styl pro hlavni menu ***/
#menu {position: absolute; left: 240px; top: 40px; width: 609px; height: 67px;}
#menu ul {margin: 0px; padding: 0px;}

#menu li
{
  padding: 0px;
  float: left;
  list-style-type: none;
  text-align: center;
  overflow: hidden;
  background: url("butt-devider.jpg") no-repeat right top;
  color: #676767;   
  font-weight: bold;  
}

#menu li.uvodcs-cz, #menu li.uvodcs-cz a, #menu li.uvoden-us, #menu li.uvoden-us a {width: 55px; height: 67px;}
#menu li.ofirmecs-cz, #menu li.ofirmecs-cz a, #menu li.ofirmeen-us, #menu li.ofirmeen-us a {width: 70px; height: 67px;}
#menu li.vyrobkycs-cz, #menu li.vyrobkycs-cz a, #menu li.vyrobkyen-us, #menu li.vyrobkyen-us a {width: 85px; height: 67px;}
#menu li.prislusenstvics-cz, #menu li.prislusenstvics-cz a, #menu li.prislusenstvien-us, #menu li.prislusenstvien-us a {width: 125px; height: 67px;}
#menu li.fotogaleriecs-cz, #menu li.fotogaleriecs-cz a, #menu li.fotogalerieen-us, #menu li.fotogalerieen-us a {width: 105px; height: 67px;}
#menu li.aktualitycs-cz, #menu li.aktualitycs-cz a, #menu li.aktualityen-us, #menu li.aktualityen-us a {width: 87px; height: 67px;}
#menu li.kontaktcs-cz, #menu li.kontaktcs-cz a, #menu li.kontakten-us, #menu li.kontakten-us a {width: 80px; height: 67px;}

#menu li a {text-decoration: none; color: #787878; display:block;}
#menu li span {display:block; padding: 20px 0px;  text-align: center;}

#menu li div.mainMenuSelected {}
#menu li a:hover {color:#F90003;}
#menu li a, #menu li div.mainMenuSelected {}
#menu li div.mainMenuSelected{color:#ccc;}

/***** prvky v paticce *****/
#footerLogo {float:left; width: 127px; overflow:hidden;}
#footerLeft {float: left; width: 640px;}
#footerLeft p {padding: 2px 0px 0px 0px;}
#footerRight{float: right; width: 200px; text-align: right;}
#footerRight p {text-align: right;}
#footer img {position:relative; top: 4px;}

#footer a, #footer a:link, #footer a:active, #footer a:visited {font-weight: normal; color: #878787; text-decoration: underline;}
#footer a:hover {font-weight: normal; color: #878787; text-decoration: none;}

/**** menu v paticce *******/
#footerMenu ul {padding-left: 0px;list-style-image:none;}
#footerMenu li a {text-decoration:underline;}
#footerMenu li {float: left; padding: 0px 5px; list-style-type: none; border-left: 1px solid #b5b3a9;}
#footerMenu li.uvod {border-left: none; padding-left: 0px;}

/*** bloky ******/
.uzkyBlok {float: left;}
.sirokyBlok h2, .uzkyBlok h2 {color: #356ea3; padding: 8px 10px; background: url("top-rozcest.jpg") repeat-x; border: 1px solid #aaa;}
.bordered {border-right: 1px solid #fff;}
.blokObsah {padding: 8px;}

.sirokyPravy {width: 270px; float: right;margin-top:7px;}

/* ostatni */
.imgBlockL {float: left; width: 250px;margin-right:10px;margin-top:7px;}
.imgBlockR {float: right; width: 250px;margin-left:10px;margin-top:7px;}

#technologies p, #designBy p {padding: 0px;}


.buttSmall, .buttMiddle, .buttWide {padding: 3px 10px 7px 10px;float:right;margin-right:10px;}
.buttSmall {width: 60px;}
.buttMiddle {width: 90px;}
.buttWide {width: 150px;}

.buttSmall a, .buttSmall a:link, .buttSmall a:active, .buttSmall a:visited {text-align:center; display:block; width: 80px; padding: 4px 0px; font-weight: normal; border: 1px solid #aaa; text-decoration: none; background: url("vice.jpg") #d4d4d4 repeat-x; color: #888;}
.buttMiddle a, .buttMiddle a:link, .buttMiddle a:active, .buttMidle a:visited {text-align:center; display:block; width: 90px; padding: 4px 0px; font-weight: normal; border: 1px solid #aaa; text-decoration: none; background: url("vice.jpg") #d4d4d4 repeat-x; color: #888;}
.buttWide a, .buttWide a:link, .buttWide a:active, .buttWide a:visited {text-align:center; display:block; width: 150px; padding: 4px 0px; font-weight: normal; border: 1px solid #aaa; text-decoration: none; background: url("vice.jpg") #d4d4d4 repeat-x; color: #888;}

.buttSmall a:hover, .buttMiddle a:hover, .buttWide a:hover {color: #f00; text-decoration: none; display:block;}

.contactsTab,.contactsTab td {padding:0px;margin:0px;}




.boxaround{    width:380px;	float:left;}
        .box
        {
	margin:10px;	
	
        
        }

        .DataGrid_Header th
        {
            background: #095199;
            border:1px solid #FFF;
            color:#FFF;
	    font-weight:bold;
	   height:24px;
	padding:3px 5px 0px 5px;

        }
        .DataGrid_Item
       {
            background: #FFF;
            border:1px solid #FFF;
            color:#000;
	    padding-left:3px; padding-right:3px;
	    text-align:left;
	   width:260px;
        }

        .DataGrid_Foto a
        {
            background: #FFF;
	    width:110px;
            border:1px solid #FFF;
            color:#000;
	    text-align:center;
        }


        .DataGrid_Item2 td
       {
            background: #e5e5e5;
            border:1px solid #fff;
            color:#000;
	    padding-left:3px; padding-right:3px;
	    text-align:center;
	   
        }


/**FORMULAR OBJEDNAVACI**/
.form2 {border:1px solid #ababab;padding:10px;margin:5px;}