/*********************

Jan Pogocki - homepage
Styl domyslny

*********************/

body {
	background-color:#ffffff;
	color:#111111;
	font-family: 'Open Sans', sans-serif;
	margin:0;
}

h1{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:48pt;
	line-height:1.3em;
	margin:0;
	font-weight:700;
	word-wrap:break-word;
}

h2{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:34pt;
	line-height:1.3em;
	margin:0;
	font-weight:700;
	word-wrap:break-word;
}

h3{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:26pt;
	line-height:1.5em;
	margin:0;
	font-weight:normal;
	word-wrap:break-word;
}

a,a:visited {
	color:#E53935;
	text-decoration:none;
}

a:hover {
	color:#E53935;
	text-decoration:underline;
}

img {
	border:none;
	max-width:100%;
	height:auto;
}

img.lazy{
	display:none;
}

a img {
	border:none;
}

::selection {
	background-color: #E53935;
	color: #ffffff;
}
::-moz-selection {
	background-color: #E53935;
	color: #ffffff;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#navbarColor{
	background-color:#444444;
	width:100%;
	top: 0;
	position: fixed;
	z-index:1000;
}

#navbarContent{
	width:1250px;
	background-color:#444444;
	text-align:center;
	margin: auto;
	border:none;
}

#navbarElements{
	margin:auto;
	padding: 0px !important;
	display:table;
} 

#navbarElements li{
	list-style-type: none;
	display: inline;
} 

.navbarElement,.navbarElement:visited {
	background-color:none;
	padding: 8px 30px 10px 30px;
	color:#999999;
	text-decoration:none;
	font-size:12pt;
	font-family:'Play', sans-serif;
	border:none;
	height: 39px;
    line-height: 39px;
	margin:0;
}

.navbarElement:hover {
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	background-color:#555555;
	color:#999999;
	text-decoration:none;
	font-size:12pt;
	font-family:'Play', sans-serif;
	border-top:3px solid #E53935;
	margin:0;
}

.navbarElement:active {
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	background-color:#4A4A4A;
	color:#999999;
	text-decoration:none;
	font-size:12pt;
	font-family:'Play', sans-serif;
	border-top:3px solid #E53935;
	margin:0;
}

#logotypBox{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width:1250px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:10px;
}

#logotypNarrow{
	font-size: 13pt;
	width: 1.76em;
}

#logotypWide{
	-ms-flex-positive:1;
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	text-align:center;
}

#logotypDivLower{
	height:39px;
	width:100%;
}

#buttonPepka{
	display: none;
}

.buttonPepkaImg{
	margin-top:4px;
	margin-left:-50px;
	position:absolute;
}

.buttonPepkaImg:hover{
	opacity: 0.9;
    filter: alpha(opacity=90);
}

.buttonPepkaImg:active{
	opacity: 0.7;
    filter: alpha(opacity=70);
}

.navbarElementsMobile{
	display:none;
}

#socialButton{
	font-size:13pt;
	border:0.12em solid #E0E0E0;
	text-align:center;
	width:1.5em;
	height:1.5em;
	line-height:1.5em;
	margin-top:4px;
}

#socialButton:hover{
	font-size:13pt;
	border:0.12em solid #111111;
}

.socialButtonLink, .socialButtonLink:visited{
	color:#E0E0E0;
}

.socialButtonLink:hover{
	color:#111111;
}

#containerColorWhite{
	background:#ffffff;
	width:100%;
}

#containerColorGray{
	background:#ECEFF1;
	width:100%;
}

#containerColorRed{
	background:#E53935;
	width:100%;
}

#containerColorDarkRed{
	background:#B71C1C;
	width:100%;
}

#containerColorYellow{
	background:#FFF3E0;
	width:100%;
}

#containerColorBlack{
	background:#222222;
	width:100%;
}

#containerColorGreen{
	background:#4CAF50;
	width:100%;
}

#containerText{
	margin-left:auto;
	margin-right:auto;
	width:1250px;
	font-size:0;
}

#containerText img:hover{
	opacity: 0.8;
    filter: alpha(opacity=80);
}

#containerTwins{
	width:1250px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-left: auto;
	margin-right: auto;	
	font-size:0;
}

#containerTwinsNarrow{
	width: 47.5%;
}

#containerTwinsNarrow img:hover{
	opacity: 0.8;
    filter: alpha(opacity=80);
}

#containerTwinsNarrowBreakfiller{
	-ms-flex-positive:1;
	-moz-flex-grow: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

#containerTwinsNarrowNextPageLeft{
	width: 47.5%;
	text-align:left;
}

#containerTwinsNarrowNextPageRight{
	width: 47.5%;
	text-align:right;
}

.textCentered{
	text-align:center;
}

#tileCropBox{
	overflow: hidden;
	height: 400px;
}

.tileCrop{
	margin-top:-9%;	
}

#tileBreakfiller{
	height:10px;
}

#tileBreakfiller2{
	height:35px;
}

#tileBreakfiller3{
	height:35px;
}

.tileTitle, .tileTitle:visited{
	color:#111111;
	text-decoration:none;
}

.tileTitle:hover{
	color:#E53935;
	text-decoration:none;
}

#tileDesc, #tileDesc:visited, #tileDesc:hover{
	position:absolute;
	font-size:9pt;
	margin-left:8px;
	margin-top:8px;
	background-color:rgba(0, 0, 0, 0.65);
	color:#ffffff;
	padding:5px 7px 5px 7px;
	font-family:'Play', sans-serif;
	z-index:2;
}

#sloganFooter{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	font-size:15pt;
	padding:1.3em 0.5em 0 0.5em;
	color:#eeeeee;
	box-sizing: border-box;
	font-family:'Play', sans-serif;
	text-transform: uppercase;
	letter-spacing:8px;
	text-align:center;
}

#footer{
	margin-left:auto;
	margin-right:auto;
	width:1250px;
	font-size:13pt;
	padding:1.3em 0 1.3em 0;
	color:#ffffff;
	box-sizing: border-box;
	display:table;
}

#footer2{
	margin-left:auto;
	margin-right:auto;
	width:1250px;
	font-size:13pt;
	padding:1.3em 0 1.3em 0;
	color:#ffffff;
	box-sizing: border-box;
	display:table;
}

.osobyOnline{
	font-size:11pt;
}

.footer2title{
	font-family: 'Play', sans-serif;
	text-transform: uppercase;
	font-size: 16pt;
	width:100%;
	letter-spacing: 2px;
}

.footerLink, .footerLink:visited{
	color:#ffffff;
	text-decoration:none;
}

.footerLink:hover{
	color:#ffffff;
	text-decoration:underline;
}

.footerNewsletterEmail, .footerNewsletterEmail:hover, .footerNewsletterEmail:focus, .footerNewsletterEmail:active{
	border:2px solid #ffffff !important;
	border-right:none !important;
	background:#D32F2F !important;
	color:#ffffff !important;
	padding:0.3em !important;
	font-size:13pt !important;
	line-height: normal !important;
	display:table-cell !important;
	vertical-align: top !important;
	width:80% !important;
	margin:0 !important;
}

.footerNewsletterButton, .footerNewsletterButton:hover, .footerNewsletterButton:focus, .footerNewsletterButton:active{
	border:2px solid #ffffff !important;
	border-left:none !important;
	background:#D32F2F !important;
	color:#ffffff !important;
	padding:0 0 0.1em 0 !important;
	font-size:30pt !important;
	line-height: normal !important;
	margin-left:0 !important;
	width:1em !important;
	height:100% !important;
	display:table-cell !important;
	vertical-align: top !important;
	width:20% !important;
	margin:0 !important;
	box-shadow:none !important;
}

.twitter-timeline{
	max-width: 375px !important;
}

#footer2triple{
	width:30%;
	display:table-cell;
	text-align:left;
	vertical-align: top;
}

#footer2tripleBreakfiller{
	width:5%;
	display:table-cell;
}

#footer2tripleBreakfiller2{
	height:1em;
}

#footer2tripleBreakfiller3{
	height:0;
	display:none;
}

#footer2tripleContent{
	text-align:center;
	width:100%;
}

.nextPage{
	font-size:18pt;
	font-family:'Open Sans Condensed', sans-serif;
	font-weight:bold;
}

#specialTileTitle{
	font-size:22pt;
	font-family:'Open Sans Condensed', sans-serif;
	padding:0.2em 0 0.2em 0;
}

#specialTileContent{
	font-size:14pt;
	font-family:'Open Sans', sans-serif;
	vertical-align: middle; 
	padding:1.5em 0.2em 0.2em 0.2em;
}

#specialTileContent input[type="submit"]{
	font-size:14pt;
}

#artHeader{
	padding:0.2em 0 0.2em 0;
	width:1250px;
	margin-left:auto;
	margin-right:auto;
	font-size: 22pt;
}

.artHeaderLink, .artHeaderLink:hover, .artHeaderLink:visited{
	text-decoration:none;
	color:#111111;
	text-decoration:none;
	font-size: 22pt;
	font-family:'Open Sans Condensed', sans-serif;
}

.artImg:hover{
	opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

#artText{
	display:table-cell;
	color:#111111;
	font-family:'PT Serif', 'Open Sans', sans-serif;
	font-size:14pt;
	width:950px;
	text-align: justify;
    text-justify: inter-word;
	line-height:1.7em;
	margin:0;
	padding:0;
}

#artRightmenuBreakfiller{
	width:50px;
	display:table-cell;
}

#artRightmenu{
	display:table-cell;
	color:#bbbbbb;
	font-family:'Play', sans-serif;
	font-size:10pt;
	width:250px;
	text-align: center;
}

.artRightmenu2Stick{
	position:fixed;
	top:45px;
	width:250px;
}

.artRightmenu2StickTwice{
	position:fixed;
	top:90px;
	width:250px;
}

.artBigNumbers{
	font-family:'Open Sans Condensed', sans-serif;
	font-size:15pt;
	color:#111111;
}

.artIcon, .artIcon:visited{
	color:#bbbbbb !important;
	text-decoration:none;
}

.artIcon:hover{
	color:#E53935 !important;
	text-decoration:none;
}

.artNewsletterEmail, .artNewsletterEmail:hover, .artNewsletterEmail:focus, .artNewsletterEmail:active{
	border:2px solid #d9d9d9 !important;
	border-right:none !important;
	background:#ffffff !important;
	color:#555555 !important;
	padding:0.3em !important;
	font-size:11pt !important;
	line-height: normal !important;
	display:table-cell !important;
	vertical-align: top !important;
	width:80% !important;
	margin:0 !important;
}

.artNewsletterButton, .artNewsletterButton:hover, .artNewsletterButton:focus, .artNewsletterButton:active{
	border:2px solid #d9d9d9 !important;
	border-left:none !important;
	background:#ffffff !important;
	color:#d9d9d9 !important;
	padding:0 0 0.1em 0 !important;
	font-size:20pt !important;
	line-height: normal !important;
	margin-left:0 !important;
	width:1em !important;
	height:100% !important;
	display:table-cell !important;
	vertical-align: top !important;
	width:20% !important;
	margin:0 !important;
	box-shadow:none !important;
}

iframe.fb_iframe_widget_lift
{
	margin-left:-300px;
	background-color:rgba(255, 255, 255, 0.9);
	z-index:10;
	padding:30px;
}

#artShareMobile{
	display:none;
}

#artListing{
	color:#111111;
	font-family:'Open Sans', sans-serif;
	font-size:13pt;
	width:1250px;
	line-height:1.5em;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

#artFullPageImg{
	color:#111111;
	font-family:'PT Serif', 'Open Sans', sans-serif;
	font-size:14pt;
	width:1250px;
	text-align: justify;
    text-justify: inter-word;
	line-height:1.7em;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;	
}

#artFullPage{
	color:#111111;
	font-family:'PT Serif', 'Open Sans', sans-serif;
	font-size:14pt;
	width:1250px;
	text-align: justify;
    text-justify: inter-word;
	line-height:1.7em;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}

#artComments{
	color:#111111;
	font-family:'PT Serif', 'Open Sans', sans-serif;
	font-size:14pt;
	line-height:1.7em;
	margin:0;
	padding:0;
}

.artCommentsButtons{
	color:#bbbbbb;
	font-family:'Play', sans-serif;
	font-size:10pt;
}

#artCommentsHeader{
	display: table;
}

#artCommentsHeaderTableCell{
	display: table-cell;
}

#commentBox{
	display: table;
	min-height: 120px;
	font-size:0;
	padding-top:25px;
}

#commentBoxAvatar{
	display: table-cell;
	vertical-align:top;
	padding-right: 25px;
	margin:0;
	height: 120px;
	box-sizing: border-box;
	font-size:0;
	line-height:0;
	min-width:145px;
}

#commentBoxAvatar img:hover{
	opacity: 1;
    filter: alpha(opacity=100);
}

#commentBoxContent{
	display:table-cell;
	vertical-align:top;
	min-height: 118px;
	border: 1px #eeeeee solid;
	font-size:13pt;
	font-family:'Open Sans', sans-serif;
	box-sizing: border-box;
	padding:7px;
	width:100%;
	line-height:1.3em;
}

#commentTextarea{
	width:1105px;
	margin-top:5px;
	min-height:81px;
	max-height:300px;
	resize:none;
	box-sizing: border-box !important;
}

#commentCheckboxAndSend{
	display:table;
	width:100%;
	margin-top:5px;
}

#commentCheckboxes{
	display:table;
}

#commentCheckbox{
	display:table-cell;
	padding-right:10px;
}

#commentSend{
	display:table-cell;
	text-align:right;
	vertical-align:top;
}

#commentBoxContentTitle{
	display:table;
	width:100%;
	border-bottom:1px solid #eeeeee;
	padding-bottom:5px;
}

#commentBoxContentTitleTableCellLeft{
	display:table-cell;
	width:50%;
	text-align:left;
	font-size:14pt;
	font-family:'Open Sans Condensed', sans-serif;
	font-weight:bold;
}

#commentBoxContentTitleTableCellRight{
	display:table-cell;
	width:50%;
	text-align:right;
	font-size:11pt;
	font-family:'Play', sans-serif;
	color:#bbbbbb;
	text-decoration:none;
}

.blackLink, .blackLink:hover, .blackLink:visited{
	color:#111111;
}

#commentBoxContentText{
	margin-top:10px;
	padding-bottom:5px;
	min-height:40px;
	text-align: justify;
    text-justify: inter-word;
}

.textAlmostWhite{
	color:#dddddd !important;
}

.textWeightNormal{
	font-weight:normal !important;
}

.blackFormInput, .blackFormInput:hover, .blackFormInput:focus, .blackFormInput:active{
	border:2px solid #555555 !important;
	background:#181818 !important;
	color:#ffffff !important;
	padding:0.3em !important;
	font-size:13pt !important;
	line-height: normal !important;
	display:table-cell !important;
	vertical-align: top !important;
	margin:0 !important;
}

.blackFormButton, .blackFormButton:hover, .blackFormButton:focus, .blackFormButton:active{
	border:2px solid #555555 !important;
	background:#181818 !important;
	color:#ffffff !important;
	padding:0.3em !important;
	font-size:13pt !important;
	line-height: normal !important;
	margin-left:0 !important;
	height:100% !important;
	width: 12em !important;
	display:table-cell !important;
	vertical-align: top !important;
	margin:0 !important;
	box-shadow:none !important;
}

.ncc2wCaption{
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-size:48pt !important;
	line-height:1.3em !important;
	margin:0 !important;
	font-weight:normal !important;
	color: #111111 !important;;
}

.ncc2wText, .ncc2wTitle{
	font-family: 'Open Sans', sans-serif !important;
}

.ncc2wSlider-wrapper{
	width:100% !important;
}

#tickerContainer{
	color: #FFFFFF;
	padding: 5px 0 5px 0;
	font-family:'Play', sans-serif;
	font-size:13pt;
	text-align: center;
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

#ticker ul{
	width: 100%;
	list-style-type: none;
}

/* TABLETY ================================================================================================================================== */
@media screen and (max-width: 1279px) {
	h1{
		font-size:30pt;
	}
	
	h2{
		font-size:18pt;
	}
	
	#navbarContent{
		width:738px;
	}

	.navbarElement,.navbarElement:visited {
		padding: 8px 6px 10px 6px;
	}
	
	.buttonPepkaImg{
		margin-left:-35px;
	}
	
	#logotypBox{
		width:738px;
	}
	
	.logotypImg{
		width:80%;
		margin-top:20px;
	}
	
	#containerText{
		width:738px;
	}
	
	#tileCropBox{
		height: 230px;
	}
	
	.tileCrop{
		margin-top:-9.5%;	
	}
	
	#containerTwins{
		width:738px;
	}
	
	#footer{
		width:738px;
	}
	
	#footer2{
		width:738px;
	}	
	
	#specialTileTitle{
		font-size:18pt;
	}
	
	#specialTileContent{
		padding:0.2em;
	}
	#artHeader{
		width:738px;
		padding:0.2em 0 0.2em 0.2em;
	}

	#artText{
		display:block;
		width:738px;
	}
	
	#artRightmenuBreakfiller{
		display:none;
	}

	#artRightmenu{
		display:none;
	}
	
	#artRightmenu2{
		display:none !important;
	}
	
	.artRightmenu2Stick{
		display:none
	}
	
	.artRightmenu2StickTwice{
		display:none
	}
	
	#artShareMobile{
		display:block;
		color:#bbbbbb;
		font-family:'Play', sans-serif;
		font-size:10pt;
		width:100%;
		text-align: center;
		margin-top:20px;
		line-height:1.4em;
	}
	
	iframe.fb_iframe_widget_lift
	{
		margin-left:0;
		background-color:none;
		padding:0;
	}
	
	#artListing{
		width:738px;
	}
	
	#artFullPageImg{
		width:738px;
	}
	
	#artFullPage{
		width:738px;
	}
	
	#commentBox{
		min-height: 80px;
		padding-top: 15px;
	}
	
	#commentBoxAvatar{
		padding-right: 15px;
		height: 80px;
		min-width:95px;
	}
	
	#commentBoxContent{
		min-height: 80px;
		font-size:12pt;
		line-height:1.3em;
	}
	
	#commentTextarea{
		width:643px;
		min-height:81px;
		max-height:300px;
	}
	
	.twitter-timeline{
		max-width: 220px !important;
	}
	
	.ncc2wCaption{
		font-size:30pt !important;
	}
	
	.ncc2wSlider-wrapper, .ncc2wWidget, .textUnderImages{
		width:768px !important;
	}
	
	#tickerContainer{
		width: 768px;
	}
	
}

/* SMARTFONY ============================================================================================================================ */
@media screen and (max-width: 767px) {
	h1{
		padding:0 0.3em 0 0.3em;
	}
	
	h2{
		font-size:30pt;
	}	
	
	#navbarColor{
		position: static;
	}		
	
	#navbarElements{
		display:none;
	} 	
	
	#navbarContent{
		max-width:100%;
	}
	
	.navbarElementsMobile{
		display:inline;
		min-width:100%;
		height:39px;
	}
	
	.buttonPepka{
		display:none;
	}
	
	#logotypDivLower{
		height:0;
	}
	
	.logotypImg{
		min-width:100%;
		margin-top:0;
	}
	
	#logotypNarrow{
		display: none;
	}
	
	#logotypBox{
		width:100%;
	}
	
	#containerText{
		max-width:100%;
	}
	
	.tileCrop{
		margin-top:0;	
	}
	
	#tileCropBox{
		height: auto;
	}
	
	#containerTwins{
		display: block;
		width:100%;
	}

	#containerTwinsNarrow{
		width: 100%;
	}
	
	#containerTwinsNarrowNextPageLeft{
		width: 100%;
		text-align:center;
	}

	#containerTwinsNarrowNextPageRight{
		width: 100%;
		text-align:center;
	}
	
	#tileBreakfiller3{
		height:0;
	}
	
	#footer{
		width:100%;
		padding:1.3em 0.5em 1.3em 0.5em;
	}
	
	#footer2{
		width:100%;
		padding:1.3em 0.5em 1.3em 0.5em;
		display:block;
	}
	
	#footer2triple{
		width:100%;
		display:block;
	}

	#footer2tripleBreakfiller{
		display:none;
	}
	
	#footer2tripleBreakfiller3{
		height:2em;
		display:block;
	}
	
	#specialTileTitle{
		font-size:22pt;
		padding:0.2em 0 0.2em 0.2em;
	}
	
	#specialTileContent{
		padding:0.5em;
	}
	
	#artHeader{
		width:98%;
	}
	
	#artText{
		display:block;
		width:100%;
		padding:0 0.5em 0 0.5em;
		box-sizing:border-box;
	}
	
	#artRightmenuBreakfiller{
		display:none;
	}

	#artRightmenu{
		display:none;
	}
	
	#artListing{
		width:100%;
		padding:0 0.5em 0 0.5em;
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
	}
	
	#artFullPageImg{
		width:100%;
	}	
	
	#artFullPage{
		width:100%;
		padding:0 0.5em 0 0.5em;
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
	}	
	
	#artCommentsHeaderTableCell{
		display: block;
	}
	
	#artCommentsHeaderTableCell .artCommentsButtons{
		margin-left:15px;
	}
	
	#commentBox{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#commentBoxAvatar{
		height: 50px;
		min-width:65px;
	}	
	
	#commentTextarea{
		width:100%;
		min-height:81px;
		max-height:300px;
	}
	
	#commentCheckbox{
		display:block;
		padding-right:0;
	}
	
	#commentCheckboxes{
		display:block;
	}
	
	#commentSend{
		display:block;
		text-align:right;
		vertical-align:top;
	}
	
	.twitter-timeline{
		max-width: 100% !important;
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.ncc2wCaption{
		padding:0 0.3em 0 0.3em;
	}
	
	#ncBoxDiv{
		width:100%;
		padding:0 0.5em 0 0.5em;
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
	}
	
	#tickerContainer{
		width: 100%;
	}
		
	
} 

/* ELEMENTY STERUJACE ==START== */

textarea {color:#111111;font-family:"Open Sans";font-size:11pt;border: 1px solid gainsboro;border: 1px solid rgba(0, 0, 0, 0.1);background-color:#fafafa;padding:6px;line-height:16pt}

textarea:active, textarea:hover, textarea:focus {color:#111111;font-family:"Open Sans";font-size:11pt;border: 1px solid #C6C6C6;background-color:#ffffff;padding:6px;line-height:16pt}

input[type="submit"], input[type="reset"] {display: inline-block;
font-family:"Open Sans";
min-width: 54px;
font-size:11pt;
text-align: center;
color: #111111;
height: 32px;
padding: 0 15px;
line-height: 25px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: whiteSmoke;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="reset"]:focus {border: 1px solid #C6C6C6;
color: #111111;
text-decoration: none;
-webkit-transition: all 0.0s;
-moz-transition: all 0.0s;
-ms-transition: all 0.0s;
-o-transition: all 0.0s;
transition: all 0.0s;
background-color: #F8F8F8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);}

input[type="submit"]:active, input[type="reset"]:active {background-color: #F6F6F6;
background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);}

input[type="text"] {color:#111111;font-family:"Open Sans";font-size:11pt;border: 1px solid gainsboro;border: 1px solid rgba(0, 0, 0, 0.1);background-color:#fafafa;padding:6px;}

input[type="text"]:active, input[type="text"]:hover, input[type="text"]:focus {color:#111111;font-family:"Open Sans";font-size:11pt;border: 1px solid #C6C6C6;background-color:#ffffff;padding:6px;}

select {color:#111111;font-family:"Open Sans";font-size:11pt;background-color:#fafafa;padding:6px;border: 1px solid rgba(0, 0, 0, 0.1);cursor: pointer;}

select:active, select:hover, select:focus {color:#111111;font-family:"Open Sans";font-size:11pt;border: 1px solid gainsboro;border: 1px solid #C6C6C6;background-color:#ffffff;padding:6px;cursor: pointer;}

input[type='checkbox'],
input[type='radio'] {
  -webkit-appearance: none;
  -webkit-user-select: none;
  background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08),
      inset 0 1px 2px rgba(255, 255, 255, 0.75);
  color: #444;
  font: inherit;
  cursor: pointer;
  margin: 0 5px 0 0;
  text-shadow: 0 1px 0 rgb(240, 240, 240);
  
}

input[type='checkbox'] {
  bottom: 2px;
  height: 17px;
  position: relative;
  vertical-align: middle;
  width: 17px;
}

input[type='radio'] {
  /* OVERRIDE */
  border-radius: 100%;
  bottom: 3px;
  height: 17px;
  position: relative;
  vertical-align: middle;
  width: 17px;
}

input[type='checkbox']:checked::before {
  -webkit-user-select: none;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC');
  background-size: 100% 100%;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
}

html[dir='rtl'] input[type='checkbox']:checked::before {
  -webkit-transform: scaleX(-1);
}

input[type='radio']:checked::before {
  background-color: #666;
  border-radius: 100%;
  bottom: 3px;
  content: '';
  display: block;
  left: 3px;
  position: absolute;
  right: 3px;
  top: 3px;
}

/* Hover **********************************************************************/

:enabled:hover:-webkit-any(
    input[type='checkbox'],
    input[type='radio'])
     {
  background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
  border-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12),
      inset 0 1px 2px rgba(255, 255, 255, 0.95);
  color: black;
}


/* Active *********************************************************************/

:enabled:active:-webkit-any(
    input[type='checkbox'],
    input[type='radio'])
     {
  background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
  box-shadow: none;
  text-shadow: none;
}

/* Disabled *******************************************************************/

input:disabled:-webkit-any([type='checkbox'],
                           [type='radio']) {
  opacity: .75;
  cursor: not-allowed;
}

/* ELEMENTY STERUJACE ==STOP== */