* {font-family: Arial, Trebuchet MS, Helvetica, sans-serif; color: #000;}







body, input, textarea, select {font-size: 75%; background: #d7dcea;}





page {

  width: 780px;

}





/* HEADER */



#header {

  background: url(../images/template/top_fade.jpg) no-repeat #d7dcea; 

  background-position: right top;

  width: 850px;

  height: 190px;

}



#left-header{

  background: url(../images/template/logo.gif) no-repeat; 

  width: 455px; 

  height: 170px; 

  float: left;

}



#right-header{

  background: url(../images/template/top.jpg) no-repeat; 

  width: 325px; 

  height: 190px; 

  margin-left: 455px;

  position: relative;

  =right: 3px;

}





/* MENU NAV */

#menu {

	padding-left:20px;

}



#menu ul{

	display: inline;	

}



#menu li{

	display: inline;

}



#menu a{

  padding: 0px 10px 0px 10px;

	color: #990000;

	font-weight: bold; 

	text-decoration: none;	

}



#menu ul li a{

	color: #990000;

	font-weight: bold; 

	text-decoration: none;

	margin-bottom: 10px;

	border-right: 2px solid white;

}



#menu ul li ul {

  padding-top: 5px;

}



#menu ul li ul li a{

  margin: 0px;

  padding: 3px 10px 3px 10px;

	color: #990000;

	font-weight: bold; 

	text-decoration: none;		

	background-color: white;

	width: 280px;

}



#menu a:hover{

	color: #000000;

	font-weight: bold; 	

}



#neaktivne{

	padding: 0px 10px 0px 10px;

	color: #990000;

	font-weight: bold; 

	text-decoration: none;

	cursor: pointer;

	border-right: 2px solid white;

}



#menu .end-menu{

	border: none;

}





.jquerycssmenu{

float: left;

padding-left: 0px; /*offset of tabs relative to browser left edge*/

z-index: 99999;

}



.jquerycssmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

z-index: 999999;

}



/*Top level list items*/

.jquerycssmenu ul li{

position: relative;

display: inline;

float: left;

z-index: 999999;

}



/*Top level menu link items style*/

.jquerycssmenu ul li a{

display: block;

color: #2d2b2b;

text-decoration: none;

z-index: 999999;

}



.jquerycssmenu ul li a:hover{

background-image: url(tintbluedark.gif)

z-index: 999999; /*tab link background during hover state*/

}

	

/*1st sub level menu*/

.jquerycssmenu ul li ul{

position: absolute;

left: 0;

display: block;

visibility: hidden;

z-index: 999999;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.jquerycssmenu ul li ul li{

display: list-item;

float: none;

z-index: 999999;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jquerycssmenu ul li ul li ul{

top: 0;

}







.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/

background: #eff9ff;

color: black;

z-index: 999999;

}



/* ######### CSS classes applied to down and right arrow images  ######### */



#menu .language{ 

  border: none;



}



#menu .language ul li a{ 

  border: none;

  color: black;

  position: relative;

  font-weight: normal;

  top: -5px;

  left: 68px;

  margin: 0px;

  padding: 0px;

}



#menu .language img{ 

  border: none;  

  position: relative;

  top: 5px;

  margin: 0px 5px 0px 5px;

}





/* END MENU NAV */



/* CONTENT */

#content{

  position: relative;

  width:780px;

  height:100%;

  left:20px; 

}



#content h1{

   color: #3945a0;

   font-size: 14px;

   padding: 0px 0px 8px 0px;

   margin: 0px;

}



#content h2{

   color: #3945a0;

   font-size: 14px;

   padding: 0px 0px 5px 0px;

   margin: 0px;

}



#content h3{

   color: #990000;

   font-size: 13px;

   padding: 0px 0px 5px 0px;

   margin: 0px;

}



#content a{

   color: #3945a0;

   text-decoration: underline;

}



#content a:hover{

   color: #990000;

}



#content p{

   padding: 0px 0px 10px 0px;

   margin: 0px;

   line-height: 18px;

}



#content p img{

   text-align: right;

   float: right;

   right: 0px;

   padding-bottom: 20px;

   margin-left:10px;

   border: none;

   z-index: 9;

}



.home-sortiment{

  height: 120px;

  padding-left: 5px;

}



#content div.home-sortiment img{

   text-align: left;

   margin-left: 10px;

   border: none;

   z-index: 9;

}



#content ul{

   padding: 0px 0px 10px 30px;

   margin: 0px;

   line-height: 18px;

   

}



/* OBLE ROHY */

.roundcont {

	background-color: d7dcea;

	color: #fff;

	margin: 0px 10px 10px 0px;

	z-index: 99;

	padding: 0px;

	=margin: -20px 10px 0px 0px;	

	float: left;	

}



#sirka1 {

  width: 760px

}



#sirka2 {

  width: 505px

}



#sirka3 {

  width: 245px

}



.vyska2 {

  display: block;

  height: 110px;

}



.vyska1 {

  display: block;

  height: 300px;

}



.roundcont-text {

	margin: 0px 0px;

	padding: 10px 20px 0px 20px;

	border-left: 2px solid #fff;

	border-right: 2px solid #fff;

}



.roundtop { 

	z-index: 9999;

	position: relative;

	top: 0px;

}



.roh-top { 

	background: url(../images/template/c1.gif)  no-repeat top right  ; 

	z-index: 9999;

	position: relative;

	top: 0px;

	=top: 3px;

}



.ciara-top { 

	background: url(../images/template/ciara.gif) repeat-x 0px 0px;

  height: 2px; 

	z-index: 9999;

	margin-left: 9px;

	margin-right: 9px;

	position: relative;

	top: 2px;

	=top: 18px;	

}



.ciara-bottom { 

	background: url(../images/template/ciara.gif) repeat-x 0px 0px;

  height: 2px; 

	z-index: 9999;

	margin-left: 9px;

	margin-right: 9px;

	position: relative;

	bottom: 2px;

	=bottom: 2px;	

}



.roundbottom {

	z-index: 9999;

	position: relative;

	top: 0px;

}



.roh-bottom {

	background: url(../images/template/c2.gif) no-repeat top right; 

	z-index: 9999;

	position: relative;

	top: 0px;

}



img.corner {

  width: 9px;

  height: 9px;

  border: none;

  display: block !important;

}

/* END OBLE ROHY */



/* CLEANER */

.cleaner {

   clear: both;

}

/* END CLEANER */



/* FOOTER */

#footer {

  position: absolute;

  left: 600px;

  margin: 10px 20px 10px 0px;

  =margin: 0px 20px 10px 0px;

}

/* END FOOTER */





/* TABLE */

table {

  display: block; 

  border-collapse: collapse; 

  width: 710px; 

  padding: 0px; 

  

  border: 0px; 

  font-size: 11px;

  text-align: left;

  vertical-align: top;

  

}



table th {

  color: #990000;

  font-size: 11px;

  padding-top: 10px;

  border-bottom: 1px solid white;

  vertical-align: top;

}



table td {

  margin: 0px; 

  padding: 3px;

  padding-right: 10px;

  vertical-align: top;

}



table tr {

  color: #3398cc;

  width: 710px;

  vertical-align: top;

}



table .poznamka{

  padding: 10px 0px 30px 0px;

  color: #666666;

  width: 710px;

}

/* END TABLE */





/* FORMULAR */

input {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8pt;

	font-weight: normal;

	color: #000000;

	border: 1px solid white;

	background-color: #eceef4;

	=border: 1px solid white;



}



textarea {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8pt;

	font-weight: normal;

	color: #000000;

	border: 1px solid white;

	background-color: #eceef4;

	width: 200px;

}



form {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 8pt;

	font-weight: normal;

	padding: 0px;

	margin: 0px;

	=margin-bottom: -4px;

}



form .povinne-udaje {

	color: #990000;

}

/* END FORMULAR */