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

* { margin:0; padding:0; border:0; }


body {
	margin: 0; padding: 0; 
	background:#330000 url('../img/bg.gif');}

*  {font-family:Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: normal;
	color:#333333;
	line-height: 20px;
}

a:link {
	color:#666666;
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	text-decoration: none;	
}

a {text-decoration: none;	}

a:hover {
	color:#0066CC;
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	text-decoration: none;
}


h1 { margin:0; color:#006699; font: bold 23.64px Tahoma, Verdana; border-left: solid 5px #C1E0FF; padding-left: 10px; }
h2 { margin:0; color:#006699; font: bold 17.82px Tahoma, Verdana; padding-left: 14px; }
h3 { margin: 11px 0; font:bold 12px Tahoma, Verdana, Arial; color:#000; padding-left: 18px; }
h4 { color:#006699; font-weight:bold; font: bold 14px Verdana; text-align:center; }
h5 { color:#0099CC; font:bold 14px Verdana, Tahoma, Arial; padding-left: 14px; }

h3.plus {font-family:Tahoma, Verdana, Arial; font-size: 12px; color:#000000;}
h2.marmur { color:#bda370;}
h2.realizacje {color:#0099FF;}
h4.marmur { color:#bda370;}
h4.ezarri { color:#00CC00;}
h4.togama { color:#006633;}
h4.revicer { color:#006677;}
strong { font-weight: bold;}

h1#main{ font-size:12px; border:none; font-family:Tahoma, Verdana, Arial; color:#66CCFF;}

span.marmur {color:#bda370; font: bold 17.82px Tahoma, Verdana;}

/*---------------kolorystyka------*/

.blue-title {color:#0099FF; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}
.lightgreen-title {color:#00CC00; font-weight:bold; font: normal 23.24px Tahoma, Verdana;}
.green-title {color:#006633; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}
.darkblue-title {color:#006699; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}
.darkblue2-title {color:#006699; font: bold 23.64px Tahoma Verdana;}
.red-title {color:#FF0000; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}
.gray-title {color:#666; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}
.lightblue-title {color:#0099CC; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}
.marmur-title {color:#bda370; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}
.agat-title {color:#FFCC00; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}

.togama-title {color:#006633; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}
.ezarri-title {color:#00CC00; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}
.revicer-title {color:#006677; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}
.miami-title {color:#0099FF; font-weight:bold; font: bold 23.64px Tahoma, Verdana;}


.blue {color:#0099FF; font-weight:bold; font: bold 17.82px Tahoma, Verdana;}

.blue-miami {color:#0099FF; font-weight:bold;}
.lightgreen {color:#00CC00; font-weight:bold;}
.green {color:#006633; font-weight:bold;}
.darkblue {color:#006699; font-weight:bold;}
.darkblue2 {color:#006699;}
.red {color:#FF0000; font-weight:bold;}
.gray {color:#666; font-weight:bold;}
.marmur {color:#bda370; font-weight:bold;}
.white {color:#fff; font-weight:bold;}
.lightblue {color:#0099CC; font-weight:bold; font: bold 14px Verdana;}

.togama {color:#006633; font-weight:bold; font: bold 14px Verdana;}
.ezarri {color:#00CC00; 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 12px Verdana;}
.agat {color:#FFCC00; font-weight:bold; font: bold 14px Verdana;}
p.akapitowy {padding-left: 22px;}

/*---------------podpis: oferujemy... ------*/

#podpis {width: 350px; margin: 0 0 50px 400px; border-left: solid 5px #C1E0FF; padding: 0px 8px; }
#podpis2 {width: 350px; margin: 0 0 50px 450px; border-left: solid 5px #C1E0FF; padding: 0px 8px; }
#podpis3 {width: 700px; margin: 0 0 50px 25px; border-left: solid 5px #C1E0FF; padding: 0px 8px; }

/*---------------back------*/

#back { float:right; margin-right: 50px;}

#back ul {text-decoration: none;}

#back ul li { 
	list-style:none;
	float:left;
	}

#back ul li a{ 
	color:#006699;
	padding: 0px 10px 0px 10px;
	display: block;
	font: normal 11px Tahoma;
	border-right:1px solid #999;
	text-decoration: none;
}

#back ul li a:hover { text-decoration:underline; color:#006699;} 


#out-container {
	margin: 0 auto;
	padding: 0;
	background:#fff;
	width:810px;
}

#in-container { padding:5px 5px 5px 5px;}

#menu {
	margin: 0 auto;
	width: 800px;
	height: 250px;
	background:#006699;
}

#container {
	margin: 0 auto;
	height: auto;
}


a#normal {font-weight:normal; color:#086194; }


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

.box-text  {padding:50px 20px 10px 20px;}
.box-text p { padding:0 14px 0 14px;}
.box-text ul {margin-top: 4px; margin-bottom: 4px;  padding:0 14px; list-style:none; background:}
.box-text ul li {margin: 0; padding:0 24px; background:url(../img/item2.png) no-repeat 10px 3px; }
.box-text a:hover {background:#DDEEFF; text-decoration:none;}
.box-text ul li.glowna { background:url(../img/start.gif) no-repeat 12px 6px; padding-left: 30px;  color:#3399CC;}
.box-text ul li a {text-decoration:none;}
/*---------------navigation------*/

#back ul li.glowna { background:url(../img/mapa.gif) no-repeat 10px 2px; padding-left: 20px; }
#back ul li.powrot { background:url(../img/item1.gif) no-repeat 12px 4px; padding-left: 20px; }
#back ul li.kontakt { background:url(../img/kontakt.gif) no-repeat 10px 3px; padding-left: 20px; }

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

.tab {margin: 5px auto 10px auto; width: 600px;}

.tab p {font-weight:bold;}

.tab td, .tab2 td, .tab-melanz td, .tab-barwolf-mozaika td, .tab-mozaika td, .tab-deko td, .tab-prisma-color td, .tab-baseny td, .tab-laznie td, .tab-dekoracje td, .tab-hollywood td, .tab-baseny-galeria td, .tab-dekoracje_liniowe td { border: 1px solid #ccc; padding: 2px;}
	
.tab-prisma-color {margin: 5px 30px 10px 15px; width: 600px;}

.tab-melanz {margin: 5px 30px 10px 20px; width: 600px;}
.tab-melanz#specjal {margin: 5px 30px 10px 20px; width: 280px;}

.tab-barwolf-mozaika {margin: 10px auto; width: 600px;}

.tab-baseny {margin: 5px 30px 10px 55px; width: 600px;}
.tab-baseny-galeria {margin: 5px 30px 10px 45px; width: 600px;}
.tab-dekoracje {margin: 5px 30px 10px 70px; width: 600px;}
.tab-laznie {margin: 5px 30px 10px 50px; width: 600px;}

.mozaika { margin: 0 0 0 12px;; border: 1px solid #ccc; padding: 1px; width: 724px;}

.tab-dekoracje_liniowe {margin: 75px 30px 10px 200px; width: 320px;}

.tab-mozaika {margin: 5px 30px 10px 45px; width: 600px;}
.tab-hollywood {margin: 5px 30px 10px 85px; width: 500px;}

.tab-deko {margin: 5px 20px 10px 10px; width: 550px;}

.tab-mozaika-all { width: 700px; margin:0 auto;}
.tab-mozaika-all tr td h3 { padding: 0 0 0 8px; margin: 0;}
.tab-mozaika-all tr td h2 { padding: 0; margin: 0;}
.tab-mozaika-all tr td {padding: 0; margin: 0;}
.tab-mozaika-all tr td ul {padding: 0 0 0 8px; margin: 0;}
.tab-mozaika-all td.image {border: 1px solid #ccc; padding: 2px 3px;}

.tabelatext {font-weight:600; color: black; padding-left: 2px;}
.tabelatext2 {font-weight:600; color: black; padding-left: 1px; font-size:11px;}

table#marmur { width: 100%; padding-bottom: 18px; border-bottom: 1px solid #CCCCCC;}
/*--------galeria-------------*/

#ramka {margin-left:5px;}
#ramka td.border {border: 1px solid #ccc;  padding:2px;  }


/*---------img---------*/

.logoAGAT img {float:right; margin-right: 40px; margin-top: 40px; }

#img {float:left; border: 1px solid #ccc; padding: 2px; margin: 0 10px 0 12px;}


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

.cennik {   float: left; margin: 7px 40px 0 150px; border: 1px solid #ccc; padding: 2px 2px 2px 1px; width: 70px;   }
.cennik a { margin: 1px 1px; border: 1px solid #3366CC; background:#79BCFF; color:#DDEEFF; padding:2px 16px; text-decoration:none; }

.cennik a:hover { background:#0080C0; text-decoration:none; color:#FFFFFF;}



/*---------------mapa-strony------*/

li.mapa a { color:#0099FF;}
ul li.brak {background:none;}

/*---------------footer------*/

#footer {
	background:#0981c9 url("../img/dekor.jpg") no-repeat 770px;
	height: 35px;
	color: #444;
	padding-left:10px;
	
	
}

#footer-index {
	background:#0981c9;
	height: 35px;
	color: #444;
	padding-left:7px;
	padding-top: 2px;
	
	
}

#footer li {
	list-style:none;
	float:left;
	
}

#footer a {
	margin: 10px 0 6px 0;
	padding: 0px 10px 0px 10px;
	display: block;
	color: #FFFFFF;
	font: normal 11px Tahoma;
	border-right:1px solid #FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	color:#00CCFF;
	text-decoration:none;
}

#firm a { 
	text-decoration:none;
	font-weight:bold;
	color:#00CCFF;
}

/*---------------web-prive------*/
#web-prive {
	font: normal 9px Tahoma;
	color:#999999;
	text-align:center;
	height: 12px;
	padding: 3px 5px 5px 5px;
}

span.more {
	font: normal 9px Tahoma;
	color:#666;
}

span.more a {
	font: normal 9px Tahoma;
	color:#666;
}

#mapa {border: 10px solid #E8E8E8; width: 641px; margin: 0 auto;}