/*
CSS file created with:Instantblueprint - Create a web project framework in seconds.
http://instantblueprint.com
Project: moz bud.pl
File: css/style.css
Last edited: March 10, 2015, 10:26 am
*/

/*  Main  */
body {
 background:#FFF url("../gfx/bg.gif");
 color:#000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}


img {
	display: block;
}

.strong { font-weight: bold;}


.dark-blue       { background-color: #0569a5; }
.light-blue      { background-color: #6cc3dc; }


.blue-miami { color: #0569a5 ;}
.togama     {color:#006633; font-weight:bold; font: bold 14px Verdana;}
.ezarri     {color:#289226 ; font-weight:bold; font: bold 14px Verdana;}
.revicer    {color:#006699; font-weight:bold; font: bold 14px Verdana;}
.miami      {color:#0099FF; font-weight:bold; font: bold 14px Verdana;}
.barwolf    {color:#bda370; font-weight:bold; font: bold 14px Verdana;}
.agat       {color:#FFCC00; font-weight:bold; font-weight: bold;}
.red        {color:red; font-weight:bold; font: bold 14px Verdana;}
.rudy		{color:#ff5a01; font-weight:bold; font: bold 14px Verdana;}
.blue 		{color:#006699; font-weight:bold; font: bold 14px Verdana;}


.baner-width-max {
	width: 496px;
	height: 133px;
	background-color: #fff;
	float: left;
	margin-right:12px;
	margin-bottom:22px;
}

.baner-width-max ul {
	list-style: none;
}


.bxslider ul { list-style: none;}


.box-text h2 { 
	margin:0 0 0 9px; color:#006699; 
	font: normal 28px 'Open Sans', Tahoma, Verdana; 
	border-left: solid 5px #C1E0FF; 
	padding-left: 10px; 
	letter-spacing: -1px;
	margin-bottom: 6px;
}

.box-text h3 { 
	margin:0; 
	color:#006699; 
	font: normal 18px 'Open Sans', Tahoma, Verdana; 
	padding-left: 16px;

}


.box-text h4 { 
	margin:14px 0; 
	font: bold 32px 'Open Sans', Tahoma, Verdana; 
	padding: 5px 16px;
	margin-top: 50px;
}




/*---------------box-text------*/

.box-text  {
	padding:12px 18px 10px 0px; 
	clear: both;
	font: normal 14px Tahoma, Verdana; 
	margin-bottom: 20px;
	color:#666;
}

.box-text p { 
	padding:8px 0px 8px 18px;
	line-height: 24px;
	text-align: justify;
}

.box-text ul li {
	margin-left: 55px;
}

.box-text ul li { 
	padding:2px 20px 2px 0px;
	line-height: 22px;
	text-align: justify;
}

.box-text a {
	text-decoration: none;
}


/*----INWESTYCJE.php----*/

.box-text ul.inwestycje li a {
	color: #666;
}

.box-text ul.inwestycje li a:hover {
	color: #006699;
}





/*----REALIZACJE-BASENY----*/

.realizacja-basenu {
	border-bottom: 1px dotted #e2e2e2;
	overflow: hidden;
	clear: block;
	padding-bottom: 12px;
	padding-top: 12px;
	margin-left: 12px;
}

.realizacja-basenu img {
	border: 1px solid #ccc;
	padding:2px 2px;
	float: left;
	margin-right: 22px;
}

.realizacja-basenu ul {
	display: block;
	margin-top: 6px;
	float: left;
}

.realizacja-basenu ul li {
	list-style: disc;
	padding-left: 1px;
	margin-left: 15px;
	line-height: 14px;
}



/*---------------mozaiki-cennik------------*/


 table.mozaika {
 	margin: 0 20px;
        border-spacing:12px 12px;
        padding:0px;
      }


.tab2 {
	width:728px;
	padding: 1px 1px;
	margin: 14px 10px;
}
.tab2 tr td {
	margin: 12px 12px;
	width: 120px;
	padding: 2px 2px;
	border: 1px solid #d2d2d2;
}


.tab2 tr td:hover {
	margin: 12px 12px;
	width: 120px;
	border: 1px solid #999;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.35);
}



ul.cena {
	display: block;
}

ul.cena li {
	line-height: 18px;
	list-style: none;
	margin:0; padding:1px 3px;
	font: normal 11px Tahoma;
}

ul.cena li.main {
	background:#DFF4FF; 
	color: #666; 
	font: normal 11px Tahoma;
}

ul.cena li .kodowanie {
	font: bold 12px Tahoma;
}

.price { 
	clear: both;
	color: red; 
	font: bold 14px Tahoma; 
	float:right;
}
.price2 { 
	clear: both;
	color: red; 
	font: bold 11px Tahoma; 
	float:right;
}




/*---------------tabele------------*/

.tab1 {
	width:736px;
	padding: 1px 1px;
	margin: 14px 12px;
	border: 1px solid #ccc;
}
.tab1 tr td {
	margin: 1px 1px;
	width: 100px; height: 100px;
	padding: 1px 1px;
}

.tab1 tr td img {
	display: block;
	margin: 1px 1px;

}





.logosy img {
		float: right;
		margin-right: 30px;
		margin-top: 15px;
}



.mapa {
	border: 1px solid #CCC;
	width: 762px;
	height:450px;
	margin-bottom: 40px;
}

ul.kontakt {
	list-style: none;
	
}

ul.kontakt li {
	margin:0!important; padding-left:20px;
}