@charset "utf-8";
/* CSS Document (c) by  Arek Wawrzak do not copy or modify without author permission...*/

@import url("reset.css");
@import url("SpryValidationTextField.css");
@import url("SpryValidationTextarea.css");

*{margin: 0;padding: 0;}

html,body{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #f0f0f0;
	color: #333;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  line-height: 15px;
}

/*top i linki*/
div#top{width: 100%;height: 130px;background: #f0f0f0 url(../img/top_horizon.gif) bottom repeat-x;}
div#tcontainer{width: 900px;height: 130px;background: transparent url(../img/top_horizon.gif) bottom repeat-x;}
div#toplogo{width: 900px;height: 90px;background: transparent url(../img/logotop.png) bottom left no-repeat;}
div#linkbar{width: 900px;height: 40px;background: transparent url(../img/logogora.png) bottom left no-repeat;}
/*top i linki koniec*/
div#header{width: 100%;height: 200px;background:url(../img/gradheader.png) #0033ff top left repeat-x;}
div#headercontainer{width: 900px;height: 200px;background: transparent}
div#logodol{width: 100%;height: 200px;background: transparent url(../img/logogol.png) top left  no-repeat;}

/*gora zaookraglona*/
div#topround{width: 100%;height: 20px;background:url(../img/gradhdol.gif) #0033ff top left repeat-x;}
div#topcontainer{width: 900px;height: 20px;background:  #f0f0f0;}
div#trleft{float:left;width: 9px;height:20px;background: url(../img/round_top.gif) #f0f0f0 top left no-repeat;}
div#trcenter{float:left;width: 882px;height:19px;background: #f0f0f0;border-top:1px solid #999;}
div#trright{float:left;width: 9px;height:20px;background: url(../img/round_top2.gif) #f0f0f0 top right no-repeat;}
/*gora zaookraglona dol*/

/*srodkowy stuff*/
div#content{width: 100%;background: #f0f0f0;}
div#container{width:900px;min-height: 650px;background: transparent;}
/*div#cleft{float:left;width: 50px;height: 100px;background: url(img/shdleft.gif) #f0f0f0 top right no-repeat;}*/
.vertline{float:left;width: 1px;height:60px;background: url(../img/gradvert.png) #f0f0f0 bottom no-repeat;}
/*div#cright{float:left;width: 50px;height: 100px;background: url(img/shdright.gif) #f0f0f0 top left no-repeat;}*/
div#ccenter{float:left;width: 898px;background: #f0f0f0;}/*kolor tla main!!!*/
/*srodkowy stuff koniec*/

/*zaokraglenie dol*/
div#botround{clear: both;width: 100%;height: 20px;background: url(../img/footupbg.gif)  #E4E4DC top left repeat-x;}
div#botcontainer{width: 900px;height: 20px;background: #f0f0f0;}
div#botleft{float:left;width: 10px;height: 20px;background: url(../img/round_bl.gif) #f0f0f0 top right no-repeat;}
div#botcenter{float:left;width: 880px;height: 19px;background: #f0f0f0;border-bottom:1px solid #aaa;}
div#botright{float:left;width: 10px;height: 20px;background: url(../img/round_br.gif) #f0f0f0 top right no-repeat;}
/*zaokraglenie dol koniec*/

/*pozostale elementy do strony glownej*/
.sm_window{float: left;width: 449px;height: 400px;background: transparent;}/*male okno wielkosc 450px*/
.sm_window_opis{float: left;width: 449px;height: 350px;background: transparent;}/*male okno wielkosc 250px*/
.scroll_news{width:430px;height: 240px;background: #f0f0f0;}
.news_lnk{width: 390px;height: 74px;background: transparent;border-bottom:1px solid #fff;}
.news_thumb{float: left;padding: 2px;}
.news_opis{float: left;position: relative;width: 315px;height: 70px;background: #f0f0f0;}
.news_okno{width: 890px;height: 82px;background: #f0f0f0;}
.scroll_galeria{width: 430px;height: 150px;background: #f0f0f0; margin-top: 10px;}
.galeria_img{float:left;margin-top:4px;border:1px solid #ccc;}
.galeria_opis{float:left;width:260px;height:140px;background: #f0f0f0;}
.big_hostingi{float: left;margin-top:10px;width: 298px;height: 260px;background: #f0f0f0;}
.small_cena{float: left;width: 298px;height: 60px;background: #f0f0f0;}
.big_box{float: left;padding-top: 10px;}
.todar{float: right;padding-right: 30px;}

div#opis_box{float: left;width: 180px; height: 380px; background: #f0f0f0;margin-left: 30px;}
div#opis_hosting{float: left;width: 650px; height: 330px; background: #f0f0f0;}
div#window_server{width: 100%;height:330px;background: url(../img/big_server.png) #f0f0f0 top right no-repeat;margin-top: 10px;}

.serwisydol{clear:both;width:898px;height:220px;background: transparent;}
.sm_serwisy{float: left;margin-top:10px;display: inline;width: 297px;height: 200px;background: #f0f0f0;}
.borders{border-left:1px solid #ddd;border-right:1px solid #ddd;}
.big_serwisy{float: left;margin-top:10px;width: 298px;height: 500px;background: #f0f0f0;}/*duze divy do opsiu serwisow*/
.produkt{margin-top: 60px;width:870px;height:200px;background:#f0f0f0;}
.produkt_thumb{padding-top:5px;}
.produkt_opis{width:290px;height:150px;background:#f0f0f0;padding-left: 5px;}
/*pozostale elementy do strony glownej koniec*/
.kalk_pole{position:relative;width:360px;height:24px;background: #f0f0f0;}
.kalk_error{width:300px;height: auto;background: #ffcc33;}

/*portfolio*/
.news_image{float: left;padding: 5px;}
.news_text{float: left;width: 800px; height: 80px;background: #f0f0f0;}
.folio_opis{width:220px;height:138px;float: left;background: #f0f0f0;}
.folio_okno{width: 850px;height: 150px;background: #f0f0f0;margin-top: 10px;}
.folio_img{float: left;padding-left: 10px;background: #f0f0f0;padding: 5px;}
.frame_img{background: #f0f0f0;width: 280px;height: 205px;}


/*do formy kontaktowej*/
div#lewy_big{float: left;width: 696px; height: 500px;border-right: 1px solid #ddd;}
div#prawy_small{float: left;width: 199px;height: 500px;}
div#forma_k{width: 695px; height: auto;background: url(../img/aweb.jpg) #f0f0f0 center right no-repeat;}
div.error{width: 270px; height: 80px;background: #f0f0f0; float: left;}
div.error h3 {color: #f00; font-size: 15px;}
span.error {position: absolute; top: 5px; left: 150px; color: #f00; }

div#form_a{float: left;width: 400px; height: 360px;background: #f0f0f0;}
/*do formy kontaktowej koniec*/
div#footer{width: 100%;height: 80px;background: #E4E4DC;clear:both;}
.sep{float: left;width: 20px;height: 150px;background: #202020;}
.separator{width: 100%; height: 5px;background: #f0f0f0;border-top: 1px solid #ddd;margin-top: 5px;}

.normal, .serwisy_opis, .onas{color: #333;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
background: transparent;line-height:15px;}
.al_right{text-align: right;padding-right: 10px;}
.normal, .serwisy_opis, .onas{text-align:left;}
p.desc{font: normal 12px/18px Arial, Verdana, Helvetica, sans-serif;padding: 5px; color: #666;text-align: left;}
p.normal{padding: 5px;}

p.reg{text-align: left;padding-top: 3px;padding-left: 5px;padding-bottom: 4px;color: #333;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
background: transparent;line-height:15px;}

p.big_parag{
text-align: left;
color: #333;
padding: 5px;
font: normal 12px/19px Verdana, Arial, Helvetica, sans-serif;
background: transparent;}

p.serwisy_opis{padding-top: 10px;padding-left: 15px;}
p.onas{padding-top: 5px;padding-left: 15px}
p.small{padding-top: 4px;padding-left:5px;color: #333;text-align:left;
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
background: transparent;line-height:15px;}

h2{
padding: 5px;
text-align: left;
font:normal 24px/26px "Trebuchet MS",arial;
font-weight: normal;
color:#666;}

h3{padding-left: 10px;
text-align: left;
font:normal 18px/20px Arial, Helvetica;
font-weight: normal;
color:#666;}

.padzero{padding: 0px;padding-top: 20px;}
p.footer{padding: 5px;color: #666;text-align:center;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
background: transparent;}
span.phatt{font-weight:bold;color:#666;}

.desc a, .normal a{color:#CC3714;text-decoration: none;border-bottom:1px dotted #CC3714;}
.desc a:hover, .normal a:hover{color:#000;text-decoration: none;border-bottom:1px solid #CC3714;}

.opisyzwykle{text-align: left;color: #444;font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;}
.opisyzwykle a{text-decoration:none;color: #666;}
.opisyzwykle a:hover{color: #000;}
.padpiec{padding: 5px;}

a{text-decoration:none;color: #666;}
a:hover{color: #CC3714;}

.small a:hover{border-bottom:1px dotted #ff3300;}
.footer a:hover{color:#000;text-decoration:underline;}
.footer a{color:#666;text-decoration:none;}

.titletop{float:right;}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 10px;
border-right:1px dotted #666;
}

#navlist li a{font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #333; background: transparent;font-weight: bold;}
#navcontainer ul li#bnone{border:none;}
#navcontainer{float:right;padding-top:15px;}
#navlist li a.pomoc{font-weight: bold; font-size: 14px; color: #f00;}

/*opis produktu*/

.cechy{
float:left;
list-style-type: none;
text-align: left;
padding-top: 5px ;
padding-left: 20px;
}

.line_under{width: 80%; height: 4px; background: transparent;border-top: 1px solid #ccc;}

.cechy li{padding-left: 15px;background: url(../img/sel_small.gif) .1em .5em no-repeat;}
/*opis produktu*/
/*wiecej newsow*/
.wiecej_czyt{position:absolute;list-style-type: none;text-align: left;right: 5px;bottom: 0;}
.wiecej_czyt li a{color:#666;}
.wiecej_czyt li a:hover{color: #ff3300;}
.wiecej_czyt li{padding-left: 10px;background: url(../img/arrow.gif) .1em .5em no-repeat;}

.smallserw{list-style-type: none;text-align: left;padding-top: 5px ;padding-left: 20px;}
.smallserw li a{color:#666;}
.smallserw li a:hover{color: #ff3300;}
.smallserw li{padding-left: 15px;background: url(../img/sel_small.gif) .1em .5em no-repeat;}

.pages_map{list-style-type: none;padding: 20px;text-align: left;}
.pages_map li{padding-left: 13px; margin: 3px 0 3px 0;background: url(../img/sel_small.gif) .1em .5em no-repeat;}
.pages_map li.sub{padding-left: 22px; background: none;}
.pages_map li a{text-decoration: none;color: #c66;}
.pages_map li a:hover{color: #000;border-bottom: 1px dotted #666;}
.pages_map li h3 {font-size: 11px;}
.pages_map li h3 a {font-size: 11px; color: #333;}

#navcontainer ul li a:hover{color: #D30707;}
#navcontainer ul li a{color:#666;padding-left: 5px;}
#navcontainer ul li a#current{color:#CC3714;}

.inputForm {
position: relative;
margin-left: 0px;
	display:block;
	width:360px;
	background: #F7F7F7;
	border: 1px solid #BEBEBE;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 12px;
	margin-bottom: 4px;
}

.submitBut {
	background: url(../img/wyslij.gif) center no-repeat;
	height: 42px;
	width: 390px;
	display: block;
	border-style: none;
	font-size: 0.1em;
}

.submitButi {
	background: url(../img/wyslij2.gif) center no-repeat;
	height: 18px;
	width: 79px;
	display: block;
	float: right;
	border-style: none;
	font-size: 0.1em;
}

.cena_over{text-decoration: line-through;}
span.bigred{font-size: 13px; color: #EA0000;font-weight: bold;}
.pad_donald{padding-top: 10px;}
.pad_gora{padding-top: 20px;}

label{position:absolute;right: 220px;top:4px;}

select{
float: right;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #333;
border: 1px solid #000;
background-color: #ccc;
width: 120px;
height:19px;
}
.print_error{color: #ff3300;position:absolute;top:4px;left: 140px;padding-left: 2px;}

.window_small{width:420px;height:230px; float:left;background: #f0f0f0;}
div#wynik{width:420px;height:230px; float:left;background: #f0f0f0;}
div#kalkulator{width:840px;height:231px;background: #f0f0f0;}
.clear{clear: both;}
br.clr{clear: both;}

div#footerpop{width: 100%; height: 20px;background: #f0f0f0;border-top:1px solid #ccc;}

.twoja{margin-top: 20px; margin-bottom: 20px;}
.title_bold {text-align: left;}
.title_bold a{font-weight:bold;color: #666;text-decoration: none; padding-left: 5px;}
.title_bold a:hover{color: #CC3714;}

.screen_img{float: left; padding: 5px;}