/*
Theme Name: VDS Theme 
Theme URI: http://vellkan.pl
Description: ...
Version: 1.0
Author: Igor Chudy
Author URI: http://igorchudy.pl/
Tags: 
Text Domain: vellkan



*/

body {margin: 0; padding: 0; width: 100%; height: 100%; background: #372c24 url(images/Bck.png) repeat-x; color: #4A4A4A;}
html, body {height: 100%;}
* {margin: 0; padding: 0;}
.clear {clear: both;}
a {outline: none; text-decoration: none;}

#Container {margin: 0 auto; width: 968px; }
#Top {width: 100%; height: 36px; }
#Top .Wrapper {margin: 0 auto; height: 36px; width: 968px; background: url(images/Top.png) left no-repeat;}
#Top .Wrapper .search {width: 250px; float: right; margin: 7px 15px 0 0;}
#Top .Wrapper .search .inputbox {margin: 0 5px 0 0; padding: 4px 3px 4px 4px; border: 1px solid #342b23; background: #231f1b; color: #b78e66; width: 170px; font: normal 10px Verdana; float: left;}

	#Top .LanguagePanel {float: right; width: 60px; height: 30px; background: url(images/OpacityTwenty.png) left top repeat; overflow:hidden;}
	#Top .LanguagePanel span {font: normal 11px Arial, Helvetica, sans-serif; color:#996aed; margin: 8px 0 0 10px; float: left; display:block;}	
	#Top .LanguageMenu {float: left; display: block; margin: 10px 0 0 10px;}
	#Top .LanguageMenu li {width: 16px; height: 11px; float: left; display:block; margin: 0 0 0 10px;}
	#Top .LanguageMenu li.first {margin: 0;}
	#Top .LanguageMenu li a {width: 16px; height: 11px; float: left; display:block; text-indent:-9000px;}
	#Top .LanguageMenu li.pl a {background: url(images/Language.png) 0 -11px no-repeat;}
	#Top .LanguageMenu li.en a {background: url(images/Language.png) -16px -11px no-repeat;}
	#Top .LanguageMenu li.br a {background: url(images/Language.png) -32px -11px no-repeat;}

	#Top .LanguageMenu li.pl a:hover {background: url(images/Language.png) 0 0 no-repeat;}
	#Top .LanguageMenu li.en a:hover {background: url(images/Language.png) -16px 0 no-repeat;}
	#Top .LanguageMenu li.br a:hover {background: url(images/Language.png) -32px 0 no-repeat;}

	#Top .LanguageMenu li.pl.active a {background: url(images/Language.png) 0 0 no-repeat;}
	#Top .LanguageMenu li.en.active a {background: url(images/Language.png) -16px 0 no-repeat;}
	#Top .LanguageMenu li.br.active a {background: url(images/Language.png) -32px 0 no-repeat;}

#Header {width: 100%; height: 250px; background: url(images/Header.jpg) top center no-repeat;}
#Stone {width: 100%; height: 250px; background: url(images/Stone.png) left top repeat;}
#HeaderWord {margin: 0 auto; width: 968px; height: 250px; }

#HeaderWord.pl { background: url(images/HeaderWord-pl.png) 15px 60px no-repeat;}
#HeaderWord.en { background: url(images/HeaderWord-en.png) 15px 60px no-repeat;}
.HeaderLogo {width: 968px; height: 250px; background: url(images/HeaderLogo.png) 11px 0 no-repeat;}

#Menu {width: 968px; margin: 0 auto; }
#Menu ul {list-style: none; float: left;display: block; width: 800px; height: 31px; }
#Menu ul li {margin: 0 1px 0 1px; padding: 0; float: left; display: block; }
#Menu ul li a {padding: 5px 13px 0px 13px; font: normal 14px Georgia; color: #d6c2a8; display: block; float: left; height: 26px;}
#Menu ul li a:hover { color: #323232; background: #e5e5e5; }
#Menu ul li#current a { color: #323232; background: #e5e5e5; }
#Menu a.RSS {display: block; width: 149px; height: 30px; float: right;}
#Menu a.RSS img {border: 0;}

#Pathway {margin: 0 auto; height: 28px; width: 968px; display: block; padding: 16px 0 0 10px; font: normal 11px Verdana;  color: #6e6a6a; }
#Pathway span {color: #b90000; }
#Pathway a {color: #232323; }

#Wrapper{width: 100%; background: #F7F5E8; }
.BckTop {background: url(images/BckTop.png) left top no-repeat; width: 968px; margin: 0 auto;}
.BckBottom {background: url(images/BckBottom.png) right bottom no-repeat; width: 968px; margin: 0 auto;}
#Content {margin: 0 auto; padding: 20px 10px; width: 968px; font: normal 11px Verdana; min-height: 300px; text-align:justify; overflow:hidden;}
#Content p {line-height: 22px; padding: 8px 4px; color: #4A4A4A; font: normal 16px/28px Georgia, "Times New Roman"; text-align:justify;}
#Content p a {color: #B90000; font-style: italic; padding: 0px 2px 1px 2px;}
#Content p a:hover {background: #372c24; color: #FFF; border: none;}
#Content p.AboutUs {font: normal 16px/28px Georgia, "Times New Roman";}
#Content ul {margin: 5px 0 10px 30px;}
#Content ul li {margin: 4px 0 15px 0;}

.Left {float: left; display: block; margin: 10px 20px 10px 0; }
.Right {float: right; display: block; }

#Content .AboutLeft {float: left; width: 600px;}
#Content .AboutRight {width: 360px; float: left; padding: 20px 0 0 0; }

#Content img.StoneGallery {float: left; margin: 5px 10px 10px 0; padding: 4px; border: 1px solid #C2C2C2;}

#Content #HomePage {width: 700px; height: 450px; margin: 0px 0 20px 150px; padding: 0; float: left; }
#Content #HomePage img {top: 0; left: 0; width: 700px; height: 450px;}

#Content ul.GaleriaIntro {list-style: none; margin: 10px auto; display: block;}
#Content ul.GaleriaIntro li {margin: 0 10px 0 0; padding: 0; float: left;}
#Content ul.GaleriaIntro li:first-child {margin-left: 0;}
#Content ul.GaleriaIntro li a {float: left; width: 180px; height: 215px; display: block;}
#Content ul.GaleriaIntro li a img {float: left; width: 180px; height: 215px; display: block;}

#FooterBck  {width: 100%; height: 192px;  background: url(images/FooterBck.png) repeat-x;}
#Footer {width: 968px; height: 192px; margin: 0 auto; background: url(images/Footer.png) bottom center no-repeat;}
#Footer .BottomMenu {padding: 4px 0 0 0; width: 980px; height: 40px; display: block; text-align: center;}
#Footer .BottomMenu span {float: left; color: #1b1713; margin: 0 0 0 400px;}
#Footer .BottomMenu ul {margin: 0 auto 0 auto; list-style: none; display: block; width: 560px; }
#Footer .BottomMenu ul li {float: left; margin: 0 15px 0 15px; }
#Footer .BottomMenu ul li a {font: normal 11px Verdana; color: #565656;}
#Footer .BottomMenu ul li a:hover {color: #fff;}
#Footer .Left {margin: 55px 0 0 0; float: left; width: 360px; text-align: left; }
#Footer .Right {margin: 55px 0 0 0; float: right; width: 290px; text-align: right; }
#Footer p {font: normal 10px Verdana; padding: 10px; line-height: 16px;  color:#795e4c;}
#Footer p a {color: #997760; padding: 1px 3px 1px 3px; }
#Footer p a:hover {color: #AB8C78; text-decoration: underline;}

.ContactLeft {width: 350px; height: 100%; float: left; }
.ContactLeft p {font-size: 12px !important; line-height: 22px !important;}

.ContactRight {width: 580px; height: 400px; float: right;}
.ContactRight .Map {width: 580px; height: 400px; display:block;}

#SingleGallery {list-style:none; margin: 20px 0;}
#SingleGallery li {display:block; float: left; margin: 0 15px 15px 0 !important; overflow:hidden;}
#SingleGallery li a {display:block; float: left; overflow:hidden; padding: 4px; background: #fff; border: 1px solid #DDDDDD;}
#SingleGallery li a img {border:none;}


.Keywords {padding: 5px 0 10px 0; text-align: center; font: normal 10px Arial;  color:#795e4c;display: block;}

.componentheading {padding: 3px 10px 3px 10px; margin: 5px 0px 10px 0; font: italic 22px Georgia, Verdana; color: #422900; font-weight: bold; border-left: 3px solid #b90000;}
h2 {padding: 3px 10px 3px 10px; margin: 5px 0px 10px 0; font: italic 22px Georgia, Verdana; color: #422900; font-weight: bold; border-left: 3px solid #b90000;}

table.SearchOptions {margin: 0px 0 20px 0px;}
table.SearchOptions tr td {padding: 15px 0 0 8px;}
table.SearchOptions tr td input {color: #323232;padding: 2px 0 2px 2px; font-size: 11px;}
table.SearchOptions tr td select {color: #323232;padding: 2px 0 2px 2px; font-size: 11px;}

table.SearchResults {margin: 10px;}
table.SearchResults tr td {font: normal 11px Verdana;}
table.SearchResults tr td div.Title {display: block; margin: 20px 0 0 0; }
table.SearchResults tr td div.Title span.Number {color: #929292;}
table.SearchResults tr td div.Title a {font: normal 13px Verdana; color: #b90000; border-bottom: 1px solid #AAA; padding-bottom: 2px; }
table.SearchResults tr td span.Category { display: block; color: #9E9E9E; margin: 3px 0 0 14px;}
table.SearchResults tr td div.Text {display: block; margin: 10px 0 0 14px; color: #4A4A4A;}

table.ContactInfo tr td {margin: 3px 0 0 0; font-size: 11px;} /* Strona kontaktu - zmiany w components/com_contact/contact.html.php*/
.contact_email label {}
.contact_email input {border: 1px solid #CECECE; margin: 4px 0 15px 5px; padding: 2px 3px 3px 4px;color: #7A7A7A; font: normal 11px Verdana;}
.contact_email textarea {margin: 2px 0; border:1px solid #CECECE; padding: 3px; color: #434343; font: normal 11px Verdana;}
.contact_email button {border: 1px solid #434343; padding: 1px 4px 2px 4px;background: #323232; color: #fff;}
.contact_email button:hover {background: #B90000; color: #fff;}

table.AdresTable {margin: 10px 0 0 0;}
table.AdresTable tr td {margin: 4px; padding: 4px 0px;font: normal 12px Verdana; line-height: 18px;}
table.PhonesTable tr td {margin: 4px; padding: 4px 0px;font: normal 12px Verdana; line-height: 18px;}
table.PhonesTable tr td a {padding: 2px; color: #B90000;}
table.PhonesTable tr td a:hover {color: #fff; background: #B90000;}

#Content a.readon { margin: 9px;  padding: 2px 3px; color: #E6E6E6; text-decoration: none; font: normal 11px Verdana;  background: #B90000;}
#Content a.readon:hover { color: #fff; text-decoration: underline;}

.back_button a { margin: 15px 0 10px 10px; padding: 0 0 0 22px; border: none; text-decoration: none; font: normal 12px Lucida Sans Unicode, Verdana; 
color: #565656; display: block; width: 50px; background: url(images/back.png) 0 0px no-repeat;}
.back_button a:hover { color: #319600; text-decoration: none; background: url(images/back.png) 0 -16px no-repeat;}

.blog_more {margin: 0 0 0 10px; font: normal 13px Helvetica, Verdana; color: #6E6E6E;}
.blog_more ul {margin: 6px 0 5px 11px; list-style: none;}
.blog_more ul li {margin: 10px 0 5px 0; padding: 0 0 0 18px; background: url(images/BlogMore.png) 0 0 no-repeat;}
.blog_more ul li a {padding: 2px 3px 2px 3px; border: 0; font: normal 11px Verdana; color: #7A7A7A;text-decoration: none; }
.blog_more ul li a:hover { color: #FFF;text-decoration: none; background: #f89a22;}

.PageNav {margin: 20px 0 0px 0; display: block; font: normal 11px Verdana;}
.PageNav span {margin: 0 3px 0 3px; padding: 3px 4px; color: #7A7A7A; border: 1px solid #DADADA;}
.PageNav a {margin: 0 3px 0 3px; padding: 3px 4px; color: #DC0000; border: 1px solid #DADADA;}
.PageNav a:hover {background: #b90000; border-color: #e3e3e3; color: #fff;}
.PageNav strong span {border: 0; color: #fff; background: #232323;}

/* Dane przy tytule artyku3u - data utworzenia, zmiany, autor - zmiany w tmpl/blog_item.php*/
.DateAndAuthor {padding: 0 0 0 6px;height: 24px;color: #6E6E6E; font: normal 10px Verdana; background: #f0eddb; border-top: 1px solid #DADADA;}
.DateAndAuthor span.CreateDate {margin: 0 30px 0 0; padding: 3px 0 3px 20px; background: url(images/date.png) 0 0 no-repeat;} 
.DateAndAuthor span.Author {padding: 3px 0 3px 20px; background: url(images/author.png) 0 0 no-repeat;}
.modifydate {padding: 4px 0 3px 3px; color: #AAA; font: normal 10px Verdana;}
.small {padding: 0 0 0 5px; font: normal 10px Verdana; color: #868686; }
.createdate {padding: 0 0 0 5px; font: normal 10px Verdana; color: #868686; }
/* - zmiany w tmpl/blog.php*/