body	
{
  margin:0 auto;
  padding:0px;
  background:url('images/background.png') repeat-x top;
  font-family: 'Open Sans', sans-serif;
}

#lewa_strzalka{
position:absolute;
top:50%; 
left:0;
padding:20px 15px;
background:#EEEEEE;
color:white;
font-size:2em;
font-weight:bold;

}
#lewa_strzalka:hover{
opacity:0.8;
background:#8d1a1a;
}
#prawa_strzalka{
position:absolute;
top:50%; 
right:0;
padding:20px 15px;
background:#EEEEEE;
color:white;
font-size:2em;
font-weight:bold;
}
#prawa_strzalka:hover{
background:#8d1a1a;
opacity:0.8;}


#body,#headline,#menu,#logotyp,#center, #doaukcji,#leftdoakcji,#rightdoakcji,#ofertaimapa,#szarybox
{
 margin:0 auto;
padding:0px;
}



#headline
{
 /*background:url('images/backgroundtop.png') no-repeat top center; */
 min-height:82px;

 overflow:hidden;
 margin-left:8%;
}

#headline_galeria
{
 min-height:50px;
 width:1105px;
 overflow:hidden;
}

#menu 
{
   margin-top:30px;
   position: absolute;
   margin-left:480px;
   z-index:1;
}

#menu2 
{
   float:left;
   margin-top:10px;
   margin-left:100px;
}

#schron{
width:100%;
height:52px;
   background-color:#EEEEEE;
}

#menu ol {
list-style-type:none;
  padding:0;
  margin:0;
  font-size:16px;
  height:2em;
  line-height:2em;
  text-align:center;
	  }

#menu ol > li {
        float:left;
        display:block;
	width:120px;
        margin-left:1px;
        height:2em;
      }
	

      /* wygląd elementu - li - pierwszego dziecka elementu - ol */
      #menu ol > li:first-child {
        margin-left:0;

      }

      /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
      #menu ol > li:hover {

      
      }
		/* wygląd głownego menu elementu a */
	   #menu ol > li > a {
        color:#363636;
      text-decoration:none;
	  font-weight:bold;
      }
	    #menu ol > li > a.aktywny{
      color:#8d1a1a;
	padding-bottom:5px;
		border-bottom:1px solid #8d1a1a;
      }
      /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      #menu ol > li:hover > a {
        color:#8d1a1a;
	padding-bottom:5px;
		border-bottom:1px solid #8d1a1a;
      }
	  

      /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      #menu ol > li:hover > ul {
        display:block;
		
      }

      /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */

      /* wygląd głównych rozwijanych elementów - ul */
      #menu ol > li > ul {
        display:none;
        list-style-type:none;
        padding:29px 0 0 0;
        margin-left:-20px;
	background:#f2f2f2;
	width:160px;
	font-size:14px;
		
      }

      /* wygląd elementu - li - w części rozwijanej */
      #menu ol > li > ul > li {
        position:relative;
		padding:5px 5px 5px 5px;
	border-bottom:1px solid #c9c9c9;
	
        
      }

      /* wygląd elementu - a - w części rozwijanej */
      #menu ol > li > ul > li > a {
	   color:#363636;
      text-decoration:none;
	  font-weight:bold;  
      }
	  #menu ol > li > ul > li > a.aktywny {
	  color:#8d1a1a;
		border-bottom:2px solid #8d1a1a; 
      }

      /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
      #menu ol > li > ul > li:hover {
        background-color:#DDD;	
      }

      /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
      #menu ol > li > ul > li:hover > a {
        color:#8d1a1a;
      }

	  

#logotyp
{
float:left; 
margin-top:-10px;
border:0;
}

#logotyp img{
border:0;
}

#center
{

  height:304px;
  background:url('images/auto.jpg') no-repeat center;
  margin-top:12px;
  width:1105px;
}

#doaukcji
{
    width:1105px;
    margin-top:30px;
    overflow:hidden;
    
}

#leftdoakcji,#leftofertaimapa
{
 float:left; 
 width:45%;
 border-right:1px solid #b2b2b2;
}

#leftdoakcji p {
width:290px;
text-align:right;
background:url('images/galicon.png') no-repeat left top;
margin-left:120px;
padding:0px;
min-height:80px;
}

#leftdoakcji p a {
color:#353535;
font-weight:bold;
line-height:1.6em;

}

#rightdoakcji{
float:right;
}

#rightdoakcji p 
{
 width:385px; 
 margin-right:150px;
 line-height:1.6em;
}

#rightdoakcji p a {
font-weight:bold;
text-decoration:none;
color:#8d1a1a;
}

#rightdoakcji p a:hover
{
  text-decoration:underline;
}

#tekst_podstrony {
border-top:1px solid #c9c9c9;
padding: 20px 0px 30px 0px;
margin:0 auto;
width:990px;
min-width:760px;
color: #444444;
overflow:hidden;
}

#galeria_podstrony {
border-top:1px solid #c9c9c9;
padding: 20px 0px 30px 0px;
margin:0 auto;
width:100%;
min-width:760px;
color: #444444;
overflow:hidden;
}


#tekst_podstrony p{
text-align:left;
letter-spacing:0.03em;
color: #444444;
width:80%;
margin:0 auto;
padding:3% 0 0 0;
font-size:16px;
line-height: 1.62em;
font-weight:normal;
}

#tekst_podstrony a{
text-decoration:underline;
color:#8d1a1a;
}

#tekst_podstrony p.dark {
margin-top:4%;
background: #EEEEEE;
padding:3% 3% 3% 3%;
border-left:4px solid #c9c9c9;
}
#tekst_podstrony p.dark {
margin-top:4%;
background: #EEEEEE;
padding:3% 3% 3% 3%;
border-left:4px solid #c9c9c9;
}

#tekst_podstrony p.dark_left {
margin-top:3%;
background: #EEEEEE;
padding:3% 3% 3% 3%;
border-left:4px solid #c9c9c9;
float:left;
width:35%;
}
#tekst_podstrony p.dark_right {
margin-top:3%;
background: #EEEEEE;
padding:3% 3% 3% 3%;
border-right:4px solid #c9c9c9;
float:right;
width:35%;
}
#tekst_podstrony p.dark_gal {
margin-top:-6%;
background: #EEEEEE;
padding:3% 3% 3% 3%;
border-right:4px solid #c9c9c9;
float:right;
width:35%;
}
#tekst_podstrony p.dark_gal:hover {
margin-top:-6%;
background: #8d1a1a;
padding:3% 3% 3% 3%;
border-right:4px solid #800000;
float:right;
width:35%;
opacity:0.8;
color:white;
}


#lustra {
margin-top:3%;
background: #EEEEEE;
padding:3% 3% 3% 3%;
border-left:4px solid #c9c9c9;
float:left;
width:50%;
}
#lustra li {
list-style-type:square;
}
#akcesoria {
margin-top:3%;
background: #EEEEEE;
padding:3% 3% 3% 3%;
border-right:4px solid #c9c9c9;
float:right;
width:50%;
}
#akcesoria li {
list-style-type:square;}

#ofertaimapa
{
   width:1105px;
   margin:0 auto;
  margin-top:30px;
  margin-bottom:30px;
  overflow:hidden;
}

#prawy_kontakt,#lewy_kontakt {
width:48%;
margin:0 auto;
margin-bottom:2%;
margin-top:2%;
}


#leftofertaimapa .lista 
{
 width:335px;
float:left;
margin-left:100px;
font-size:0.9em;
line-height:1.6em;
font-weight:bold;
color:#353535;
}

#leftofertaimapa .lista ul
{
    font-weight:normal;
    list-style:none;
    padding:0px;
    margin:0 auto;
    margin-top:20px;
}

#rightofertaimapa .lista 
{
width:400px;
float:right;
margin-right:135px;
font-size:0.9em;
line-height:1.6em;
font-weight:bold;
color:#353535;
}

#rightofertaimapa .lista ul
{
    font-weight:normal;
    list-style:none;
    padding:0px;
    margin:0 auto;
    margin-top:20px;
}


#footer
{
  width:1105px;
  margin:0 auto;
  padding:0px;
  overflow:hidden;
}

#footer p
{
 padding:0px;
margin:0 auto;
text-align:right;
padding-right:80px;
font-size:0.8em;
   color:#353535;
   line-height:2em;
}

#szarybox3
{
margin:0 auto;
padding:0px;
margin-top:20px;
background:#e6e6e6;
text-align:center;

}

#szarybox2
{
margin:0 auto;
padding:0px;
margin-top:20px;
background:#e6e6e6;
text-align:center;
  padding:20px 0 20px 0;
}

#szarybox2 p 
{
  padding:0px;
  margin:0 auto;
  text-align:center;
  line-height:1.6em;

}

.mapa 
{
  padding:0px 0px 0px 50px;
  margin:0 auto;
}


#szarybox
{
margin:0 auto;
padding:0px;
margin-top:30px;
padding:20px 0 20px 0;
background:#c9c9c9;
overflow:hidden;
font-size:0.9em;
line-height:1.6em;

}

#szarybox p 
{
font-size:0.9em;
line-height:1.6em;
 margin:0 auto;
 padding:0px;
  
}

#mapka
{
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    overflow: hidden;
    float: left;
    width: 100%;
 
}

#map {
	width: 100%;
	height: 300px;
}






#full-width-slider {
  width: 100%;
  color: #000;
}
.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 25%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 520px !important;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 660px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !important;
  }
  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
    min-width: 40%;
    left: 5px;
    top: 5px;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
}