/*
    Document   : 1
    Created on : 2010-05-27, 10:22:51
    Author     : Krzysiek
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body{
    margin: 0px;
    font-family: Tahoma;
    font-size:12px;
    color:#495760;
}

input, textarea{
    border:1px solid #AAAAAA;
    padding: 3px;s
}

input[type=submit],
 input[type=button]{
     background: #495760;
     padding: 3px 9px;
     font-weight: bold;
     border: 1px solid #495760;
     color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

a{
    color:#182836;        
}
a:hover{
    color:#000;        
}

img{border:none;}
#all{
    width: 1004px;
    margin: 0px auto 0px auto;
}

#logo{
    background: #FFFFFF no-repeat center;
    height: 163px;
    width: 1000px;
    position: relative;
}

.logo_male a{
    float: left;
    width: 350px;
    height: 120px;
    background: url("../img/logo_w.png") no-repeat center;
}

.pasek_nad_menu{
    width: 510px;
    height: 22px;
    float: left;
    padding-top: 10px;
    padding-left: 90px;
}

.menup{
    float: left;
    font-family: Tahoma;
    padding-left: 50px;
    font: Tahoma 10pt;
}

.menup ul, .menup ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menup ul {
	float: left;
	background-color: #23657b;
}

.menup ul li {
	float: left;
	text-align: center;
}

.menup li a:link, .menup li a:visited {
	text-decoration: none;
	display: block;
	font-size: 11pt;
	background-color: #23657b;
	color: #fff;
	padding: 6px 12px;
}

.menup ul a:hover {
	background-color: #202d3e;
}

.pasek_poziomy{
    background: url("../img/pasek poziomy.jpg") center no-repeat;
    width: 100%;
    height: 160px;
}

.pasek_poziomy img{
    border-style: none;
}

.pasek_col_1{
    float: left;
    width: 33%;
    height:100%;
    background: url("../img/ikona3.png") no-repeat center left;
}

.pasek_col_2{
    float: left;
    width: 33%;
    height:100%;
    background: url("../img/ikona2.png") no-repeat center left;
}

.pasek_col_3{
    float: left;
    width: 33%;
    height:100%;
    background: url("../img/ikona1.png") no-repeat center left;
}

.pasek_col_text{
    padding-left: 150px;
    --padding-top: 50px;
    text-align: center;
    font: bold 18pt Tahoma;
}

#center{
    float: left;
    width: 100%;
    margin: 2px 0;
    background: url("../img/pasek_2pixy.jpg") center repeat-y;
}

.col1{
    float: left;
    width: 35%;
    --height: 100%;
    --background: url("../img/pasek_pionowy.jpg") right repeat-y;
}

.col1 img{
    border-style: none;
}

.col2{
    float: left;
    width: 30%;
    --height: 100%;
    --background: url("../img/pasek_pionowy.jpg") right repeat-y;
}

.col2 img{
    border-style: none;
}

.col3{
    float: left;
    width: 35%;
    --height: 100%;
}

.col3 img{
    border-style: none;
}

.tytul{
    text-align: center;
    font: bold 14pt Tahoma;
    padding: 20px 10px;
}

.tresc1{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 80px;
    padding-right: 5px;
    font: 10pt Tahoma;
    line-height: 20px;
}

.tresc2{
    padding: 5px 20px;
    font: 10pt Tahoma;
}

.tresc3{
    padding: 5px 80px 5px 20px;
    font: 10pt Tahoma;
}


.tresc_bold{
    font: bold 11pt Tahoma;
}

#stopka{
    clear: both;
    width: 100%;
    height: 100px;
    float: left;

    padding-top: 50px;
}

.wiecej{
    width: 100%;
    height: 20px;
    padding: 20px 0px;
}

.wiecej a{
    background: url("../img/buton_wiecej.png") no-repeat center;
    width: 70px;
    height: 20px;
    float: right;
    padding: 10px 0px;
}

.kontakt{
    font: bold 10pt Tahoma;
}

#cms_site_menu ul{
    font: bold 9pt Tahoma,Helvetica;
    list-style: none;
    width: 270px;
}

#cms_site_menu ul li{
    width: 250px;
    padding: 5px 0;
}

#cms_site_menu ul a:link, #cms_site_menu ul a:visited{
    text-decoration: none;
    color: #999999;
    text-transform: uppercase;
}

#cms_site_menu ul a.active,
#cms_site_menu ul a:hover{
    color: #333333;
}

#cms_site_menu{
    width: 310px;
    float: left;
    background: url("../img/1.png") no-repeat 0px 51px;
}

#cms_site_menu h3{
    padding-left: 40px;
    color: #333333;
    font: bold 14pt Tahoma,Helvetica;
    margin-top: 12px;
}

#cms_site_content{
    width: 663px;
    background: url("../img/pasek_part_II_krzyz.png") no-repeat 0px 44px;    
    float: left;
    border-left: 1px solid #dadbdd;
    padding: 10px 15px;
}

.logowanie{
    color: #657788;
    font: bold 10pt Tahoma;
}

.logowanie table input{
    border: none;
    background: url("../img/ramka.png") no-repeat center;
    float: left;
    width: 153px;
    height: 30px;    
    padding: 0 7px;
}

.logowanie input{
    float: right;
    background: url("../img/zaloguj.png") no-repeat center;
    width: 67px;
    border: none;
    padding-top: 20px;
}

.msg_success, .msg_error, .msg_warning{
    margin:5px 150px;
    padding:5px;
    width:auto;
    text-align:center;
}

.msg_error{
    border:1px solid #7c0505;
    background:#ffcece;
}
.msg_success{
    border:1px solid #006600;
    background:#f2ffe1;
}

.msg_warning{
    border:1px solid #EFDC0E;
    background:#FFFBCF;
}

.msg_success ul, .msg_error ul, .msg_warning ul{
    margin:0;
    padding:10px;
}

.msg_error ul li{
    list-style-image: url(../img/icons/cross.png);
    padding-left:3px;
	display:list-item;
}

.msg_success ul li{
    list-style-image: url(../img/icons/accept.png);
    padding-left:3px;
}

.msg_warning ul li{
    list-style-image: url(../img/icons/warning.png);
    padding-left:3px;
}

.SubPageArea{
    font-family: Tahoma;
}

.SubPageArea input{
    border: 1px solid #AAAAAA;
}

.centruj1{
    margin: auto;
    text-align: center;
}

.centruj2{
    margin: auto;
}

.centruj3{
    margin: auto;
    font-size: 10pt;
}

.t1{
    font-size: 12pt;
    font-weight: bold;
}

.t2{
    font-weight: bold;
}

#Caption{
    text-align: center;
    font-size: 14pt;
}

.t3{
    font-size: 14pt;
}

.t4{
    font-size: 14pt;
    text-align: center;
}

.t5{
    font-size: 14pt;
    background-color: #DDDDDD;
}

.centruj4{
    margin: auto;
}

.ramka1{
    border: 1px solid black;
}

.popraw a{
    border:1px solid #AAAAAA;
    background-color: #DDDDDD;
    font: 11pt Tahoma;
    color: black;
    text-decoration: none;
}

#logo.slide{
    height: 399px;
}

#logo .nadlogiem{
    z-index: 100;
    width: 100%;
    position: absolute;
    top:0;
    left: 0;
}

#logo .slideshow{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#cms_site_content h1{
    margin: 0 0 25px;
    font-size: 24px;
}
.clear{
    clear: both;
}

.hint{
    font-weight: normal;
    font-size: 11px;
}

.order_login{
    width: 500px;
    float: right;
}