@import url(../css/lightbox.css); 
@import url(../css/menu2.css); 
@import url(../css/st_editor.css);

/*******************************************************************************
 * body styles
 *******************************************************************************/
body,td,th {
	font-family: Verdana;
	font-size: 10px;
  color: #2c2c2c;	
}

body {
	margin-left: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 20px;
	background-color: #c4c4c4;
	background-image: url(../images/leyaut/bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}


a:link {
	color: #ff8400;
	text-decoration: none;
}
a:visited {
	color: #ff8400;
	text-decoration: none;
}
a:hover {
	color: #f25d0c;
	text-decoration: underline;
}
a:active {
	color: #f25d0c;
	text-decoration: underline;
}
a:focus {
	outline: 0;
}

p {
  padding: 0px;
  margin: 0px;
}


form {
  padding: 0px;
  margin: 0px;
}

input {
	vertical-align: middle;
}


UL,OL {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: justify;
}

.wstep {
  padding-top: 25px;
  padding-bottom: 10px;
}


/*******************************************************************************
 * Tabela Glowna
 *******************************************************************************/
.TableLeyaut {
  width: 760px;
  height: auto;
  background-color: #ffffff;   
}

/*******************************************************************************
 * TdZmienne
 *******************************************************************************/
.TdZm_01 {
  width: 31px; 
  height: 180px;
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdZm_02 {
  width: 698px; 
  height: 180px;
  cursor: pointer;
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdZm_03 {
  width: 31px; 
  height: 180px;
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdZm_04 {
  width: 31px; 
  height: 45px;
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdZm_05 {
  width: 224px; 
  height: 45px;
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdZm_06 {
  width: 21px; 
  height: 45px;
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdZm_07 {
  width: 453px; 
  height: 45px;
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdZm_08 {
  width: 31px; 
  height: 45px;
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdZm_09 {
  width: 31px; 
  height: 123px;
	background-position: top left;
	background-repeat: repeat-y;  
}
.TdZm_10 {
  width: 224px; 
  height: 123px;
  text-align: left;
  vertical-align: bottom;  
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdZm_11 {
  width: 21px; 
  height: 123px;
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdZm_12 {
  width: 453px; 
  height: 123px;
  vertical-align: top;
  text-align: left;  
	background-position: top left;
	background-repeat: repeat-x;  
}
.TdZm_13 {
  width: 31px; 
  height: 123px;
	background-position: top left;
	background-repeat: no-repeat;  
}

/*******************************************************************************
 * TdStale
 *******************************************************************************/
.TdSt_01 {
  width: 31px; 
  height: 222px;
	background-image: url(../images/leyaut/st_01.jpg);
	background-position: bottom left;
	background-repeat: repeat-y;  
}
.TdSt_02 {
  width: 698px; 
  height: 222px;
  vertical-align: top;
  text-align: left;
  padding-bottom: 20px;  
	background-image: url(../images/leyaut/st_02.jpg);
	background-position: top left;
	background-repeat: repeat;  
}
.TdSt_03 {
  width: 31px; 
  height: 222px;
	background-image: url(../images/leyaut/st_03.jpg);
	background-position: bottom left;
	background-repeat: repeat-y;  
}
.TdSt_04 {
  width: 31px; 
  height: 59px;
	background-image: url(../images/leyaut/st_04.jpg);
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdSt_05 {
  width: 224px; 
  height: 59px;
	background-image: url(../images/leyaut/st_05.jpg);
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdSt_06 {
  width: 21px; 
  height: 59px;
	background-image: url(../images/leyaut/st_06.jpg);
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdSt_07 {
  width: 453px; 
  height: 59px;
	background-image: url(../images/leyaut/st_07.jpg);
	background-position: top left;
	background-repeat: no-repeat;  
}
.TdSt_08 {
  width: 31px; 
  height: 59px;
	background-image: url(../images/leyaut/st_08.jpg);
	background-position: top left;
	background-repeat: no-repeat;  
}

/*******************************************************************************
 * Tabela Srodek
 *******************************************************************************/
.TableSrodek {
  width: 100%;
  height: auto; 
}
.TdSrodekLewa {
  width: 224px;
  height: auto;
  vertical-align: top;
  text-align: left;
}
.TdSrodekOdstep {
  width: 21px;
  height: auto;
  vertical-align: top;
  text-align: left;
}
.TdSrodekPrawa {
  width: auto;
  height: auto;
  vertical-align: top;
  text-align: left;
}
.TdSrodek {
  vertical-align: top;
  text-align: left;
}

/*******************************************************************************
 * Tabela Zdjecia
 *******************************************************************************/
.TableFoto {
  width: 100%;
  height: auto;   
}
.TdFoto {
  text-align: center;  
  border: 0px solid red;
  padding-top: 5px;
  padding-bottom: 15px; 
}
.thumbnail {
  border: 1px solid #aeaeae;
  padding: 6px;
  background-color: #ffffff;
}
.IcoLupka { 
  padding-top: 7px;
  padding-bottom: 0px;
}

/*******************************************************************************
 * Tabela Glowna Portfolio
 *******************************************************************************/
.TablePortfolio {
  width: 100%;
  height: auto;
}
.TdPortfolioFoto {
  width: 135px;
  height: 88px;
  vertical-align: top;
  padding-bottom: 20px;
	background-image: url(../images/ajax/loading.gif);
	background-position: center;
	background-repeat: no-repeat;    
}
.TdPortfolioOpis { 
  vertical-align: top;
  padding-bottom: 20px;
}
.TdPortfolioOdstep {
  width: 17px;
  height: auto;
}
.thumbnailfolio {
  border: 1px solid #aeaeae;
  padding: 4px;
  background-color: #ffffff;
}
/* Tabela Opisy Portfolio jest w pliku  ->  st_editor.css */

/*******************************************************************************
 * FORMS Szukaj
 *******************************************************************************/
.BlokSzukajProste {
  padding-bottom: 20px;
}
.ImputSzukajProste {
  width: 143px;  
	font-size: 11px;
  color: #646464;
  border: 1px solid #a9a9a9;
  background-color: #FFFFFF;
  vertical-align: middle;
  padding: 3px;
  margin-left: 17px;  
}
.GuzikSzukajProste {
  vertical-align: middle;
  margin-left: 10px;
}

.NaglowekSzukajProste {
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding-left: 17px;
  margin-bottom: 5px;
	background-image: url(../images/leyaut/ico_01.gif);
	background-position: left;
	background-repeat: no-repeat;  
} 

.ImputSzukajZaawansowane {
  width: 385px;  
	font-size: 11px;
  color: #646464;
  border: 1px solid #a9a9a9;
  background-color: #FFFFFF;
  vertical-align: middle;
  padding: 3px;
}
.GuzikSzukajZaawansowane {
  vertical-align: middle;
  margin-left: 6px;
}

/*******************************************************************************
 * Formularz zgloszenia
 *******************************************************************************/
.field_title {
  font-weight: bold;
	width: 80px;
	vertical-align: top;
	text-align: right;  	
}
.field_form {
	width: 100%;
	vertical-align: top;
	text-align: left;
}
.field_heading {
	font-size: 13px;
  font-weight: bold;	
	vertical-align: bottom;
	background-image: url(../images/leyaut/k3a.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
  padding-bottom: 14px;  	
}
.field_submit {
  text-align: right;
	background-image: url(../images/leyaut/k3b.jpg);
	background-position: top left;
	background-repeat: no-repeat;
  padding-top: 20px;
}
.field_odstep {
  font-size: 0px;
  height: 10px;	
}
.field_komunikat {	
  font-size: 10px;
  text-align: justify;
  vertical-align: top;      	
}
.required {
	color: #990000;
}
.textfield, .email {
	width: 98%;
	font-size: 11px;
  color: #646464;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 2px;
  padding-bottom: 2px;  
  border: 1px solid #a9a9a9;
  background-color: #FFFFFF;	
}
.textarea {
	font-family: Verdana;
	color: #646464;
  font-size: 10px;
  width: 98%;
	height: 100px;  
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 3px;  
  border: 1px solid #a9a9a9;
  background-color: #FFFFFF;	
}
.select {
  font-size: 10px;
  color: #2c2c2c;
  border: 1px solid #a9a9a9;
  background-color: #FFFFFF;  
}
.checkbox_label {
	font-size: 10px;
	cursor: pointer;
	color: #2c2c2c;
}
.radio_label {
	font-size: 10px;
	cursor: pointer;
	color: #2c2c2c;	
}
.submit {
  font-size: 11px;
  color: #2c2c2c;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px; 
  border: 1px solid #a9a9a9;
  background-color: #e3e2e2;
}

/*******************************************************************************
 * Menu Botom
 *******************************************************************************/
.MenuBottom a:link {
	color: #737272;
	text-decoration: none;
	font-weight: bold;
}
.MenuBottom a:visited {
	color: #737272;
	text-decoration: none;
	font-weight: bold;
}
.MenuBottom a:hover {
	color: #2c2c2c;
	text-decoration: none;
}
.MenuBottom a:active {
	color: #2c2c2c;
	text-decoration: none;
}

/*******************************************************************************
 * Menu Left
 *******************************************************************************/
.MenuLeftBlock {
  padding-bottom: 15px;
}
.breadcrumbs {
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding-left: 17px;
  padding-bottom: 5px;
	background-image: url(../images/leyaut/ico_01.gif);
	background-position: left;
	background-repeat: no-repeat;  
} 

.MenuLeft {
  font-size: 10px;  
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  padding-left: 17px;    
}
.MenuLeft a:link {
	color: #737272;
	padding-left: 15px;
  text-decoration: none;
	background-image: url(../images/leyaut/ico_02a.png);
	background-position: left;
	background-repeat: no-repeat;	
}
.MenuLeft a:visited {
	color: #737272;
	padding-left: 15px;
	text-decoration: none;
	background-image: url(../images/leyaut/ico_02a.png);
	background-position: left;
	background-repeat: no-repeat;	
}
.MenuLeft a:hover {
	color: #2c2c2c;
	padding-left: 15px;
	text-decoration: none;
	background-image: url(../images/leyaut/ico_02b.png);
	background-position: left;
	background-repeat: no-repeat;	
}
.MenuLeft a:active {
	color: #2c2c2c;
	padding-left: 15px;
	text-decoration: none;
	background-image: url(../images/leyaut/ico_02b.png);
	background-position: left;
	background-repeat: no-repeat;	
}

/*******************************************************************************
 * Aktualnosci - anynews
 *******************************************************************************/
.BlokAnynews {
  padding-bottom: 17px;
}
.NaglowekAnynews {
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding-left: 17px;
  margin-bottom: 5px;
	background-image: url(../images/leyaut/ico_01.gif);
	background-position: left;
	background-repeat: no-repeat;  
}
.ListaAnynewsOdstep {
  height: 5px;  
}
/* tylko tytuly */
.ListaAnynews {
	font-weight: bold;
  padding-left: 17px;
  padding-top: 2px;
  padding-bottom: 3px;	  
}
.ListaAnynews a:link {
	color: #737272;
	padding-left: 15px;
  text-decoration: none;
	background-image: url(../images/leyaut/ico_02a.png);
	background-position: left;
	background-repeat: no-repeat;	
}
.ListaAnynews a:visited {
	color: #737272;
	padding-left: 15px;
	text-decoration: none;
	background-image: url(../images/leyaut/ico_02a.png);
	background-position: left;
	background-repeat: no-repeat;	
}
.ListaAnynews a:hover {
	color: #2c2c2c;
	padding-left: 15px;
	text-decoration: none;
	background-image: url(../images/leyaut/ico_02b.png);
	background-position: left;
	background-repeat: no-repeat;	
}
.ListaAnynews a:active {
	color: #2c2c2c;
	padding-left: 15px;
	text-decoration: none;
	background-image: url(../images/leyaut/ico_02b.png);
	background-position: left;
	background-repeat: no-repeat;	
}
/* tytuly + krotki text + wiecej */
.ListaAnynewsWiecej {
  width: 192px;
  text-align: right;
  font-weight: bold;
  padding-left: 15px;
}
.ListaAnynewsTitle {
  width: 192px;
  font-weight: bold;
  padding-left: 15px;
}
.ListaAnynewsContentShort {
  width: 192px;
  padding-left: 15px;
}

/*******************************************************************************
 * Aktualnosci - News
 *******************************************************************************/
.selected_group_title { 
  font-size: 12px; 
  text-align: left;  
  padding-bottom: 10px; 
}
.NewsTitle {
  font-size: 11pt; 
  font-weight: bold; 
  font-family: trebuchet ms,geneva;	
  margin-bottom: 10px;
  vertical-align: top;
}
.NewsImage {
  width: 75px;
  height: auto;
  text-align: right;
  padding-left: 15px;
}
.NewsText {
  text-align: justify;
  padding-top: 10px;
}
.NewsWroc {
  text-align: right;
  padding-top: 6px; 
}

.NewsPostTitle {
  font-weight: bold; 
  font-size: 12px; 
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 2px;  
}
.NewsPostShort {
  text-align: justify; 
  padding-top: 5px;
  padding-bottom: 7px;
}
.NewsPostMore {
  text-align: right;
  padding-top: 3px;
  padding-bottom: 17px;
  border-top: 1px solid #DDDDDD;  
}
.NewsPostDate {
  text-align: left;
  padding-top: 3px;
  padding-bottom: 17px;
  border-top: 1px solid #DDDDDD;    
}

.CommentHeader, .CommentPostHeader { 
  font-size: 10pt; 
  font-weight: bold; 
  font-family: trebuchet ms,geneva;	
  margin-bottom: 8px; 
}
.CommentPostTitle { 
  color: #1562be; 
  font-weight: bold; 
  margin-bottom: 10px; 
}

.TableComment {
  width: 100%;
}

.CommentTitle { 
  color: #232323;
  font-weight: bold; 
  font-size: 10px; 
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #a9a9a9;  
}

.CommentText { 
  color: #737272;
  text-align: justify; 
  padding: 7px;
  border-left: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9; 
}
.CommentInfo { 
  font-size: 9px;
  color: #737272;
  text-align: right;
  padding-top: 3px;
  padding-bottom: 10px;
  border-top: 1px solid #a9a9a9; 
}

#InputComment, #TextareaComment, #InputCaptcha { 
  border: 1px solid #a9a9a9; 
  background-color: #FFFFFF; 
}
#InputSubmit { 
  font-size: 10px; 
  color: #2c2c2c; 
  cursor: pointer; 
  padding-left: 10px; 
  padding-right: 10px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  border: 1px solid #a9a9a9; 
  background-color: #e3e2e2; 
}

/*******************************************************************************
 * Ostatnie Prace
 *******************************************************************************/
.BlokPokaz {
  padding-bottom: 17px;
}
.NaglowekPokaz {
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding-left: 17px;
  margin-bottom: 8px;
  background-image: url(../images/leyaut/ico_01.gif);
  background-position: left;
  background-repeat: no-repeat;  
} 
.ZawartoscPokaz {
  padding-left: 17px;
  margin-bottom: 10px;  
}


/*******************************************************************************
 * Download gallery
 *******************************************************************************/
.DownloadSzukajBlok {
  text-align: center;
  padding-bottom: 10px;
}
.InputDownload {
  width: 200px;  
	font-size: 10px;
  color: #646464;
  border: 1px solid #a9a9a9;
  background-color: #FFFFFF;
  vertical-align: middle;
  padding: 3px;
}
.SubmitDownload, .ResetDownload {
  vertical-align: middle;
  margin-left: 6px;
}

.TdDownloadGrupa {
  font-size: 10pt;
  font-weight: bold;
  font-family: trebuchet ms,geneva;	
  padding-bottom: 10px;  
}
.ImgTypPliku {
  margin-right: 3px;
}
.TdDownNazwa {
  font-weight: bold; 
  border-bottom: 1px solid #a9a9a9;
  padding-bottom: 2px;  
}
.TdDownNazwaNr {
  text-align: right;
  border-bottom: 1px solid #a9a9a9;
  padding-bottom: 2px;   
}
.TdDownloadOpis {
  text-align: justify;
  vertical-align: top;
  padding-top: 3px;
}
.TdDownloadPobrano {
  text-align: right; 
  padding-top: 2px;
  padding-bottom: 6px;
}