/*  
Theme Name: Tlumaczenia niemiecki
Description: Projekt graficzny: <a href="http://www.karolcichon.pl/" title="http://www.karolcichon.pl/">karolcichon.pl</a> | Wdrozenie: <a href="http://blivd.pl/" title="http://blivd.pl/">blivd.pl</a>
Version: 1.0
Author: Blivd & Karol Cichoń
Author URI:  http://blivd.pl/
Tags: blue
*/

#tooltip {
	position: absolute;
	z-index: 3000;
	opacity: 0.85;
	width: 700px;
	height: 356px;
	background: url(images/clody-bg.png) no-repeat 0 0;
	padding: 40px 50px 0;
	text-align: justify;
	color: #000;
	font-size: 11px;
	font-family: Arial;
	overflow: hidden;
}
#tooltip h1,
#tooltip h2,
#tooltip h3,
#tooltip h4{
	font-weight: normal;
	display: inline;
	font-size: 11px;
}
#tooltip ul{
	margin: 0;
	padding: 0;
}
#tooltip ul li{
	display: inline;
}
#tooltip a{
	color: #000;
}
#tooltip p{
	margin: 0;
	padding: 2px 0;
	width: 100%;
	float: left;
}
#seo-text{
	display: none;
}
a#query{
	display: block;
	width: 200px;
	height: 54px;
	background-image: url(images/query.png);
	background-position: 0 0;
	float: right;
	margin: 30px 20px 0 0;
}
a#query:hover{
	background-position: 0 100%;
}
a#query:focus{
	margin-top: 31px;
}

h1, h2, h3, h4, #page-content p, a{
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	margin: 0;
	padding: 0;
}
.panel ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
body{
	background-color: #161617;
	font-family: Trebuchet MS, Tahoma;
	font-size: 11px;
	color: #ffffff;
	margin: 0;
	width: 100%;
	height: 100%;
	float: left;
}
a {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #ffffff;
	text-decoration: underline;
}
img{
	border: 0;
}
#background-top{
	background: #161617 url(images/background.jpg) repeat-x 0 0;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
#background-right{
	width: 50%;
	height: 100%;
	background: url(images/background2.jpg) repeat-x 100% 0;
	position: absolute;
	right: 0;
	top: 0;
}
#background-content{
	width: 100%;
	height: 100%;
	background: url(images/page-background.jpg) no-repeat 50% 123px;
	position: absolute;
	left: 0;
	top: 0;
}
#page{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#page-content{
	margin: 0 auto;
	width: 760px;
}
.top{
	width: 100%;
	height: 123px;
	float: left;
}
#top-content{
	margin: 0 auto;
	width: 780px;
	height: 123px;
}
.c-top{
	background-color: #232323;
}
#logo{
	width: 197px;
	height: 67px;
	background: url(images/logo.gif) no-repeat 0 0;
	display: block;
	float:left;
	cursor: pointer;
	margin: 15px 0 0 0;
}
#top-content h1{
	float: left;
	width: 650px;
	padding: 5px 10px;
	font-size: 11px;
	font-weight: normal;
}
#top-content a#site-map{
	float: right;
	margin: 5px 0 0 0;
}
#text{
	width: 760px;
	height: 337px;
	position: relative;
	float: left;
	margin-top: -337px;
}
#text p.text{
	float: left;
	background: url(images/slide-bg.png) repeat 0 0;
	width: 734px;
	padding: 13px;
	font-family: arial;
	position: absolute;
	bottom: 0;
	left: 0;
}
.slide{
	width: 760px;
	height: 326px;
	float: left;
}
#slides{
	float: left;
	width: 760px;
	height: 326px;
}
#jFlowSlide{
	float: left;
}
.slide p a, .slide p a:hover{
	color: #000;
}
.slide p a{
	font-size: 10px;
	margin-left: 5px;
}
.textbox{
	float: left;
	width: 210px;
	color: #000;
	margin-top: 35px;
	height: 147px;
	overflow: hidden;
}
.textbox h2{
	font-size: 18px;
	margin-bottom: 15px;
	position: relative;
	z-index: 100;
}
.textbox h2 a, .textbox h2 a:hover{
	color: #000;
}

.textbox p{
	font-family: arial;
	position: relative;
	z-index: 100;
}

.slide img{
	float: right;
	margin: 0 -3px 0 0;
	position: relative;
}
.panel{
	float: left;
	font-family: arial;
	color: #d8d5d5;
}
.panel h3{
	border-bottom: 1px solid #292929;
	padding: 3px 0;
	height: 16px;
}
.panel a{
	color: #d8d5d5;
}
#info-panel{
	width: 100%;
	float: left;
	background-color: #0e0e0e;
	padding-bottom: 30px;
}
#info-panel #info-panel-content{
	width: 760px;
	margin: 0 auto;
}
#info-panel #info-panel-content .panel{
	margin-top: 20px;
	margin-right: 15px;
}
.panel ul{
	float: left;
	margin: 5px 0 0 3px;
}
.panel ul li{
	font-size: 13px;
	float: left;
	width: 100%;
	margin-bottom: 5px;
	clear: both;
}
.office{
	width: 190px;
}
.office h3{
	width: 100%;
	background: url(images/office-of-translation.gif) no-repeat 0 0;
	float: left;
}
.specialistic{
	width: 230px;
}
.specialistic h3{
	width: 100%;
	background: url(images/specialistic-translations.gif) no-repeat 0 2px;
	float: left;
}
#info-panel #info-panel-content .contact{
	width: 295px;
	float: right;
	margin-right: 0;
	background: url(images/map.gif) no-repeat 100% 35px;
}
.contact h3{
	width: 100%;
	background: url(images/contact.gif) no-repeat 0 2px;
	float: left;
}
.contact h4{
	color: #fff;
	font-size: 12px;
	width: 100%;
	float: left;
	margin: 10px 0;
}
.panel p{
	width: 195px;
	float: left;
	padding-top: 5px;
	line-height: 18px;
}
.panel .red, .panel a.red:hover{
	color: #e3bc1e;
}
#foot{
	width: 100%;
	float: left;
	color: #d8d5d5;
}
#foot a{
	color: #d8d5d5;
}
#foot #foot-content{
	width: 780px;
	margin: 0 auto;
	padding: 10px 0;
}
#foot #foot-content span{
	color: #c8ae0a;
	font-size: 15px;
	margin: -3px 3px 0 0;
}

/* Podstrona */

#belt{
	width: 100%;
	height: 43px;
	background-color: #a40013;
	float: left;
}
#c-content{
	width: 100%;
	background: url(images/c-page.gif) repeat-y 55% 0;
	float: left;
	padding-top: 15px;
}
#c-content #content{
	width: 780px;
	margin: 0 auto;
}
#side{
	float: left;
	width: 200px;
	padding-bottom: 10px;
}
#side .panel{
	width: 200px;
	margin-bottom: 10px;
}
#main{
	float: right;
	width: 560px;
}
.main-panel, .main-panel-center{
	float: left;
	width: 100%;
}
.main-panel h2, .main-panel-center h2, .title{
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 10px;
}


/* comments area */
#comments, #respond {
	padding: 10px 0 5px 0;
	float: left;
	font-size: 12px;
	clear: both;
	width: 100%;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
	float: left;
}
.commentlist li{
	padding: 5px 10px;
	float: left;
	clear: both;
	width: 95%;
	float: left;
}
.commentlist .alt {
	background: #34353c;
	float: left;
	width: 450px;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
	color: #fff;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #fff;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	width: 435px;
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
	float: left;
	clear: both;
}
#commentform p {
	padding: 0;
	margin: 0 ;
	float: left;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background: #34353c;
	border: 1px solid #000;
	padding: 3px;
	margin: 5px 0 0 0;
	color: #fff;
}
#commentform textarea{
	width: 428px;
	height: 80px;
	background: #34353c;
	border: 1px solid #000;
	padding: 2px;
	margin: 3px 0;
	color: #fff;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #45464d;
}
#commentform #submit{
	background: #45464d;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 0;
	float:right;
	width: 100px;
	height: 28px;
	cursor: pointer;
	margin-bottom: 5px;
}
#submit-contact{
	background: #2b3848;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 0;
	float: left;
	width: 100px;
	height: 28px;
	cursor: pointer;
	margin-bottom: 5px;
}
#calendar_wrap{
	width: 100%;
	float: left;
}

#wp-calendar{
	text-align: center;
	width: 95%;
}

#wp-calendar caption{
	font-weight: bold;
	margin: 0 0 10px;
	font-size: 12px;
}

#searchform .hidden{
	float: left;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	width: 100%;
	text-align: center;
	padding: 11px 0 25px 0px;
}
#searchform #searchsubmit{
	background: #2b3848;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 0;
	float: left;
	cursor: pointer;
	margin-left: 5px;
	padding: 3px 0 2px;
}
#searchform #s{
	background: #bfe2e3;
	border: 1px solid #0e6a88;
	padding: 2px;
	float: left;
}

table.ceny{
	width: 100%;
	text-align: center;
	border: 0;
	margin-bottom: 15px;
}
table.ceny thead{
	font-weight: bold;
}
table.ceny thead td{
}
table.ceny td{
	padding: 3px;
	border: 0;
}
table.ceny td.c{
	background-color: #e1eded;
}
#links{
	float: left;
	width: 100%;
	text-align: center;
	color: #84CED0;
	
}
#links a{
	color: #fff;
}