/* 



    sysapp 0.1.2  Main CSS file (screen width resolution min. 1024)

    ----------------------------------------------------------------------

    Author       Jan Koprajda (jan.koprajda@dzonny.com)

    Last edit    07 Feb 10



*/



html {

     overflow: -moz-scrollbars-vertical;

}



/*  ----- Odkazy -----  */



a:link    { color: #006064; }

a:visited { color: #006064; }



a:hover,

a:active,

a:focus   { 

/*	background: #c00;  */

	color: #fff;

	text-decoration: none;

}



/*  ----- Odstavce -----  */

p {

  line-height: 21px;

  margin-bottom: 15px;

  text-align: justify;

}

/* ----- Table -----  */



table {

	border-collapse: collapse;

}

table caption {

	font-style: italic;

	padding: 0;

	text-align: center;

}

table th,

table td {

	border: 0;

	padding: 5px 0 0 0;

}

table th {

	font-weight: bold;

	vertical-align: top;

}



/* ----- Forms -----  */



form table {

  width: 100%;

  margin-bottom: 15px;

}

form td,

form th {

	padding-top: .1em;

	padding-bottom: .1em;

}

form th {

	padding-top: .2em;

}

input,

textarea,

select {

	margin-right: 2px;

}

input,

textarea {

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

	padding: 2px 3px;

}

textarea {

	line-height: 1.3em;

	width: 280px;

}

input {

	margin-top: 2px;

	margin-bottom: 2px;

	overflow: visible;

	width: 280px;

}

input:focus,

textarea:focus {

	border-color: #777;

}

input[type="radio"],

input[type="checkbox"]{

	position: relative;

	top: 1px;

	left: -2px;

}

input.submit {

	padding: 4px 10px 3px;

	width: 100px;

}

form .required {

	color: #c33;

}





/*  ----- Clear, Hide -----  */



.hide,

.blind a,

.print {

	left: -10000px;

	overflow: hidden;

	position: absolute;

	width: 0; height: 0;

}

         .clear { clear: both; }

     span.clear { display: block; }

#ie6 span.clear,

#ie7 span.clear { display: inline; }



/* -------- image floats --------- */



img.left {

    float: left;

    margin: 5px 15px 10px 0;

}

img.right {

    float: right;

    margin: 5px 0 10px 15px;

}



/*

    PAGE LAYOUT

    ------------------------------------------------------------------------

*/



body {

  background: /* url(../img/bg-body.png) left top repeat-x */ #fff;

  font-family: Arial, serif;

  font-size: 10pt;

  text-align: center;

  margin-top: 10px;

}



div.body {

  /* background: url(../img/bg-footer.png) center bottom no-repeat; */

}



div#page {

	margin: 0 auto;

	position: relative;

	width: 934px;

	text-align: left;

	color: #333;

	background-color: #fff;

        border: 10px solid #F9F9F9;

}



/*  ----- Header -----  */



div#header {

   width: 100%;

   background: #fff;

   height: 314px;

   text-align: center;

}



/* -- Logo -- */



div#logo {

  width: 218px;

  float: left;

  padding-right: 0px;

  margin-right: 0;

}



#logo h1,

#logo a {

	display: block;

	height: 129px;

	position: relative;

	margin-bottom: 0;

}

	

#logo h1 span,

#logo a span {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	background: url(../img/logo.png) no-repeat;

	height: 129px;

	width: 218px;

}



/* -- Info -- */

div#info {

	/* background: url(../img/bg-header.png) 0 0 repeat; */

	color: #CCC;

	font-size: 27px;

	width: 380px;

	height: 200px;

	line-height: 30px;

	overflow: hidden;

	float: right;

	margin-right: 0;

}



#info div {

  margin: 30px;

}



/*  ----- Top Navigation -----  */



div#top-navigation {

  position: absolute;

  z-index: 100;

  top: 129px;

  left: 0;

  background: /* url(../img/bg-topnav.png) left bottom repeat */ #fff;

  text-align: left;

  width: 100%;

  height: 34px;

}

#top-navigation h2 {

  display: none;

}

#top-navigation ul {

  display: block;

	position: relative;

  left: 0;

	text-align: left;

	width: 934px;

}

#top-navigation li {

	float: left;

	margin: 0;

}

#top-navigation li a, #top-navigation li span {

	color: #121212;

	display: block;

	float: left;

	font-weight: normal;

	font-size: 15px;

	height: 1%;

	line-height: 21px;

	padding: 7px 14px 6px 13px;

	margin-bottom: 0;

	text-decoration: none;

/*	text-transform: uppercase; */

    border-right: 1px solid #E3E3E3;

}

#top-navigation li a:hover,

#top-navigation li a:active,

#top-navigation li a:focus { 

/*	background: #006064;  */

	color: #999;

}



#top-navigation li.active a, #top-navigation li.active span { 

/*	background: #fff; */

	color: #000;

}

#top-navigation li.active a:hover,

#top-navigation li.active a:active,

#top-navigation li.active a:focus { 

/*	background: #006064;  */

	color: #000;

}



/*  ----- Left Blocks -----  */



div#left-blocks {

  width: 934px;

  float: left;

  background: #fff;

  margin: 14px 0 0 0;

  padding-bottom: 15px;

}



/* --------- Quick Path ---- */

div#quick-path {

  display: none;

}



/* ----- Content -----  */



div#content {

  width: 732px;

  float: left;

  position: relative;

  height: 1%;

  padding: 0;

}

#content .content-in {

  padding: 10px 10px 10px 10px;

}

#content h1,

#content h2,

#content h3 {

	color: #987B35;

	line-height: 55px;

	position: relative;

	left: -1px;

        font-size: 2.3em;

}

#content h2 {

  color: #987B35;

  font-size: 20px;

  line-height: 25px;

}

#content .home h2.title {

  color: #465361;

  font-size: 2.3em;

  line-height: 55px;

}

#content h3 {

  color: #465361;

  font-size: 25px;

  line-height: 25px;

}

#content ul {

  font-size: 10pt;

  line-height: 21px;

  margin-bottom: 15px;

  list-style-image: none;

  list-style-position: inside;

  list-style-type: square;

}



.item {

  margin: 0 5px 0px 0;

  padding: 5px 5px 5px 5px;

}

.item.even {

    background: #F9F9F9;

/*  background: url(../img/bg-topnav.png) left top repeat #fff; */

}

.item h2 {

  margin: 0;

  padding: 3px 3px 3px 3px;

}

.item img {

  float: left;

  margin: 3px 3px 3px 3px;

}



/******* icons *************/

#content .icons.right ul {

  float: right;

  list-style: none;

}

#content .icons.left ul {

  float: left;

  list-style: none;

}

#content .icons.right li {

  margin: 0 0 0 10px;

}

#content .icons.left li {

  margin: 0 10px 0 0;

}



/*** goods parts ***/

#content .goods-detail .description h2 {

  display: none;

}



/* ----- Left column -----  */



div#left-column {

  width: 200px;

  float: left;

}



/* ----- Column navigation -----  */



div#col-navigation {

  width: 190px;

  background: url(../img/bg-colnav.png) 0 0 repeat-x;

}

#col-navigation ul {

  list-style-type: none;

  padding: 10px 0 12px 0;

}

#col-navigation li {

  margin: 0;

}

#col-navigation li a {

  background: url(../img/nav-arrow.gif) 100% 50% no-repeat transparent;

  color: #CCC;

  display:block;

  height: 1%;

  font-size: 12pt;

  font-weight: normal;

  padding: 8px 6px;

  text-decoration:none;

  width: 190px;

}

#ie6 #col-navigation li a {

  width: 190px;

}

#col-navigation li a:hover,

#col-navigation li a:active,

#col-navigation li a:focus { 

	background: #fff;

	color: #fff;

}

#col-navigation li.active a { 

	background: #fff;

	color: #000;

}

#col-navigation li.active a:hover,

#col-navigation li.active a:active,

#col-navigation li.active a:focus { 

	background: #fff;

	color: #fff;

}



/* ----- content navigation -----  */

div#content-navigation ul {

/*    float: left; */

    width: 720px;

    list-style: none;

    margin: auto;

}

div#content-navigation li {

    float: left;

    margin: 13px;

}

div#content-navigation li.last {

    margin: 13px;

}





/* ----- Block -----  */



div.block {

  background: #F8F8F8;

  width: 190px;

  padding-bottom: 2px;

  margin: 0px 0 0px 0px;

}

.block h2 {

  color: #987B35;

	padding: 7px;

	position: relative;

  font-size: 1.5em;



}

.block p {

  font-size: 0.8em;

  line-height: 18px;

  text-align: left;

	padding: 7px 5px 2px 7px;

	margin: 0;

}

#ie6 .block table {

  width: 190px;

}

.block table th {

	font-weight: normal;

	vertical-align: middle;

}

.block form table {

  margin: 5px 0 0 5px;

}

.block input {

	margin-top: 2px;

	margin-bottom: 2px;

	overflow: visible;

	width: 125px;

}

.block input.submit {

	width: 80px;

}



/* ----- navigation -------- */

.block.navigation {

}

.block.navigation ul {

  list-style-type: none;

  padding: 0px 0 0px 0;

    width: 170px;

}

.block.navigation li {

  margin: 0;

    width: 170px;

}

.block.navigation li a {

  background: /* url(../img/block-nav-menu.gif) 0 0 repeat-x*/ #F8F8F8;

  display:block;

  height: 1%;

  font-size: 10pt;

  font-weight: normal;

  padding: 8px 6px;

  text-decoration:none;

    width: 170px;

    border-top: 1px solid #fff;

    border-left: 10px solid #F8F8F8;

    border-bottom: 1px solid #fff;



}

#ie6 .block.navigation li a {

    width: 170px;

}

.block.navigation li a:hover,

.block.navigation li a:active,

.block.navigation li a:focus {

    background: #F8F8F8;

    color: #000;

    border-top: 1px solid #fff;

    border-left: 10px solid #987B35;

    border-bottom: 1px solid #fff;

    width: 170px;

}

.block.navigation li.active a {

    margin: 0px 0 0px 0px;

    background: none;

    color: #000;

    border-top: 1px solid #fff;

    border-left: 10px solid #987B35;

    border-bottom: 1px solid #fff;

    width: 170px;

}

.block.navigation li li a, .block.navigation li.active li a {

    width: 151px;

    padding-left: 25px;

    border-top: 1px solid #fff;

    border-left: 10px solid #F8F8F8;

    border-bottom: 1px solid #fff;

}

.block.navigation li li.active a {

    border-left: 10px solid #987B35;

}

.block.navigation li.active a:hover,

.block.navigation li.active a:active,

.block.navigation li.active a:focus {

    background: none;

    border-top: 1px solid #fff;

    border-left: 10px solid #987B35;

    border-bottom: 1px solid #fff;

    width: 170px;

}



/* ----- Footer -----  */

div#footer {

  width: 934px;

	font-size: 8pt;

	height: 1%;

	line-height: 13px;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	background: #fff;

	clear: both;

}

#footer div {

  padding: 7px 0 10px 215px;

}