/*  -----|  Globals  |------------------------------------------------------  */

html, body { 
   width:				      100%;
	height:				      100%;
	position:               relative;
	background-color:       #d6d6de;
   color: 				      #999;
   font:                   normal 14px Trebuchet MS;
   margin: 			         0;
   padding: 			      0;
   }

/*  -----|  Main |------------------------------------------------------  */

#divMain {
   position:               absolute;
   left:                   50%;
   top:                    0;
   width:                  1000px;
   background-color:       #333;
   min-height:             100%;
   margin-left:            -500px;
   }

#divHeader {
   position:               relative;
   top:                    0px;
   left:                   0px;
   width:                  1000px;
   height:                 250px;
   border-bottom:          0px solid red;
   background:             url('../img/header.jpg') no-repeat center center;    
   }

a {
   text-decoration:        none;
}
th, td
{
   border:                    1px dotted white;
   padding:                   5px;
}




/*  -----|  Header |------------------------------------------------------  */


#divLogo {
   position:               absolute;
   left:                   22px;
   top:                    35px;
   width:                  600px;
   height:                 120px;
   }

#Face {
   position:               absolute;
   right:                  12px;
   bottom:                 62px;
   width:                  60px;
   height:                 60px;  
   background:             url('../img/fb.png') no-repeat center center;     
}

.divPage {
   position:               relative;
   margin-left:            0px;
   padding:                30px;
   width:                  940px;
   min-height:                 100px;
   border:                 0px solid blue;
   color:                  white;
   }

.odezwa {
   position:                     absolute;
   width:                        1000px;
   height:                       620px;
   top:                          0px;
   left:                         0px;
   z-index:                      1;
}

#divWypisSzkolen {
   position:                     relative;
   min-height:                   300px;
   background-color:             #333;
   width:                        1000px;
}

#divWypisSzkolen .szkolenie {
   position:                     relative;
   float:                        left;
   width:                        220px;
   margin-left:                  22px;
   margin-top:                   20px;
   height:                       30px;
   text-decoration:              none;
   font:                         normal 15px Trebuchet MS;
   overflow:                     hidden;
   color:                        #ddd;
   border-bottom:                1px dotted #444;
}

#divWypisSzkolen .szkolenie:hover {
   color:                        white;
}

#divMenu {
   position:               absolute;
   left:                   0px;
   bottom:                 0px;
   width:                  100%;
   height:                 50px;
   border:                 0px solid red;
   background:             url('../img/menu.jpg') repeat-x left center;
   color:                  #504c4b; 
   }  

#divMenu a {
   float:                  left;
   font:                   normal 16px Trebuchet MS;
   color:                  #fff;  
   line-height:            50px;
   padding-left:           30px;
   padding-right:          30px;  
   border-right:           1px solid #555;
   }

#divMenu a:hover, #divMenu .button {
   background:             url('../img/menu-hover.jpg') repeat-x left center;
   color:                  #504c4b;  

   }


#divFooter {
   background-color:       #555;
   position:               absolute;
   bottom:                 0px;
   width:                  100%;
   height:                 40px;
   line-height:            40px;
   text-align:             center;
   color:                  white;
}

.kurs {
   position:               relative;
   float:                  left;
   width:                  210px;
   margin-right:           11px;
   margin-bottom:          20px;
   height:                 300px;
   color:                  #35343a;

   border:                 7px solid #efe3af;
   border-radius:          20px;
   overflow:               hidden;
   -moz-box-shadow:        2px 2px 1px 1px  rgba(1,1,1,0.55);
   -webkit-box-shadow:     2px 2px 1px 1px  rgba(1,1,1,0.55);
   box-shadow:             2px 2px 1px 1px  rgba(1,1,1,0.55);
}

.kurs .title {
   position:               absolute;
   top:                    130px;
   height:                 200px;
   width:                  200px;


   left:                   0px;
   text-align:             right;

   font:                   bold 14px Trebuchet MS; 
   line-height:            30px;  


 /*  background-color:       rgba(237,203,77,0.9);*/
}

.title .header {
   position:               absolute;
   top:                    0px;
   left:                   0px;
   width:                  210px;
   height:                 35px;
   background-color:       #efe3af;
   font:                   bold 16px Trebuchet MS; 
   line-height:            35px;
   text-align:             center;
   overflow:               hidden;
   color:                  #333;
   border-bottom:          1px solid #aaa;
   border-top:             1px solid #aaa;
  /* */
}

.title .caption {
   margin-top:             20px;
   position:               absolute;
   width:                  190px;
   left:                   0px;
   padding-left:           10px;
   padding-right:          10px;
   font:                   normal 14px Trebuchet MS; 
   line-height:            22px;
   text-align:             center;


}

.class1 {
   z-index:                      1;
}

.class2 {
   z-index:                      2;
}

.class3 {
   z-index:                      3;
}

.one {
   display:                block;
   }

.two {
   display:                none;
   }

.three {
   display:                none;
   }

.mapa {
   border:                 5px solid white;
   overflow:               hidden;
   -moz-box-shadow:        2px 2px 1px 1px  rgba(1,1,1,0.55);
   -webkit-box-shadow:     2px 2px 1px 1px  rgba(1,1,1,0.55);
   box-shadow:             2px 2px 1px 1px  rgba(1,1,1,0.55);
}

#divKontaktFoto {
   position:               absolute;
   top:                    30px;
   left:                   30px;
   border:                 5px solid white;
   overflow:               hidden;  
   width:                  360px;
   height:                 469px;
   background:             url('../img/kontakt.jpg') repeat-x left center;
   -moz-box-shadow:        2px 2px 1px 1px  rgba(1,1,1,0.55);
   -webkit-box-shadow:     2px 2px 1px 1px  rgba(1,1,1,0.55);
   box-shadow:             2px 2px 1px 1px  rgba(1,1,1,0.55);
}

#divKontaktText {
   position:               absolute;
   top:                    60px;
   right:                   40px;
   font:                   normal 18px Trebuchet MS; 
   line-height:            24px;
   width:                  540px;
   text-align:             center;
   color:                  #fff;
}

.szkolenia-insingle {
   position:               relative;
   float:                  left;
   margin-bottom:           20px;
   width:                  170px;
   height:                 120px;
   border:                 2px solid #efe3af;
/*   border-radius:          20px;*/
   overflow:               hidden;

}

.szkolenia-insingle .text {
   position:               absolute;
   bottom:                 0px;
   width:                  170px;
   height:                 20px;
   left:                   0px;
   font:                   bold 12px Trebuchet MS; 
   text-align:             center;
   background-color:       rgba(237,203,77,0.9);
   color:                  #333;
   line-height:            20px;

}
.normal {
   text-decoration:        none;
   color:                  white;
}

#divSzkolenieTitle {
   position:               relative;
   float:                  left;
   width:                  300px;
   height:                 320px;

}

#divSzkoleniePicture {
   position:               relative;
   float:                  right;
   width:                  390px;
   margin-left:            20px;
   height:                 250px;
   border:                 2px solid #efe3af;
   /*border-radius:          30px;*/
   margin-bottom:          20px;
   -moz-box-shadow:        2px 2px 1px 1px  rgba(1,1,1,0.55);
   -webkit-box-shadow:     2px 2px 1px 1px  rgba(1,1,1,0.55);
   box-shadow:             2px 2px 1px 2px  rgba(1,1,1,0.2);
}

#divSzkolenieSidebar {
   position:               relative;
   float:                  left;
   width:                  160px;
   padding-left:           20px;
   margin-left:            20px;
   border-left:            1px dotted #555;

}

#divSzkolenieWypis {
   position:               relative;
   float:                  left;
   width:                  720px;
   min-height:                 320px;
}

h3 {
   color:                  #efe3af;
   font:                   bold 16px Trebuchet MS; 
   margin-bottom:          10px;
   text-transform:         uppercase;
}

.termin {
   position:               relative;
   float:                  left;
   width:                  100%;
   height:                 100px;
   margin-bottom:          1px;
   background-repeat:      no-repeat;
   background-color:       rgba(1,1,1,0.2);
}

.termin:hover {
   background-color:       #5e594b;
}

.termin:nth-child(even) {
   background-color:       rgba(1,1,1,0.4);   
}

.termin:nth-child(even):hover {
   background-color:       #3a362b;   
}

.msc {
   font:                   bold 12px Trebuchet MS;
   height:                 20px; 

}

.termin .picture {
   position:               absolute;
   left:                   10px;
   top:                    10px;
   width:                  80px;
   height:                 80px;
   text-align:             center;
   background-color:       rgba(54,69,125,1);
   background-position:    0px 0px;

}
.termin h2 {
   color:                  #efe3af;
   font:                   bold 32px Trebuchet MS; 
   margin-bottom:          0px;
}
.termin .opis {
   position:               absolute;
   left:                   130px;
   top:                    10px;
   width:                  800px;
   padding:                0px;
   height:                 80px;
   font:                   normal 16px Trebuchet MS; 
   line-height:            16px;
   overflow:               hidden;
}

.termin .opis .kurs-title {
   position:               relative;
   float:                  left;
   height:                 80px;
   width:                  500px;
   font:                   bold 28px Trebuchet MS; 
   color:                  #efe3af;   
   line-height:            80px;
}

.termin .opis .kurs-place {
   position:               relative;
   float:                  left;
   margin-left:            20px;
   height:                 80px;
   width:                  280px;  
}

.termin h3 {
   color:                  #efe3af;
   font:                   bold 14px Trebuchet MS; 
   margin-bottom:          5px;
   margin-top:             5px;
   text-transform:         none;
}

.termin .godzina {
   position:               absolute;
   bottom:                 0;
   width:                  80px;
   border-top:             1px solid #555;
   margin-top:             2px;
   font:                   bold 12px Trebuchet MS; 
   color:                  #edcb4d;
   line-height:            16px;
   background-color:       rgba(100,100,100,0.5);
}

.area {
   box-sizing:             border-box;
   -moz-box-sizing:        border-box;
   -webkit-box-sizing:     border-box;
   width:                  100%;
   padding:                20px;
   height:                 500px;
   background-color:       #efe3af;
   line-height:            20px;
}

.input {
   box-sizing:             border-box;
   -moz-box-sizing:        border-box;
   -webkit-box-sizing:     border-box;
   width:                  100%;
   padding:                10px;
   padding-left:           20px;
   font-family:            courier new;
   background-color:       #efe3af;
}

.formbutton {
   float:                  right;
   cursor:                 pointer;
   padding:                5px 20px 5px 20px;
   background-color:       #efe3af;
   font:                   bold 16px Trebuchet MS; 
   color:                  #555;
}

.formbutton:hover {
   color:                  #222;
}









.CSSTableGenerator {
   margin:                 0px;
   padding:                0px;
   width:                  100%;
   border:                 0px solid #8c8c8c;
}

.CSSTableGenerator table {
   border-collapse:        collapse;
   border-spacing:         0;
   width:                  100%;
   height:                 100%;
   margin:                 0px;
   padding:                0px;
}

.CSSTableGenerator tr:nth-child(odd) { 
   background-color:       #edcb4d; 
}

.CSSTableGenerator tr:nth-child(even)    { 
   background-color:        #efe3af; 
}

.CSSTableGenerator td{
   vertical-align:         middle;
   border:                 0px solid #8c8c8c;
   border-width:           0px 1px 0px 0px;
   text-align:             left;
   padding:                12px;
   padding-left:           20px;
   font-size:              14px;
   font-family:            Trebuchet MS;
   font-weight:            normal;
   color:                  #000000;
}

.CSSTableGenerator tr:last-child td {
   border-width:           0px 0px 0px 0px;

}

.CSSTableGenerator tr td:last-child {
   border-width:0px        0px 0px 0px;
   padding-left:           30px;
}

.CSSTableGenerator tr:last-child td:last-child{
   text-align:             center;
   border-width:           2px 0px 0px 0px;
}

.CSSTableGenerator tr:first-child td{
   background-color:       #445916;
   border:                 1px solid #8c8c8c;
   text-align:             center;
   border-width:           0px 0px 10px 0px;
   font-size:              16px;
   font-family:            Trebuchet MS;
   font-weight:            bold;
   color:                  #ffffff;
}

.CSSTableGenerator tr:first-child td:first-child{
   border-width:           0px 1px 0px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
   border-width:           0px 0px 0px 0px;
}

/*@media (max-width: 1200px) {
   body {
      background: red;
   }
}

@media (max-width: 1100px) {
   body {
      background: yellow;
   }
}*/


.aktu h2{

   color:                  yellow;

}
#divMenu {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
min-height: 50px;
height: auto;
/* border: 0px solid red; */
background: url('../img/menu.jpg') repeat left top;
color: #504c4b;
}

#divMenu a {
float: left;
font: normal 16px Trebuchet MS;
color: #fff;
line-height: 50px;
padding-left: 30px;
padding-right: 30px;
width: 139px;
text-align: center;
border-right: 1px solid #555;
}