/* Zapodaj.net - Viewer - Kwiecień 2015 - Update: 21.04.2015 
Komentarze czytasz na własną odpowiedzialność - 
Jeśli szukasz fajnego kodu to poszukaj go gdzie indziej, bo tu same bugi :P */

/* Główne definicje strony - Świat nie składa się z pierwiastkow tylko z divów */

* {margin: 0; padding: 0;}

body {
    margin:0;
    background:#f8f8f8;
    font-family: Arial;
}

#table {
    width:100%;
    height:100%;
    display:table;
}

a:link, a:active, a:visited {
    color: #4c4c4c;
    text-decoration: none;
}

a:hover {
    color: #CC0000;
    text-decoration: none;
}

/*
80A515 - inny kolor stonowany
Top -  bo głowa to tak spowszedniało */

#top {
    background:#a2ca2c;
    -moz-box-shadow: 1px 0px 0px 1px #4c4c4c;
    -webkit-box-shadow: 1px 0px 0px 1px #4c4c4c;
    box-shadow: 1px 0px 0px 1px #4c4c4c;
    width:100%;
    height:30px;
    float:left;
}

#logo {
    width:150px;
    height:26px;
    margin-top:2px;
    margin-bottom:2px;
    float:left;
}

.button a {
    background:#a3ca2d;
    min-width:80px;
    height:18px;
    line-height:18px;
    text-align:center;
    border: 1px solid #4c4c4c;
    color:#4c4c4c;
    margin:3px;
    padding:2px;
    float:left;
}

.button a:hover {
    color: #fff;
}

/* Zdjęcie, obrazek - bo dobrze wyglądać musi nawet jak jest wrzucone z rusi */

img {
    border: 0px;
}

#belkaphoto {
    width:100%;
    max-width:100%;
    height:100%;
    text-align:center;
    float:left;
}

#share {
	width:100%;
	height:55px;
	float:left;
}

#addtoany {
width:400px;
height:32px;
margin-left:auto;
margin-right:auto;
}

#foto {
    width:100%;
    max-width:100%;
    height:100%;
    text-align:center;
    float:left;
}

#foto img {
    display: block;
    margin: 0 auto;
    max-width: 100%; 
}

/* Reklamy - nie chcę, ale muszę */

#newone {
    width:100%;
    height:100%;
    min-height:100px;
    text-align:center;
    margin-top:5px;
    float:left;
}

#gadp {
	width:100%;
	height:100%;
    margin-top:2px;
	margin-bottom:2px;
	text-align:center;
    float:left;
}

/* Boxy - wszystko co z pudełkami związane */

.naglowek {
    background:#a2ca2c;
    width:100%;
    border: 1px #4c4c4c solid;
    float:left;
}

.naglowek h2, .naglowek span {
    color:#fff;
    padding:5px;
}

.infobox {
    background: #ededed;
    width: 98%;
    height: 150px;
    border: 1px #4c4c4c solid;
    margin-bottom: 11px;
    padding:1%;
    float: left;
}

#social, #code {
    width:98%;
    margin:1%;
	text-align:center;
    float:left;
}

.fb-like {margin-top:10px;}

#copy {
    width:98%;
    height:30px;
    margin:1%;
    float:left;
}

#pole {
    width:98%;
    height:120px;
    margin:1%;
    float:left;
}

#pole1, #pole2, #pole3 {
    display:none;
}

#pole1 {
    display:block;
}

.area {
    width:100%;
    height:100%;
    background:#fff;
    color:#000;
    overflow:hidden;
    border:0;
    float:left;
}

.area textarea {
    line-height:20px;
    
}

.area3 {
    width:300px;
    height:15px;
    background:#fff;
    color:#000;
    overflow:hidden;
    border:0;
    float:left;
}

/* Tail -  bo stopa to w perkusji */

#linki {
    background:#a3ca2d;
    -moz-box-shadow: 1px 0px 0px 1px #4c4c4c;
    -webkit-box-shadow: 1px 0px 0px 1px #4c4c4c;
    box-shadow: 1px 0px 0px 1px #4c4c4c;
    width:100%;
    height:30px;
    float:left;
}

.polecane {
    margin-top:5px;
    margin-left:5px;
    float:left;
}

.abuse {
    margin-top:3px;
    margin-right:5px; 
    float:right;
}

.abuse input {
    background:#a3ca2d;
    min-width:80px;
    height:18px;
    line-height:18px;
    text-align:center;
    border: 1px solid #4c4c4c;
    color:#4c4c4c;
    margin:3px;
    padding:2px;
    float:left;
}

.abuse input:hover {
    color: #fff;
}

#adbx {width:100%;text-align:center;display:none;}

/* Media, sława, mobilki */

@media (max-width: 480px) {
    
    
    #top {
        width:100%;
        height:60px;
        float:left;
    }
    
    #logo {
        margin-left:auto;
        margin-right:auto;
        float:none;
    }
	
}

@media (min-width: 480px) {
	#gadp {
        width:336px;
		height:280px;
		margin:2px;
	}
}

@media (min-width: 992px) { 

    #tabela {
        width:100%;
        height:100%;
        display:table;
        table-layout: fixed;
        float:left;
    }
    
	#belkaphoto {
        display:table-cell;
        float:none;
        margin-right:340px;
    }
	
    #foto {
	height:100%;
        vertical-align:middle;
        float:left;
    }
    
    #belka {
        width:164px;
        display:table-cell;
        vertical-align:top;
        float:none;
    }
    
	#gadp {
        width:160px;
		height:600px;
		margin:2px;
	}
	
}