/*
    Document   : style.css
    Created on : 2009-07-23, 10:06:33
    Author     : Adasz
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
h1.mainpage { display: block; background: url('./../img/logo_friko_gray_beta.png') 0 0 no-repeat; width: 228px; height: 51px; text-indent: -9999px; z-index: 1000; /* IE Fix*/ }
h1.mainpage a { display: block; width: 100%; height: 100%; }
span.strike { text-decoration: line-through }
img{
    border:none;
}

#container{margin: 10px auto;}
#container_top{float:left;}

#main_log{float:right;width:700px;font:11px Arial,Helvetica,sans-serif;padding-top: 25px;}
#main_log a {float: right;color: #0F5BCC;}
#main_log span{float: right;margin-right: 15px;}

#main_log_registry{display: block;height:16px;background:transparent url('./../img/registry2.png') no-repeat scroll left center;text-decoration: none;margin-right:15px;padding-left:20px;}
#main_log_registry:hover{text-decoration:underline;}
#main_log_admin{display:block;height:16px;background:url('./../img/panel.png') no-repeat left center;text-decoration:none;margin-right:15px;padding-left:20px;}
#main_log_login{display:block;height:16px;text-decoration:none;background:url('./../img/login2.png') no-repeat left center;padding-left:20px;}
#main_log_login:hover {text-decoration:underline; }
#main_log_help{display:block;height:16px;text-decoration:none;background:url('./../img/ico_help.png') no-repeat left center;margin-left:15px;padding-left:20px;}
#main_log_help:hover{text-decoration:underline;}

#menu{float:left;width:963px;margin:10px 0 0 0;}
#menu ul{display: block;float:left;height:55px;background:url("./../img/menu3.png") no-repeat;}
#menu ul li{display:block;float:left;height:55px;}
#menu ul li a {display:block;width:100%;height:100%;}

#hosting{width:121px;}
#hosting a:hover{background:url(./../img/menu3.png) no-repeat 0px -55px;}
.hosting_a_active, #hosting a:active{background:url(./../img/menu3.png) no-repeat 0px -55px;}
#sites{width:196px;}
.sites_a_active, #sites a:hover {background:url(./../img/menu3.png) no-repeat -121px -55px;}
#domains{width:129px;}
.domains_a_active, #domains a:hover {background:url(./../img/menu3.png) no-repeat -317px -55px;}
#mail{width:202px;}
.mail_a_active, #mail a:hover {background:url(./../img/menu3.png) no-repeat -446px -55px;}
#blog{width:125px;}
.blog_a_active, #blog a:hover {background:url(./../img/menu3.png) no-repeat -648px -55px;}
#shop{ width:190px;}
.shop_a_active, #shop a:hover {background:url(./../img/menu3.png) no-repeat -773px -55px;}

#main{float:left;background-color:#ffffff;font:12px Tahoma; margin-top:0px;border: 1px solid #e3e3e3;border-top:none;border-bottom:none;line-height:1.4em;}
#main_bottom{width:960px;height:4px;line-height:0;background:url('./../img/main_bg.png') no-repeat 0 0;}
#main_top{display:block;width:960px;}

#main2{float:left;width:960px;height:215px;padding-top:14px;}
.main2_column{width:310px;}
h4.box_header{font:bold 14px/1.3em "Trebuchet MS",Tahoma, sans-serif;padding: 7px 0 0 17px;letter-spacing:-1px;}
#main2_left{float:left;background-color:#ffffff;}
#main2_left_header{width: 310px;height:39px;background:url("./../img/check.png") no-repeat;}
#main2_left_content{height:145px;background:url("./../img/box_green_bg.png") no-repeat bottom right;font:12px Tahoma;padding:8px 0 0 17px;border:1px solid #e2e2e2;border-top:none; padding-top: 28px; }
#main2_left_content a, #main2_left_content a:visited { color: #0F5BCC; }
#main2_left_content a:hover { color: #E10000; }
#main2_left_content p.green { color: #447502; margin-bottom: 25px; }
#main2_left_content input { color: #878787; font-size: 11px; }

#main2_center{float:left;background-color:#ffffff;margin-left: 15px;}
#main2_center_header{width:310px;height:39px;background:url("./../img/add.png") no-repeat;}
#main2_center_content{height:165px;background:url("./../img/box_blue_bg.png") no-repeat bottom right;font:12px Tahoma;padding:8px 0 0 17px;border:1px solid #e2e2e2;border-top:none;}
#main2_center_content p.blue{color:#086aa3;margin-bottom:13px;}
#main2_center_content ul { padding: 5px 0 0 0;  }
#main2_center_content ul li {float:left;background:url("./../img/mark_small.png") no-repeat 0 -2px;padding-left:15px;margin-bottom:5px;}
#main2_center_content ul li a { color: #0F5BCC; }
#main2_center_content ul li a:hover { color: #E10000; }
#main2_center_content ul li a:visited { color: #0F5BCC; }

/*#main2_right{float: left;background-color:#ffffff;margin-left: 15px;}
#main2_right_header{width:310px;height:39px;background:url("./../img/tips.png") no-repeat;}
#main2_right_content{position: relative;height:135px;font:12px Tahoma;background:url("./../img/box_blue2_bg.png") no-repeat bottom right;padding:8px 0 0 17px;border:1px solid #e2e2e2;border-top:none;}
#main2_right_content p { color: #878787; font-size:11px;margin-bottom: 2px; }
#main2_right_content a.news{ display:block;width:260px;color:#0969a3;font-size:11px;font-weight:bold;margin-bottom:10px;}
#main2_right_content a.all { display: block; position: absolute; bottom: 10px; left: 17px;color:#0F5BCC;margin-bottom:0;}*/
#main2_right{ position: relative; float: left;background-color:#ffffff;margin-left: 15px; width: 635px; }
#main2_right_header{width:635px;height:39px;background: #f9f9f9 url("./../img/tips.png") no-repeat;}
#main2_right_content{position: relative;height:165px;font:12px Tahoma;background:url("./../img/box_blue2_bg.png") no-repeat bottom right;padding:8px 0 0 17px;border:1px solid #e2e2e2;border-top:none;}
#main2_right_content p { font-size:11px;margin-bottom: 2px; }
#main2_right_content a.news{ display:block;width:260px;color:#0969a3;font-size:11px;font-weight:bold;margin-bottom:10px;}
#main2_right_content a.all { display: block; position: absolute; bottom: 10px; left: 17px;color:#0F5BCC;margin-bottom:0;}
#main2_right_content ul.left { border-right: 1px solid #e3e3e3; margin-right: 20px; }
#main2_right_content ul li:first-child { margin-bottom: 10px; }
#main2_right_content ul.news { float: left; width: 270px; padding-right: 20px; }
#main2_right_content ul.news .read-more { text-align: right; padding-top: 3px; }
#main2_right_content ul.news a { color: #0F5BCC; }
#main2_right_content ul.news a:hover { color: #E10000; }
#main2_right_content ul.news .date { color: #878787; }
#main2_right_content .box-facebook { position: absolute; top: -50px; right: -3px; display: block; width: 322px; height: 46px; background: url('../img/bg_box-facebook.png') no-repeat 0 0; outline: none; }
#main2_right_content .box-facebook .fblike { position: absolute; width: 120px; top: 12px; right: 5px; z-index: 99; }
#main2_right_content .box-facebook p { margin: 0; }
#main2_right_content .box-facebook a { display: block; overflow: hidden; height: 46px; width: 189px; text-indent: -10001px; }

#news-loader { background: url("./../img/news-loader.gif") no-repeat 0 50%; padding: 3px 0 3px 20px; font-weight: bold; color: #333; }

#footer{float:left;height: 251px;color: #333;font:12px Tahoma;margin-top:10px;}
#footer_up p{text-decoration:underline;}
#footer_up{width:958px;font-size: 11px;background: #F4F4F4 url("./../img/footer_background1.png") repeat-x top;border-left:1px solid #E3E3E3;border-right:1px solid #E3E3E3;}
#footer_up ol{margin:5px 8px 5px 0;padding-top: 7px;padding-left: 20px;border: none;line-height: 15px;}
#footer_up li{color: #afafaf;margin: 1px 0 0 0;list-style-type: disc;}
#footer_up li .text { color: #333; }
#footer_up li a { color: #0f5bcc; }
#footer_up li a:hover { color: #e10000; }
#footer div.f_help{display:block;width:960px;height:35px;background: url("./../img/footer_background3.png") repeat-x;}

.footer_up_left{float: left;width: 205px;margin-top: 10px;margin-left: 25px;}
.footer_up_left h5 {background: url("./../img/footer_underline.png") no-repeat bottom left;padding: 0 0 7px 0;}

#footer_down{float:left;height: 90px;text-align:right;font-size: 11px;}
#footer_down ul{padding-right:7px;}
#footer_down ul li {display: inline;margin-right:4px;padding: 0 3px 0 0;border-right: 1px solid #c5c5c5;}
#footer_down ul li a { color: #0F5BCC; }
#footer_down ul li a:hover { color: #e10000; }
#footer_down ul li.last {display: inline;border-right: none;padding: 0;}

.script_info{float:left;width:400px;_width:400px;height:50px;_height:50px;background: #fdfdfd no-repeat left center;margin:10px 0 0 10px;padding:20px 0 10px 75px;border: 1px solid #e3e3e3;}
.info{float:left;}
.info_text_register{color:#666666;background-color:#f9f9f9;margin:11px 15px 0 15px;padding:5px;border: 1px solid #e3e3e3;}
.form_error{color: #f00;background: url("./../img/form_background.png") repeat-y;font-size: 0;}
div.form_error p {border: 1px solid #e18888;border-left: none;border-right: none;margin: 4px 100px 2px 216px;padding: 2px 2px 2px 20px;color: #d00000;background: #ffdbdb url("./../img/form_error_icon.png") 2px 50% no-repeat;text-align: left;font-size: 11px;}
.check{display:inline;float:left;margin-left:25px;}

.login_content{float:left;margin-bottom:10px;}
#login_title{width:100px;height:38px;background:url("./../img/login_form.png") no-repeat;margin-top:11px;}
#remind_title{width:342px;height:38px;background:url("./../img/remind_form2.png") no-repeat;margin-top:11px;}
#redefine_login{float:left;width:340px;}
#redefine_pass{float:left;width:340px;}
.auth_redefine_label{float:left;width:105px;_width:100px;text-align:right;font-weight:bold;margin:3px 0 4px 10px;padding-top:1px;}
#remind a{color:#7c7c7c;font-size:9px;}
#remind{float:right;_width:90px;margin:2px 5px 0 0;}
#redefine_login_button{float:right;width:128px;_width:125px;margin-top:3px;}
#redefine_remind_button{float:right;width:124px;_width:124px;margin-top:3px;}
#login{float:left;width:157px;background-color:#f4f4f4;margin:3px 0 3px 10px;border:1px solid #b3b3b3;}

*html #tooltip .tipHeader {margin-bottom:-6px;}
#tooltip {position:absolute;z-index:9999;width:180px;color:#fff;font:11px Arial;}
#tooltip .tipHeader {height:8px;background:url("./../img/panel/tipHeader.gif") no-repeat;}
#tooltip .tipBody {background-color:#000;padding:5px;}
#tooltip .tipFooter {height:8px;background:url("./../img/panel/tipFooter.gif") no-repeat;}
.tooltip_help{display:inline;float:left;width:18px;height:17px;background:url("./../img/forms_help.png") no-repeat;margin:9px 5px 0 0;cursor:help;}

.form_comm_ok{width: 600px;margin: 5px auto;}
.form_comm_ok .top{height:3px;background: url("./../img/bg_msg_top.png") no-repeat top center;}
.form_comm_ok .center_cont{float:left;width:600px;background: url("./../img/bg_msg_center.png") no-repeat bottom left;}
.form_comm_ok .center{float:left;width:600px;background: url("./../img/ico_ok.png") no-repeat 20px 50%;padding:20px 0;}
.form_comm_ok .bottom{clear:both;height:3px;background: url("./../img/bg_msg_bottom.png") no-repeat top center;}
.form_comm_ok p{color: #399b00;font-weight: bold;margin:0 0 0 100px !important;padding:0 10px 0 0;}
.form_comm_ok a{color: #0F5BCC;font:11px Arial;}
.form_comm_ok p span.description {display: block;color: #333;font-weight: normal;font-size: 11px;}

/*background: url("./../img/comm_err3.png") no-repeat top center;*/
.form_comm_err{width: 600px;margin: 5px auto;}
.form_comm_err .top{height:3px;background: url("./../img/bg_msg_top.png") no-repeat top center;}
.form_comm_err .center_cont{float:left;width:600px;background: url("./../img/bg_msg_center.png") no-repeat bottom left;}
.form_comm_err .center{float:left;width:600px;background: url("./../img/ico_error.png") no-repeat 20px 50%;padding:20px 0;}
.form_comm_err .bottom{clear:both;height:3px;background: url("./../img/bg_msg_bottom.png") no-repeat top center;}
.form_comm_err p{color: #d30000;font-weight: bold;margin:0 0 0 100px !important;padding:0 10px 0 0;}
.form_comm_err p span.description {display: block;color: #333;font-weight: normal;font-size: 11px;}

.form_com_err a{font:11px Arial;color: #0F5BCC;}
.form_head{margin: 43px 0 35px 40px;}

/* STRONY STATYCZNE */
#static_page { padding: 30px 60px;  }
#static_page h1 { font-size: 16px; margin-bottom: 20px; }
#static_page h2 { font-size: 13px; margin: 25px 0 10px; }
#static_page p, #static_page ul li, #static_page ol li { font-size: 12px; text-align: justify; margin: 10px 0; line-height: 1.5em; }
#static_page ul li, #static_page ol li { margin: 5px 0; }
#static_page ol { list-style-type: decimal; margin-left: 30px; font-weight: bold; }
#static_page ol ul { list-style-type: square; margin-left: 30px; }
#static_page ol li span { font-weight: normal; }
#static_page a { color: #0F5BCC; }
#static_page a:hover { color: #E10000; }
#static_page .contact_left_side { float: left; width: 640px; background: url('./../img/shop_main_left.png') no-repeat top right; padding: 0 20px 0 0; }
#static_page .contact_right_side { width: 200px; float: left; margin-left: 20px; }
#static_page .contact_right_side address { margin: 20px 0; font-style: normal; }
#static_page .contact_right_side p { text-align: left; font-size: 11px; line-height: 1.3em; }
#static_page li table { margin: 10px 0 5px; border: 1px solid #565656; border-collapse: collapse; }
#static_page li table th.col1 { width: 300px; }
#static_page li table th.col2 { width: 200px; }
#static_page li table td { border: 1px solid #565656; padding: 3px 5px;}
#static_page li table th { border: 1px solid #565656; padding: 3px 5px;}

/* FORMULARZE */
.form_wrapper { width: 600px; margin: 10px auto 35px auto; }
.form_wrapper .header { height: 46px; background: url('./../img/forms_header.png') no-repeat; padding: 10px 17px 0 17px; margin:0px;}
.form_wrapper .header h2 { color: #3a424d; text-shadow: #fff 0 1px 0; font: bold 17px/1.2em Arial, Tahoma, Verdana, sans-serif; }
.form_wrapper .header p { color: #48515d; font: normal 11px/1em Arial, Tahoma, Verdana, sans-serif; padding-top:2px;}
.form_wrapper .body .row { height: 36px; background: url('./../img/forms_row.png') repeat-y; line-height: 36px; }
.form_wrapper .body .row_new { font-size:11px; background: url('./../img/forms_row.png') repeat-y;padding:15px 0 5px 202px;}
.form_wrapper .body .row_new p{font-size:12px;}
.form_wrapper .body .row_new ul{padding:15px 0;font-weight:bold;}
.form_wrapper .body .row_new ul li{background-color:#f3f3f4;padding:2px 0;}
.form_wrapper .body .row_new ul .alternativ{float:left;margin-right:5px;display:block;}
.form_wrapper .body .row_new ul label{float:left;padding-top:1px;}
.form_wrapper .body .row label { display: block; float: left; width: 177px; text-align: right; font-weight: bold; padding: 0 13px 0 0; }
.form_wrapper .body .row .field { float: left; width: 220px; height: 36px; padding: 0 12px; overflow: hidden; }
/*.form_star {float:right;width:12px;height:32px;background: url('./../img/form_star.png') no-repeat 0% 70%;}*/
.form_star{float:right;width:12px;height:30px;color:#bf8002;font-size:12px;padding:0 3px 0 0;line-height:36px;}
.form_wrapper .body .row .field input.text { width: 204px; color: #182f58; font-size: 11px; margin: 4px 0 0 0; padding: 5px 8px 3px; border: 1px solid #a3b9d4; }
.form_wrapper .body .row .field select.text { width: 222px; height: 20px; color: #182f58; font-size: 11px; margin: 4px 0 0 0; padding: 0 0 0 8px; border: 1px solid #a3b9d4; }
.form_wrapper .body .row .field textarea.text { color: #182f58; font-size: 11px; margin: 4px 0 0 0; padding: 3px 0 3px 8px; border: 1px solid #a3b9d4; font: normal 12px/1.2em Arial, Tahoma, Verdana, sans-serif; }
.form_wrapper .body .row img.info { float: left; margin-top: 10px; cursor: help; }
.form_wrapper .body .separator {  height: 3px; background: url('./../img/forms_separator.png') no-repeat; line-height: 3px; overflow: hidden; }
.form_wrapper .footer { position: relative; height: 58px; background: url('./../img/forms_footer.png') no-repeat; line-height: 57px; }
.form_wrapper .footer .btn { position: absolute; top: 15px; left: 245px; height: 30px; border: 0; text-indent: -9999px; /* IE fix */ font-size: 0px; display: block; line-height: 0px; cursor: pointer; }
.form_wrapper .footer .btn::-moz-focus-inner { border: 0; } /* FF outline fix */
.form_wrapper .footer .btn_next { width: 86px; background: url('./../img/forms_btn_next.png') no-repeat; }
.form_wrapper .footer .btn_change { width: 86px; background: url('./../img/forms_btn_change.png') no-repeat; }
.form_wrapper .footer .btn_login { width: 101px; background: url('./../img/forms_btn_login.png') no-repeat; }
.form_wrapper .footer .btn_register { width: 110px; background: url('./../img/forms_btn_register.png') no-repeat; }
.form_wrapper .footer .btn_finish { width: 101px; background: url('./../img/forms_btn_finish.png') no-repeat; }
.form_wrapper .footer .btn_send { width: 101px; background: url('./../img/forms_btn_send.png') no-repeat; }
.form_wrapper .footer .btn_back { width: 86px; background: url('./../img/forms_btn_back.png') no-repeat; left: 200px; }
.form_wrapper .footer .btn_delete { width: 101px; background: url('./../img/forms_btn_delete.png') no-repeat; }
.form_wrapper .body .error { display: none; background: url('./../img/forms_row.png') repeat-y; padding: 2px 0 5px 203px; }
.form_wrapper .body .error p { width: 306px; height: 18px; line-height: 21px; color: #fff; font: 11px Arial, sans-serif; background: url("./../img/forms_error.png") no-repeat; padding: 3px 0 0 30px;  }
.form_wrapper .body .error2 p { width: 306px; height: 31px; line-height: 21px; color: #fff; font: 11px Arial, sans-serif; background: url("./../img/forms_error_big.png") no-repeat; padding: 3px 0 0 30px;   }
.form_wrapper .body .row a.captcha_reload { height: 16px; background: url('./../img/ico_reload.png') no-repeat 0 0; padding: 0 0 3px 18px; }

.form_wrapper .body .row2 { height: 36px; background: url('./../img/forms_row2.png') repeat-y; line-height: 36px; }
.form_wrapper .body .row2 label { display: block; float: left; text-align: left; padding: 0; outline: none; cursor: pointer; }
.form_wrapper .body .row2 .field { float: left; width: 580px; height: 36px; padding: 0 12px; overflow: hidden; }
.form_wrapper .body .row2 .field input { float: left; width: 20px; color: #182f58; font-size: 11px; margin: 11px 0 0 0; padding: 0; border: 0; }
.form_wrapper .footer2 { position: relative; height: 30px; background: url('./../img/forms_footer2.png') no-repeat; line-height: 30px; }

.form_wrapper .body .row3 { width:570px;background: #F2F2F3 url('./../img/forms_row2.png') repeat-y; }
.form_wrapper .body .row3 .field { margin: 0 0 0 100px; padding: 10px 0; }
.form_wrapper .body .row3 label { text-align: justify; width: 300px; }

.form_wrapper .body .row3 a { color: #0F5BCC; text-decoration: underline; cursor: pointer; }
.form_wrapper .body .row3 a.captcha_reload { height: 16px; background: url('./../img/ico_reload.png') no-repeat 0 0; padding: 0 0 3px 18px; }
.form_wrapper .body .row3 a:hover { color: #E10000; }

.form_wrapper .body .row4 {float:left;width:600px;background: url('./../img/forms_row.png') repeat-y; }
.form_wrapper .body .row4 label { display: block; float: left; width: 177px; text-align: right; font-weight: bold; padding: 0 13px 0 0; }
.form_wrapper .body .row4 .field { float: left; width: 220px; height: 36px; padding: 0 12px; overflow: hidden; }

#static_page .form_wrapper .body .error { display: none; background: url('./../img/forms_row.png') repeat-y; padding: 2px 0 5px 0; }
#static_page .form_wrapper .body .error p { width: 306px; height: 18px; line-height: 21px; color: #fff; font: 11px Arial, sans-serif; background: url("./../img/forms_error.png") no-repeat; padding: 3px 0 0 30px; margin: 0 0 0 202px;  }

.form_star_text{ float:left;color:#48515D;font: normal 11px/1em  Tahoma, Verdana, sans-serif; padding-top:5px;text-align:right;}

.loader{display:inline;float:left;width:290px;height:125px;background:url("./../img/panel/loader.gif") no-repeat 21% 50%;}
.loader_text{float:left;height:34px;color:#3a424d;font:bold 12px Arial;margin:42px 0 0 100px;padding:6px 0 0 15px;border-left:1px dashed #b3b3b3;}

.interface{padding:45px 0 0 176px;}
.interface input{margin-top:0px;padding-top:5px;}
.interface span{padding-left:23px;}

#delete_text ul{list-style-type:disc;}
.delete_text_message{float:left;background-color:#F2F2F3;margin-bottom:20px;padding:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #c9c9c9;}

/* *** FB FANPAGE BOX *** */
#fanpage-box { float: right; position: fixed; top: 35px; width: 229px; right: -202px; height: 420px; background: url('./../img/bg_fanpage.png') no-repeat; z-index: 999; cursor: pointer; }
#fanpage-box .inner { color: #fff; padding: 10px 5px 0 35px; }
#fanpage-box .inner iframe { position: relative; top: -2px; left: 0px; }


#promo-bar { height: 31px; background: transparent url('./../img/bg_promo-bar.png') repeat-x 0 0; border-bottom: 1px solid #cdcdcd; } 
#promo-bar > .inner { color: #838383; font: normal 11px Arial, Tahoma, sans-serif; padding: 0 25px; line-height: 31px; } 
#promo-bar > .inner ul { float: right; list-style-type: none; } 
#promo-bar > .inner ul li { float: left; color: #cdcdcd; } 
#promo-bar > .inner ul li a { color: #838383; text-decoration: none; padding: 5px; } 
#promo-bar > .inner ul li a:hover { text-decoration: underline; }

a.newest_sites {text-decoration: none; color: #000000;}
