/*
---------------------------------------------------------------
---------------------------------------------------------------
--- CSS v.2 FILE FOR VUNO SITE CREATED BY MARTIN FUSKO 2009 ---
---------------------------------------------------------------
---------------------------------------------------------------
*/

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

body {
	position: relative;
	margin: 0px;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;	/* for IE */
	color: #3f3f3f;
	background-image: url(/i/body_background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #EBEBEB;
	height: 100%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

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

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

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

#main {
	position: relative;
	margin: 0px auto;
	width: 1007px;
	text-align: left;	/* for IE */
}

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

#header {
	position: relative;
	width: 1007px;	
	height: 315px;
	background-image: url(/i/header_background.png);
	background-repeat: no-repeat;
	background-position: left top;	
}

#header #logo_vuno {
	position: absolute;
	top: 11px;
	left: 7px;
	width: 226px;
	height: 62px;
}

#header #logo_climatizer {
	position: absolute;
	top: 17px;
	left: 284px;
	width: 363px;
	height: 49px;
}

#header #add_to_mailinglist {
	position: absolute;
	top: 7px;
	right: 0px;
	width: 187px;
	height: 29px;
	font-size: 80%;
	vertical-align: middle;
}

#header #add_to_mailinglist a {
	color: #d8241d;
}

#header #add_to_mailinglist a:hover {
	text-decoration: none;
}

#header #add_to_mailinglist .text {
	position: absolute;
	top: 9px;
	left: 39px;
}

#quick_search_box {
	position: absolute;
	top: 52px;
	right: 22px;
	width: 225px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #888888;
	background-color: #fff;
}

#quick_search_input {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 203px;
	height: 15px;	
	padding: 4px 4px 4px 4px; /* top right bottom left */
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	color: #555555;
	font-style: italic;
	background-color: transparent;
	border: none;
}

#quick_search_button {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 22px;
	height: 23px;		
}

#header .flash_box {
	position: absolute;
	top: 87px;
	left: 9px;
	width: 990px;
	height: 228px;
}

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

#menu_1_box {
	position: absolute;
	top: 98px;
	left: 13px;
	width: 982px;
	height: 54px;
}

#menu_1 {
	float:left;
	width: 982px;
	height: 54px;
	margin: 0px;	
	padding: 0px;
	background-image: url(/i/menu_1_background.png);	
	background-repeat: no-repeat;
	background-position: left top;
	list-style: none;	
}

#menu_1 li {
	float: left;
	margin: 7px 0px 0px 0px; /* top right bottom left */
	padding: 0px 4px 0px 3px; /* top right bottom left */
	height: 41px;
	background-image: url(/i/menu_1_li_background.gif);	
	background-repeat: repeat-y;
	background-position: top right;
}

.li_a a{
	float: left;
	height: 14px;
	font-family: Verdana, Helvetica, sans-serif;	
	font-size: 115%;
	text-decoration: none;
	color: #ffffff;
	padding: 12px 8px 15px 8px;
	font-weight: normal;
	text-align: center;
	background-repeat: no-repeat;
}

.li_a a:hover{
	border-bottom: 3px solid #880500;
	padding: 12px 8px 12px 8px;
	text-decoration: none;
}

/*
-----------------------
--- CONTENT_IN_MAIN ---
-----------------------
*/

#content_in_main {
	position: relative;
	width: 1007px;
	margin-top: 17px;
}

/*
-----------------
--- SMALL BOX ---
-----------------
*/

.small_top_box {
	float: left;
	width: 311px;
	min-height: 150px;
	padding: 0px;
	background-image: url(/i/small_top_box_background.png);
	background-repeat: no-repeat;	
	background-position: top left;
}

.small_top_box .small_bottom_box {
	width: 311px;
	background-image: url(/i/small_bottom_box_background.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.small_bottom_box .small_box {
	width: 311px;
	background-image: url(/i/small_box_background.gif);
	background-repeat: no-repeat;
}

.small_bottom_box .small {
	width: 273px;
	padding: 15px 19px 10px 19px; /* top right bottom left */
}

.small h2 {
	width: 249px;
	margin: 0px;
	padding: 1px 0px 5px 24px; /* top right bottom left */
	font-size: 130%;
	color: #d8241d;
	font-weight: bold;
	background-repeat: no-repeat;	
}

.small .aktuality_h2 {
	background-image: url(/i/aktuality_h2_background.png);	
}

.small .ponukame_h2 {
	background-image: url(/i/aktuality_h2_background.png);	
}

.small h3 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
}

.small p {
	margin: 0px;
	padding: 0px;
}

.small p .link_more {
	padding-left: 10px;
	color: #d8241d;
	font-weight: bold;	
}

.small .horizontal_line {
	width: 273px;
	height: 16px;
	background-image: url(/i/horizontal_line_background.png);	
	background-repeat: no-repeat;
	background-position: 0px 8px;	
}

.small ul {
	width: 273px;
	list-style: none;
	margin: 0px;
	padding: 0px;	
}

.small ul li {
	width: 273px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	background-image: url(/i/ponukame_box_li_background.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.small ul li a {
	position: absolute;
	font-size: 100%;
	width: 258px;
	margin: 0px;
	padding: 0px 0px 0px 13px; /* top right bottom left */	
	text-decoration: none;
	color: #3f3f3f;
	font-weight: bold;	
	background-image: url(/i/ponukame_box_li_background.gif);
	background-repeat: no-repeat;	
	background-position: 3px 6px;	
}

.small ul li a:hover {
	color: #3f3f3f;
	text-decoration: underline;	
}

.small .space {
	margin-bottom: 10px;
}

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

#content_in_main .column_1 {
	float: left;
	width: 311px;
	padding: 0px 0px 0px 1px; /* top right bottom left */	
}

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

#content_in_main .column_2 {
	float: left;
	width: 383px;
}

#content_in_main .column_2 img {
		padding: 0px 0px 10px 32px; /* top right bottom left */
}

/*
----------------
--- COLUMN_3 ---
----------------
*/

#content_in_main .column_3 {
	float: right;
	width: 311px;
}

/*
----------------
--- COLUMN_4 ---
----------------
*/

#content_in_main .column_4 {
	float: right;
	width: 691px;
}

.content_top_box {
	width: 691px;
	min-height: 300px;
	padding: 0px 0px 0px 0px; /* top right bottom left */
	background-image: url(/i/content_top_box_background.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.content_top_box .content_bottom_box {
	width: 691px;
	background-image: url(/i/content_bottom_box_background.png);
	background-repeat: no-repeat;	
	background-position: bottom left;		
}

.content_bottom_box .content_box {
	width: 691px;
	background-image: url(/i/content_box_background_5.gif);
	background-repeat: no-repeat;
}

.content_bottom_box .content {
	width: 643px;
	padding: 15px 24px 10px 24px; /* top right bottom left */
}

.content h2, .content h3{
	margin: 0px;
	padding: 0px 0px 10px 0px; /* top right bottom left */
	font-size: 130%;
	color: #d8241d;
	font-weight: bold;
}
.content h3{
	font-size: 110%;
}

.content p {
	font-size: 95%;
}

.content .images_box {
	float: right;
	width: 258px;
	padding: 4px 4px 4px 4px; /* top right bottom left */
	background-color: #cbcdcc;
}

.content .images_small_box {
	padding: 20px 0px 0px 0px; /* top right bottom left */
}

.content .image_small_box {
	float: left;
	margin: 0px;
	padding: 0px 0px 3px 3px; /* top right bottom left */	
	text-align: center;
	font-weight: bold;
}

.content .images_box img {
	border: 1px solid #f55109;
}

.content .images_box a {
	color: #000;
}

.content .images_box a:hover {
	text-decoration: none;
}

.content .caption_box {
	color: #000;
	padding: 3px 0px 0px 3px; /* top right bottom left */	
}

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

#footer {
	position: relative;
	margin-top: 17px;
	text-align: right;	/* for IE */
	font-size: 90%;
	color: #3f3f3e;
	padding: 0px 7px 10px 0px; /* top right bottom left */		
}

#footer a {
	color: #d8241d;
}

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

.menu{
	background: #F1440C;
	/*margin-top: 41px;*/
	position: absolute;
	display: none;
	top: 148px;
	z-index: 100;
	opacity: 0;
}
.menu a{
	border-top: 1px solid #E20518;
	padding: 2px 0;
	display: block;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 5px;
}
.menu a:hover{
	color: yellow;
}
.err, .ok{
	font-weight: bold;
}
.err{
	color: #E00000;
}
.ok{
	color: #00C000;
}
.content .foto_vrch{
	margin-top: 8px;
}
.cl{
	clear: both;
	font-size: 0;
	overflow: hidden;
	height: 1px;
}
.fotky td{
	vertical-align: top;
	text-align: center;
	padding-bottom: 2px;
}
.fotka{
	margin: 0 5px 5px 0;
	border: 1px solid #B0B0B0;
}
.fotka:hover{
	border-color: red;
}









.et{
	font-size: 12px;
	font-weight: normal;
}

.o a:hover, .o a:visited, .o a:link{
	color: #000000;
	text-decoration: none;
}

.o a:hover{
	text-decoration: underline;
}

.et td{
	padding-right: 12px;
}
.et input, .et textarea{
	margin: 2px 0px 2px 0px;
	border: 1px solid #fe7901;
	color: #000000;
	background-color: #FFFFFF;
}
.small ul li .cervena, .small ul li .cervena:hover{
	color: #D8241D;
}