/*
Theme Name: KANTOR Sfera
Theme URI: http://www.lontia.pl
Description: Przygotowane dla: Kantor Sfera
Version: 1.0
Author: Marcin Zaremba (based on Randa Clay's DIY theme)

*/



html>body #content {
	height: auto;

}

body{
	padding: 0px;
	margin: 0px;
	font: 62.5% 'Lato', sans-serif; /* Resets 1em to 10px */
	background: url(images/kantorsfera-bielsko-background.jpg) no-repeat center top #000;
		overflow-y: scroll;
}

#wrap {
    width: 1001px;
    text-align:left;
    margin:0px auto;
}


/************************************************
*	Header, Headings, etc.									*
************************************************/ 

#head{
        height: 311px;
		background: url(images/kantorsfera-bielsko-header.jpg) no-repeat top center;
        width: 1001px;
		display: block;
        padding: 0px;
        margin: 0px;
}

#head h1 {
        font-size: 4.9em;
        color: #ffffff;
        padding: 50px 0px 0px 50px;
        margin: 0px;
}

#head a {
        color: #ffffff;
}

#head a:hover {
        color: #cccccc;
}



/************************************************
*	MENU										*
************************************************/
#menu {
		width: 1001px;
		height: 67px;
		background: url(images/kantorsfera-bielsko-dollars.png) center;
		border: 1px solid #d7a100;
		margin-top: 20px;
		border-radius: 10px;
		}
.menu-element {
		margin: 10px 0 0 9%;
		width: 218px;
		height: 46px;
		display: block;
		float: left;
		cursor: pointer;
		}
.menu-element:hover {
			opacity: 0.8;
			cursor: pointer;
			}
.kursy {
		background: url(images/kantorsfera-bielsko-kursywalut.png) no-repeat center top;
		}
.zloto {
		background: url(images/kantorsfera-bielsko-zloto.png) no-repeat center top;
		}
.kontakt {
		background: url(images/kantorsfera-bielsko-kontakt.png) no-repeat center top;
		}
		
#pod-menu 
		{	
		font-family: 'Alegreya SC', serif;  
		font-size: 18px;
		text-align: center;
		margin: 5px auto;
		color: #fff;
		clear: both;
		}
		


/************************************************
*	Links and Headings									*
************************************************/


a img,:link img,:visited img { border:none }    



a, a:link {
	color: #333333;
	text-decoration: none;
}



h1 {
      
		font-size: 2.0em;
        line-height: 1.1em;
	font-weight: normal;
        margin: 0px;
}


h2 {
	font-size: 2.2em;
	line-height: 1.2em;
	color: #333333;
	font-weight: normal;
}


h5 {
	color: #000000;
        margin: 8px 0px 0px 0px;
	padding: 0px;
        font-size: 1.3em;
        font-variant: small-caps;
	font-weight: normal;
}

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

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

/************************************************
*	Main Content									*
************************************************/

#main {
        width: 1001px;
}

#content {
        float: left;
		width: 100%;
		margin: 40px 0 20px 0;

}

.item {
        padding: 0px 20px 0 20px;
        color: #fff;  
        font-size: 1.6em;
        line-height: 1.4em;	
}


.item p {

}

.item p a{

	color: #D4C74C;
}

.item p a:hover{
	color: #D7A100;
}

.item img {
}

.item ul {
	list-style-type: disc;
	padding-left: 10px;
	margin: 10px 0px 10px 15px;
}

.item ol{
	list-style-type: decimal;
	padding-left: 10px;
	margin: 10px 0px 10px 15px;
}

.itemhead{
	padding-top: 5px;

}


.itemhead h3{
	display: inline;
}


input{
	font-size: 100%;
}

.metadata{
	font-size: 90%;
        line-height: 220%;
        margin-top: 20px;
        font-style: italic;
}

.metadata a:link {
	color: #333333;
}

.metadata a:hover, .metadata a:visited{
	color: #9c9c9c;
}


/************************************************
*	Sidebar									*
************************************************/

#primary{
        width: 200px;
	padding: 0px;
	float: left;
}

#l_sidebar {
	padding: 30px 7px 20px 15px;
        font-size: 1.3em;
	line-height: 1.4em;
	}
	
#l_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
        color: #333333;
	}
	
#l_sidebar ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 3px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#l_sidebar li {
        margin: 0px;
	padding: 0px;
        color: #333333;
}
#l_sidebar ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
	
#l_sidebar ul li a {
	color: #333333;
	text-decoration: none;
}

#l_sidebar ul li a:hover {
	color:#9c9c9c; 
}

#l_sidebar ul ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 14px;
        color: #333333;
        list-style-type: disc;
        list-style-position: outside;
        color: #595441;
}

#l_sidebar ul ul li{
	margin: 0px;
}

#l_sidebar ul ul ul{
	margin-top:0; 
        margin-bottom:0;
	padding: 0px 0px 0px 14px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#l_sidebar ul ul ul li{
	margin: 0px;
}

#secondary{
        width: 200px;
	padding: 0px;
	float: right;
}

#r_sidebar {
	padding: 30px 15px 20px 4px;
        font-size: 1.3em;
	line-height: 1.4em;
	}

#r_sidebar ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#r_sidebar li {
        margin: 0px;
	padding: 0px;
        color: #333333;
}
#r_sidebar ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
	
#r_sidebar ul li a {
	color: #333333;
	text-decoration: none;
}

#r_sidebar ul li a:hover {
	color:#9c9c9c; 
}

#r_sidebar ul ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	padding: 0px 0px 0px 14px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#r_sidebar ul ul li{
	margin: 0px;
}

#r_sidebar ul ul ul{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
        list-style-type: disc;
        list-style-position: outside;
        color: #333333;
}

#r_sidebar ul ul ul li{
	margin: 0px;
}
	
#r_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
        color: #333333;
	}
	

li .categories, li .linkcat, li .pagenav {
	margin: 0px;
	padding: 0px;
}

.sidebarSearch{
	clear: both;
        margin-top: 10px;	
        margin-bottom: 10px;
	margin-left: 5px;
}

.feedarea  {
	height: 30px;
	padding-left:20px;
}

.feedarea  a {
       color: #333333;
}


/************************************************
*	Footer									*
************************************************/


#foot {
        
		background: url(images/kantorsfera-bielsko-dollars.png) center;
		border-top: 1px solid #d7a100;
		border-left: 1px solid #d7a100;
		border-right: 1px solid #d7a100;
		border-bottom: 1px solid #d7a100;
		
		border-radius: 10px 10px 0 0;
		width: 961px; 
        height: 80px;
        text-align: center;
	padding: 20px;
	color: #bcbcbc;
        font-family: 'Alegreya SC', serif; 
		font-size: 1.3em;
		
}

#foot a:link, #foot a:visited{
	color: #fff;
        text-decoration: none;

}

#foot a:hover {
}
/************************************************
*	Kursy walut									*
************************************************/
.kursy-obszar {

		float: left;
		}
.kursy-ramka
	{
		border-radius: 10px;
		border: solid 1px #d4c74c;
		padding: 10px 30px;
		width: 380px;

	}
.detal {	margin: 0 0 0 20px;}
.hurt {margin: 0 0 0 40px;}
	
.kurs {
		margin: 5px 0;
		padding: 5px 0 5px 65px;
		color: #fff;
		font-size: 18px;
		text-align: left;
		
	}
.cena-head {
		float: right; clear: left;text-align: right;
		margin-left: 60px;
		font-family: 'Alegreya SC', serif;  
		color: #d4c74c;
		font-size: 12px;
		}	

.cena {
		float: right; clear: left;text-align: right;
		margin-left: 50px;
		}	

	.usd {background: url(images/usd.png) no-repeat left center;}
	.eur {background: url(images/eur.png) no-repeat left center;}
	.gbp {background: url(images/gbp.png) no-repeat left center;}
	.chf {background: url(images/chf.png) no-repeat left center;}
	.czk {background: url(images/czk.png) no-repeat left center;}
	.cad {background: url(images/cad.png) no-repeat left center;}
	.aud {background: url(images/aud.png) no-repeat left center;}
	.dkk {background: url(images/dkk.png) no-repeat left center;}
	.nok {background: url(images/nok.png) no-repeat left center;}
	.sek {background: url(images/sek.png) no-repeat left center;}
	.huf {background: url(images/huf.png) no-repeat left center;}
	.uah {background: url(images/uah.png) no-repeat left center;}



	.waluta {margin-right: 60px;}
	.bilon {}
.kursy-tytul {
		font-family: 'Alegreya SC', serif;  
		font-size: 18px;
		text-align: center;
		margin: 5px auto;
		color: #d4c74c;
		}
.data{
	clear: both;
	text-align: center;
    padding: 15px 0 0 0;
	color: #fff;
}
.negocjujemy {
	background: url(images/negocjujemy.png) no-repeat right center,url(images/negocjujemy.png) no-repeat left center;
	}
.Zebra_Tooltip	{
			font-family: 'Alegreya SC', serif !important; 
		font-size: 18px;
		text-align: center;
		width: 250px;
		margin: 0 auto !important;
}

img.alignleft {
			border-radius: 10px;
			border: 1px solid #d7a100;
			margin: 0 40px 20px 20px;
			float: left;
			}
img.alignright {
			border-radius: 10px;
			border: 1px solid #d7a100;
			margin: 0 20px 20px 0;
			float: right;
			}
.kontakt-strona {margin-right: 0 !important; clear: both;}

.sprzedaz-zlota {
		width: 350px; 
		margin: 0 auto;
		font-size: 14px;
		float: left;
		border-top: 1px dotted #D7A100;
		}

.kupno, .sprzedaz {width: 150px; font-size: 16px; text-align: center;}

.sprzedaz-zlota h1 {
		font-family: 'Alegreya SC', serif;  
		color: #d4c74c;
		font-size: 20px;
		
		}
.sprzedaz-zlota p{margin: 0;}
.ramka-zloto {
				width: 700px;
				padding: 0 20px 0 50px;
				margin: 0 auto;
				}
.zloto-naglowek {
				text-align: center;
				padding: 10px 0;
				}
.zloto-naglowek h1 {font-size: 14px !important;}				

.fpc {
		width: 44px;
		height: 23px;
		background: url(images/fpc-kasy-fiskalne.png) no-repeat;
		display: block;
		float: right;
		margin-right: 30px;
		}
.footer-txt {
			width: 867px; margin: 0 auto; float: left; padding: 0 30px;
			}
.navigation	{
				margin: 0 auto; 
				color: #fff;
				margin-top: 50px;
				margin-left: 45%;
				}
.wp-pagenavi {font-size: 14px;}
.wp-pagenavi span {border-color: #D7A100 !important; color: #000; border-radius: 5px; background-color:#D7A100;font-size: 1.2em;}
.wp-pagenavi a {border-color: #D7A100 !important; color: #000;background-color:#D7A100;border-radius: 5px; }