/*
Theme Name: Redline Homepage
Author URI: http://logographos.com/
*/

* { margin: 0; padding: 0; border:0 }
a { color: #018943; text-decoration: none }
aside, audio, img { display:block }

.clearfix:after,
.osoba:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.alignleft { float:left; margin-right:18px }
.alignleft.last { margin-right:0 }
.alignright { float:right; margin-left:18px }
.alignright.last { margin-left:0 }
 
h1,h2,h3,h4,h5,h6 { font-family: Arial }
#content h1,#content h2,#content h3,#content h4 { padding-left:0 }
body { font: 12px/18px Arial, sans-serif }
#wrapper { margin: 0 auto; width: 882px }

#header { height: 108px }
#logo { float: left; height: 108px }

.topbaner { 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	float:left;
	font-size:11px;
	margin: 18px 19px 0 0; 
	position: relative;
	right:-1px;
	text-align:center;
	width:161px
	}
.topbaner-2 h3 { font-size:11px }
.topbaner-1 { color: #E00; font-style:italic; font-weight:bold }
.topbaner-2 { background: none repeat scroll 0 0 #F4F3EF; color:#fff; padding:8px 0 10px; height:54px }
.topbaner-3 { 
	background:none repeat scroll 0 0 #F4F3EF;
	padding:8px 0 10px;
	}
#navbar { background: url('img/mainmenu.png'); height: 36px; overflow:hidden; }
  #navbar li { float: left; list-style: none; }
  #navbar li a { background: url('img/inbetweener.png') no-repeat right; color: black; font-size: 10px; line-height: 33px; padding: 0 14px 0 11px; text-decoration: none; text-transform: uppercase; }
  #navbar li a:hover { text-decoration: underline; }
  #navbar li a.first { padding: 0 14px 0 18px; }
  #navbar li a.last { background: none; padding: 0 0 0 11px; }
  
#main { background: transparent url('img/bg-main.jpg') top repeat-x; padding-bottom: 0; min-height:540px }

#front-slider { padding: 18px; }
  #front-slider .welcome {float: left; width: 310px; padding-right:16px; }
  #front-slider h3, #front-slider p { padding-bottom: 18px}
  #front-slider h3 { letter-spacing:1px; }
    
#mycarousel.jcarousel-skin-tango li { display: none }

#content {
	padding:18px 0 18px 18px;
	width: 630px;
	float:left;
	}
#sidebar { 
	width:198px;
	padding-top:18px;	
	float:right;
	}

.column-first, .column-second { float: left; padding-left: 18px; width: 414px }
.column-second { position: relative }
.column-second .adopt, .column-first .adopt { float: left; padding: 0 9px 0 0 !important; }
.post h1, .post h2, .post h3, .post .metalinks { letter-spacing:1px; padding: 18px }
.post .adopted h3 { padding: 0 0 18px 0 }
.post a.title { padding:0 0 9px; display:block;font-size:18px;font-weight:bold; }
.post ul { padding-left: 9px; padding-bottom: 18px }
.post li { list-style: round; list-style-position: outside; }
.post p { padding-bottom: 9px; text-align:justify; }
.post .adopt_kontakt p { text-align:left }
.news p { padding: 0 18px 18px; }
.column-first p, .column-second p { padding: 0 0 18px 0 !important}

.aktualnosc .thumbnail {
	float:left;
	margin:0 12px 0 0;
	}
.aktualnosc h3 {
	margin-bottom:9px
	}
.aktualnosc p {
	text-align:justify
	}

.quatro { float: left; font-size: 11px; width: 198px; margin-left: 18px; padding-bottom: 18px }
.quatro.quatro-02 { width:414px }
.quatro.quatro-03 { float:right; margin-right:18px }
.quatro-03b iframe {margin-top:-1px; }
.quatro h2 { background: url("img/columntop.png") top no-repeat; letter-spacing:1px; display:block; height:36px; line-height: 36px; padding: 0 18px 9px 36px; font-weight: normal; text-transform: uppercase; font-size: 10px; position:relative; z-index:1 }
.quatro.quatro-02 h2 { background: url("img/columntop2.png") top no-repeat	 }
.quatro.quatro-01 h2 { padding: 0 18px 0 36px; }
.quatro.quatro-03 h2 { padding-bottom:0; margin-bottom:-1px }
h2.animals, h2.red {padding: 0 18px 0px 36px}
.quatro a {text-align: right }
.quatro-03, .quatro img  {padding-bottom:9px }
.quatro .animal img {padding:0;}
.quatro.quatro-03 img { padding-bottom: 12px }
.quatro p { padding-bottom:1em }
.quatro b { font-weight: normal; /* line-height:36px; */ text-transform: uppercase; }
.quatro b a { letter-spacing:1px; text-decoration: none; }
.quatro h2 a { color: black }
.quatro h2 a:hover { text-decoration: underline; }

img.banner {height: 54px; width: 198px}

.secundo { background: url('img/columntop2.png') top no-repeat; float: left; font-size: 11px; width: 414px; margin-left: 18px; }
.secundo h2 { letter-spacing:1px; line-height: 36px; padding: 0 18px 18px 36px; font-weight: normal; text-transform: uppercase; font-size: 10px; }
.secundo a {text-align: right }
.secundo .left {width: 198px; float: left;}
.secundo .right {width: 198px; float: right;}

#footer-wrapper { background: #D3CDAF url(img/bg-footer.png) top repeat-x; height: 126px; width: 100%; }
#footer { padding-top: 68px; font-size: 10px; height: 54px; line-height: 54px; margin: 0 auto; width: 882px; }
 #footer ul {  margin-left: 18px; float: left; }
 #footer li { display: inline; letter-spacing:0.5px; font-weight: normal; }
 #footer #logolink { color: #9e9566; float: right; margin-right: 18px; }
 #footer #logolink a, #footer #logolink a:visited { color: #706947; }

#ad1 { padding: 18px }

.end { clear: both; }
.aktualnosc, .animal {margin-bottom:9px;}
.adopt_foto{float:left;padding:0 18px 0 0;}
.like{padding:9px;}

/* friendly-links */
#friendly-links { padding-left:18px }
#friendly-links h2 { font-size:10px; text-transform:uppercase; widht:800px; display:block; font-weight:normal; color:#777; margin-bottom:18px }
#friendly-links a { float:left; display:block; margin:0 18px 18px 0; letter-spacing:1px; }

/* o nas */

.portret { width:414; background:#fff; display:block }
.osoba { width:414px; height:414px; padding-left:18px; padding-bottom:9px; float:left }
.page-id-23 .post h2 { letter-spacing: 1px; padding: 0 18px 18px; width:800px; float:left;  }
.page-id-23 .post p { padding-bottom:9px }

/* adopcje */

.adopt_kontakt img { padding-bottom:10px }

/* facebook */

iframe {
	overflow:hidden; 
	background:none;
	border:0; 
	}	
.like iframe { 	
	width:125px; 
	height:25px;
	}
	
/* s l i d e r */

#hots { margin-top:50px }

#slider-box { margin-bottom:18px; width:520px; height:270px; overflow:hidden; }

#slider-box .slider { position:relative; overflow:hidden; width: 520px; height: 270px; }
#slider-box .items { width:20000em; position:absolute; }
#slider-box .feat { float:left; position:relative; width: 520px; height: 270px; }

/* css3 */

h2	 {
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0
	}