/* 
    Document   : style
    Created on : 2013-03-05, 16:06:30
    Author     : overseer
    Description:
        Purpose of the stylesheet follows.
*/

body{
    display:            block;
    font-family:        Verdana,Arial,sans-serif;
    font-size:          13px;
    background-color:   #fcfcfc; 
    /*background-image:   url('../img/background.png');
    background-repeat:  repeat-x; */
}

div#wrapper{
    width:              1024px;
    margin:             auto;
    /*background-color:   #cbdbff;*/
}

div#top{
    width:              1024px; /*1024px;*/
    height:             140px;
    margin:             0px;
    background-image:   url('../img/banner.jpg');
    background-color:   #2c5c99;
}

div#left{
    width:              175px;
    float:              left;
    margin:             10px 0px 0px 0px;
    padding:            0px;   
}

div#right{
    width:              175px; 
    float:              left;
    margin:             10px 0px 0px 0px;
    padding:            0px;
}

ul#menuleft{
    list-style-type:    none;
    padding:            5px 0px;    
    margin:             0px;
}

ul#menuleft li{
    list-style-type:    none;
    padding:            4px 10px;    
    margin:             2px 0px;
    border-style:       solid;
    border-width:       0px;
    border-left-width:  5px;
    border-color:       #8fb2b5; /*897191; /*#808080; /*#2c5c99; Kolor paska po lewej w pozycji menu */
    font-size:          12px;
}

ul#menuleft a{
    display:            block;
    text-decoration:    none;
    /*text-transform:     uppercase;*/
    /*font-variant:       small-caps;*/
    color:              #262626; /* #2c5c99; Kolor tekstu w menu */
}

ul#menuleft a:hover{
    text-decoration:    underline;
    color:              #897191;
}

ul#menuleft a:visited{
    color:              #262626; /*#2c5c99; Kolor odwiedzonego odnośnika*/
}

ul#lista_zwykla{
    padding:            0px;
    margin:             0px;
}

ul#lista_zwykla li{
    padding:            0px;
    margin:             5px 15px;
}

div#mainwrapper{
    width:              654px;    
    float:              left;
    padding:            0px;
    margin:             10px;
}

div#main{
    min-height:         100px;    
    margin-bottom:      0px;
    padding:            10px 30px;
    text-align:         justify;
}


div#bottom{
    width:              1024px;
    height:             100px;    
    clear:              left;
    text-align:         center;
}

p{

}
p.blad{
    color:              red;
}

p.wazne{
    margin-left:        20px;
    font-weight:        bold;
}

h1{
    font-size:          18px;
    font-weight:        bold;
    text-align:         center;
}

h2{
    font-size:          14px;
    font-weight:        bold;
}

hr{
    border:             0px;
    height:             1px;
    color:              #8fb2b5; /*#363636; /*#2c5c99; Kolor poziomej linii*/ 
    background-color:   #8fb2b5; /*#2c5c99; Kolor poziomej linii*/
}

ol li{
    margin:             4px 0px 4px 0px;
}

.ramka{
    /*width:              153px;*/
    min-height:         20px;   
    background-color:   #fcfcfc; /*#f5f8ff; Kolor tła ramki*/
    margin:             0px 0px 10px 0px;
    padding:            0px 10px;      
    border-style:       solid;
    border-width:       1px;
    border-top-width:   20px;
    border-color:       #8fb2b5; /*#c2af8c; /*#c4ac7e; /* #8f8f8f; /*#2c5c99; Kolor górnego paska rami*/    
}

.news{
    display:            block;
    margin:             10px 0px 20px 0px;
}

div#wizytowka{
    text-align:         center;
    font-size:          13px;    
    padding:            0px 10px;       
}

div#bannerki_linki{
    padding:            8px 8px;
}

div#bannerki_linki a{
    color:              #f5f8ff;
}

div#right .ramka img{
    margin-top:         5px;
}

.button {
  background-color: white;
  color: black;
  border: 2px solid #555555;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button:hover {
  background-color: #555555;
  color: white;
}


/* ======== TABELE ======== */
/* ======================== */
#tabela {
  border-collapse: collapse;
  width: 100%;
}

#tabela td {
  border: 0,5px solid #8fb2b5;
  padding: 8px;
}

#tabela tr {
  border: 0,5px solid #8fb2b5;
  padding: 8px;	
}

#tabela tr:nth-child(even){background-color: #f2f2f2;}

#tabela tr:hover {background-color: #8fb2b5;}

#tabela th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
	background-color: #395f7a;
/*#730A07; bordowy*/
/*#86376B; ciemny bord	*/
/*#395F7A; ciemny niebieski */
  color: white;
}

.tablecenter {
	margin-left: auto;
	margin-right: auto;
}


.blur-box {
    background-color: #fcfcfc;
    box-shadow: 0 0 5px 10px #fcfcfc;
}



/* Button Align */
.calign {
    text-align: center;
}

.button2, input[type=button], input[type=reset], input[type=submit] {
  background-color: #8fb2b5;
  border: 0px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 25px;
}

.button2:hover, input[type=submit]:hover {
  background-color: #686868;
  color: white;
}

/* Meesage Box
.alert_success{
  background-color: #77dd77;
  border: 0px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 25px;
}*/

.alert_success{
  color:#3c763d;
  background-color: #dff0d8;
  border-color:#d6e9c6;
  border: 1px solid transparent;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 8px;
  display: inline-block;
  text-decoration: none;
}

.alert_failed{
  color:#a94442;
  background-color: #f2dede;
  border-color:#ebccd1;
  border: 1px solid transparent;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 8px;
  display: inline-block;
  text-decoration: none;	
}

.alert_warning{
  color:white;
  background-color: #8fb2b5;
  border-color:#faebcc;
  border: 1px solid transparent;
  padding: 15px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 8px;
  display: inline-block;
  text-decoration: none;	
}