/* created by: nolimit|UNDEFINED CREATIVE (c) 2004-2008      wwww.nolimit.sk
==============================================================================*/
body {
	text-align: left; margin:0px; padding: 0px; 
	font-family: Tahoma,Verdana,'Trebuchet MS',"Geneva CE",sans-serif; font-size: 70%;
	background: url(../images/bg_.jpg) repeat-y;  
	}
:link img {border: 0px;}
:visited img {border: 0px;}
:active img {border: 0px;}


h1 {font-family: Arial, sans-serif; color: #0D2E52; font-size: 21px; font-weight: normal;}

h2 { color: #1649a3; font-size: 110%;}

h3 { color: #1649a3; font-size: 110%;}

h4 { color: #313131; font-size: 100%; font-weight: normal;}

small {font-family: Tahoma, sans-serif; font-size: 10px; font-weight: normal;}
big {font-weight: normal; font-size: 104%; }

a {text-decoration: underline; color: #406080; } 

a:hover {text-decoration: none;} 

#head_top {width:950px; height: 420px; padding: 0;margin:0px;}

#top {width:100%; height:420px; text-align: left; border: 0px;}

#top_l {width:450px; height: 420px; float: left; background: url(../images/bg_l.jpg) no-repeat;}

#top_r {width: 500px; height: 420px; background: url(../images/bg_r.jpg) no-repeat; float: left; position: relative;
z-index: 0;}

#top_inv {width: 500px; height: 420px; background: url(../images/bg_inv.jpg) no-repeat; float: left; position: relative;
z-index: 10;}

/*=IE 7=*/
#top_r {*z-index: -1000; /* targets IE7 */} 
#top_inv {*z-index: -1000; /* targets IE7 */} 


/*=========menu from cssplay.co.uk, edited by: nolimit.sk==========*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any  
way to fit your requirements.
=================================================================== */
.menu {
z-index:1000;
font-size:90%;
margin:20px 0px 0px 30px; padding-top: 204px;
}

/*= IE6 =*/
*html .menu {padding-top: 204px; /* targets IE7 */  } 

/*=IE 7=*/
.menu {*padding-top: 207px; /* targets IE7 */} 

.menu ul { 
padding:0;
margin:0;
list-style-type:none;
width:250px;
z-index:1100; 
}
* html .menu ul {margin-left:-16px; ma\rgin-left:0; z-index:1100; 
}
.menu li {
position:relative; background: url(../images/bg_a.jpg) no-repeat; height:27px; 
}

/*=IE 5.5=*/
 * html .menu li {\float:none; /* targets IE5.5*/ } 

/*=IE 7=*/
.menu li {*float:left; /* targets IE7 */ z-index:1000;} 

* html .menu li {
margin-top: 1px; z-index:1100; 
}
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; 
}
.menu a, .menu a:visited {
display:block; text-decoration:none; height:26px; width:249px; color:White; line-height: 26px;
padding-left:28px; margin-top: 1px; border: 0px; font-size: 12px;  }

/*=IE 7=*/
.menu a:visited  {*margin-top: 0px;/* targets IE7 */ } 
.menu a, .menu a:visited  {*margin-top: 0px;/* targets IE7 */ } 

* html .menu a, * html .menu a:visited { width:290px; w\idth:222px; margin-top: 0px; z-index:1000;}

* html .menu a:hover {color:#fff; background: url(../images/bg_hover.jpg) no-repeat fixed; }
.menu :hover > a {
color:#fff; background: url(../images/bg_hover.jpg) no-repeat; 
}

.menu ul ul {
visibility:hidden;
position:absolute;
left:250px;
top: -1px;
z-index:1000;
}
/*=IE 5.5=*/
 * html .menu ul ul  {\top:-1px; /* targets IE5.5*/ background: url(../images/pix_bg.gif);} 
/*=IE 7=*/
.menu ul ul  {*top:0px; /* targets IE7 */ }

.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}
.menu ul :hover ul ul{
visibility:hidden;
} 
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
.menu ul :hover ul :hover ul{
visibility:visible;
}
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}
/*=========================================================================*/

#lang {float: left; position: relative; margin-left: 28px; top: 205px; color: #9CB1CA; padding: 0px;}

#lang a{color: #9CB1CA; text-decoration: none;}

#lang a:hover{color: #F4F6FB;}

* html #lang {margin-left: 15px;}

#head {width: 950px; margin: 0px; padding: 0px;}

#adress_l {width: 171px; height: 248px; background: url(../images/bg_l_adress.jpg) no-repeat; 
float: left;}

#head_con {background-color: #D3D7DA; width: 779px; float: left;}

#sub_menu {width: 285px; float: left; margin-left: 10px; padding-left: 10px; color: #406080; text-align: justify;}

#topic {width: 450px; height: 30px; float: left; text-indent: 30px; line-height: 25px; font-size: 11px; 
letter-spacing: 1px; color: #406080; background: url(../images/bg_topic.jpg) no-repeat; margin-left: 9px; color: white;}

* html #topic {padding-top: 5px }

#text_con {width: 442px; height: 248px; float: left; margin-left: 10px;  
padding-left: 10px; color: #406080; background: url(../images/bg_text.jpg) no-repeat;}

#text_info {width: 410px; height: 175px; float: left; position: relative; top: 18px; left: 10px;  z-index: 100;
padding: 10px;  overflow: auto;  color:#48545c;} 

#text_info img {vertical-align: text-bottom;} 

#text_info a {text-decoration: underline; color: #406080; } 

#text_info a:hover {text-decoration: none;} 

.date {font-size: 80%; color: #97a3b3; margin-right: 20px; font-weight: normal;} 

#text_con_partner {width: 750px; float: left; margin-left: 10px; padding-left: 10px; color: #406080; text-align: justify;}

* html #text_con_partner  {width: 730px; }

table.logo {width: 100%;border-collapse: collapse;}

table.logo td {color: #000;text-align: center; padding: 10px;}

table.con {width: 100%;border-collapse: collapse;}

table.con td {color: #000;text-align:left; padding: 0px;}

table.ref {border-collapse: collapse;}

table.ref td {color: #000;text-align:center; padding: 0px; background: url(../images/bg_gal.jpg) no-repeat; 
width: 141px; height: 155px;} 

/*=galeria*/

.gal {width: 109px; height: 98px; float: left; left: 16px; position: relative; top: -11px;}

* html .gal {top: 12px;}

.gal img {width: 109px; height: 98px; } 


.gal p {width: 109px; height: 28px;  position: relative; top: -10px; overflow: hidden;} 

* html .gal p {top:-15px;}

.gal a{color: #1a59ca; text-decoration: none; font-size: 92%;}

.gal a:hover{color: #1a59ca; text-decoration:underline;}

/*=produkty*/

#product {width: 740px; height: 400px;  float:left;  margin-left: 15px; height: auto; }

#quick_nav {letter-spacing: 1px;  background: url(../images/bg_prod.jpg) no-repeat; color: white; 
line-height: 25px; padding-left: 10px;}

*html #quick_nav {height: 25px; padding-top: 5px;}

#product #text {padding: 10px; background: white; }

#product #text #container { background: url(../images/pix.gif) repeat-x; background-position: bottom; }

/*=IE 7=*/
#product #text #container  {*min-height:10px; /* targets IE7 */ } 

#product #text #product_info { padding: 10px; background-color: #f2f2f2; width: 400px; float: right; }

.float:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

* html .float {height: 1%;}

#product #text #product_info h1 { color: black; font-size:12px; }

#product #text #images { float: left; text-align: center; }

#product #text #images h2 { color: #525252;  text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 10px; text-align: center;}

.pix { background: url(../images/pix.gif) repeat-x; padding-top: 10px; }

