/*
 * author: StudioFabryka.pl
 *
 * theme: payTV
 * cd: 28/03/2010
 */






/*
 * 		basic
 */

body {
	background: #1A0C03;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:1.2em;
	font-size:.8em;
}

#logo {
	position: absolute;
	z-index:40;
	display: block;
	width:313px;
	height: 110px;
	top:55px;
	left:27px;
}


.tvico {
	position:absolute;
	top:132px; right:83px;
	overflow:hidden;
	width:143px; height:80px;
}

#all {
	width:100%;
	height:100% !important;
	height:973px;
	min-height:973px;
	background:url(../images/bg.jpg) top no-repeat;
}

#content {
	margin:0 auto;
	width:1000px;
	min-height:920px;
	height:auto !important;
	height:920px;
	position:relative;
}

.flash {
	position:absolute;
	top:0; left:0;
	width:990px;
	height:365px;
	z-index:5;
}

#slogan {
	position:absolute;
	top:9px; right:20px;
	font:bold 27px "Trebuchet MS";
	color:#fff;
	text-transform:uppercase;
	z-index:20;

}

header, aside, article, footer {
	position:relative;
	float:left;
}

header {
	width:1000px; height:385px;
	margin:0;
	z-index:15;
}

aside {
	float:left;
	width:288px;
}

aside ul {
	float: left;
	margin:45px 0 25px 40px !important;
}

aside li {
	float:left; clear:left;
	list-style: none !important;
	margin:2px 0 !important;
}




/* articles */

#articleOuter {
	float:left;
	width:1000px;
	margin-top:-35px;
	background: url('../images/repeat-y-article.png') repeat-y;
	position: relative;
	z-index:10;
}

article {
	border:2px solid #fff;
	margin-left:2px;
	float:left;
	width:990px;
	text-align:justify;
	background: #fff url('../images/repeat-x-article.jpg') top repeat-x;
}
article img {border:1px solid #906038;}

article h1 {
	float:right;
	color:#854C1F;
	font:bold 26px "Trebuchet MS";
	margin:35px 0 15px 0;
	padding:6px 0 0 0;
	width:696px;
	height:46px;
	background: url('../images/h1bg.jpg') top no-repeat;
}
article h2 {
	color:#854C1F;
	font:bold 16px "Trebuchet MS";
	padding:0 0 5px 0;
}

article h3 {
	color:#854C1F;
	font:bold 19px "Trebuchet MS";
	padding:0 0 5px 0;
}

article h4 {
	color:#854C1F;
	font:bold 22px "Trebuchet MS";
	padding:0 0 5px 0;
}

article p {padding:0 0 5px 0; color:#333; font:12px/16px Verdana;}

article ul { margin:10px 0; }
article li {list-style:square; margin-left:15px; line-height:1.5em;}


#main {
	float:right;
	width: 655px;
	margin: 0 45px 25px 0;
}



/* infoline */

#infoline {
	float:left;
	clear:left;
	width:200px;
	margin:0 0 10px 40px;
}
#infoline p {
	color:#333;
	font: 12px Verdana, tahoma, arial, sans-serif;
	}




/*
 * 		nav
 */


/* top menu */

#top .first {border-left:1px solid #fff;}
#top .lvl2 .first {border-left:0;}

#top {
	position:absolute;
	top:303px; right:4px;
	height:37px;
	width:88%;
	z-index:35;
	background: url('../images/topmenubg.png') top repeat-x;
}

#top ul {float:right; margin-top:6px;}

#top li {
	float:left;
	border-right:1px solid #fff;
	position: relative;
	height: 24px;
	display:block;
}
#top a {
	color:#fff;
	text-decoration:none;
	font: bold 15px/1.5 "Trebuchet MS", arial, sans-serif;
	padding:0 8px;
}
#top > ul > li:hover, #top > ul > li.hit {
	color: #fff;
	background: url('../images/menuhover.jpg') bottom repeat-x;
	display:block;
	float:left;
	text-align: center;
	height: 24px;
}

/* left menu */

#col_menu {
	float:left;
	width:217px;
	margin:25px 0 50px 35px;
}
.menu_head, .no_head {
	cursor:pointer;
	font: bold 18px "Trebuchet MS";
	color:#854c1f;
	text-decoration:none;
	padding: 0 0 0 32px;
	margin:5px 0;
	height:24px;
	display:block;
	background:url(../images/square-menu.gif) 0 0 no-repeat;
}
.menu_head:hover, a.hit, .no_head:hover {color:#AF7241;}

.menu_body {display:none; margin:0 0 5px 25px;}
.menu_body a, .menu_body a:visited {
	font: bold 12px Verdana;
	color:#7e4717;
	text-decoration:none;
}
.menu_body a:hover {font-weight:bold;}

.menu_body li {margin:3px 0;}

.menu_body a:hover {color: #BF7000;}



#top .lvl2 {
	position: absolute;
	top:17px; left:0;
	background: #894911;
	width:160px;
	-moz-border-radius: 0 8px 8px 8px;
	-webkit-border-radius: 0 8px 8px 8px;
	border-radius: 0 8px 8px 8px;
	padding:0;
	display: none;
}

#top .lvl2 li:first-child {background: none;}
#top .lvl2 li {
	width:160px;
	height: 27px;
	border-right:0;
	margin:0 !important;
	padding:0 !important;
	background: url('../images/lvl2libg.jpg') top repeat-x;
}

#top .lvl2 a {
	font-size:12px;
	font-weight: bold;
	padding:5px 0;
	float:left;
	width:100%;
	height:21px !important;
	text-indent:10px;
	text-align:left;
}

#top .lvl2 li:first-child a {
	-moz-border-radius: 0 8px 0 0;
	-webkit-border-radius: 0 8px 0 0;
	border-radius: 0 8px 0 0;
}

#top .lvl2 li.last a {
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 15px 15px !important;
	border-radius: 0 0 8px 8px;
}

#top .lvl2 a:hover {
	background: url('../images/lvl2abg.jpg') top repeat-x;
	text-align: left;
}

#top .lvl2 .last {border:0;}







/* pseudobaners */

#txt_baners a,
#txt_baners a:visited {
	float:left; clear:left;
}
#txt_baners a:hover {
	opacity:.8;
	filter:alpha(opacity=80);
}

#txt_baners img {border:0;}


/*
 * 		big TV /movies/
 */

#big_tv {

	background:url(../images/tv.png) top no-repeat;
	width:375px;
	height:226px;
	position:absolute;
	top:160px; left:0;
	z-index:30;
}

#movie {

	float:left;
	margin:25px 0 0 33px;
}


/*
 *		gallery
 */

#gallery {float:left; clear:both; margin:15px 0;}
#gallery a {float:left; margin:8px 10px;}
#gallery a:hover {opacity:.8; filter:alpha(opacity=80);}



/*
 * 		footer
 */

footer {
	float:left;
	width:994px;
	height:70px;
	margin-left:2px;
	background: url('../images/footer.jpg') 0 0 repeat-x;
}

#bottom_menu {float:right; margin-top:-1px; margin-right:10px;}
#bottom_menu li {float:left; border-right:1px solid #fff;}
#bottom_menu a {
	color:#fff;
	padding:5px 7px;
	text-decoration:none;
	font:bold 10px Verdana;
	float:left;
	display:block;
}
#bottom_menu li.last {border:0 !important;}
#bottom_menu li.first { border-left:1px solid #fff;}

#realizacja {float:left; clear:left; margin:4px 0 0 35px; font:10px Verdana; color:#fff; text-decoration:none;}
footer p {
	width:100%;
	float:left;
	text-align: center;
	color: #fff;
	font: bold 11px tahoma, arial, sans-serif;
	letter-spacing:2px;
	margin-top:24px;
}

#bottom_menu a:hover, #bottom_menu .hit a {
	color: #fff;
	background: url('../images/menuhover.jpg') top repeat-x;
	display:block;
	float:left;
}



/*
 *		formularz kontaktowy
 */

label {float:left; width:45%; margin:10px 10px 0 0;}
fieldset span, input , textarea{

	float:left; clear:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius:6px;
	border-radius: 6px;
	padding:3px 6px;
}
input, textarea {border:1px solid #CFB474;}
input {width:140px;}
textarea {width:380px; height:120px;}
#k_kod {width:80px; margin-right:5px;}
label img {float:left; border:0; }
#lastlabel {width:100%; clear:both; float:left;}
#kontakt .button {float:right; margin:0 10px 0 0; border:0; background:#854C1F; cursor:pointer; color:#fff; width:auto;}

fieldset {width:400px; float:right; margin-right:-30px;}

.targeo-map-lite {float:left; margin-top:15px;}


/*
 * WALIDACJA jquery
 */

.error {
	float:left;
	width:100%;
	padding:0 0 10px 0;
	line-height:1em;
	margin:-15px 0 0 0;
	color:#c00000;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.error-input, .error-both, .error-same, .error-email, .error-string { background:#FFCFCF; }

/*
 * - - - - - - tabs
 */

#tabs0 {background: url(../images/tab0.gif) top no-repeat; width:655px; height:36px;}
#tabs1 {background: url(../images/tab1.gif) top no-repeat; width:655px; height:36px;}
#tabs2 {background: url(../images/tab2.gif) top no-repeat; width:655px; height:36px;}
#tabs3 {background: url(../images/tab3.gif) top no-repeat; width:655px; height:36px;}

#tabs0 a, #tabs1 a, #tabs2 a, #tabs3 a { display:block; float:left; width:216px; height:36px; text-decoration:none; margin-left:1px;}
#tabs0 a:hover, #tabs1 a:hover, #tabs2 a:hover, #tabs3 a:hover { background:#edd7a8; opacity:.3; filter:alpha(opacity=30); }

#tabs1 #t1 {margin:0 2px 0 219px;}
#tabs2 #t2 {float:right;}

#tabs0 #t2 { margin:0 3px 0 5px; }



/*
 *  - - - - - - - - tabele
 */

table {width:100%; text-align:center;}
td {padding:5px; font-size:12px; vertical-align: middle;}
.even {background: #EFD695;}

td a {text-decoration:none; color:#333; font-weight:bold;}


/*
 * - - - - - -  other
 */

.col {float:left; width:225px; min-height:140px; height:auto !important; height:140px;}
article a {color:#EF6B00; font-weight:bold; text-decoration:none;}
article a:hover {text-decoration:underline;}
.mapa {float:left;}
#formularz2 {float:left; clear:left;}

#formularz2 form {width:665px; float:left;}
#formularz2 fieldset {float:left; margin:0;}
#formularz2 .f1 {width:350px;}
#formularz2 .f2 {width:280px;}
#formularz2 textarea {width:280px;}






/*
 * - - - - - - menu systemy
 */

#systemymenu {
	position: relative;
	width: 677px;
	height: 55px;
}

#systemymenu img {border:0;}

#systemymenu .maska {
	position: absolute;
	z-index:20;
	bottom:0;
	left:0;
}

#systemymenu ul {
	position: absolute;
	bottom:0;
	left:0;
	z-index:10;
}

#systemymenu li, #systemymenu a {float:left; list-style:none; margin:0; padding:0;}

#systemymenu a {
	background: url('../images/systemy-button.jpg') top no-repeat;
	margin:0 5px;
}

#systemymenu .hit a {
	background: url('../images/systemy-active.jpg') top no-repeat;
	margin:0 5px;
}


#systemymenu .item1 a {margin-left:23px;}







/*
		--- Strona główna oferty - boksy
*/

#oferta_boxes {
	float:left;
	width:105%;
	margin-left:40px;
}

#oferta_boxes a {
	display: block;
	position: relative;
	width: 280px;
	height:120px;
	overflow:hidden;
	float:left;
	margin:10px 45px 30px 0;
	box-shadow: 0 0 4px #B7A171;
	border:3px solid #fff;
	color: #1A0C03;

	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#oferta_boxes a:hover {text-decoration: none;}

#oferta_boxes img {
	position: absolute;
	top:-1px;
	left:-1px;
	z-index:10;
	width: 280px;
}

#oferta_boxes span {
	position: absolute;
	bottom:3px;
	left:0;
	display:block;
	width:280px;
	text-align: center;
	line-height:2em;
	z-index:30;
	padding:0;
	text-transform: uppercase;
}

#oferta_boxes span.bg {
	width:274px;
	height:28px;
	background: #F8F1DF;
	display:block;
	opacity:.8;
	filter:alpha(opacity=80);
	display:block;
	position: absolute;
	bottom:3px;
	left:3px;
	z-index:20;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}