@charset "utf-8";

/*
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
--- CSS v.2 FILE FOR EDELWEISS-ROPES.SK SITE CREATED BY MARTIN FUSKO 2008 ---
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
*/

/*
--------------
--- GLOBAL ---
--------------
*/

body {
	margin: 0px;
	padding: 0px; /* for Opera */
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;	/* for IE */
	color: #3f3f3f;
	background-image: url(../i/body_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #70614e;
}

html:first-child body {	/* for Opera 9 */
	font-size: 85%;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.separator {
	width: 100%;
	height: 1px;
	clear: both;
}


/*
------------
--- MAIN ---
------------
*/

#main {
	position: relative;	
	margin-left: 25px;
	width: 962px;
	text-align: left;	/* for IE */
}

/*
----------------
--- COLUMN_1 ---
----------------
*/

#column_1 {
	float: left;
	width: 181px;
	margin: 0px; 
	padding: 0px;
}

#column_1 #logo {
	position: relative;
	top: 6px;
	width: 181px;
	height: 129px;
	text-align: center;
}

/*
--------------
--- MENU_1 ---
--------------
*/


#menu_2_top_box {
	float: left;
	width: 81px;
	height: 6px;
	margin: 15px 0px 1px 0px; /* top right bottom left */
	background-color: #ac0000;
}

* html #menu_2_top_box {
	font-size: 0px;
}

#menu_2 {
	float: left;
	width: 181px;
	list-style: none;
	margin: 0px; 
	padding: 0px 0px 21px 0px; /* top right bottom left */
	background-image: url(../i/menu_2_background.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

* html #menu_2 {
	background-image: url(../i/menu_2_background.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#menu_2 li {
	float: left;
	width: 181px;
	height: 28px;
	margin: 0px;
	padding: 0px;	
}

#menu_2 li a {
	position: absolute;
	font-size: 90%;
	width: 166px;
	height: 21px;
	margin: 0px;
	padding: 6px 0px 0px 15px; /* top right bottom left */
	text-decoration: none;
	color: #ffffff;
	background-color: #ac0000;
}

#menu_2 li ul li a{
	background-color: #FFFF00;
}

#menu_2 li a:hover {
	text-decoration: underline;
}

/*
----------------
--- COLUMN_2 ---
----------------
*/

#column_2 {
	float: left;
	width: 770px;
	margin: 0px; 
	padding: 0px 0px 100px 11px; /* top right bottom left */
}

#column_2_top_box {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 81px;
	height: 6px;
	margin: 0px 0px 1px 0px; /* top right bottom left */
	background-color: #ac0000;
}

* html #column_2_top_box {
	font-size: 0px;
}

#column_2_bottom_box {
	position: relative;
	top: 0px;
	left: 689px;
	width: 81px;
	height: 6px;
	padding: 0px;
	margin: 2px 0px 0px 0px; /* top right bottom left */
	background-color: #ac0000;
}

* html #column_2_bottom_box {
	font-size: 0px;
}

/*
--------------
--- HEADER ---
--------------
*/

#header {
	position: relative;
	width: 770px;
	height: 275px;
}

#header_image {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 770px;
	height: 205px;
}

/*
--------------
--- MENU_1 ---
--------------
*/

#menu_1 {
	position: absolute;
	top: 14px;
	left: 0px;
	width: 770px;
	height: 52px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-image: url(../i/menu_1_background.png);	
	background-repeat: repeat-x;
	background-position: left bottom;	
}

* html #menu_1 {
	background-image: url(../i/menu_1_background.gif);	
	background-repeat: no-repeat;
	background-position: left bottom;		
}

#menu_1 li {
	float: left;
	height: 52px;
	margin: 0px;
	padding: 0px;
}

#menu_1 .li_1, #menu_1 .li_2, #menu_1 .li_3, #menu_1 .li_4, #menu_1 .li_5, #menu_1 .li_6 {
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

#menu_1 .li_1 {
	width: 85px;
	background-image: url(/i/menu_1_li_1_background.gif);
}

#menu_1 .li_2 {
	width: 78px;
	background-image: url(/i/menu_1_li_2_background.gif);
}

#menu_1 .li_3 {
	width: 118px;
	background-image: url(/i/menu_1_li_3_background.gif);
}

#menu_1 .li_4 {
	width: 66px;
	background-image: url(/i/menu_1_li_4_background.gif);
}

#menu_1 .li_5 {
	width: 146px;
	background-image: url(/i/menu_1_li_5_background.gif);
}

#menu_1 .li_6 {
	width: 67px;
	background-image: url(/i/menu_1_li_6_background.gif);
}

#menu_1 li a {
	position: absolute;
	height: 30px;
	color: #ac0000;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	padding: 22px 0px 0px 0px; /* top right bottom left */
	text-align: center;
}

#menu_1 li a:hover {
	background-position: 0px -52px;
	text-decoration: underline;
}

/*
-------------------
--- CONTENT_BOX ---
-------------------
*/

#content_box {
	position: relative;
	width: 747px;
	padding: 0px 0px 10px 23px; /* top right bottom left */
	background-color: #ffffff;
	background-image: url(../i/content_box_background.gif);	
	background-repeat: no-repeat;
	background-position: right top;	
}

#content_box h1 {
	font-size: 170%;
	color: #ac0000;
	margin: 0px;
	padding: 27px 0px 0px 0px; /* top right bottom left */
}

#content_box p {
	/*width: 284px;*/
	
	padding: 0;
	margin: 0;
	
}

#content_box .img_right {
	float: right;
}



/*
--------------
--- FOOTER ---
--------------
*/

#footer {
	position: absolute;
	top: 799px;
	left: 650px;
	height: 18px;
	width: 337px;
	text-align: center;
	font-size: 80%;
	padding: 9px 0px 0px 0px; /* top right bottom left */	
	color: #ffffff;
}

#footer a {
	color: #ffffff;
	text-decoration: none;	
}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;	
}


h2{
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.aktualita{
	margin: 6px 0 0 10px;
}
.aktualita_tlc{
	float: right;
	margin: 0 10px 0 0;
}
.aktualita_tlc a:hover, .aktualita_tlc a:link, .aktualita_tlc a:visited, .aktualita_tlc a:active{
	text-decoration: none;
	color: #000000;
}
.aktualita_tlc a:hover{
	text-decoration: underline;
	color: #AC0000;
}
.c{
	clear: both;
	overflow: hidden;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.technologie{
	width: 110px;
	float: right;
	text-align: center;
	padding-top: 32px;
	margin-right: 6px;
}
.mini{
	font-size: 80%;
	margin: 0 6px 0 6px;
	border-bottom: 1px solid #000000;
}
.popis{
	width: 265px;
	float: left;
	margin-top: 15px;
}
.bimg{
	float: right;
}
.vhodnost{
	margin-top: 10px;
}
.mimg{
	margin-right: 4px;
	cursor: pointer;
}
.kocka_a, .kocka_b{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-bottom: 0;
	border-left: 0;
	/*
	width: 46px;
	height: 18px;
	*/
	width: 33px;
	height: 17px;
	overflow: hidden;
	float: left;
}
.kocka_b{
	background-color: #D99594;
	border-color: #000000;
}
.vhodnost_p td{
	border: 1px solid #000000;
	border-top: 0;
	border-left: 0;
}
#hore, #a{
	border-top: 1px solid;
}
#vlavo, #a{
	border-left: 1px solid;
}
.t_a{
	width: 160px;
	padding-left: 5px;
}
.t_b, .t_c{
	width: 18px;
}
.t_b{
	background-color: #E36C0A;
}
.t_c{
	background-color: #FFFFFF;
}
.t_d{
	background-color: #F79646;
	font-weight: bold;
	color: #FFFFFF;
}
.t_e{
	background-color: #FEEBDC;
}
.tab_popis{
	font-size: 90%;
}
.hore{
	clear: both;
	font-size: 85%;
	float: right;
	padding-right: 16px;
	background: url(/i/hore.gif) no-repeat 0 3px;
	padding-left: 12px;
}
.hore a{
	color: #000000;
	text-decoration: none;
}
.hore a:hover{
	color: #AC0000;
}
.farba a:hover, .farba a:link, .farba a:visited, .farba a:active{
	color: rgb(255, 102, 0);
	text-decoration: none;
}