/******************************************************************************
	Theme Name: AJJ
	Theme URI: -
	Description: AJJ Theme
	Version: 1.2.3
******************************************************************************/
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('font/BebasNeue-webfont.html');
    src: url('font/BebasNeue-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('font/BebasNeue-webfont-2.html') format('woff'),
         url('font/BebasNeue-webfont-3.html') format('truetype'),
         url('font/BebasNeue-webfont-4.html#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal; }

/*
	RESET
*/
body, div, span, table, ul, ol, li, p, img { margin: 0; padding: 0; border: none; }
a:link, a:visited, a:hover, a:active { color: #555555; text-decoration: none; outline: 0; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; vertical-align: top; }
ul { list-style: none; }
div { position: relative; }

/* --- FONTY I KOLORY --- */
body { font: 13px Arial, sans-serif; line-height: 1.5em; color: #454545; background: #1a1d1f; }
/*body { font: italic 12px Georgia, serif; line-height: 1.5em; color: #c6c6c6; }*/
#idWrapT .cWrapC .cHead .cContact { color: #fefefe; font-size: 14px; line-height: 1.25em; }
#idWrapT #idMenuL,
#idWrapT #idMenuR { font-size: 12px; font-weight: bold; line-height: 1.1em; }
#idWrapT #idMenuL a.cActive,
#idWrapT #idMenuR a.cActive,
#idWrapT #idMenuL a:hover,
#idWrapT #idMenuR a:hover { color: #fefefe; }
#idWrapB .cBody { color: #634e3c; }

/* --- ROZNE --- */
.cClear { clear: both; }

/* --- WRAP GLOWNY --- */
#idWrapT { width: 100%; background: #5f6168 url(img/bgT.png) top left repeat-x; }

#idWrapT .cWrapC { width: 1000px; margin: 0 auto; background: url(img/bgC2.png) top left repeat-y; }

/* Naglowek */
#idWrapT .cWrapC .cHead { width: 1000px; height: 290px; background: url(img/top2.jpg) top left no-repeat; }

/* Linki do strony glownej pod logiem i napisem 'geosyntetyki.com' */
#idWrapT .cWrapC .cHead #idLogoHomeLink { display: block; position: absolute; width: 160px; height: 70px; top: 20px; left: 10px; }
#idWrapT .cWrapC .cHead #idGeoHomeLink { display: block; position: absolute; width: 270px; height: 80px; top: 110px; right: 0px; }

/* Kontakt w naglowku */
#idWrapT .cWrapC .cHead .cContact { position: absolute; top: 125px; left: 10px; }

#idWrapT .cWrapC .cBody,
#idWrapT .cWrapC #idMenuL,
#idWrapT .cWrapC #idMenuR { float: left; min-height: 1px; }

/* Tresc */
#idWrapT .cWrapC .cBody p { margin: 0 0 1em 0; }
#idWrapT .cWrapC .cBody img { background: white; padding: 5px; border: 1px solid #cccccc; margin: 6px; }
#idWrapT .cWrapC .cBody img.alignleft { float: left; }
#idWrapT .cWrapC .cBody img.alignright { float: right; }
#idWrapT .cWrapC .cBody img.aligncenter { display: block; float: none; clear: both; margin: 6px auto; }

#idWrapT .cWrapC .cBody ul { list-style: disc; }
#idWrapT .cWrapC .cBody li { margin-left: 1em; }

#idWrapT .cWrapC #idMenuL { width: 300px; }
#idWrapT .cWrapC #idMenuR { width: 293px; padding-left: 7px; }

#idWrapT .cWrapC .cBody { width: 360px; padding: 0 20px; }

/* --- MENU --- */
#idMenuL a,
#idMenuR a { width: 146px; display: block; float: left; }

#idWrapT #idMenuL .cHead,
#idWrapT #idMenuR .cHead { width: 146px; height: 11px; background: url(img/menuItemHF3.png) top left no-repeat; }
#idWrapT #idMenuL .cBody,
#idWrapT #idMenuR .cBody { float: none; margin: 0;  width: 130px; padding: 0 8px 0 8px; background: url(img/menuItemB3.png) top left repeat-y; }
#idWrapT #idMenuL .cFoot,
#idWrapT #idMenuR .cFoot { width: 146px; height: 15px; background: url(img/menuItemHF3.png) bottom left no-repeat; }

#idWrapT #idMenuL a.cActive .cHead,
#idWrapT #idMenuL a:hover .cHead,
#idWrapT #idMenuR a:hover .cHead { background-position: -146px 0; }
#idWrapT #idMenuL a.cActive .cBody,
#idWrapT #idMenuL a:hover .cBody,
#idWrapT #idMenuR a:hover .cBody { background-position: -146px 0; }
#idWrapT #idMenuL a.cActive .cFoot,
#idWrapT #idMenuL a:hover .cFoot,
#idWrapT #idMenuR a:hover .cFoot { background-position: -146px -11px; }

#idWrapT #idMenuL .cBody img,
#idWrapT #idMenuR .cBody img { width: 130px; height: 90px; margin: 0 0 3px 0; border: 0; background: transparent; padding: 0; }

#idWrapT #idMenuL .cBody p,
#idWrapT #idMenuR .cBody p { margin: 0; }

/* --- WRAP DOLNY --- */
#idWrapB  { width: 100%; background: url(img/bgF3.png) top left repeat-x; }

#idWrapB .cBody { width: 1000px; min-height: 123px; padding: 200px 0 0 0; margin: 0 auto; background: url(img/footer3.jpg) top left no-repeat; }
#idWrapB .cBody .cLeft { width: 300px; float: left; }
#idWrapB .cBody .cRight { width: 300px; float: right; }


#idMenuL + div.cBody *{
	font-size: 14px !important;
}

div.cBody h1,div.cBody h2,div.cBody h3,div.cBody h4,div.cBody h5,div.cBody h6, .cBody span{
	font-size: 16px!important;
}
.atryb{
	background:transparent;
	border: none;
}

/* nie wyswietla paska na gorze strony na PC */

@media only screen and (orientation: landscape) {
  .topnavphone {
	display: none;
	}
}

/* wyswietla pasek z telefonem na gorze strony na urz. mobilnych */

@media only screen and (orientation: portrait) {
  .topnavphone {
	display: flex;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 10000;
	height: 60px;
	width: 200px;
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	color: white;
	background-image: url("/images/zadzwon.png");
	background-size: cover;
	}
}