/*

Theme Name: Przyczepy
Theme URI: http://www.przyczepy.kalisz.pl
Description: Andrzej Rydzewski Wypożyczalnia i sprzedaż przyczep samochodowych
Author: EGD DESIGN
Author URI: http://egddesign.pl
Version: 1

*/
@charset "utf-8";


body {
	background-color: #eee;
	/*font-family: 'Oswald', Arial, Helvetica, sans-serif;*/
	font-family: "Roboto Condensed", sans-serif;
	font-size: 0.625em; /*  10 px  */
	color:#222;
}

.crl {clear:both;}
a { color:#222; text-decoration:underline;}
a:hover {text-decoration:none;}

.readmore a { display:block; background:#dadada; color:#0043c0; text-decoration:none; font-size:1.2em; padding:.4em .8em; font-weight:bold;margin:1em 0; text-align:center; }
.readmore a:hover { background:#0043c0; color:#fff; text-decoration:none; }
.menu-top, header .head, .container { width:960px; margin:0px auto;}



/*   TOP  */

.container-top {position:relative; background:#000;}
.top { position:absolute; display:block; top:0; left:1150px; background:#fff159;
-webkit-box-shadow:inset 0 0 3px 0 rgba(00,00,00,.5);
box-shadow:inset 0 0 3px 0 rgba(00,00,00,.5); font-size:1.8em; text-transform:uppercase; font-weight:bold; __height:73px; box-sizing:content-box; padding:12px;  line-height:1.4em;  }
.top-kontakt h5 { background:url(images/ikona-top-tel.png) no-repeat left center; padding-left:25px;}

/*  HEADER  */

header {background:url(images/bg-header.jpg) no-repeat top center; -webkit-box-shadow: 0 3px 3px 0 rgba(00,00,00,.5); box-shadow: 0 3px 3px 0 rgba(00,00,00,.5);}
header h1 {text-indent:-9999px;}
header .head {background:url(images/tytul-head-calosc.png) no-repeat left center,
			url(images/header-swiatla.png) no-repeat left top; height:345px;}
	
 


/*   MENU  */

.menu-all {	height: 73px;	background-color: #000;}
.menu-all .multi_drop_menu {width:960px; margin:0px auto;}

.multi_drop_menu {	font: 1em; 	display: block;	text-align: center;	} 
.multi_drop_menu li a {	color: #fff159;	background-color: transparent;	font-size: 1.8em;	font-weight: bold;	display: inline-block;	padding: 28px 15px 26px;text-transform:uppercase;}
.multi_drop_menu li:first-child > a > li a {border-left-width: 0px;	border-left-style: solid;}
.multi_drop_menu a:hover {	color: #000;	background-color: #ffed00;
	all 500ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;	
text-shadow: none;				
	}
.multi_drop_menu li a:active {	background: #ffed00;	color: #fff;background-clip: padding-box;}	
.multi_drop_menu li ul {	width: 18.3em;	background-color:#333;	text-align: left;}
.multi_drop_menu li li a {	font-size:1.5em;   	border:none;	font-weight: normal;	padding-top: .7em;	padding-right: 2em;	padding-bottom: .7em;	padding-left: 2em;	border-top: none ;	border: 0px;	border: 0px;	border: 0px;	text-shadow:1px 1px #000;	}
.multi_drop_menu li li li a {   border-left-style:none;}
.multi_drop_menu li li a:hover {color: #000;background-color: #ffed00;}
/* poziom. 1 */
.multi_drop_menu * {margin:0; padding:0;}
.multi_drop_menu ul {	float: left;}
.multi_drop_menu li {  	float:left;	list-style-type:none; position:relative;}
.multi_drop_menu li a {	display: block; background-clip: padding-box; text-decoration: none; }
.___multi_drop_menu li:last-child a {  border-right-style:none;	}
/* poziom 2. */
.multi_drop_menu li ul {display:none; position:absolute; left:0; top:100%;}
.multi_drop_menu li:hover > ul {display:block;}
.multi_drop_menu li li {position:relative; 	float:none;
	all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out; 	}
/* poziom 3. */
.multi_drop_menu li li ul {	position:absolute; left:100%; top:0; }
.multi_drop_menu li ul li a {padding:1em;margin:0px;}


/*  CONTAINER  */
.content-all .container {margin-bottom:20px; margin-top:20px; overflow:hidden;}
.container {padding:25px 0 25px; font-size:1.2em;}
.box-left {width:75%; float:left; display:block;}
.box-right {width:23%; float:right; display:block;}
.box-home-all h3 {color:#0043c0; font-size:1.8em; text-transform:uppercase; background:#b4b4b4; padding:15px 10px; margin:0 10px 20px 10px; min-height:25px;}
.box-home-all h4 {color:#0043c0; padding:25px /*10px*/ 5px 15px; /*text-align:center;*/ font-size:1.6em;text-transform:uppercase;}
.box-home-all span img {border:1px solid #464646;-webkit-box-shadow: 0 10px 5px -5px rgba(00,00,00,.5);
box-shadow: 0 10px 5px -5px rgba(00,00,00,.5);}
.box-left ul li {list-style:none; float:left; width:30%; display:block; box-sizing:content-box; font-family:Arial, Helvetica, sans-serif; padding:0 10px 0 10px;}
.box-left p, .box-right p {font-family:Arial, Helvetica, sans-serif; font-size:1em; /*text-align:justify;*/ line-height:1.4em;}

.box-promocja h3 {color:#fff159; font-size:1.6em; text-transform:uppercase; background:#0043c0;padding:15px 10px; margin:0 0 20px 0; min-height:25px; }
.box-home-all .box-promocja h4 {color:#e60004; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; line-height:1.4em; padding:15px 0 20px;}

.box-promocja .readmore a { display:block; background:#0043c0; color:#fff159; text-decoration:none; font-size:1.2em; padding:.4em .8em; font-weight:bold;margin:1em 0; text-align:center; }
.readmore a:hover { background:#fff159; color:#0043c0; text-decoration:none; }

/*    TXT   */

.content-txt {padding-left: 25px; padding-right: 25px;}
.content-txt img {border:1px solid #464646;-webkit-box-shadow: 0 10px 5px -5px rgba(00,00,00,.5);
box-shadow: 0 10px 5px -5px rgba(00,00,00,.5); margin: 5px 5px;}
.content-txt h2 {color:#0043c0; font-size:2.6em; text-transform:uppercase; }
.content-txt .produkt-one { font-family:Arial, Helvetica, sans-serif; clear:both; margin:15px 70px;}
.content-txt h3 {font-size:2em; text-transform:uppercase; margin:15px 0 15px 0; font-weight: 100;}
.content-txt .produkt-one { line-height:1.7em;}
.content-txt .promo-red {font-size:1.4em; margin:0; padding:10px 0 10px; color:rgba(255,0,0,1); font-weight:100;}


/*.content-txt .wpcf7-form p {color:#2C8FDB;}*/
.content-txt .wpcf7-form input {margin:2px 0 2px 0;min-height:24px; min-width:300px; padding:2px 7px;}
.content-txt .wpcf7-form input.wpcf7-submit
 {background:#FFF159; color:#000; border:none; padding:5px 10px; min-width:70px;}
.content-txt .wpcf7-form input.wpcf7-submit:hover {background:#2C8FDB; color:#fff; border:none; padding:5px 10px;}
.content-txt .wpcf7-form input.wpcf7-acceptance {margin:-4px 0 2px 0;min-height:24px; min-width:20px; padding:2px 7px; box-sizing:border-box; float:left; } 

/*  FOOTER  */
footer  {clear:both; background:#313131; color:#dadada; font-family:Arial, Helvetica, sans-serif;}
.stopka-top {overflow:hidden;}
.stopka-top h4 {font-size:1.6em; padding:.5em 0;}
.stopka-left {width:50%;}
.stopka-right {width:36%}
.stopka-left {float:left;}
.stopka-right {float:right;}
.stopka-dol {clear:both;}
.stopka-left p {line-height:1.7em;}
.stopka-left .ikona { padding-left:25px; font-weight:bold;}
.stopka-left .telefon { background: url(images/stopka-ikona-telefon.png) no-repeat left center;}
.stopka-left .mail { background: url(images/stopka-ikona-mail.png) no-repeat left center;}
.stopka-left a {color:#dadada; text-decoration:none;}
.stopka-left a:hover {color:#FF0; text-decoration:underline;}
.stopka-logo li {list-style:none; display:inline-block; float:left; padding:5px 10px;}
.stopka-logo li:nth-child(2) {margin-top:10px}
.stopka-dol .container {border-top:1px solid #8c8c8c; margin-top:15px; padding-top:10px; font-size:1.1em; color:#8c8c8c; }
.stopka-dol .footer-left {float:left;}
.stopka-dol .footer-right {float:right;}
.stopka-dol .footer-right a {color:#8c8c8c; text-decoration:none;}
.stopka-dol .footer-right a:hover {color:#f00; text-decoration:underline;}