@charset "utf-8";
/* CSS Document */

/* reset marginesów i dopełnień */
html, body, ul, li { margin: 0; padding: 0; }

/* reset wysokości linii i fontu */
h1, h2, h3, h4, h5, ul, li, ol, p { margin:0; padding:0; font-size: 1em; line-height: 1.6em; }

/* ustawienia ogólne */
body { background: #d9d9d9; font: 0.625em/1.5em "Open Sans", arial, tahoma, verdana, sans-serif; }

/* szerokość strony */
.content { margin:0 auto; max-width: 1180px; background: #fff; overflow: hidden; padding-left: 20px; padding-right: 20px; }

h2 { margin-bottom: 15px; padding: 10px; color: #fff; font-weight: 600; font-size: 2.6em; text-align: center; text-transform: uppercase; background: #4989e1; }

p { float: left; margin: 20px 0; width: 100%; font-weight: bold; font-size: 1.5em; }


/* Contact form */


header .content { padding-top: 20px; }
header img { float: left; }
header ul { float: right; }
header ul li { margin: 17px 0 0 30px; list-style: none; }
header ul li a { padding: 10px; color: #333; font-size: 1.4em; border: 1px solid #e0e0e0; text-decoration: none; }
header ul li a:hover { background: #eee; }

#contact-form {
	width: 100%;
	margin: 20px auto;	
	position:relative;
	float: left;
	clear: both;
}

#contact-form .rowwidth { float: left; width: 100%; }
#contact-form .rowhalf { float: left; margin-right: 2%; width: 48%; }
#contact-form .sectiona input { float: left; width: 50px!important; }
#contact-form .sectiona label { margin-bottom: 10px; float: left; }

#contact-form p.sent { font-weight: 100; }

#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
	font-size:15px;
	margin-bottom:2px;
}

#contact-form label { margin-bottom: 5px; font-weight: bold; }

#contact-form input, 
#contact-form select, 
#contact-form textarea {
	width: 96%;
	border: 1px solid #e0e0e0;
	margin-bottom:20px;
	padding:2%;
}

.zamowienie #contact-form input, 
.zamowienie #contact-form select, 
.zamowienie #contact-form textarea {
	padding: 1% 2%;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border: 1px solid #e0e0e0;
	background-color: #f0f0f0;
}

#contact-form textarea {
	height:255px;
	resize: none;
}

.zamowienie #contact-form textarea {
	height:155px;
}

#contact-form label {
	display:block;
}

#contact-form .required {
	font-weight:bold;
	color:#F00;	
}

#contact-form #submit-button {
	width: 250px;
	color:#ffffff;
	display:block;	
	padding: 15px;
color: #ED1C24;
background: #fff;
font-weight: bold;
line-height: 1em;
border: 3px solid #ED1C24;
border-radius: 5px;
box-shadow: 0 2px 10px -6px #ED1C24;
margin: 25px auto;
top: 10px;
position: relative;
}

#contact-form #submit-button { transition: all 200ms ease-in-out; }

#contact-form #submit-button:hover {
		color:#ffffff; background-color: #ad141a;
}

#contact-form #submit-button:active {
	position:relative;
	top:1px;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../moduly/contact/img/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

#errors {
	border:solid 1px #E58E8E;
	float: left;
	padding:10px;
	margin:25px 0px;
	display:block;
	width:98%;
	/* background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center; */
	display:none;
	text-align: center;
}

#errors li {
	padding:2px;
	list-style:none;
	margin-bottom: 0px!important;	
	font-size: 1.4em;
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	border:solid 1px #83D186;
	padding:15px 10px;
	margin:25px 0px;
	display:block;
	width:98%;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	/* background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center; */
	font-weight:bold;
	display:none;
	text-align: center;
}

#errors.visible, #success.visible {
	display:block;	
}

#req-field-desc {
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
/* input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	
}*/

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}


footer p { color: #888; font-weight: 100; }



@media (max-width: 767px) {

#contact-form .rowhalf { margin-right: 0; width: 100%; }

}