* {
	margin: 0;
	padding: 0;
}

div {
	font-size: 1em;
}
img {
	border: 0;
}
/*default link styles*/
a, a:link a:active {
text-decoration: none;
background-color: inherit;
color: #0063c6;
}
a:visited {
	text-decoration: none;
	background-color: inherit;
	color: #0063c6;
}
a:hover {
	text-decoration: underline;
	background-color: inherit;
	color: #0063c6;
}
@font-face {
 font-family: gothic1;
 src: url("http://chorwacja.krakow.pl/uploads/szablon/gothic.eot") /* EOT file for IE */
}
@font-face {
 font-family: gothic2;
 src: url("http://chorwacja.krakow.pl/uploads/szablon/gothic.ttf") /* TTF file for CSS3 browsers */
}
/*****************basic layout *****************/
body {	
                text-align: left;
/*	font-family:  "times new roman", Times, roman;*/
        font-family:  tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1em;
	margin: 0;
	padding: 0;
	color: #000;
	background:  url(http://chorwacja.krakow.pl/uploads/szablon/body-bg.jpg) repeat-x left top #cdcdcd;

}
div#pagewrapper {
/* min max width, IE wont understand these, so we will use java script magic in the <head> */
	max-width: 980px;
	min-width: 980px;
/* now that width is set this centers wrapper */
	margin: 15px auto;
	background-color: #fefefe;
        border: 1px solid #555;
/*	color: black; */
}

/*== TOP ==*/


/*== Start HEADER ==*/

div#headerContainer {
	background-image: url(http://chorwacja.krakow.pl/uploads/szablon/h_tlo.png) ;
	background-repeat:repeat-x;
	clear: both;
	text-align: left;
                 height: 110px;
border:0px solid #999;
margin-bottom:12px;
}
div#header1 {
  display:inline;
  width: 143px;
  height: 110px;
  margin: 0px 0px 0px 15px;
  padding: 10px 10px 0px 10px ;
  border: 1px solid #aaa;
  border-top:0px;
  float:left;
  text-align: center;
  background:white;
}
div#header2 {
       display:inline;
       float:left;
       	width: 596px; /*775px; */
	height: 110px;
	margin: 0px ;
                padding: 10px;
	text-align: left;
        border: 0px solid red;    
        font-size:18px;
        line-height:1.25em;
        font-family: 'century gothic', gothic1, gothic2 , 'times new roman', roman;
        text-align:center; color:white;
}
div#header3 {
display:inline;
float:right;
width:141px;
height:110px;
margin:0px 15px 0px 0px;
padding:10px 10px 0px 10px;
border: 1px solid #aaa;
border-top:0px;
text-align:center;
background:white;

}


/*== Main Container ==*/

div#mainContainer {
	/*background: #FFFFFF;	*/
	clear: both;	
border: 0px solid #999;  
}
div#main {
	/*height: 700px;*/
	margin: 0px auto;	
	width: 950px;
               
}


/* ==Headline News ==*/
#headline_news  {display:block; clear:both;height:50px;}
#headline_news > div {display:block;float:left;}
#headline_news div#data-czas {float:right;}

/* Headline News baner*/

div#baner1 {width:575px; margin:0 20px; padding-left:0px; padding-right:0px; margin-top:10px;
}
div#ticker { border:1px solid #ddd; border-bottom:1px solid #ddd; padding:0 2px 0 2px;}

/*nowy baner skrypt*/
div#baner1 > div {border:solid 1px #ddd;}
div#baner1 div {color:#C90000;}

/* ------------LANG ------------- */
div#language {
	width: 161px;
	height: 20px;	
	margin: 10px 0 0 0;
padding-top:8px;
        border: 1px solid #DDDDDD;
text-align:center;
}
div#language a {display:inline; margin:0px; padding:0px;}
div#language img {margin:0 5px 0 5px;}


/* == Content Page ==*/


div#kalendarium {width:545px;margin:0 20px 20px 20px;padding:15px; background-color:#ebf1cc;}
div#kalendarium h2 {font-size:120%;color: #0063c6;color:#444;}
.KalendariumTytul {display:block; font-weight:bold;border-bottom:dashed 0px silver;margin-bottom:0px; padding-bottom:0px; margin-right:10px;}
div#kalendarium div.blok1 {display:block;border-bottom:1px solid #ddd;padding-bottom:10px;}
div#kalendarium div.NewsSummary:last-child div.blok1 {border:none;padding-bottom:0px;}


div#contentPage {
	float: left;
        display: inline;	
        margin: 0;    	
	padding: 0px;
/* border: 1px dashed red;  */
}
div#content {
/*font-size:14px;*/
	width:545px;        
	margin: 0px 20px 20px 20px;
padding:15px;
background-color:#f6f6f6;
       /*border: 1px dashed #DDD;  */  
               }

 
/*SIDEBAR LEFT*/

div#sidebarLeft {
	float: left;       
        display: inline;
	width: 163px;	
	margin: 0px;
	padding: 0px;
        text-align:left;
color: #0063c6;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
        /*background: #f1f1f1 ;*/
}
div#sidebarLeft p {
	font-size: 9px;	
	text-align:left;
	padding: 10px;
        margin: 0;
}
div#childrenLeft {width:162px;height:160px;border:1px solid silver;margin-top:10px;text-align:center;background-image: url('http://chorwacja.krakow.pl/uploads/szablon/szachownica163x170.png');}
div#childrenLeft div {margin-top:5px; margin-bottom:5px}
div#banerLeft1, div#banerLeft2, div#banerLeft3, div#banerLeft4, div#banerLeft5, div#banerLeft6, div#banerLeft7, div#banerLeft8, div#banerLeft9, div#banerLeft10, div#banerLeft11, div#banerLeft12, div#banerLeft13, div#banerLeft14, div#banerLeft15, div#banerLeft16 {
	width:163px;
        height: 120px;
	margin: 10px auto;	
        border: 1px solid #DDD;   
text-align:center;     
}
div#banerLeft2 a {padding: 0px;}
div#banerLeft p {
	font-size: 9px;	
	text-align:left;
	padding: 10px;
        margin: 0;
}
div#banerLeft p a {
	color: #505050;
}

div.partner {text-align:center; font-weight: bold;color: #0063c6;font-size:9px;border-bottom: 1px #DDD solid; }
div.partner1 {height:134px !important;}

/* Menu */

#menu1 { }
.sectionheader {
color: white;
}
.currentpage {}

#sidebarLeft #menu1 ul  {
	margin: 0px ;
	padding: 0px ;
	list-style: none;
background: #00298C;

}
#sidebarLeft #menu1 ul li {
font-weight:bold;
border-top: solid 1px #5e6c9c;
/*background-color: #00298c;*/
/*background-image: url('http://chorwacja.krakow.pl/uploads/szablon/menubg.png');*/

}
#sidebarLeft #menu1 ul li a {
color: #ffffff;
}

#sidebarLeft #menu1 ul li ul li{
font-weight:normal;
}

#sidebarLeft #menu1 a,  span.menupozycja  {display:block;padding-top:5px; padding-bottom:5px; padding-left:10px;}
#sidebarLeft #menu1 ul li ul li a {
padding-left:10px;
}
#sidebarLeft #menu1 ul li a:hover {background:#aaa; text-decoration:none; color:white;}


/* MENU 2 */
#menu2 { 
}
#menu2 .sectionheader {
color: #707070;
}
#menu2 .currentpage {}

#menu2 ul  {
	margin: 0px ;
	padding: 0px ;
	list-style: none;
}
#menu2 ul li {
font-weight:bold;
border-top: solid 1px white;
background: #ebf1cc;
}
#menu2 ul li a {
color: #707070;
}

#menu2 ul li ul li{
font-weight:normal;
}

#menu2 a,  span.menupozycja  {display:block;padding-top:5px; padding-bottom:5px; padding-left:10px;}
#menu2 ul li ul li a {
padding-left:10px;
}
#menu2 ul li a:hover {background:#aaa; text-decoration:none; color:white;}


/* SIDEBAR RIGHT */

div#sidebarRight {
       float:right;       
       display: inline;
       margin: 0px;
       padding: 0px; 
width: 163px;   
   font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
}

div#banerPortalGospLink {background-repeat:no-repeat;
 	width:161px;  height: 250px; margin: 10px auto;	 border: 1px solid #DDD;  }
/*div#banerPortalGospLink.pl {color:red; background-image: url(http://chorwacja.krakow.pl/uploads/szablon/economic-portal-v2pl.png);}
div#banerPortalGospLink.hr {background-image: url(http://chorwacja.krakow.pl/uploads/szablon/economic-portal-v2hr.png);}*/
div#banerPortalGospLink a:link, div#banerPortalGospLink a, div#banerPortalGospLink a:visited, div#banerPortalGospLink span {color:#999;}

div.pogoda {margin:10px auto;width:100%;display:block; background-color: #f1c411; height: 61px;}
div.pogoda.ch {background-color:#3658db;} /*inne tło na CH */
div.pogoda a {display: block; height: 61px; width: 100%; text-align: center;}


div#banerRight0, div#banerRight1, div#banerRight2, div#banerRight3, div#banerRight4, div#banerRight5, div#banerRight6, div#banerRight7, div#banerRight8, div#banerRight9, div#banerRight10, div#banerRight11, div#banerRight12, div#banerRight13, div#banerRight14, div#banerRight15, div#banerRight16 {
	width:161px;
        height: 120px;
	margin: 10px auto;	
        border: 1px solid #DDD;  
}
/*div#banerRight1 {
border: 0px ; height:150px;
}*/
div#banerRight p {
	font-size: 9px;	
	text-align:left;
	padding: 10px;
        margin: 0;
}
div#banerRight p a {
}

/*Baner Bottom */

div#banerContainerBottom {
	background: #FFFFFF;	
	clear: both;
	text-align: center;
}
div#banerBottom {
	height: 50px;
	margin: 0 auto;
	text-align: left;
	width: 950px;
        border: 1px solid #DDD;        
}
div#banerBottom p {
	font-size: 9px;
	padding: 10px;
	text-align:left;
	padding: 10px;
        margin: 0;
}
div#banerBottom p a {
	color: #505050;
}

/*Footer*/

div#footerContainer {
	background: #FFFFFF;
	border-bottom: 0px solid #2c2b30;
	clear: both;
	text-align: center;
}
div#footer {
	height: 50px;
	margin: 0 auto;
	text-align: left;
	width: 950px;        
}
div#footer p {
	font-size: 9px;
	padding: 10px;
	text-align:left;
        color: #909090;
	margin: 0;
}
div#footer p a {
	color: #909090;
}


/********************CONTENT STYLING*********************/


/* paragrafy w edytorze */
#tinymce div {
  line-height:1.4em;
  font-family: tahoma, arial, helvetica;
}
#tinymce p {
  line-height:1.4em;
  margin-bottom:1.5em;
  font-family: tahoma, arial, helvetica;
}

/*style do edytora*/
.brak_tla {background-color:none;}
.tlo-czerwone {background-color:#cc0000;}
.tlo-niebieskie {background-color:#0063c6;}
.tlo-jasnoszare {background-color:#DDD;}
.tlo-ciemnoszare {background-color:#999;}


div#content div {
	text-align:left;
	padding: 5px auto;
                margin: 0;
                line-height:1.4em; 
}

div#content p {
	text-align:left;
	padding: 5px auto;
                margin: 0;
                line-height:1.4em; 
margin-bottom:1.5em;

}
div#content p a {
	color: #0063c6;
}

#content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content li {
	margin: 0px 0px 0px 25px;
	padding: 0;  
      /* border-bottom: 1px dashed #DDD;*/


}
#content hr { text-align:center;width:100% ; position:static; color:#ddd;height:1px;border:0px;}

/* HEADINGS */
div#content h1 {
/* font size for h1 */
	font-size: 2em;
	line-height: 1em;
	margin: 0;
}
div#content h2 {
	color: #0063c6;
/* font size for h2 the higher the h number the smaller the font size, most times */
	font-size: 120%;
	text-align: left;
/* some air around the text */
	padding-left: 0px;
	padding-bottom: 10px;
/* set borders around header */
	border-bottom: 1px solid #DDD;
	border-left: 0px solid #899092;
/* a larder than h1 line height */
	line-height: 1.5em;
/* and some air under the border */
	margin: 0 0 0.5em 0;
}
div#content h3 {
	color: #0063c6;
	font-size: 11px;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
        padding: 10px 0px 10px 0px;
}
div#content h4 {
	color: #294B5F;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
div#content h5 {
	color: #294B5F;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h6 {
	color: #294B5F;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
/* END HEADINGS */
/* TEXT */

blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
/*div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 0em  0;
} */
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
/* END LISTS */


/* LISTS */


/* END LISTS */
 
/* TABLE */
div#content table {border-collapse:collapse;}
div#content table td {
       background:#F8F8F8;
       padding: 3px 5px 3px 5px; 
       border: 1px solid #DDDDDD; 
       	
}

/* ------------DATA i CZAS------------- */
div#data-czas, div#data-czas-cr {
	width: 161px;
	height: 27px;
	margin: 10px 0 0 0;
padding-top:1px;
        border: 1px solid #DDDDDD;
text-align:center;
background-color:#00298C;/*#3658DB;*/
color:white;
}
div#data-czas-cr {margin: 0px auto 10px auto;}


/* ------------ Header - Search ------------ */
div#search {
	width: 161px;
	height: 28px;	
	margin: 0px auto 10px auto;
        border: 1px solid #DDDDDD;


}
div#search label {
	text-indent: -9999em;
	height: 0pt;
	width: 0pt;
	display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
	width: 120px;
	height: 17px;
/* removes default borders, allows use of image */
	border-style: none;
/* text color */
	color: #999;
/* padding of text */
	padding: 7px 0px 4px 10px;
	float: left;
/* set all font properties at once, weight, size, family */
	font: 11px Tahoma, Arial, Helvetica, sans-serif;*/
/* left input image, set your own here */
	}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
	width: 25px;
	height: 28px;
/* removes default borders, allows use of image */
	border-style: none;
/* hides text, image has text */
	text-indent: -9999em;
	float: left;
	margin: 0;
/* provides positive hover effect */
	cursor: pointer;
/* removes default size/height */
	font-size: 0px;
	line-height: 0px;
/* submit button image, set your own here */
	background: transparent url(http://chorwacja.krakow.pl/uploads/szablon/lupa2.gif) no-repeat right center;
}

.separator {
padding:0px;
margin: 0px;
font-size: 1pt;
height:1px;
width:1px;
}

/* ====MEDIA ====*/
@media screen and (min-width:1360px){
div#pagewrapper {
/* min max width, IE wont understand these, so we will use java script magic in the <head> */
	max-width: 1260px;
	min-width: 980px;
}
div#headerContainer {background-size:1280px 110px;}
div#header2 {width:876px;}
div#main {width:1228px;}
div#baner1 {width:855px;}
div#content, div#kalendarium {width:825px;}
}
@media screen and (max-width:1360px){
div#content img {width:90%;height:90%; }
}