/* CSS określający położenie elementów */

/* global */
html {height: 100%;}

body {
	height: 100%;
	margin-bottom: 2px;
	padding: 0px;
	margin: 0px;
	font-size: .70em;
	font-family: 'lucida grande', arial, helvetica, 'sans-serif';
}

a{outline: none; color: #000;}


/* Main layout */

/* main */
div#main {
width: 1000px;
margin: 0px auto;
clear: both;
}

/* head */
div#head {
	width: 1000px;
	height: 262px;
	margin: 0px auto;
	clear: both;
	background-image: url('../pics/head.jpg');
}

/* menu */
div#menu {
	width: 1000px;
	clear: both;
	margin: 0px auto;
	padding: 0px;
}

div#menu table {
	font-size: 1.1em;
	text-align: center;
	color: #fff;
}

/* Home */
div#home_container {
	width: 1000px;
	height: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
}

div#home_main {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 0px;
	background: #fff;
}

/* Ceny */
div#ceny_container {
	width: 1000px;
	height: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	font-size: 1.2em;

}

div#ceny_text_main {
	width: 900px;
	margin: 0px auto;
	padding: 20px 0px 10px 0px;
	text-align: center;
}

#ceny_text_main table {
	text-align: center;
	font-weight: normal;
	border-style: none;
	border-width: 0px;
	border-color: #000;
	border-collapse: collapse;
}

#ceny_text_main th {
	text-align: center;
	font-weight: bold;
	padding: 5px 3px 3px 3px;
}

#ceny_text_main tr td {
	text-align: left;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	padding: 5px;

}

/* News */
div#news_container {
	width: 1000px;
	height: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	font-size: 1.1em;
}

div#news_text_main {
	width: 720px;
	margin: 0px auto;
	padding: 20px 0px 10px 0px;
	text-align: center;
}

#news_container hr {
	background-color: #000;
	width: 65%;
	height: 1px;
	border: 0px;
}

#news_text_main h3 {
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}

#news_text_main h2 {
	font-size: 1.8em;
	text-align: center;
	font-weight: bold;
}

/* Carved */
div#carved_container {
	width: 1000px;
	height: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
}

div#carved_text_main {
	width: 900px;
	margin: 0px auto;
	padding: 20px 0px 10px 0px;
}

div#carved_text_main h3 {
	font-size: 1.2em;
	font-weight: bold;
}

/* DeLuxe */
div#deluxe_container {
	width: 1000px;
	height: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
}

div#deluxe_text_main {
	width: 900px;
	margin: 0px auto;
	padding: 20px 0px 10px 0px;
}

div#deluxe_text_main h3 {
	font-size: 1.4em;
	font-weight: bold;
}

div#deluxe_text_main h3 {
	font-size: 1.2em;
	font-weight: bold;
}

/* RIOT */
div#riot_container {
	width: 1000px;
	height: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	background-image: url('../pics/produkty/riot/background.jpg');
	background-repeat: no-repeat;
}

div#riot_text_main {
	padding: 320px 5px 10px 5px;
	width: 600px;
	float: left;
}

div#riot_text_main_lower {
	width: 630px;
	margin: 25px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	float: left;
}
	
div#riot_text_side {
	width: 280px;
	margin: 10px 0px;
	padding: 0px 25px;
	float: right;
}

/* RIOT XR*/
div#riotxr_container {
	width: 1000px;
	height: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	background-image: url('../pics/produkty/riotxr/background.jpg');
	background-repeat: no-repeat;
}

div#riotxr_text_main {
	padding: 520px 5px 10px 5px;
	width: 600px;
	float: left;
}

div#riotxr_text_main_lower {
	width: 630px;
	margin: 25px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	float: left;
}
	
div#riotxr_text_side {
	width: 280px;
	margin: 10px 0px;
	padding: 0px 25px;
	float: right;
}

/* GT */
div#gt_container {
	width: 1000px;
	height: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	background-image: url('../pics/produkty/gt/background.jpg');
	background-repeat: no-repeat;
}

div#gt_text_main {
	padding: 535px 5px 10px 5px;
	width: 625px;
	float: left;
}

div#gt_text_side {
	width: 280px;
	margin: 10px 0px;
	padding: 0px 25px;
	float: right;
}
	
/* ESP */
div#esp_container {
	width: 1000px;
	height: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	background-image: url('../pics/produkty/esp/background.jpg');
	background-repeat: no-repeat;
}

div#esp_text_main {
	padding: 480px 10px 10px 15px;
	width: 350px;
	float: left;
}

div#esp_text_side {
	width: 280px;
	margin: 0px 0px;
	padding: 0px 25px;
	float: right;
}

/* th */
div#th_container {
	width: 1000px;
	height: 100%;
	overflow: hidden;
	margin: 10px auto;
	padding: 0px;
	background-image: url('../pics/produkty/th/background.jpg');
	background-repeat: no-repeat;
}

div#th_text_main {
	padding: 320px 5px 10px 5px;
	width: 410px;
	float: left;}

div#th_text_side {
	width: 280px;
	height: 100%
	margin: 0px 0px;
	padding: 0px 25px;
	float: right;
}

/* footer */
div#foot {
width: 900px;
margin: 0px;
padding: 0px 0px 5px;
clear: both
}

div#foot p {
text-align: center;
font-family: arial;
font-size: 1.00em;
margin: 0px;
}

/* Galeria - http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery */
.gallerycontainer_zdjecia1{
position: relative;
height: 630px;
}

.thb_photo1 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thb_photo1:hover{
background-color: transparent;
}

.thb_photo1:hover img{
border: 1px solid blue;
}

.thb_photo1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thb_photo1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thb_photo1:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 330px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.gallerycontainer_news1{
position: relative;
height: 240px;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 550px; /*position where enlarged image should offset horizontally */
z-index: 50;
}