/*
Theme Name: Robex
Theme URI: http://www.shadowart.pl
Description: Projektowanie stron internetowych, logo, reklama, zdj�cia z lotu ptaka
Autor: Shadowart - Art director Daniel Troczynski
Autor URI: http://www.shadowart.pl
Version: 1
*/
 
 

  body {
           
            background: #FFF;
			align: center;
			margin: 0px auto;
			padding: 0px;
	        border: 0px;
        }
     article,aside,footer,header,nav,section{
            display:block;
        }

/*	-==========================- LOGO & MENU -==========================-  */

   #logo_menu{
            height: 100px;
			width: 100%;
			text-align:left;
			margin: 0px auto;
			}
   #center{ 
            width: 940px;
			margin: 0px auto;
			align:center;
			overflow: hidden;
			}
   #center1{ 
            width: 940px;
			margin: 0px auto;
			align:center;
			overflow: hidden;
			padding-top: 125px;
			}
   #logo {
		    width: 172px;
			height: 70px;
			margin-top: 13px;
            float:left;
			
		  }
    nav {
		    width: 580px;
			height: 30px;
			text-align: right;
			margin-top: 25px;
			margin-left: 186px;
			float: left;
		  }
	   ul { 
		     list-style-type: none; 
		     overflow: hidden; 
			 width: 580px;
			 text-align: right;
		  }
        li { 
		     float:left;  
			 font-family: 'Archivo Black', sans-serif;
			 font-size: 15px;
			 margin-left: 25px; 
			 text-align: right;
			 margin-righ: 5px;
		  }
   ul li a { 
             display: inline; 
			 color: #000;
			 text-decoration: none;
			 }
   ul li a:hover { 
             display: inline; 
			 color: #f50d0f;
			 text-decoration: none;
			 }

     #scroll-to-top{

            bottom:15px;
            right:20px;
            opacity: 0.3;
	        filter:alpha(opacity=30);
	        -moz-opacity: 0.3;
	        margin-top:40px;
                     }
      #scroll-to-top:hover{
            opacity:0.7;
			filter:alpha(opacity=70);
	        -moz-opacity: 0.7;
}
/*	-==========================- HOME TOP -==========================-  */


   #top{
            height: 395px;
			width: 100%;
			text-align:center;
			margin: 0px auto;
			background-image:url('images/bg_index.jpg');
			background-repeat: no-repeat;
			background-position: center top;
			background-color: #73c3ed;
			overflow: hidden; 
			}
      h1 { 
              font-size: 36px;
			  font-family: 'Archivo Black', sans-serif;
			  color: #ffffff;
			  text-shadow: 0px 2px 2px #085480;
			  line-height: 30px;
			 
          }
	  h2 { 
              font-size: 22px;
			  font-family: 'Archivo Black', sans-serif;
			  color: #ffffff;
			  text-shadow: 0px 2px 2px #085480;
			  line-height: 10px;
          }
/*	-==========================- GREY -==========================-  */
	#grey{
            height: auto;
			width: 100%;
			text-align:center;
			margin: 0px auto;
			background-color: #eaeaea;
			overflow: hidden; 
			padding: 40px 0px 40px 0px;
			
			}
	 section {
			 
			  height: auto;
			  display: inline-block;
			  
		   }
	.content2{
	        width: 300px;
			text-align: center;
			margin-left: 16px;
			}
	.content1{
	        width: 300px;
			text-align: center;
			}
	 h3 { 
              font-size: 17px;
			  font-family: 'Archivo Black', sans-serif;
			  color: #000;
			  line-height: 10px;
          }
	.text1 {
		    font-size: 14px;
			font-family: 'Play', sans-serif;
			font-weight: 400;
			color: #000;
			line-height: 22px;
			}
/*	-==========================- CONTENT -==========================-  */
	
	#content{
            height: auto;
			width: 100%;
			text-align:center;
			margin: 0px auto;
			background-color: #fff;
			overflow: hidden; 
			padding: 40px 0px 40px 0px;
			}
   .red {
            color: #f50d0f ;
			font-weight: 700;
			}
      #box {
            align: center;
	        display: inline-block;
			font-family: 'Play', sans-serif;
			font-size: 14px;
	        }

#box a:hover {
	   width:120px;
       height:40px;
	   background: #000000;
       border: none;
	   color: #ffffff;
	   text-decoration: none;
  
     /* Internet Explorer 10 */
      display:-ms-flexbox;
      -ms-flex-pack:center;
      -ms-flex-align:center;


     /* Firefox */
      display:-moz-box;
      -moz-box-pack:center;
      -moz-box-align:center;

     /* Safari, Chrome, and Opera */
      display:-webkit-box;
      -webkit-box-pack:center;
      -webkit-box-align:center;

      /* W3C */
       display:box;
       box-pack:center;
       box-align:center;
					}
			
#box a{
	   width:120px;
       height:40px;
	   background: #f50d0f;
       border: none;
	   color: #ffffff;
	   text-decoration: none;
	   
  
     /* Internet Explorer 10 */
       display:-ms-flexbox;
       -ms-flex-pack:center;
       -ms-flex-align:center;

     /* Firefox */
       display:-moz-box;
       -moz-box-pack:center;
       -moz-box-align:center;

     /* Safari, Chrome, and Opera */
       display:-webkit-box;
       -webkit-box-pack:center;
       -webkit-box-align:center;

     /* W3C */
       display:box;
       box-pack:center;
       box-align:center;
					}
					
/*	-==========================- FOOTER -==========================-  */

   footer {
           height: 100%;
			width: 100%;
			text-align:center;
			margin: 0px auto;
			background-color: #000;
			overflow: hidden; 
			padding: 40px 0px 40px 0px;
			}
	.text2 {
		    font-size: 12px;
			font-family: 'Play', sans-serif;
			font-weight: 400;
			color: #fff;
			line-height: 22px;
			}
	a {
	       color: #f50d0f;
		   text-decoration: none;
		   }
    a:hover {
	       color: #fff;
		   text-decoration: none;
		   }
		   
/*	-==========================- O FIRMIE, OFERTA, REALIZACJE, KONTAKT -==========================-  */
/*	-==========================- TOP/CONTENT O FIRMIE -==========================-  */

       #top1{
            height: 195px;
			width: 100%;
			text-align:center;
			margin: 0px auto;
			background-image:url(images/bg_ofirmie1.jpg);
			background-repeat: no-repeat;
			background-position: center top;
			background-color: #73c3ed;
			overflow: hidden; 
			}
		#center2{ 
            width: 940px;
			margin: 0px auto;
			align:center;
			overflow: hidden;
			padding-top: 61px;
			}
 	.content3{
	        width: 458px;
			text-align:left;
			text-align: justify;
			}
	.content4{
	        width: 458px;
			align: top;
			margin-left: 20px;
			text-align:left;
			text-align: justify;
			margin-top:0px; 
			vertical-align: top;
			}
	.zas{
			margin-left: 20px;
			}
			
			
/*	-==========================- TOP/CONTENT OFERTA -==========================-  */

       #top2{
            height: 195px;
			width: 100%;
			text-align:center;
			margin: 0px auto;
			background-image:url(images/bg_oferta.jpg);
			background-repeat: no-repeat;
			background-position: center top;
			background-color: #73c3ed;
			overflow: hidden; 
			}
		.content5{
	        width: 940px;
			align: top;
			text-align:left;
			}
		h4 {
		      font-size: 16px;
			  font-family: 'Archivo Black', sans-serif;
			  color: #000;
			  line-height: 18px;
          }
		h5 {
		      font-size: 15px;
			  font-family: 'Archivo Black', sans-serif;
			  color: #000;
			  line-height: 18px;
          }
		    
        ol { 
		      
			  wiidth: 458px;
			  font-size: 14px;
			  margin-left: 0px; 
			  text-align: left;
			  color: #000;
			  font-family: 'Play', sans-serif;
			  line-height: 18px;
			  margin-left: -20px;
			  }
	.polecane{
	        width: 940px;
			align: top;
			text-align:center;
			margin-top: 10px;
			} 
    .img_polecane{
	        margin-left: 20px;
			}
	.img_kcichik {
	       margin-top: 25px;
	        background-image:url(images/kcichik.jpg);
			width: 180px;
			height: 163px;
			display: block;
            border: 0px;
			overflow:hidden;
			}
	.img_kcichik:hover {
	        margin-top: 25px;
			background-image:url(images/kcichikup.jpg);
			}
/*	-==========================- GREY -==========================-  */
	#red{
            height: auto;
			width: 100%;
			text-align:center;
			margin: 0px auto;
			background-color: #f50d0f;
			overflow: hidden; 
			padding: 40px 0px 40px 0px;
			
			}     
	.text3 {
		    font-size: 14px;
			font-family: 'Play', sans-serif;
			font-weight: 400;
			color: #fff;
			line-height: 22px;
			}
	.galeria{
	        margin-top: 30px;
			border: 0px;
			}
   .galeria1{
	        margin-top: 30px;
			margin-left: 15px;
			border: 0px;
			}
/*	-==========================- TOP/REALIZACJE -==========================-  */

     #top3{
            height: 195px;
			width: 100%;
			text-align:center;
			margin: 0px auto;
			background-image:url(images/bg_realizacje.jpg);
			background-repeat: no-repeat;
			background-position: center top;
			background-color: #73c3ed;
			overflow: hidden; 
			}
/*	-==========================- KONTAKT/REALIZACJE -==========================-  */

     #top4{
            height: 195px;
			width: 100%;
			text-align:center;
			margin: 0px auto;
			background-image:url(images/bg_kontakt.jpg);
			background-repeat: no-repeat;
			background-position: center top;
			background-color: #73c3ed;
			overflow: hidden; 
			}

     .mail {
	       color: #f50d0f;
		   text-decoration: none;
		   display: block;
		   }
    .mail:hover {
	       color: #000;
		   text-decoration: none;
		   }
  .kontakt {
          float: left;
		  margin-top: 15px;
		   }

   .position {
            margin-top: 88px;
			margin-left:160px;
			}