body {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size:13px;background-color:#aaccff;text-align:center}
* {margin: 0;padding: 0}
abbr, acronym{border-bottom:1px dashed #3082FF;cursor:help;font-style:normal;}
h1 {font-size:13px;padding-bottom:10px}
img{border:0}
/* a{border:0;color:#c99482} */
a{border:0;color:#3082FF;font-weight:bold}
a:hover{text-decoration:none}
p{padding:10px 0}

.alert_err{background: #ffeab1 url('../img/ico_alert_error.png') center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
padding: 5px 20px 5px 45px;
margin-bottom:5px;
border:solid 2px #ff8000;color:#ff6600}

.alert_ok{background: #dae9ff url('../img/ico_alert_ok.png') center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
padding: 5px 20px 5px 45px;
margin-bottom:5px;
border:solid 2px #69a4ff;color:#2a7fff}

.odstep{height:20px}

/* menu gorne start */
ul.sidemenu {padding-top:0px;list-style: none}
ul.sidemenu li{float:right}
.sidemenu li a {display:block;color:#D2E3FF;padding:5px 10px;text-decoration:none}
.sidemenu li#legenda {display:block;color:#D2E3FF;padding:5px 10px;text-decoration:none}
.sidemenu li a:hover {background: url(../img/menu_bg.png) no-repeat top center}
/* menu gorne end */

.site_top {background: url('../img/site_tl.png') repeat-x top left;height:89px}
.site_bnr {background: url('../img/site_tbnr.png') no-repeat top center;width:878px;height:89px;margin:0 auto}
.site_content{background: url('../img/mc_light.png') no-repeat top right;margin:0 auto;width:1012px;min-height:520px;height:auto !important;height:520px}
.site_left_col{float:left;width:195px}
.site_right_col{float:right;width:195px}
.site_right_col li{list-style: none;background: url(../img/li_promo.png) center left no-repeat;padding-left:8px;padding-bottom:2px;padding-top:2px}

#btn{padding-right:0;float:right;}
#skins{float:right;color:#BDD7FF;font-size:10px;font-weight:bold;padding-right:5px;padding-top:2px}


/* menu boxy */
.mbox_t_info{background: url('../img/mbox_t_info.png') no-repeat top center;width:195px;height:43px}
.mbox_t_kontakt{background: url('../img/mbox_t_kontakt.png') no-repeat top center;width:195px;height:43px}
.mbox_t_polecamy{background: url('../img/mbox_t_polecamy.png') no-repeat top center;width:195px;height:43px}
.mbox_t_projekt{background: url('../img/mbox_t_projekt.png') no-repeat top center;width:195px;height:43px}
.mbox_t_promocje{background: url('../img/mbox_t_promocje.png') no-repeat top center;width:195px;height:43px}
.mbox_t_reklama{background: url('../img/mbox_t_reklama.png') no-repeat top center;width:195px;height:43px}

.mbox_m{background: url('../img/mbox_m.png') no-repeat bottom center;margin:0 auto;width:195px}
.mbox_content{background: url('../img/mbox_content.png') repeat-y top left;min-height:110px;height:auto !important;height:110px;color:#aaccff;font-size:10px}
.mbox_b{background: url('../img/mbox_b.png') no-repeat top center;margin:0 auto;width:195px;height:39px}

.site_main_content{margin-top:10px;float:left;width:600px}
.site_main_content h1 {padding-top:3px;font-size:17px;font-weight:bold;color:#3082FF}
.site_main_content h2 {padding-top:3px;font-size:15px;font-weight:bold;color:#3082FF}
.site_bl{clear:both;background: url('../img/site_bl.png') repeat-x top left;height:82px}
.site_footer{background: url('../img/site_footer.png') no-repeat top center;width:907px;height:82px;margin:0 auto;text-align:right;font-size:10px}
.site_footer a{color:#000;font-weight:bold}
.site_footer a:hover{color:#111;text-decoration: none;}
/*.site_footer a:visited{color:#222;text-decoration: none;}*/

  

.content {clear:both;padding:20px;text-align:justify}

.content_bl {float:left;width:12px;height:10px;font-size:1px}
.content_bc {float:left;width:576px;height:10px;font-size:1px}
.content_br {float:left;width:12px;height:10px;font-size:1px;}



/*.box_projekt_tl {float:left;width:9px;height:9px;background: url('../img/box_portfolio_tl.png') no-repeat top left;font-size:1px}*/
.box_projekt_tl {float:left;width:9px;height:9px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A%2FwD%2FoL2nkwAAAAlwSFlzAAANLQAADS0BGHKoMAAAAAd0SU1FB9kJBBQBCQB%2FkCgAAACVSURBVBjTfY49CsJAGETfft9uImZT5McyIihYRuwUJZBOay%2BSEyi5jx7Ci8VGRTHmVQPzGMbQQ9l2DjhaYWOVyvQIZaBc04hJkeBzj5iPUp1yMYZmN2c8y3h39hWccs4imnpJNHLf6%2Ba5sgot99OaOLS%2FH6Vsu8Apt%2F0C3ycACHDIPek0xfAHUWFbJMQMIE6pco8MSQ8v8RJYaLuL7AAAAABJRU5ErkJggg%3D%3D) no-repeat top left;font-size:1px}
/*.box_projekt_tc {float:left;width:232px;height:9px;background: url('../img/box_portfolio_tc.png') repeat-x top left;font-size:1px}*/
.box_projekt_tc {float:left;width:232px;height:9px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAJCAYAAADzRkbkAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A%2FwD%2FoL2nkwAAAAlwSFlzAAANLQAADS0BGHKoMAAAAAd0SU1FB9kJBBQDCEVOwjwAAAAZSURBVAjXYzBq%2Bf%2BDKd6CgZ2JgYGBAT8BAImsA1wi3jkLAAAAAElFTkSuQmCC) repeat-x top left;font-size:1px}
/*.box_projekt_tr {float:left;width:9px;height:9px;background: url('../img/box_portfolio_tr.png') no-repeat top right;font-size:1px}*/
.box_projekt_tr {float:left;width:9px;height:9px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A%2FwD%2FoL2nkwAAAAlwSFlzAAANLQAADS0BGHKoMAAAAAd0SU1FB9kJBBQBIELNCEQAAAC5SURBVBjTfc27DgFRFIXh%2F5wxSGYULi1RKHRDJZGIQqXmQehUQ6ZRigehVGkkEvU8gESidGtQYGyVBMHu1sq3slWpL4tbwOx2ZwFMfFdd%2BTjVGYlsj9zXB477E5tLQMN3lf%2BGhlORZ1jtkPmSswiDa0DPd1UAoF8X2SSqWcRKWrRNg%2B6z15%2F%2FoybU8lha0XI8KXxFAJEQVHLYpsHY8ST8FQFkEqiUTQKo%2F0QA6TgxQ1P%2Bi1I22jSoPgCRpDQzegb%2BoAAAAABJRU5ErkJggg%3D%3D) no-repeat top right;font-size:1px}
.box_projekt_m {clear:both;margin-top:0px;border-left:solid 1px #3284ff;border-right:solid 1px #3284ff;background-color:#91bcff;width:250px;height:115px;color:#c7571a;font-size:10px}
html>body .box_projekt_m {clear:both;margin-top:0px;border-left:solid 1px #3284ff;border-right:solid 1px #3284ff;background-color:#91bcff;width:248px;color:#333333;font-size:10px}
.box_projekt_m_title{font-size:10px; font-weight:bold;padding:0 5px 8px 5px}
.proj_link{font-weight:normal;color:#2E81FF}
.box_projekt_m_img{float:left;width:80px;height:60px;margin:0 5px 0 5px}
.box_projekt_m_content{float:right;text-align:left;width:155px}
.box_projekt_tech{width:90%;margin-top:5px;color:#dde9fc;border-top:dotted 1px #dde9fc}
/*.box_projekt_bl {float:left;width:9px;height:9px;background: url('../img/box_portfolio_bl.png') no-repeat top left}*/
.box_projekt_bl {float:left;width:9px;height:9px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A%2FwD%2FoL2nkwAAAAlwSFlzAAANLQAADS0BGHKoMAAAAAd0SU1FB9kJBBQBOSamoIQAAAClSURBVBjTYzRv%2F3%2FCSZ3BXIKPASdg%2Bv2X4eCbLwz%2FGPAApr%2F%2FGI49fs%2FwGa8iBgaG7W%2B%2BMLx79I7hP05FF%2BsYf%2F3%2ByxB0%2BA7Dl59%2FcJvEcLGO8cK%2F%2FwwT9t5g%2BPrjN6YiZhhD1KHh0M8%2FDBzXXzAY83EwsApwMTDC5BjRdek3%2FddnY2ZYK8TNICoryMAjwsPAxIjNDfpN%2F1kZGBi8WJgYLFmYGewBh0sydp4%2ByzgAAAAASUVORK5CYII%3D) no-repeat top left}
/*.box_projekt_bc {float:left;width:232px;height:9px;background: url('../img/box_portfolio_bc.png') repeat-x top left}*/
.box_projekt_bc {float:left;width:232px;height:9px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAJCAYAAADzRkbkAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A%2FwD%2FoL2nkwAAAAlwSFlzAAANLQAADS0BGHKoMAAAAAd0SU1FB9kJBBQDGrb3s3QAAAAYSURBVAjXY5i45%2F9%2FJgYGBgYCxMITDD8BkpcFvjz%2BKOEAAAAASUVORK5CYII%3D) repeat-x top left}
/*.box_projekt_br {float:left;width:9px;height:9px;background: url('../img/box_portfolio_br.png') no-repeat top right}*/
.box_projekt_br {float:left;width:9px;height:9px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A%2FwD%2FoL2nkwAAAAlwSFlzAAANLQAADS0BGHKoMAAAAAd0SU1FB9kJBBQBLTx8dPkAAACdSURBVBjTfc%2FNDsFAGIXhd6RXyP1M4gpwM2yk0hA%2FO7OskIguSFQbTIVOp2MhEhp1lifPl3xH9IbOUZPDBfyQRYM%2FiTWlsQR%2FUZRytSXTWrRLcLEmAQY%2F0aOA8RptLE0lRe5Vwd2AH5KVjq6SYgnwhbYn3GTDzTk6xtJ%2B997%2B%2FFoRpegk45hbWkoK9XnsjVbMC0tQlMyAvpLCVF94AiD9T1OtKvl5AAAAAElFTkSuQmCC) no-repeat top right}

.last_project{text-align:center}
.last_project .shadow_top{margin:0 auto;width:159px;height:7px;background: url('../img/thumb_shadow_top.png') no-repeat bottom center}
.last_project .shadow_bottom{margin:0 auto;width:159px;height:7px;background: url('../img/thumb_shadow_bottom.png') no-repeat top center}
.last_project h1{font-size:10px;color:#aaccff}


textarea {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size:13px;color:#3082FF;background-color:#AACCFF;border:solid 1px #3082FF;padding:2px}
input {font-size:11px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size:13px;color:#3082FF;background-color:#AACCFF;border:solid 1px #3082FF;padding:2px}
.button {width:80px;background-color:#CCE0FF;border:solid 1px #3082FF}
.formularz .label{font-size:13px; border-bottom:dotted 1px #3082FF;}
.formularz a{font-size:13px; }

.porada li{margin-left:20px}
.porada a{text-decoration:none}
.porada a:hover{text-decoration:underline}

.porady ul a{text-decoration:none}
.porady ul a:hover{text-decoration:underline}
.porady li{list-style-type: none}
.more{text-align:right;font-size:11px}
.more a{text-decoration:none}
.more a:hover{text-decoration:underline}

.sitemap ul{margin-top:5px;}
.sitemap li{margin-left:20px;padding-top:5px}
.sitemap a{text-decoration:none}
.sitemap a:hover{text-decoration:underline}

td.melmaxer{border:solid 1px #3082FF;vertical-align:top}


.bkrotki{width:50px}
.krotki{width:100px}
.sredni{width:300px}
.dlugi{width:500px}
.bdlugi{width:700px}

#logowanie {float:right;font-size:10px}
#logowanie input{font-size:10px;height:17px;padding:0}

table.listing{border-collapse:collapse}
.listing td,.listing th{padding:3px 5px;font-size:11px;border-bottom:solid 1px #0066ff}
.listing th{background:#80b3ff}

.help { cursor: help; } 
 
#tooltip { 
    position: absolute; 
    z-index: 3000; 
    border: 1px solid #ff4f00; 
    background: #ffe6a6; 
    color: #003380; 
    padding: 5px; 
    opacity: 1; 
} 

#tooltip h3, #tooltip div { margin: 0; font-weight:bold; text-align:left;color:#ff4f00; font-size:11px;}

.debugger pre{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px}


/* miniatury */

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 110px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	/*border: 1px solid #ddd;*/
	border: none;
	padding: 5px;
	background: #333;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(../img/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}



.zoombutton {
	background:url(../img/th_zoom.png) no-repeat;
	width:20px;
	height:20px;
	position:absolute;
	z-index:1;
}

.opis_plikow{margin-left:150px;margin-top:10px;width:400px}


/* fomrularze jNice */
/* -------------
 * Buttons
 * ------------- */
button {margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;overflow:visible;outline:none;moz-outline:none;}
*:first-child+html button[type]{width:1px;} /* IE7 */

button span {
	background: transparent url(../img/jnice_btn_right.png) no-repeat scroll right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px; /* sliding doors padding */
	margin: 0px;
}

button span span {
	background: transparent url(../img/jnice_btn_left.png) no-repeat;
	color: #3082FF;
	padding: 0px 4px 0px 8px;
	font-weight: bold;
	font-size: 10px;
	line-height: 18px;
	text-transform: lowercase;
	display: block;
	text-decoration: none;
}

/* -------------
 * Inputs
 * ------------- */
.jNiceInputWrapper {
	background: transparent url(../img/jnice_input_left.png) no-repeat left top;
	float:left;
}

.jNiceInputInner {
	background: transparent url(../img/jnice_input_right.png) no-repeat right top;
	padding: 2px 4px 2px 0;
	margin: 0 0 0 4px;
}

.jNiceInputInner input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#3082FF;	
	line-height: 17px;
	height: 17px;
	*line-height: 15px;/* IE Hacks */
	*height: 15px;/* IE Hacks */
	vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;
}

.jNiceInputWrapper_hover { background-position: left bottom; }
.jNiceInputWrapper_hover .jNiceInputInner { background-position: right bottom; }


/* -------------
 * Radios
 * ------------- */
.jRadioWrapper { float: left; z-index: 2; }
.jNiceRadio {
	background: transparent url(../img/jnice_radio.gif) no-repeat center top;
	height: 18px;
	width: 18px;
	position:absolute;left:0px;top:0px;cursor:pointer;vertical-align:middle;
}


/* -------------
 * Checkboxes
 * ------------- */
.jNiceCheckbox {
	background: transparent url(../img/jnice_checkbox.gif) no-repeat center top;
	height: 18px;
	width: 18px;
	position:absolute;left:0px;top:0px;z-index:2;cursor:pointer;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.jNiceChecked { background-position: center bottom;}

/* -------------
 * Selects
 * ------------- */
.jNiceWrapper select {border:none;margin:0;padding:0;}

.jNiceSelectWrapper {
	height: 17px;
	left:0px;top:0px;z-index:3;position:absolute;
}

.jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}

.jNiceSelectWrapper .jNiceSelectText {
	height: 15px;
	line-height: 15px;
	padding: 0px 3px;
	border: 1px solid #CCCCCC;
	border-right: none;
	/*background-color: #FFF;*/
	overflow:hidden;float:none;position:absolute;z-index:100;
}

.jNiceSelectWrapper .jNiceSelectOpen {
	width: 21px;
	height: 17px;
	background: url(../img/select_right.gif) no-repeat center center;
	z-index:100;display:block;position:absolute;right:0px;
}

.jNiceSelectWrapper ul {
	top: 16px;
	background-color: #FFF;
	border: solid 1px #CCC;
	height: 150px;
	position:absolute;left:0px;list-style:none;display: none;margin:0;padding:0;overflow-y:auto;z-index:100;width: 95%;
}

.jNiceSelectWrapper ul a {
	color:#0099CC;
	background-color: #FFF;
	display:block;padding:5px;text-decoration:none;
}

.jNiceSelectWrapper ul a:hover { background:#E1F5FF; }
.jNiceSelectWrapper ul a.selected {background: #EDEDED;}

.jNiceFocus { border: dotted 1px #666666; }

.jNiceHidden {opacity:0;z-index:-1;position:relative;}
.jNiceWrapper {position:relative;vertical-align:top;}
.jNiceWrapper input {outline:none;moz-outline:none;}

#zaloba{width:43px;height:63px;background: url(../img/czarna_wstazka.png) no-repeat top center;position:absolute;top:10px;left:40px;z-index:999}


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}