/*
 * studiofabryka.pl
 *
 * theme: ewmar
 * cd: 2010/07/21
 */


/*
		RESET
 */

body, div, p, a, img, ul, ol, li, input, textarea, button, fieldset, legend, table, tbody, form, td, tr, th, h1, h2, h3, h4, h5, h6, blockquote
{margin:0; padding:0; outline:none; line-height:1em; font-size:1em; border:0; text-decoration:none; list-style:none;}



/*
		rama
*/

body {background: #002a5c url(../images/repeater.jpg) top repeat-y;}
#topbg { width:100%; float:left; min-height:613px; background: url(../images/bg_01.jpg) top no-repeat;}
#bottombg { width:100%; float:left; min-height:211px; background: url(../images/bg_02.jpg) top no-repeat;}
#content {width:990px; position:relative; margin:0 auto;}



/*
		animacje flash
*/

.flash {position:absolute; z-index:5;}
.flash1 {width:243px; height: 220px; top:0; left:-80px;}
.flash2 {width:390px; height:563px; top:70px; right:0;}



/*
		header - logo, slogany, topnav
*/

#logo {position:relative; z-index:10; float:left;}

#slog {float:right; margin:10px 20px 0 0;}
#slog li {color:#fff; font-size:20px; text-align:right;}

nav {clear:left; position:relative; z-index:10; margin:45px 0 0 50px; width:100%;}
nav li, nav a, nav {float:left;}
nav li {border-right:1px solid #fff;}
nav li.last {border:0;}
nav a {color:#fff; font: 17px/17px "Trebuchet Ms", Helvetica, Arial, sans-serif; text-transform:uppercase; padding:0 10px;}
nav a:hover {color:#EF2C3D;}



/*
		footer
*/

footer {width:990px; display:block; margin:0 auto;}
address {float:left; color:#fff; font: 14px/14px "Trebuchet Ms", Arial, sans-serif; margin:20px 0 0 120px;}
address strong {line-height:23px;}

#realizacja {float:right; color:#fff; font: 10px/10px Tahoma, Arial, sans-serif; margin:108px 10px 0 0;}
#realizacja strong {text-transform:uppercase;}
#realizacja:hover {text-decoration:underline;}



/*
		article, typo
*/

article {float:left; clear:left; width:610px; margin:50px 0 0 30px; padding-bottom:25px;}

h1 {font-size:30px; color:#333;}
h2 {font-size:20px; color: #333;}
blockquote p {color: #47729D; font-weight:bold;}
p a {color:#EF2C3D;}
p a:hover {text-decoration:underline;}
p, article ul, ol, .back {font:14px/16px "Myriad Pro", "Trebuchet Ms", Arial, sans-serif; color:#333; margin:10px 0;}
article li {list-style-position: outside !important; position:relative; left:15px;}
article ul li {list-style:disc;}
ol li {list-style: decimal; position:relative; left:20px;}

blockquote img, p img {float:left; margin-right:15px; padding:2px; border:1px solid #b6b6b6;}



/*
		galeria
*/

#gallery, #gallery-index {float:left; width:120%; z-index:10; position:relative;}
#gallery ul, #gallery-index ul {margin:5px 0; float:left;}
#gallery li, #gallery a, #gallery img, #gallery-index li, #gallery-index a, #gallery-index img {float:left;}
#gallery li, #gallery-index li {list-style:none; left:0; width: 215px; margin-right:10px;}
#gallery li {margin:5px 10px 5px 0;}
#gallery img, #gallery-index img {padding:2px; border:1px solid #b6b6b6;}
#gallery a:hover, #gallery-index a:hover img {opacity:.8; filter:alpha(opacity=80);}

#gallery-index span {float:left; width:215px; text-align:center; color:#333; font-size:14px; margin-top:2px;}

.sub #gallery {margin:10px 0;}
.sub #gallery li {width:128px;}
.sub #gallery img {width:124px;}

.back {padding:3px 6px; background: #003470; color:#fff;}
.back:hover {background: #004C9F;}



/*
		formularz
*/


#info { float:left; width:100%; color:#004C9F; font:bold 12px Tahoma, Arial, sans-serif; margin:0 0 5px 5px; border-top:1px solid #dcdcdc; padding-top:10px;}
#kontakt {float:left; width:650px; margin-top:20px;}
#kontakt fieldset {float:left; width:240px; border:0; margin:0; padding:0;}

#kontakt label {float:left; margin:6px 3px; text-indent:5px; color:#333; font:bold 11px Tahoma, Arial, sans-serif;}
#kontakt input, textarea {
	float:left; clear:left;
	padding:5px; background:#fff;
	border:1px solid #004C9F;
	width:200px;
	color:#333;
	font-family:Arial, Helvetica, sans-sarif;
	font-size:14px;
}
#kontakt #req {font-weight:normal;}
#kontakt .short {width:140px;}

label img {
	float:left;
	margin:-2px 0 0 10px;
}


#kontakt img, #kontakt input, #kontakt textarea, .error {

	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
	outline:none;
}
#kontakt img {border:4px solid #fff;}

#kontakt textarea {height:140px; width:320px; overflow:auto;}

#kontakt .button {width:80px; font-weight:bold; background:#004C9F; cursor:pointer; border:0; color:#fff;}
.button:hover {opacity:.8;}

.error {
	margin:0 0 2px;
	padding:4px 6px;
	background:#004C9F;
	color:#fff;
	font:11px Tahoma, sans-serif;
}

.error em {
	border:10px solid;
	border-color:#004C9F transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:60px;
	position:absolute;
	width:0;
}

#mapa {float:left; margin:-40px 0 0 10px; text-align:center;}
#mapa, #mapa p, #mapa a {font:11px tahoma, sans-serif; color:#333;}



/*
		flash na startowej
*/

#flash-startowa {float:left; position:relative;}
#flash-startowa a {position:absolute; top:40px; right:2px; display:block; width:128px; height:270px; z-index:30;}