@import "layout.css";
/*
.blue-arrow {
	background: url(img/arrow-blue.gif) left center no-repeat;
}

.blue-col {
	color: #4370B3;
}

.braun-a {
	color: #C46413;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.braun-a:hover {
	text-decoration: underline;
}

.braun-active {
	background: url(img/corner-active-braun.gif) right bottom no-repeat #C46413;
}

.braun-arrow {
	background: url(img/arrow-braun.gif) left center no-repeat;
}

.braun-col {
	color: #C46413;
}

.braun-news {
	background: url(img/h4-braun.gif) left top repeat-y;
}
*/

.content a {
	background: transparent;
	color: #951E00;
}

/* lista s tlacitky a navigaci */
.content .button_line {
	border-bottom: solid 1px #5E85BE;
	padding: 1px 1px 1px 1px;
	
}

/* box tlacitek pro navigaci */
.content .button_box p {
	/* width: 100%; */
	margin-top: -14px;	 
}

.content .button_line .sections {
	text-align: left;
	float:left;
	height: 24px;
	margin-top: 0px;
	height: 20px;
}

.content .button_line .sections span {
	background: url(img/corner-darkblue.gif) right top no-repeat #285CA8;
	color: #FFFFFF;
	font-size: .9em;
	padding: 0px 10px 0px 6px;
	margin-left: 2px;
	text-align: left;
	cursor: pointer;
	height: 20px;
}

.content .button_line .sections a
{
	color: #FFFFFF;
	text-decoration: none;
}

.content .button_line .sections a:hover
{
color: #FFFFFF;
	text-decoration: underline;
}


.content .button_line .buttons {
	text-align: right;
	float:right;
	height: 24px;
	margin-top: -10px;
}

/* tlacitko */
.content .button_line a.button {
    background: transparent url('img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

.content .button_line a.button span {
    background: transparent url('img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

.content  a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.content  a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* nadpis sekce software */
.content .nadpis {
	font-weight: bold;
	color: #993300;
}

/* odkaz na top */
.content .top {
	background: url(img/up.gif) left center no-repeat white;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.content .icons {
	float: left;
	margin-right: 13px;
	width: 280px;
}


.content .icons .clear {
	margin-bottom: 5px;
}

.content .icons p {
	color: #413F3F;
	padding: .5em;
}

.content .icons p a {
	color: #60759C;
	text-decoration: none;
}

.content .icons p a:hover {
	text-decoration: underline;
}

.content .icons p img {
	float: left;
	margin-bottom: 8px;
	margin-right: 8px;
	/*width: 32px;*/
}

.content .line {
	background: url(img/line.gif) left bottom repeat-x;
	clear: left;
	height: 22px;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
}

.content .line a {
	background: url(img/arrow-red.gif) 6px center no-repeat #D1D1D3;
	color: #262324;
	display: block;
	font-size: .9em;
	font-weight: bold;
	height: 100%;
	line-height: 22px;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 110px;
}

.content .middle {
	float: left;
	width: 400px;
}

.content .middle .grey-col {
	color: #A0A1A3;
}

.content .red {
	float: left;
	margin-bottom: 10px;
	margin-right: 7px;
	width: 190px;
}

.content .red h3 {
	color: #951E00;
	font-size: 1.1em;
}

.content .red h3 a {
	color: #951E00;
	text-decoration: none;
}

/* tabulka produktu */
.content .producttable {
	background: url(img/product_table_line.gif) left bottom repeat-x;
	border-bottom: 1px solid #5E85BE; 
	width: 100%;
}

/* sloupecek v tabulce produktu */
.content .producttable .titlecolumn {
	font-weight: bold;
	color: #993300;
	width:140px;
	vertical-align: top;
}

/* sloupecek v tabulce produktu */
.content .producttable .textcolumn {
	font-weight: bold;
	/*color: #999999;*/
	color: #58585A;
	width:300px;
	vertical-align: top;
}

/* sloupecek v tabulce produktu */
.content .producttable .imagecolumn {
	vertical-align: bottom;
	text-align: right;
}

.content .red h3 a:hover {
	text-decoration: underline;
}

.content .red img {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	position: relative;
}

.content .red p {
	color: #A0A1A3;
	font-size: .9em;
	padding: 10px;
	padding-top: 0;
	text-align: justify;
}

.content .red p a {
	background: transparent;
	color: #951E00;
	display: inline;
	font-size: 1em;
	font-weight: normal;
	height: auto;
	line-height: normal;
	text-decoration: underline;
	text-transform: lowercase;
}

.content .red p span {
	color: #58585A;
	font-size: .95em;
}

.content .search {
	float: right;
	width: 168px;
}

.content .search .form {
	background: url(img/corner-lightbraun.gif) right bottom no-repeat #F9EFE7;
	margin-bottom: 10px;
	padding: 10px;
}

.content .search .form a {
	color: #000000;
	text-decoration: none;
}

.content .search .form legend {
	display: block;
	margin-bottom: 4px;
}

.content .search .form select {
	margin-bottom: 5px;
	width: 100%;
}

.content .search .topten {
	background: url(img/topten-r-y.gif) left top repeat-y;
	margin-bottom: 10px;
}

.content .search .topten .white-corner {
	background: url(img/corner-white.gif) left bottom no-repeat;
	height: 24px;
	width: 100%;
}

.content .search .topten h3 {
	background-color: #C46413;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 3px;
	padding-left: 10px;
}

.content .search .topten h5 {
	color: #C46413;
	padding-top: 8px;
}

.content .search .topten ol {
	padding-left: 30px;
}

.content .search .topten ol li {
	line-height: 160%;
}

.content .search .topten ol li a {
	color: #413F3F;
	text-decoration: none;
}

.content .search .topten ol li a:hover {
	text-decoration: underline;
}

.content p .upper {
	color: #58585A; /*#777274;*/
	display: block;
	font-weight: bold;
	padding-bottom: 4px;
	text-transform: uppercase;
}

.content p a {
	color: #951E00;
	/*display: block;*/
	/*font-weight: bold;*/
	text-decoration: underline;
}

.content .download a {
	color: #951E00; /*#5E85BE;*/
	text-decoration: underline;
}

.firmy p {
	color: #474747;
	padding: 6px;
}

.left .active {
	clear: left;
	color: #FFFFFF;
	height: 28px;
	margin-bottom: 10px;
	width: 100%;
}

.left .active p {
	padding-left: .8em;
}

.left .active p a {
	color: #FFFFFF;
	line-height: 28px;
	text-decoration: none;
}

.left .content {
	float: right;
	width: 600px;
}

.left .content .red img {
	/*border: solid 1px #5E85BE;*/
	display: block;
	float: left;
	margin-bottom: 6px;
	margin-right: 6px;
	margin-top: 10px;
}

.left .content .red p {
	color: #58585A; /*#909193;*/
	font-size: .9em;
}

.left h2 {
	color: #951E00;
	font-size: 1.4em;
	text-transform: uppercase;
}

.left .content h5 {
	color: #808184;
	font-size: .85em;
	margin-bottom: 10px;
	padding-left: 10px;
	text-transform: uppercase;
}

.left .content p {
	color: #413F3F;
	font-size: 12px; /*.9em;*/
	padding: 6px 0;
	padding-bottom: 10px;
	padding-right: 10px;
}

.left .left-menu {
	float: left;
	width: 180px;
}

.left .left-menu .arrow {
	padding-left: 14px;
	font-weight: bold;
}

.left .left-menu .padd {
	padding-left: 20px;
}

.left .left-menu a {
	color: #413F3F;
	display: block;
	font-size: .9em;
	line-height: 140%;
	text-decoration: none;
}

.left .left-menu a:hover {
	text-decoration: underline;
}

.left .software {
	background: url(img/corner-active-red.gif) right bottom no-repeat #951E00;
}
/*
.middle .braun-a img {
	border: solid 1px #285CA8;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
*/
.depart-active {
	background: url(img/corner-active-red.gif) right bottom no-repeat #951E00;
}

.depart-arrow {
	background: url(img/arrow-red.gif) left center no-repeat;
}

.depart-col {
	color: #951E00;
}

.depart-news {
	background: url(img/h4-red.gif) left top repeat-y;
}

