body,html{height:100%; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0; }
/* Floating & Alignment  */
.fl, .alignleft {float:left; }
.fr, .alignright{float:right; }
.ac{text-align:center; }
.aligncenter {margin-left: auto;margin-right: auto;display: block;clear: both; }
.ar{text-align:right; }

/* Clear Floats  */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0; }
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
}

body {
	font: 15px/20px Trebuchet MS,Helvetica,Arial,sans-serif;
	background: #fff;
	color: #777;
}

#wrapper {
	background: #fff;
}

#container {
	margin: 25px auto 0;
	max-width: 1080px;
	padding: 30px 0;
}

#content {
	width: 61.583%;
	float: left;
	overflow: hidden;
}

#sidebar {
	float: right;
	width: 31.25%;
	overflow: hidden;
}

input,
textarea {
	font: 12px/20px Trebuchet MS,Helvetica,Arial,sans-serif;
	background: #fff;
	color: #999;
	border: 1px solid #fff;
}

.hidden { display: none; }

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%;
}

hr {
	background-color: #e3e3e3;
	border: 0 none;
	height: 1px;
	margin-bottom: 20px;
}

ol, ul {
	list-style: none outside none;
}

a {
	text-decoration: none;
	color: #f97203;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

a:hover { text-decoration: underline !important; }

a img { border: none; }

a > img {
	vertical-align: bottom;
}

p,pre,ul,ol,dl,dd,blockquote,address,table,fieldset,form { margin-bottom: 20px; }
.hentry,.hfeed,.pinglist { margin-bottom: 40px; }
.widget,.children,.entry-content ol ol,.entry-content ol ul,.entry-content ul ul,.comment-body ol ol,.comment-body ol ul,.comment-body ul ul,.widget ul ul { margin-bottom: 0; }
h1,h2,h3,h4,h5,h6 {
	font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
	font-weight: normal;
	padding: 0;
	color: #4b4d4b;
}

h1 {
	font-size: 32px;
	line-height: 28px;
}

h2{
	font-size: 28px;
	line-height: 24px;
}

h3 {
	font-size: 24px;
	line-height: 20px;
}

h4 {
	font-size: 20px;
	line-height: 18px;
	margin-bottom: 15px;
}

h5 {
	font-size: 16px;
	line-height: 16px;
}

h6 {
	font-size: 12px;
	line-height: 14px;
}

.full-width {
	width: 100% !important;
}

.col-full {
	margin: 0 auto;
	max-width: 1080px;
}

body.sidebar-left #content { float: right; width: 65.583% }
body.sidebar-left #sidebar { float: left;  }

#header{
	min-height: 120px;
	background: #35a49e;
}

#header #top{
	position: relative;
}

#header a{ border: none; }

#header #top #logo{ padding-top: 30px; }

#header #top #logo img{
	vertical-align: middle;
}

#header #top #logo #retina-logo { display: none; }

/* Retina logo */
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	#header #top #logo #retina-logo { display: block; height: 65px; }
	#header #top #logo #default-logo { display: none; }
}

blockquote {
	min-height: 40px;
	font-style: italic;
	margin-left: 15px;
	padding: 0 40px;
	color: #999;
}

strong { font-weight: bold; }

sub {
	font-size: 11px;
	vertical-align: bottom;
}

small { font-size: 11px; }

del { text-decoration: line-through; }


pre {
	white-space: pre-wrap;
	overflow: auto;
	word-break: break-all;
	word-wrap: break-word;
	padding: 15px;
	border: 1px solid #e8e8e8;
	clear: both;
	line-height: 1.5;
	background: #eff2f3;
}

ul,
ol,
dl { margin-left: 30px; }


input,
textarea,
button {
	background: #f5f5f5;
}

input,
textarea,
select {
	padding: 5px;
	border: 1px solid #e7e7e7;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

button {
	padding: 2px 10px;
	cursor: pointer;
}

select:hover {
	border: 1px solid #B3B3B3;
}

select option {
	cursor: pointer;
	padding: 5px 7px;
}

input:focus,
textarea:focus,
button:hover {
}

input:focus,
textarea:focus { color: #444; }

input,
textarea {
	background: #fff;
}

input[type="submit"]{ box-shadow: 0 0 0; }

.comments-area {
	margin: 40px auto;
}

.comment-reply-title,
.comments-title {
	font: 16px/1.5;
	margin: 0;
}

.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}

.comment-author {
	font-size: 14px;
	line-height: 1.7142857142;
}

.comment-list .reply,
.comment-metadata {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}

.comment-list .reply {
	margin-top: 24px;
}

.comment-list .reply a ,
.comment-list .edit-link a {
	color: #ccc;
}

.comment-author .fn {
	font-weight: 900;
}

.comment-author a {
	color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #777;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #f9f9f9;
	margin-bottom: 24px;
	padding-top: 24px;
}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
	border-top: 0;
}

.comment-author {
	position: relative;
}


.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 70px;
}

.comment-edit-link {
	margin-left: 10px;
}

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 22px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 15px;
}

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 14px;
	line-height: 1.7142857142;
}

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form p{
	width: 100%
}

.comment-form label {
	display: block;
}

.comment-form .comment-form-comment label{
	display: none;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 94%;
	color: #666; max-width: 240px; margin: 0 5px 10px 0; padding: 5px 7px;
}

.comment-form textarea, #respond textarea {
	color: #666666;
	padding: 5px 7px;
	width: 94%;
}


span.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 26px;
	overflow: hidden;
	width: 14px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}


.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}

#commentform .button:hover, #respond input[type="submit"]:hover {
	background: #f97203;
}

.grid {
	overflow: hidden;
	margin-left: -3%; /* same as your gutter */
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding: 20px 0 20px 20px;
}

.grid-pad > [class*='col-']:last-of-type {
  padding-right: 20px;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

.row{
	padding-bottom: 3%;
}

[class*='columns-'] {
	float: left;
	padding-left: 3%;
}

[class*='columns-']:last-of-type {
	padding-right: 0;
}

[class*='columns-'] {
}

.col-2-3 {
	width: 66.66%;
}

.columns-1 {
	width: 100%;
}

.columns-2 {
	width: 50%;
}

.columns-3 {
	width: 33.33%;
}

.columns-4 {
	width: 25%;
}

.columns-5 {
	width: 20%;
}

.columns-6 {
	width: 16.66%;
}

.columns-7 {
	width: 14.28%;
}

.columns-8 {
	width: 12.5%;
}

.columns-9 {
	width: 11.11%;
}

.columns-10 {
	width: 10%;
}

.columns-11 {
	width: 9.09%;
}

.columns-12 {
	width: 8.33%;
}

.post{
	display: block;
	margin: 0 0 30px;
	padding-bottom: 15px;
}

.entry a{
	padding-bottom: 1px;
	border-bottom: 1px solid transparent;
}

.entry a:hover { border-bottom: 1px solid #efefef; }

.sticky, .hentry{
}

.post-meta{
	margin: 0 0 20px;
}

.post-content{
}

.post .post-content{
	display: block;
}


.post h2 a{
	color: #4b4d4b;
}

.archive h2{
	margin-bottom: 20px;
}


a[href$=".jpg"], a[href$=".jpg"]:hover {
	border-bottom: none !important;
}


.entry-title{ margin: 0 0 40px; text-transform: capitalize; font-size: 32px; }
.entry ul  { margin-bottom: 1.5em; padding: 0; }
.entry ul ul  { margin: 0 15px; }
.entry ul li  {	list-style-type: disc; }
.entry ul ul li  { list-style-type: circle; }

.entry ol  { margin-bottom: 1.5em; padding: 0; }
.entry ol ol { margin: 0 15px; }
.entry ol li { list-style-type: decimal; }
.entry ol li ol li  { list-style-type: lower-latin; }

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	line-height: 1.5em;
	margin: 0 0 0.5em;
}

.entry blockquote {
	border-left: 3px solid #f97203;
	color: #999;
	font-size: 14px;
	margin: 0 20px;
	padding: 0 20px;
}

.post-content a{
	padding-bottom: 1px;
	border-bottom: 1px solid #eee;
}


.post-content a:hover{
	border-bottom-color: #ccc;
}


img.alignleft {
	float: left;
	margin: 10px 25px 20px 0;
}

img.alignright {
	display: block;
	margin: 10px 0 25px 20px;
}

body.single-post .entry-title{
    padding: 10px 0 0 0;
}

#footer {
	background: #384047;
	color: #fff;
	clear: both;
	margin: 0 auto;
}

#footer a{
	color: #fff;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

#footer a:hover{
	color: #ccc;
}

#footer h4{
	color: #fefefe;
	font-size: 18px;
	text-shadow: 1px 1px black;
	border-bottom: 1px solid #555555;
	padding: 15px 0;
}

#extended-footer{ color: #757575; padding: 25px 0; font-size: 13px; }
#extended-footer .inner{ margin: 0 auto; max-width: 1080px; display: block; }
#extended-footer p{ margin: 0px; float: left; }
#extended-footer a{ color: #777; }
#extended-footer a:hover{ color: #f97203; }

.home-block{
	border-bottom: 1px solid #eff2f3;
	padding: 40px 0;
}

/* Welcome Message */

.welcome-message{
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px rgba(0,0,0,0.1);
}

.welcome-message .col-full{
	max-width: 930px;
}

.welcome-message h2{
	color: #fff;
	font-weight: 600;
	margin-bottom: 30px;
	font-size: 32px;
	line-height: 1.2;
}


/* Buttons */

/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
	margin: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.button-secondary {
	background-color: #AAB3BB !important;
	border-color: #9AA7B1 !important;
}

.button-primary, .button-secondary, .cta-button {
	font-size: 16px !important;
	padding: 21px 35px 19px;
}

.button-primary, .button-blue, .button-secondary, .header .nav li.current-page a, .header .nav-callout, .cta-button,
input[type="submit"], button, #commentform .button, #respond input[type="submit"],.blog-masonry #posts-ajax-loader-button {
	-moz-box-sizing: border-box;
	background: #c6ccd2;
	border-color: rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px 1px 3px !important;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
	font-weight: 700 !important;
	font-size: 18px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	white-space: nowrap;
	padding: 10px 13px;
	margin: 0;
}
.button-secondary, .cta-button {
	background-color: #c6ccd2 !important;
	border-color: rgba(0,0,0,0.1);
}


#live-search {
	padding: 70px 0 90px;
}

#live-search #searchform {
	max-width: 750px;
	width: 100%;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 auto;
	border: 1px solid #d7d7d7;
}

#live-search .input{ position: relative; display: inline-block; margin: 0; width: 100%; }

#live-search .input label {
	color: #A9A9A9;
	display: inline-block;
	left: 26px;
	position: absolute;
	top: 20px;
	z-index: 1;
	text-transform: none;
	cursor: text;
	font-size: 16px;
}

#live-search .input label.focus {
	color: #ccc;
}

#live-search .input label.has-text {
	display: none;
}

#live-search #s {
	float: left;
	width: 90%;
	background: none;
	color: #595959;
	font-size: 16px;
	padding: 20px 0 20px 25px;
	border: none;
	box-shadow: none;
}

#live-search #s.loading {
	background: url(images/loader-light.gif) no-repeat right 30px;
}

#live-search #searchsubmit {
float: right;
margin: 14px 15px 0 0;
padding: 6px 10px 9px;
border: none;
height: 38px;
width: 46px;
cursor: pointer;
font-size: 30px !important;
position: relative;
text-shadow: none !important;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
-webkit-transition: all .2s linear;
background-color: #fff !important;
color: #ddd !important;
border: 1px dotted !important;
box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset !important;
text-shadow: 0 1px 0 rgba(0,0,0,0.15);
}

#live-search #searchsubmit:hover {
    background-color: #f97203 !important;
    color: #fff !important;
    border: 1px dotted #9d362f !important;
}

#search-wrap {
	position: relative;
}
#search-result {
	position: absolute;
	background: #fff;
	list-style: none;
	font-size: 13px;
	top: 0;
	left: -1px;
	margin: 0;
	border: 1px solid #d7d7d7;
	z-index: 9999;
	border-top: none;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 750px;
}

#search-result li {
	margin: 0;
	border-bottom: 1px solid #f4f4f4;
}
#search-result li:last-child {
	margin: 0;
	border-bottom: none;
}

#search-result li.no-results {
	display: block;
	color: #646464;
	padding: 15px 15px 20px 25px;
	font-size: 14px;
	border: none;
}

#search-result a {
	display: block;
	color: #646464;
	padding: 15px 15px 15px 25px;
	font-size: 14px;
	border: none;
}

#search-result a i,
#search-result li.no-results i {
	display: inline-block;
	margin-right: 10px;
	text-align: center;
	width: 15px;
	color: #888;
}

#search-result a:hover {
	text-decoration: none;
	background: #F5F5F5;
	border: none;
}
#search-result img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

#search-result .nothing-here {
	padding: 0 5px;
}

@media screen and (max-width: 480px) {

	#live-search #s {
		width: 100%;
	}
	#live-search #searchsubmit {
		display: none;
	}

}

#sidebar .widget h4 {
	margin: 0 0 20px;
	color: #4B4D4B;
}

.widget{
	clear: both;
	margin: 0 0 2em;
}

.widget ul {
	clear: both;
	list-style-position: inside;
	list-style-type: none;
	margin: 0px;

}

.widget ul li {
	border-bottom: 1px solid #f9f9f9;
	padding: 10px 10px 10px 0;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

.widget ul li a{ color: #8a8a8a; border: none; }

.widget ul li a:hover, .widget ul li a:focus  { border: none; color: #5a5a5a; }

.widget ul li:last-child { border-bottom: none; }

.widget #searchsubmit {
width: 20%;
margin: 1px 0 0 0;
padding: 5px 0 5px 0;
float: right;
}


.widget input#s {
	font-size: 14px;
	padding: 7px 10px 8px 10px;
}

.widget #s { width: 78%; }

.widget #s:focus {
	background-color: #f9f9f9;
}

.widget .only-search #searchform {
	top: 5px;
	z-index: 1;
}

.widget .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}

.widget .only-search #s,
.widget .only-search #s:focus {
	width: 81%;
}

.widget .only-search #s:focus { background-color: #bbb; }

.single {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {

	#content {
		float: none !important;
		overflow: hidden;
		width: 100% !important;
		margin: 0 auto 25px;
		padding: 0 20px;
	}

	#container{
		padding: 30px 0 0;
		width: 100%;
	}

	#sidebar{
		float: none !important;
		width: 100%;
		margin: 0 auto;
	}

	.col-full{
		width: 100%;
		padding: 0 20px;
	}

	#extended-footer .inner{
		width: 100%;
	}

	#footer .col-full{
		max-width: 100%;
	}

	.post .wp-post-image {
		background: none;
		padding: 0;
	}

	.widget #s {
		width: 93%;
	}

	#footer-widgets .widget {
		padding-right: 20px;
	}

	.three-col .row .column{
		width: 29%;
	}

	#sidebar { display: none; }


}

/* --- iPad Portrait --- */
@media screen and (max-width: 880px) {

	#content, #sidebar, .col-full, #extended-footer .inner { width: 100%; }
	#extended-footer .inner, #footer { width: 100%; }
	#sidebar{ padding: 0; }


	#extended-footer .inner p{ padding: 0 4%; }
	.entry p, 	.entry ul, 	.entry ol{ font-size: 110%; }

}

/* --- Galaxy Landscape --- */
@media screen and (max-width : 685px) {

	#live-search #s{ width: 80%; }
}

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {

	#content, .slider, #sidebar, .col-full, #extended-footer .inner {
		width: 100% !important;
	}

	#extended-footer .inner, #footer { width: 100%; }
	.content { width: 80%; padding-top: 20px; }

}


/* Android Landscape */
@media screen and (max-width: 515px) {

	.widget #s {
		width: 90%;
	}

	[class*='columns-'] {
		width: 100%;
	}

}

/* iPhone Landscape */
@media screen and (max-width: 480px) {

	#commentform input.txt{
		width: 60%;
	}

	#commentform textarea {
		width: 90%;
	}

}

/* iPhone portrait */
@media screen and (max-width: 320px) {

	.widget #s { width: 83.5%; }

}


/* CUSTOM */

.post-meta, .entry-meta { display: none; }
.correcta { font-size: 32px; font-family: Trebuchet MS,Helvetica,Arial,sans-serif; margin: 15px 0 10px; padding: 15px 0 0 0; }
.incorrecta { font-size: 20px; font-family: Trebuchet MS,Helvetica,Arial,sans-serif; margin-bottom: 10px; }
.entry-title { text-transform: none; margin: 0 0 20px 0; }
.post-content p { margin-bottom: 35px; }
hr { margin-bottom: 30px; }
.wp-image-75 { /* margin: 10px 25px 50px 0 !important; */ }
.search-results .sprawdz { font: normal 15px Trebuchet MS,Helvetica,Arial,sans-serif; color: #8B989E !important; } 

.post h2 a { color: #4b4d4b; background: url(images/question-mark.png) no-repeat left center; height: 57px; display: block; padding: 10px 0 0 70px; }
.post h2 a:hover { text-decoration: none !important; }
#header { background-size: cover; }
#live-search .input label { font-size: 20px; }
#live-search #s { font-size: 19px !important; }
h1 { line-height: 40px; }
.entry blockquote{ border-left-color:#f97203; }
a, .wp-pagenavi span.current, #extended-footer a:hover, span.required { color: #f97203; }
#navigation ul li a .bar, #navigation ul li a .bar:before, #navigation ul li a .bar:after, #navigation ul li a .bar, #commentform .button:hover, #respond input[type="submit"]:hover, .single .featured-image a, .post .featured-image a, .blog-masonry #posts-ajax-loader-button:hover, #tabs .inside .tags a:hover{ background-color: #f97203; }
#header { background-color: #f97203; }
#header { background-image : url(images/header-bg.png); }
#header { background-position : center center; }
#header { background-repeat : no-repeat; }
body, .bg-image { background-color : #f0f0f0; }
body, .bg-image { background-position : left top; }
body, .bg-image { background-repeat : repeat; }
#header #top #logo #default-logo, #header #top #logo #retina-logo { height : 65px; }
.archive-header { border-bottom: 1px solid #efefef; display: block; float: left; font-size: 18px; margin: 0 0 30px; padding: 0 0 10px; width: 100%; }

/* SPRAWDZARKA */

.form-control {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: bold !important;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%; 
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.form-control::-ms-expand {
	display: none;
}
.form-control:hover {
	border-color: #777;
}
.form-control:focus {
	border-color: #aaa;
	/*box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;*/
	color: #222; 
	outline: none;
}
.form-control option {
	font-weight:normal;
}

.areaLarge[style] { height: 617px !important; }

.checkform {
	border-radius: 3px;	
	box-shadow: 0px 0px 54px -23px rgba(0,0,0,0.62);
	margin: 5%;
}

#feedbackMessage {
	padding: 6px;
	background: rgb(220,0,0);
	background: linear-gradient(315deg, rgba(220,0,0,1) 0%, rgba(246,101,7,1) 100%);
	text-align: center; 
	color: #fff; 
}

#checktextpara {
	margin: 0;
}

#checktext {
	width: 100%;
	float: left;
	width: 100%;
	background: 0 0;
	color: #595959;
	padding: 20px 0 20px 25px;
}

.form-inline {
	background: rgb(220,0,0);
	background: linear-gradient(315deg, rgba(220,0,0,1) 0%, rgba(246,101,7,1) 100%);
	padding: 24px;
	min-height: 78px;
}
.btn-primary-raz {
	text-transform: uppercase;
	font-size: 20px !important;
	font-weight: 900 !important;
	float: right;
	float: right !important;
	font-family: arial !important;
	background-image: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%) !important;
	margin: 8px 0px 0 0 !important;
	padding: 3px 10px 0px !important;
	font-size: 19px !important;
	white-space: normal !important;
	width: 140px;
	position: relative; transition: all .2s linear;
	-webkit-transition: all .2s linear !important;
	color: #444 !important;
	border: 1px solid #fff;
	text-shadow: 1px 1px #fff !important;
	height: 38px;
	line-height: 18px;
	letter-spacing: 2px;
}

.btn-primary-dwa {
	float: right;
	padding: 5px 10px 5px 10px;
	margin: 10px 10px 0 0;
	color: #fff;
	height: 34px;
	font-size: 14px;
	text-shadow: 1px 1px rgba(195,0,0,1);
	outline: 1px dotted #fff;
}

.btn-primary-trzy {
	float: right;
	padding: 5px 10px 5px 10px;
	margin: 10px 10px 0 0;
	color: #fff;
	height: 34px;
	font-size: 14px;
	text-shadow: 1px 1px rgba(195,0,0,1);
	outline: 1px dotted #fff;
}

.btn-primary-cztery {
	float: right;
	padding: 5px 10px 5px 10px;
	margin: 10px 10px 0 0;
	color: #fff;
	height: 34px;
	font-size: 14px;
	text-shadow: 1px 1px rgba(195,0,0,1);
	outline: 1px dotted #fff;
}

#lang {
	width: 150px;
	float: right;
	position: relative;
	margin: 8px 10px 0 0;
	font-size: 14px;
	font-weight: 400;
	background-color: #ffffff;
	border-radius: 6px;
}

#feedbackErrorMessage {
	color: #ff96c6;
	display: block;
	clear: both;
	font-size: 11px;
}

/* Minimum width of 700 pixels. */
@media screen and (min-width: 700px) { .separect { margin-left: 10px !important; }}


[class*='grcol-'] {
	float: left;
  min-height: 1px;
	padding-right: 20px; /* column-space */
}

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 20px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */

.grcol-1-1 {
	width: 100%;
}
.grcol-2-3, .grcol-8-12 {
	width: 66.66%;
}

.grcol-1-2, .grcol-6-12 {
	width: 50%;
}

.grcol-1-3, .grcol-4-12 {
	width: 33.33%;
}

.grcol-1-4, .grcol-3-12 {
	width: 25%;
}

.grcol-1-5 {
	width: 20%;
}

.grcol-1-6, .grcol-2-12 {
	width: 16.667%;
}

.grcol-1-7 {
	width: 14.28%;
}

.grcol-1-8 {
	width: 12.5%;
}

.grcol-1-9 {
	width: 11.1%;
}

.grcol-1-10 {
	width: 10%;
}

.grcol-1-11 {
	width: 9.09%;
}

.grcol-1-12 {
	width: 8.33%
}

/* Layout Columns */

.grcol-11-12 {
	width: 91.66%
}

.grcol-10-12 {
	width: 83.333%;
}

.grcol-9-12 {
	width: 75%;
}

.grcol-5-12 {
	width: 41.66%;
}

.grcol-7-12 {
	width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}

@media handheld, only screen and (max-width: 767px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px; /* grid-space to left */
		padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin: 10px 0;
		padding-left: 0;
		padding-right: 10px; /* column-space */
	}

	/* Mobile Layout */

	[class*='mobile-col-'] {
		float: left;
		margin: 0 0 10px;
		padding-left: 0;
		padding-right: 10px; /* column-space */
		padding-bottom: 0;
	}

	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}