/* Zmiana wszystkich domyślnych styli przeglądarek */ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
img { border: 0; }
ol, ul { list-style: none; }
blockquote, q {	quotes: "";}
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-spacing: 0; }

/* style podstawowe */ 
.centruj { width: 960px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.clear { font-size: 0; line-height: 0; clear: both; height: 0; }
.hide { display: none; }

@font-face {
	font-family: Myriad Pro;
	src: url('../webfont.eot');
	src: url('../webfont.eot?#iefix') format('embedded-opentype'), url('../webfont.ttf') format('truetype'), url('../webfont.svg#FoglihtenPCSPetitecaps') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Myriad Pro;
	src: url('../webfont2.eot');
	src: url('../webfont2.eot?#iefix') format('embedded-opentype'), url('../webfont2.ttf') format('truetype'), url('../webfont2.svg#FoglihtenPCSPetitecaps') format('svg');
	font-weight: bold;
	font-style: bold;
}

@font-face {
	font-family: Myriad Pro;
	src: url('../webfont3.eot');
	src: url('../webfont3.eot?#iefix') format('embedded-opentype'), url('../webfont3.ttf') format('truetype'), url('../webfont3.svg#FoglihtenPCSPetitecaps') format('svg');
	font-weight: italic;
	font-style: italic;
}

.fontface, .fontface .button, .fontface input, .fontface.button, #newsletterFormContainer .headline { font-family: Myriad Pro; letter-spacing: 0; font-weight: normal; text-shadow: 0 0 1px rgba(0,0,0,0.01); }

/* style główne projektu */
body { line-height: 1; font-family: Myriad Pro, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background:#FFF url(../gfx/bg.png) repeat-x center top; margin-top:5px;}

a { text-decoration: none; cursor: pointer; color: #000000; }
a:hover { color: #595959; }
.color { color: #000000; }
input, select, textarea { font-family: "Times New Roman", serif; font-size: 12px; }

::selection { background: #7090b7; color: #fff; }
::-moz-selection { background: #7090b7; color: #fff; }

/* przyciski */
.button, a.button { background: #7090b7; padding: 3px 12px; line-height: 16px; color: #fff; cursor: pointer; border: 0 !important; font-style: italic; }
.button:hover, a.button:hover { background: #406189; color: #fff; }
input.button { border: 0; }

/* top */
#top { position: relative; z-index: 10;}
#top .header{background:url(../gfx/header.png) repeat-x center; height:100px; width:100%;}
#top .header .center{width:960px;margin:auto;}
#top .tradycja{color:#FFF;line-height:98px;font-size:18px;}
#top .ewex{margin-top:-10px;margin-left:-182px;font-size:15px}
#top .logo {display: block; text-align: center; width:293px;}

/* menu */
#top .menu_bg{background:url(../gfx/menu.png) repeat-x center;}
#top .menu { padding: 0 5px; display: block; text-align: center; font-size: 18px; width:950px;margin:auto;line-height: 41px;}
#top .menu a strong {font-weight:normal; color: #000000; display: inline-block; padding:0 5px;}
#top .menu a:hover strong { color: #595959; }


/* buttony */
#buttony{background:url(../gfx/buttony.png) repeat-x;font-size:12px;margin-bottom:15px;}
#buttony .przyciski{width:960px;padding:0;padding-left:2px;margin:auto;text-align:center;}
#buttony a:hover{opacity: 0.7; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out;}
#buttony .textp{position:absolute;right:2px;bottom:5px;width:75px;}
#buttony .przycisk {width:146px;height:50px;display:inline-block;position:relative;margin:0 5px;}
#buttony .damskie{background:url(../gfx/damskie.png) no-repeat;}
#buttony .wizytowe{background:url(../gfx/wizytowe.png) no-repeat;}
#buttony .dzieciece{background:url(../gfx/dzieciece.png) no-repeat;}
#buttony .mundurowe{background:url(../gfx/mundurowe.png) no-repeat;}
#buttony .mlodziezowe{background:url(../gfx/mlodziezowe.png) no-repeat;}
#buttony .sportowe{background:url(../gfx/sportowe.png) no-repeat;}
#buttony .kaplanskie{background:url(../gfx/kaplanskie.png) no-repeat;}

#footer{border-top:1px solid #cbcbcb; width:940px;margin:auto;line-height:20px;font-size:12px;padding:10px;}


/* panel boczny */
#subContainer {border:1px solid #cbcbcb; background:#FFF; width:960px; margin:10px auto;}
#subContainer .addMenu { margin-bottom: 40px; }
#subContainer .addMenu a { display: block; text-align: center; }
#subContainer .addMenu a.level1 { font-size: 28px; color: #231e13; margin-bottom: 13px; font-family: Nyala, "Times New Roman", serif; }
#subContainer .addMenu a.level2 { font-size: 14px; color: #231e13; padding: 5px 0 8px; }
#subContainer .addMenu a.level2:hover { color: #7090b7; }
#addmenu2 {text-align: left;}



#mainContainer {border:1px solid #cbcbcb; background:#FFF; width:920px; margin:10px auto 25px auto; padding:20px}
#mainContainer .headline.fontface { font-size: 17px; font-weight: lighter; color: #000000;}


/* stronicowanie */
#mainContainer .pagination { display: block; padding: 15px; text-align: center; border-top: 1px solid #e5e5e5;}


/* realizacje */
#listagalerii .item .title { color: #231e13; font-size: 15px; display: block; margin: 10px 0 5px; }
#listagalerii .item {display:inline-block;float:left;width: 440px;padding:10px;min-height:127px;}
#listagalerii .item .ramka{box-shadow:0 0 3px #cdcdcd;padding:5px;}
#listagalerii .item a:hover .title { color: #595959; }
#listagalerii .item .desc { color: #000000; font-size: 13px; line-height: 20px; margin-top:10px; min-height: 60px; display: block;}
#listagalerii .item .more { display:block; text-align: right; margin-top: 5px;  }


.userTextgallery{font-size: 13px;line-height: 20px;margin-bottom: 20px;margin-top: 20px;float:left;}
.userTextgallery table td{padding:3px; text-align:center}
.userTextgallery table{margin-left:10px;}
.userTextgallery img{box-shadow:3px 3px 5px #B3B3B3}
.userTextgalleryfoto{float:right;}
.userTextgalleryfoto img{box-shadow: 3px 3px 5px #B3B3B3;}


/* widok konkretnej realizacji */
#zdjecia .zdjecie { float: left; width: 200px; line-height: 14px; padding: 15px 11px; }
#zdjecia .zdjecie a { display: inline-block; position: relative; opacity: 0.9; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; }
#zdjecia .zdjecie a .ramka { position: absolute; top: 0; left: 0; }
#zdjecia .zdjecie a .photo { width: 143px; height: 74px; }
#zdjecia .zdjecie a strong { color: #1F1F1F; display: block; font-size: 17px; font-weight: lighter; padding: 8px 10px 0; text-align: center; }

#zdjecia .zdjecie a:hover { opacity: 1; }

#zdjecia_modeli{position:relative;width:200px;height:280px;}
#zdjecia_modeli img{position:absolute;top:0;left:0;z-index:1}
#zdjecia_modeli img.active{z-index:3}
#zdjecia_modeli img.lastActive{z-index:2}

/* aktualności */
#aktualnosci .item {border-top:1px solid #cdcdcd}
#aktualnosci .item a { min-height: 100px; position: relative;display: block; padding: 10px 0;}
#aktualnosci .item .zdjecie { float: left; position: relative; margin-right: 10px; overflow: hidden; background:url(../gfx/ramka_mala.png) no-repeat; width:83px;height:77px; }
#aktualnosci .item .zdjecie img{position:absolute;top:1px}
#aktualnosci .item .title { color: #231e13; font-size: 15px; display: block; margin: 10px 0 5px; }
#aktualnosci .item .desc { color: #000000; font-size: 13px; line-height: 20px; margin-top:10px; }
#aktualnosci .item .more { display:block; text-align: right; margin-top: 5px;  }

#aktualnosci .item a:hover .title { color: #595959; }

#aktualnosc .userText{font-size: 13px;line-height: 20px;margin-bottom: 20px;margin-top: 20px;}
#galakt{text-align:center; margin-bottom:10px; border-top:1px solid #cdcdcd}
#galakt .item {width: 145px; display:inline-block; padding:5px;}

#galgal{text-align:center; margin-bottom:-10px; margin-top:-20px;}
#galgal .item {width: 145px; display:inline-block; padding:7px;}

#big_frame{background:url(../gfx/ramka_duza.png) no-repeat; width:147px;height:79px;position:relative;}
#big_frame img{position:absolute;top:2px;left:0;}

.zwijakContainer { margin-bottom: 10px!important; }
.zwijakContainer .zwijakHeader a { font-weight: bold; }
.zwijakContainer .zwijakContent { display: none; padding: 0 40px 10px;}

/* topy */
#obraz { display: block; width: 468px;text-align:center; float:left}
#obraz .obrazy { width: 468px; height: 335px; position: relative; margin:auto; }
#obraz .obrazy li { display: block; top: 0; left: 0; z-index: 1; position: absolute; }
#obraz .obrazy li.active { z-index: 3; }
#obraz .obrazy li.lastActive { z-index: 2; }
#obraz .zmieniarka{position: absolute;z-index: 4;background: white;opacity: 0.5;bottom: 0;right: -3px;padding: 10px;}
#obraz .zmieniarka a{border-radius:30px;border:2px solid #000;display:inline-block;height:5px;width:5px}
#obraz .zmieniarka a.active{cursor:default;background:#000}



#sideBoxes .box a { z-index: 10; width: 32px; display: block; margin-bottom: 8px; position: fixed; top: 200px; right: 0; opacity: 0.85; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; }
#sideBoxes .youTube a { height: 36px; background: url(../gfx/youtube.png) top left no-repeat; font-size: 16px; color: #231e13; }
#sideBoxes .youTube a span { margin-left: 40px; display: block; padding: 9px 15px 0 0; white-space: nowrap; }
#sideBoxes .googlePlus a { height: 77px; background: url(../gfx/google_plus.png) top left no-repeat; top: 241px; }
#sideBoxes .facebook a { height: 87px; background: url(../gfx/facebook.png) top left no-repeat; top: 323px; }

#sideBoxes .box a:hover { opacity: 1; width: 36px; }
#sideBoxes .youTube a:hover { width: 200px; }






/* Formularz kontaktowy */
label.short { display: block; float: left; width: 60px; padding-top: 4px; color: #ccc; }
label.long { display: block; float: left; width: 60px; padding-top: 4px; color: #ccc; }
.darkBox input, .darkBox textarea { width: 150px; }
.darkBox select { width: 158px; }
#submitButton { position: relative; margin-top: -8px; z-index: 1; line-height: 16px; font-size: 11px; }
#submitButton a { display: block; text-align: center; font-weight: bold; padding: 17px 15px 10px; background: #e85909 url('../gfx/big_gradient.gif') bottom repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;	color: #fff; }
#submitButton a:hover {	text-decoration: none; background-position: top; }
#submitButton a span { margin: -2px 6px; }


#newsletterFormContainer { padding: 10px; width: 380px; }
#newsletterFormContainer .headline { font-size: 21px; margin-bottom: 10px; }

#newsletterFormMain { line-height: 21px; }
#newsletterForm { margin-top: 10px; }
#newsletterForm label { margin-right: 10px; }
#newsletterForm .buttons { margin-top: 10px; }