* {
	margin: 0px;
	padding: 0px;
}
body {
  background-color: #ffffff;
  background-image: url(/files/images/body.png);
	background-repeat: repeat-x;
	background-position: 0 0;
  color:  #000000;
  
	font-size: 75%;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.4;
	position: relative;
}
#main_index{
  background-color: transparent;
  background-image: url(/files/images/footer.jpg);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}
#main{
  background-color: transparent;
  background-image: url(/files/images/footer_stranka.jpg);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}
/* sirka webu, vycentrovani na stred */
#page_container {
	background-color: transparent;
	
	width: 1000px;
	margin: 0px auto; 
	position: relative;
	z-index: 10;
}
/* hlavicka */
#head_container {
	background-color: transparent;
	background-image: url(/files/images/head-seo.jpg);
	background-repeat: no-repeat;
	background-position: 560px 0px;
	border: none;
	
	height: 205px;	
	position: relative;
}
/* horni menu */
#menu_top {
  background-color: transparent;
  
	padding: 0px 0px 0px 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 33px;
}
#logo {
  padding: 0 0 0 30px;
}
/* obsahova cast */
#content {
  background-color: transparent;
	background-image: url(/files/images/head-tvorba-www.png);
	background-repeat: no-repeat;
	background-position: 560px -205px;
  
	padding: 0px 0px 20px 0px;
}
/* levy sloupec */
#left_col {
	background-color: transparent;
	
	float: left;
	width: 217px;
	padding: 0px 0px 0px 0px;
}

/* hlavni sloupec */
#main_content {
	height: auto;
  padding: 0px 0px 10px 250px;
	text-align: left;
}
#main_content_index {
	height: auto;
  padding: 0px 0px 10px 230px;
	text-align: left;
}
/* paticka */
#footer {
	background-color: transparent;
	/*background-image: url(/files/images/footer.jpg);
	background-repeat: no-repeat;
  background-position: 0 0;*/
	color: #333;
	overflow: hidden;
	height: 320px;
	text-align: right;
}
#footer a,
#footer a:visited,
#footer a:hover {
	color: #333;
	text-decoration: none;
}

#footer2 {
	background-color: transparent;
	/*background-image: url(/files/images/footer.jpg);
	background-repeat: no-repeat;
  background-position: 0 0;*/
	color: #ACACAC;
	overflow: hidden;
	height: 120px;
	text-align: center;
}
#footer2 a,
#footer2 a:visited,
#footer2 a:hover {
	color: #ACACAC;
	text-decoration: none;
}
p.market{
  margin: 0px;
  padding: 15px 0px 0px 0px;
}
p.market a,
p.market a:visited,
p.market a:hover{
color: #ACACAC;
}
#vyber_firem{
  width: 564px;
  float: left;
  background: transparent url(/files/images/delitko.jpg) no-repeat right 35px;
  color: #333;
  text-align: justify;
}
p.odkazy_seo{
 padding: 10px 30px 0px 0px;
}
#vyber_firem a, #vyber_firem a:visited{
  color: #333333;
}
#vyber_firem a:hover{
  color: #333333;
  text-decoration: underline;
}
#box_right{
  width: 380px;
  float: right;
  text-align: left;
}
.ft_title{
  width: 296px;
  height: 50px;
  background: url(/files/images/ft_title.jpg);
  margin: 11px 0 0 0;
  color: #fff;
  font-size: 11pt;
}
.ft_title p{
 text-align: center;
 padding: 10px 0px 0px 0px;
}
/* resetovac */
#reset {
	border:  0px none;
	margin:  0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

/**********************************/
/*  VYHLEDAVANI
/*********************************/
.searchbox {
  position: absolute;
  right: 0px;
  top: 160px;
  height: 33px;
}
.searchbox input.search_text { 
  background-color: transparent;
  background-image: url(/files/images/text_search.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  border: none;
  

  width: 159px;
  margin: 0;
  float: left;
  padding: 10px 10px 8px 0;
  text-align: center;
  vertical-align: middle;
}
.searchbox input.submit { 
  background-color: #32B0DC;
  background-image: url(/files/images/button_search.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  border: none;
  color: #ffffff;
  
  float: left;
  height: 33px;
  width: 72px;
  margin: 0;
  padding: 0;
}
/**********************************/
/*  MODULY 
/*********************************/
.kontakty_table td {
    border: 1px solid #C4C4C4;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    position: static;
    vertical-align: middle;
}
#slideshow{
  width: 763px;
  height: 332px;
  background: url(/files/images/reference_podklad.jpg);
}
.main_box{
  width: auto;
  height: 240px;
  background: transparent url(/files/images/seo-sluzby-homepage.jpg) no-repeat;
}
.main_box1{
  width: auto;
  height: 240px;
  background: transparent url(/files/images/seo-sluzby-homepage.jpg) no-repeat 0 -240px;
}
.main_box2{
  width: auto;
  height: 280px;
  background: transparent url(/files/images/seo-sluzby-homepage.jpg) no-repeat 0 -480px;
}
.main_box h2, .main_box1 h2, .main_box2 h2{
    padding: 7px 0px 15px 45px;
} 
.main_box p, .main_box1 p, .main_box2 p{
    padding: 0px 335px 0px 55px;
} 
.main_box h2 a, .main_box1 h2 a, .main_box2 h2 a{
  color: #25AEDC;
  text-decoration: none;
}
.main_box h2 a{
  background: transparent url(/files/images/www_icon.jpg) no-repeat 0 3px;
  padding: 14px 0px 8px 40px;
  display: block;
}

.main_box1 h2 a{
  background: transparent url(/files/images/eshop_icon.jpg) no-repeat;
  padding: 12px 0px 8px 40px;
  display: block;
}

.main_box2 h2 a{
  background: transparent url(/files/images/pozice_icon.jpg) no-repeat 0 -2px;
  padding: 10px 0px 10px 40px;
  display: block;
}
.main_box h2 a:hover, .main_box1 h2 a:hover, .main_box2 h2 a:hover{
  text-decoration: underline;
}
/* hlavicka - odkaz logo */
#logo   {
	
	width: auto;
	height: auto;
	display: block;
}
/* sloupec boxy */
.col_box_title {
	background-color: transparent;
	background-image: url(/files/images/box-title-1.png);
	background-repeat: no-repeat;
	color: #ffffff;
	
	font-size: 10pt;
	font-weight: 700;
	height: 37px;
	padding: 18px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}
.col_box_content {
	background-color: transparent;
	background-image: url(/files/images/box-content.png);
	background-repeat: repeat-y;
	background-position: 11px 0;
	
  height: auto;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 0px 0px;
}
.col_box_content p {
  margin: 0;
  padding-bottom: 6px;
}
.reference_box {
	background-color: transparent;
	background-image: url(/files/images/box-content.png);
	background-repeat: repeat-y;
	background-position: 11px 0;
	
  height: auto;
	padding: 0px 10px;
	margin: 0px 0px 0px 0px;
}
.col_box_bottom {
  background-color: transparent;
	background-image: url(/files/images/box-bottom.png);
	background-repeat: no-repeat;
	background-position: 11px 0;
	height: 16px;
	margin: 0px 0px 10px 0px;
}
p.Zvyrazneni{
  background: transparent url(/files/images/nadpis_stin.jpg) no-repeat 0 0;
  font-weight: bold;
  padding: 10px 0px 10px 9px;
}
table.reference{width: 100%;}
table.reference td{padding: 10px 0px 0px 0px; text-align: center;}
table.reference td img{
  background-color: #fff;
  padding: 10px;
  margin-bottom: 4px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  border: 1px solid #DADADA;
  -webkit-box-shadow: inset 2px 2px 2px 2px #dadada;
  -moz-box-shadow: inset 2px 2px 2px 2px #dadada;
  box-shadow: inset 2px 2px 2px 2px #dadada; 
}
/* clear obtekani */
.clear {
	border:  0px none;
	margin:  0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
/**********************************/
/*  FORMULARE 
/*********************************/
.form_content fieldset { 
  background-color: #F8F8F8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
  margin: 0;
  padding: 1em;
  border: 1px solid #CCCCCC;
}
.form_content fieldset legend { 
  background-color: #CCCCCC;
  
  padding: 6px 12px;
  color: #000000;
  

}
.form_content input, textarea { 
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
  margin: 0px;
  padding: 0.25em;
  font-size: 10pt;
}

.form_content input.submit { 
  background-image: url(/files/images/odeslat.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  border: none;
  color: #ffffff;
  
  width: 80px;
  height: 31px;
  cursor: pointer;
}
.form_content fieldset p label { 
  display: block;
}
.form_content fieldset p input { 
  width: 60%;
}
.form_content fieldset p textarea { 
  width: 97%;
}
.form_content fieldset p.submit {
  margin-bottom: 0;
}
input.alert,
textarea.alert {
  border: solid 1px red;
}
/**********************************/
/*         DEFAULTNI HODNOTY     
/*********************************/
h1, h2, h3, h4 {
  line-height: 1.3em; 
  margin: 0 0 3px 0;
}
h1 {
	color: #000000;
	font-size: 16pt;
	font-weight: 400;
	padding: 0px 0px 5px 0px;
}
h2 {
	color: #32B1DC;
	font-size: 13pt;
	font-weight: 400;
	padding: 5px 0px 5px 0px;
}
h3 {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}
h4 {
	color: #000000;
	font-size: 10pt;
	font-weight: 400;
}
p {
  margin: 0 0 12px 0;
  line-height: 1.3em;
}
img {
	border: none;
	margin: 0; 
}
a,
a:visited {
	color: #32B1DC;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border: none;
  margin: 0 0 12px 0; 
}
table td {
  vertical-align: top;
  text-align: left;
}
ul, ol {
	list-style-position: outside;
	margin: 0 0 12px 18px;
}
li{list-style-image: url(/files/images/odrazka.jpg);}
span.icon_www{background: transparent url(/files/images/www_icon.jpg) no-repeat; padding: 4px 10px 4px 10px;}
.icon_pozice{}
.icon_eshop{}
/**********************************/
/*  FORMAT
/**********************************/
span.red {
  color: red;
}

/***************************/
/*  AKTUALITY
/***************************/
.aktuality_col_container {
  width: auto;
  height: auto;
}
.aktuality_col_container .aktuality_box {
  width: auto;
  height: auto;
}
.aktuality_col_container .aktuality_date {
  font-size: 8pt;
  color: #000000;
}
.aktuality_col_container .aktuality_name {
  padding: 6px 0px 3px;
}
.aktuality_col_container .aktuality_name a,
.aktuality_col_container .aktuality_name a:visited {
  color: #028C3E;
  text-decoration: underline;
  font-size: 10pt;
}
.aktuality_col_container .aktuality_name a:hover {
  color: black;
  text-decoration: none;
}

.aktuality_col_container .aktuality_text {
  text-align: left;
}
.aktuality_col_container .aktuality_text a,
.aktuality_col_container .aktuality_text a:visited {
  color: #028C3E;
  text-decoration: underline;
}
.aktuality_col_container .aktuality_text a:hover {
  color: black;
  text-decoration: none;
}
.aktuality_col_container .aktuality_img {
  float: left;
}
.aktuality_col_container .aktuality_img img {
  width: 80px;
  margin: 5px 5px 2px 0px;
  border: solid 1px #4D4B4C;
}
.aktuality_col_container .aktuality_vice_odkaz {
  text-align: right;
  margin-bottom: 0%;;
}



/***************************/
/*  ANKETA
/***************************/
.anketaSloupec {
	width: auto;
	height: auto;
	padding: 0px;
	font-size: 1.1em;
	float: none;
	margin: 10px 5px;
}
/* survey */
.survey {} /* main preview*/
.survey .question { font-weight: bold; color: #000000; margin-bottom: 5px;}
.survey .clear { clear:both; }
.surveyAnswer {font-size: 8pt;} /* css for answer */
.surveyAnswer .line {
	font-size: 2px;
	width: 90%;
	float: left;
	margin-top: 3px;
	background-color: #C9CAC4;
}
.surveyAnswer .number { 
  float: left;
  padding-left: 15px;
}
.surveyAll {} /* css for all surveys */
.survey_button {
  margin: 10px 0;
}
input.surveyVote {
  background-color: #01923F;
  
  color: #ffffff;
  border: none;
  padding: 0px;
  width: 72px;
  height: 20px;
}



/**********************************/
/* LOGIN
/*********************************/
.login_box {
  padding: 0px;
}
.login_box strong.loginnadpis {
    color: #FFFFFF;
    font-size: 16px;
    padding-left: 0px;
}
.login_box table {
  width: 100%;
  border-spacing: 2px;
}
.login_box table td {
  padding: 3px;
}
.login_box input[type=text],
.login_box input[type=password] {
    width: 125px;
}
.login_box input[type=submit] {
    background-color: #01923F;
    background-image: url(/files/images/button_login.png);
    background-repeat: no-repeat;
    border: medium none;
    float: none;
    height: 22px;
    width: 103px;
}

/***************************/
/*  HORNI MENU
/***************************/
.ddmx {
	background-color: transparent;
  display: block;
  position: relative;
  height: auto;
	margin: 0;
	padding: 10px 0px 0px 0px;
	font-weight: normal;
}
.ddmx .ddmxlileftsel,
.ddmx .ddmxlileft {
  float: left;
  padding:0; margin:0;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
	
	color: #1A296F;
	
	display: block;
	position: relative;
  padding: 0px 0px 0px 0px;
  margin-right: 8px;
	text-decoration: none;
	text-align: center;
	font-size: 10pt;
	font-weight: 300;
}
.ddmx .item1 span {
  padding: 8px 15px 7px;
  display: block;
  position: relative;
  right: -10px;
}
.ddmx .selected span {
  background-image: url(/files/images/top-menu-span.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  padding: 8px 15px 7px;
  display: block;
  position: relative;
  right: -10px;
}
.ddmx .selected {
	background-image: url(/files/images/top-menu-item.png);
  background-position: 10px 0;
  background-repeat: no-repeat;
}
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
 color: #000;
}


.ddmx .ddmxlileftsel .item1 {
    color: #303030;
    background-color: transparent;
}

.ddmx .item2,
.ddmx .item3,
.ddmx .item4,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover,
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover,
.ddmx .item4:hover,
.ddmx .item4-active,
.ddmx .item4-active:hover 
 {
	background-color: #404040;
	border-bottom: 1px dotted #AFAFAF;
	color: #FFFFFF;
	
	display: block;
	position: relative;
	width: 160px;
	z-index: 5000;
  padding: 8px 10px 8px 8px;
	text-decoration: none;
	text-align: left;
	font-size: 9pt;
}


.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover,
.ddmx .item3:hover,
.ddmx .item3-active,
.ddmx .item3-active:hover,
.ddmx .item4:hover,
.ddmx .item4-active,
.ddmx .item4-active:hover {
	background-color: #E2DBCE;
	color: #000000;
}

.ddmx .item2 img,
.ddmx .item2-active img {
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
	border-top: none;
  width: 160px;
  position: absolute;
  top: 37px !important;
  visibility: hidden;
  margin-left: 10px;
  z-index: 1000;
}

* html .ddmx div { position: relative; } /* ie 5.0 fix */

/***************************************/
/***************************************/
#footer_menu{
height: 45px;
margin-top: 30px;
padding-left: 105px;
}

#footer2 .ddmx2 {
	display: block;
	margin: 0;
	padding: 0px 0px 0px 80px;
	font-weight: normal;
	background-color: transparent;
	height: auto;
	float: left;
	
}
#footer2 .ddmx2 .ddmx2lileftsel,
#footer2 .ddmx2 .ddmx2lileft {
    float:left;
    padding:0; margin:0;
}


#footer2 .ddmx2 .item1,
#footer2 .ddmx2 .item1:hover,
#footer2 .ddmx2 .item1-active,
#footer2 .ddmx2 .item1-active:hover {
	padding: 10px 20px 8px 20px;
	width: auto;
	height: auto;
	text-decoration: underline;
	text-align: center;
	display: block;
	white-space: nowrap;
	color: #7F7F7F;
	background: none;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
}

#footer2 .ddmx2 .item1:hover,
#footer2 .ddmx2 .item1-active,
#footer2 .ddmx2 .item1-active:hover {
	color: black;
	background-color: transparent;
	text-decoration: none;
}

/***************************/
/*  LEVE MENU
/***************************/
.category_box .ddmy {
	background-color: transparent;
  display: block;
  position: relative;
  height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
}
.category_box .ddmy .ddmylileftsel,
.category_box .ddmy .ddmylileft {
  padding: 0px; 
  margin: 0px;
  float: none;
}
.category_box .ddmy .item1,
.category_box .ddmy .item1:hover,
.category_box .ddmy .item1-active,
.category_box .ddmy .item1-active:hover {
	background-color: transparent;
	background-image: url(/files/images/menu-left-item.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #ffffff;
	
	display: block;
	width: 195px;
	height: 25px;
  padding: 11px 5px 0px 30px;
	text-decoration: none;
	text-align: left;
	font-size: 9pt;
	font-weight: 300;
}
.category_box .ddmy .item1:hover,
.category_box .ddmy .item1-active,
.category_box .ddmy .item1-active:hover,
.category_box .ddmy .selected {
	font-weight: bold;
}
.category_box .ddmy .ddmylileft:first-child a {
  
}

.category_box .ddmy .ddmylileftsel .item1 {
    color: #303030;
    background-color: transparent;
}

.category_box .ddmy .item2,
.category_box .ddmy .item3,
.category_box .ddmy .item4,
.category_box .ddmy .item2:hover,
.category_box .ddmy .item2-active,
.category_box .ddmy .item2-active:hover,
.category_box .ddmy .item3:hover,
.category_box .ddmy .item3-active,
.category_box .ddmy .item3-active:hover,
.category_box .ddmy .item4:hover,
.category_box .ddmy .item4-active,
.category_box .ddmy .item4-active:hover 
 {
	
	color: #3c3c3c;
	
	padding: 4px 5px 4px 10px;
	display: block;
	position: relative;
	z-index: 5000;
	width: 152px;
	text-align: left;
	text-decoration: none;
	font-size: 9pt;
	line-height: 120%;
}


.category_box .ddmy .item2:hover,
.category_box .ddmy .item2-active,
.category_box .ddmy .item2-active:hover,
.category_box .ddmy .item3:hover,
.category_box .ddmy .item3-active,
.category_box .ddmy .item3-active:hover,
.category_box .ddmy .item4:hover,
.category_box .ddmy .item4-active,
.category_box .ddmy .item4-active:hover,
.category_box .ddmy .item2.selected {
	font-weight: bold;
}

.category_box .ddmy .item2 img,
.category_box .ddmy .item2-active img {
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}

.category_box .ddmy .section {
	background-color: #ECEAEA;
	background-image: url(/files/images/menu-left-item2.png);
	background-repeat: repeat-y;
	background-position: 0 0;
  border-top: none;
	margin-left: 12px;
	margin-right: 25px;
	padding: 5px 0;
	width: auto;
}

* html .category_box .ddmy div { position: relative; } /* ie 5.0 fix */
/*********************/

.reference_box .ddmy {
	background-color: transparent;
  display: block;
  position: relative;
  height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 13px 0px 0px;
	font-weight: normal;
}
.reference_box .ddmy .ddmylileftsel,
.ddmy .ddmylileft {
  padding: 0px; 
  margin: 0px;
  float: none;
}
.reference_box .ddmy .item1,
.reference_box .ddmy .item1:hover,
.reference_box .ddmy .item1-active,
.reference_box .ddmy .item1-active:hover {
	background-color: transparent;
	border-top: dotted 2px white;
	color: #3c3c3c;
	
	display: block;
  padding: 5px 0px 5px 30px;
	text-decoration: none;
	text-align: left;
	font-size: 9pt;
	font-weight: 300;
}
.reference_box .ddmy .item1:hover,
.reference_box .ddmy .item1-active,
.reference_box .ddmy .item1-active:hover,
.reference_box .ddmy .selected {
	text-decoration: underline;
}
.reference_box .ddmy .ddmylileft:first-child a {
  border: none;
}
/***************************/
/*  FOTOGALERIE - SLIDE
/***************************/

.gallery_slide #bigPic { 
  width: 500px;
  height: 335px;
  padding: 1px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.gallery_slide #bigPic img { 
  position: absolute;
  display: none;
}
.gallery_slide ul#thumbs li.active { 
  border: 2px solid #000000;
  background-image: none;
  background-attachment: scroll;
  background-repeat: repeat;
  background-position: 0% 0%;
  background-color: #ffffff;
  padding: 2px;
}
.gallery_slide ul#thumbs, ul#thumbs li { 
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.gallery_slide ul#thumbs li { 
  float: left;
  margin-right: 7px;
  margin-bottom: 5px;
  border: 1px solid #cccccc;
  padding: 3px;
  cursor: pointer;
}
.gallery_slide ul#thumbs img { 
  float: left;
  width: 80px;
  /*height: 80px;*/
  line-height: 80px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  z-index: 1;
}
.gallery_slide #photoContainer {
  width: 500px;
}


/***********/

.sel_ramovani_td {
  visibility: hidden;
}