/*
Theme Name: inwest

*/
   
   @import "http://active-park.pl/wp-content/themes/inwest/css/reset.css";
   @import "baza.less";
  
  


  /* =Fonts
-------------------------------------------------------------- */
 input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {float: left; margin-right: 20px; margin-top: -4px; }

input, textarea { font-family: @czciona, @czciona2, sans-serif; }  
input[type=submit] {  font-family: @czciona, @czciona2, sans-serif; }
pre { font-family: @czciona, @czciona2, sans-serif; }
code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}

a {
  color: @tt;
}
p{ font-size: @ch3;}

 h1{ font-size: @ch1;}
 h2{ font-size: @ch2;}
 h3{ font-size: @ch3;}
 h4{ font-size: @ch4;}
 


   body { 
    line-height: 18px;
   font-family: @czciona, @czciona2, sans-serif; 
   font-size: @ch4; 
   color: #000000; 
   background: #ffffff url(images/e-pielegnacja-background.jpg) no-repeat top center;
   }


 // header
  
   #header {
      width: 980px;
      height: 148px;
      margin: 0 auto;
      font-family: @czciona;
      color: @colorek;
      font-size: @ch1;
      position: relative;
      #logo {position: absolute; top: 12px; left: 14px;}
       .menu-glowne-container { position: absolute; top: 113px; left: 15px; .dism; margin-left: 18px;
       .menu-item { .db; .fl; 
               a {  .db; height: 26px; color: #000000; font-size: @ch2; font-family: @czciona, @czciona2, sans-serif; .fb;
                   padding: 9px 26px 0;  .tdn; .fl;
                   &:hover {color: #ffffff; background: @jt url(images/menu-active.gif) repeat-x top left; }  } 
               }    
        #menu-glowne { 
        ul {position: absolute; display: none; z-index: 999; top: 35px; background-color: #ffffff; }          
             li{ position: relative; 
            ul a {width: 156px; border-bottom: 1px solid @jt; padding: 9px 10px 0;  }
            ul{ width: 176px; }
              &:hover ul.sub-menu{.db;  }  }   }
               
                   }
      .menu-gorneheader-container {position: absolute; top: 7px; left: 784px; 
      .menu-item { .db; .fl; 
               a {  .db; color: #ffffff; font-size: @ch3; font-family: @czciona, @czciona2, sans-serif; .fb;
                   padding: 0px 4px 0;  .tdn; .fl;
                   &:hover {color: #ffffff; .tdu;  } 
               }    
       }         
   }   }
   
 // srodek 
   #glkonten {
     width: 980px;
     margin: 0 auto;
     .ova;
     padding-top: 13px;
        }
        
    #content {
      width: 692px;
      .fl;
      .ova;
      margin-left: 18px;
      
      .postcon {margin-top: 18px; padding-bottom: 10px; }
    }   
    #wglkonten {.fl; .ova; width: 718px; }
  #stslider {
   .disw (717px, 320px,); .fl; .ova;
  
  }
  
// sidebarek 
  #sidebpr {
    width: 250px;
    min-height: 587px;
    .ova; .fr;
     
     #refer { padding: 15px 15px;}
     .post-title {font-size: 14px; }
     .wrefer  {margin-bottom: 20px;
          li{ margin-bottom: 15px; }
        }
     .galeryjj img {border: solid @tt 5px;    }   
  }
  
// footer   
  #footer {
  width: 100%;
  height: 194px;
   .ova;
  
   background: @bf url(images/e-pielegnacja-footer.jpg) no-repeat top center;
      #wfooter {
       width: 980px;
       height: 100%;
       .ova;
       margin: 0 auto;
       position: relative;
   .menu-footer-container { position: absolute; top: 27px; left: 50px; 
  
       .menu-item { .dism; 
               a {color: #ffffff; font-size: @ch2; font-family: @czciona, @czciona2, sans-serif; 
                   margin-right: 25px; .tdn; &:hover {.tdu;}  } 
               }
      } } 
    
     #onas {width: 600px; .ova; color: #ffffff; margin: 30px 10px 10px 50px; font-size: @ch3;
            .onastyt {font-size: @ch3; border-bottom: dotted #ffffff 1px;  } } 
   #site-info {display: none;} 
   #site-generator {position: absolute; top: 170px; left: 800px; color: #ffffff; a {color: #ffffff; .tdn; &:hover {.tdu;} } }            
  }
  
 // start lista
  #start {
      #startlist {
       .ova;
       .disw (692px, auto);
       margin-bottom: 25px;
       .wstll {.disw (143px,93px); .fl; border: solid @tt 5px; margin-right: 15px; }
       .wstlr {.disw (507px,108px); .fl; 
           h3 a { font-size: @ch1;  .fb; .tdn; &:hover {.tdu;} }
          }
      }
  }
    #content  #start  .wstll img {border: solid #ffffff 0px;}
    
   // nfooter lista
  #nfooter {
      width: 980px;
     margin: 0 auto;
     .ova;  
     border-top: 1px  @tt dotted;
     #nfooterlist1 {.ova; .disw(460px, auto); .fl; }
      #nfooterlist {
       .ova;
       .disw (auto, 100px);
       margin-bottom: 8px;
       margin-left: 18px;
       .wftll {.disw (123px,83px); .fl; border: solid @tt 5px; margin-right: 15px;  }
       .wftlr {.disw (270px,83px); .fl; 
           h3 a { font-size: @ch3; line-height: @ch3 + 2px; .fb; .tdn; &:hover {.tdu;} }
          }
        p {line-height: 14px;}  
             }
      .zobrown {font-size: @ch3;  .fb; .tdn; color: @tt; margin: 15px 18px; }
      @padd: 12px;
     #nfoooglo {.disw(245px-(2*@padd), 332px-(2*@padd)); background-color: #ffffff; .fl; margin-top: 30px; padding: @padd;
               h3 a {.fb; .tdn; &:hover {.tdu;}} 
               a {.dispbl (245px-(2*@padd), 36px); background: url(images/zobacz-jak-do-nas-trafic.jpg) no-repeat -12px -6px; text-indent: -9999px;   }
               .mapp { .dispbl (245px-(2*@padd), 200px);   }
               img { margin-top: 15px;} }
    #as_facebook_mem_likebox_widgets {.ova; .fl; margin: 29px 0px 0px 20px;  }           
  }
  // post
  #post {
     .ova;
     width: 692px;
     margin-bottom: 25px;
     
      h2 a { font-size: @ch1;  .fb; .tdn; &:hover {.tdu;} }
      h2 { margin-bottom: 9px;} 
      .startth {.fr; border: solid #ffffff 7px; margin-left: 15px;}
  }
   .post-title {color: @tt; font-size: @ch1;  .fb; .tdn; margin-bottom: 8px; }
   .data { color: @tt; font-size: @ch4; }
   
   #content img {border: solid #ffffff 5px;}
 
     
 
 
   /* =Images
-------------------------------------------------------------- */

img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,img.alignleft { 	display: inline; 	float: left; 	margin-right: 15px;	margin-top: 4px; }
.alignright,img.alignright {	display: inline;  	float: right; 	margin-left: 24px; 	margin-top: 4px; }
.aligncenter, img.aligncenter { 	clear: both;  	display: block; 	margin-left: auto; 	margin-right: auto; }
img.alignleft,img.alignright, img.aligncenter { 	margin-bottom: 12px; }

.wp-caption {
  	background: #f1f1f1;
	  line-height: 18px;
  	margin-bottom: 20px;
  	max-width: 632px !important; /* prevent too-wide images from breaking layout */
  	padding: 4px;
  	text-align: center;
  img { margin: 5px 5px 0; }
  p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; }
}

.wp-smiley { 	margin: 0;}


// gallery
      .gallery {
	          margin: 0 auto 18px;
        .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
        img { border: 5px solid #ffffff;} 
        .gallery-caption {color: #888; font-size: 12px; margin: 0 0 12px; } 
        dl { margin: 0; } 
        br+br {  display: none; }
     }

.gallery-columns-2 .gallery-item { width: 50%;}
.gallery-columns-4 .gallery-item { 	width: 25%; }
.gallery-columns-2 .attachment-medium { 	max-width: 92%; 	height: auto; }
.gallery-columns-4 .attachment-thumbnail { 	max-width: 84%; 	height: auto; }
 
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
strong {   	font-weight: bold;  }
cite, em,  i {   	font-style: italic; }
big {  	font-size: 131.25%; }
ins { 	background: #ffc; 	text-decoration: none; }
blockquote { 	font-style: italic; 	padding: 0 3em; }
blockquote cite, blockquote em, blockquote i {	font-style: normal;  }
pre { 	background: #f7f7f7; 	color: #222;	line-height: 18px;	margin-bottom: 18px;	padding: 1.5em; }
abbr, acronym {	border-bottom: 1px dotted #666; 	cursor: help;}
sup,  sub { 	height: 0; 	line-height: 1; 	position: relative; 	vertical-align: baseline; }
sup { 	bottom: 1ex;  }
sub { 	top: .5ex; }