﻿/* T A G   H O U S E */
/* S L A T E */
/* General */

body {
	font-family:  Arial, Helvetica, sans-serif;
}


.ct {
  margin: 0 auto;
  width: 1000px;
}
.active {
	font-weight: bold;
}
h2 {
	font-size: 21px;
	color: #00aeef;
	letter-spacing: -1px;
	margin-bottom: 25px;
	margin-top: 8px;
}
h4 {
       font-size: 18px;
       color: #00aeef;
       letter-spacing: -1px;
       margin-bottom: 10px;
       margin-top: 10px;
}
p {
	line-height: 16px;
	font-size: 12px;
	color:gray;
	text-align: justify;
}
a {
	display: inline;
	padding:0px;
	text-decoration:none;
	color: #00aeef;
}
a:hover {
	text-decoration: underline;
	
}

/* Wrapper */

#wr {
  background-image: url(../i/h.jpg);
  display: block;
  width: 100%;
  background-attachment: scroll;
  background-position: left top;
  background-repeat: repeat-x;
}

/* Header */

#hd {
	height: 158px;
}
#hd img {
  padding-top: 10px;
  float: left;
}
#hd ul {
  padding: 0 0px 0px 19px;
  background: transparent url(../i/mnb.jpg) no-repeat scroll center;
  margin-top: 50px;
  width: 640px;
  float: right;
  display: block;
  height: 52px;
}
#hd ul li {
  border:  none;
  font-family: Arial,Helvetica,sans-serif;
  float: left;
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #00aeef;
}
#hd ul li a {
  display:block;
 padding: 18px 10px 18px 10px;
 color: #00aeef;
 text-decoration: none;  }

#hd ul li a:hover {
  background: #00aeef;;
  display:block;
  color: white; 
  }

/* Google Search <li> TAG*/

#bsg {
	padding: 12px 0px 0px 20px;
	width: 268px;
}

/* Teaser */
  
#ts {
	clear: both;
	background: transparent url('../i/tsb.jpg') repeat-x left top;
	height: 359px;
}
span#bread {
	display: block;
	padding: 10px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #00aeef;
}
span#bread a {
	color: #00aeef;
	text-decoration: underline;
}
span#bread a:hover {
	text-decoration: none;
}

/* Three Column */

#tr {
	clear:both;
	font-size: 12px;
	color:gray;
	margin-top: 40px;
        margin-bottom: 60px;
	display: block;
}

#tr ul li, #ft ul li {
	float: left;
	display: block;
	width: 296px;
	padding-right: 50px;
	}
#tr a img {
	float: right;
	margin-top: 10px;
}
#trl ul {
	background: transparent url('../i/hmli.jpg') no-repeat scroll left top;
	display: block;
	width: 300px;
	height: 80px;
}
#trl ul li {
    margin-bottom: 16px;
    margin-left: 20px;
	margin-top:-4px;
}
#tr #util, #ft #end {
	padding-right: 10px;
}

/* Internal Pages */

#int {
	padding-top: 10px;
	margin-bottom: 50px;
}
#int p {
	margin-top: 10px;
}
#int ul {
	list-style: disc;
}
#int ul li {
	margin-top: 10px;
	margin-left: 20px;
	font-size: 12px;
	color: grey;
}
#int h2 {
	margin-bottom: 10px;
}
#int h3 {
	font-size: 14px;
	font-weight: normal;
	color: #109bdb;
}
#int #left {
	width:610px;
}
#int #right {
	width: 324px;
	background: none;
        background-color: #edecec;
	padding-top: 5px;
}
#int #right #menu {
	background: transparent url('../i/rbto.jpg') no-repeat scroll left bottom;
	padding: 5px 30px 30px 30px;

}
/* Footer */

#ft {
	clear:both;
	background: transparent url('../i/ftb.jpg') no-repeat scroll left top;
	height: 170px;
	padding-top: 30px;
	font-size: 10px;
}
.fti {
	border: 1px solid silver;
	padding: 4px;
	width: 136px;
	font-size: 10px;
	color: grey;
	font-family:Arial, Helvetica, sans-serif;
}
#ft h3 {
	margin: 10px 0px 10px 0;
}
#ft ul li ul li {
	margin-top: 10px;
	line-height: 14px;
}
#ft textarea {
	border: 1px solid silver;
	width: 286px;
	padding: 4px;
}
#ft .bt {
	background: white; 
	width: 100px;
	}

/* Produtos Interna */
/* Titulo Página de Produtos */
div#int h1 {
font-size: 36px;
color: #00aeef;
font-family: Arial;
line-height: 36px;
padding-top: 26px;
padding-bottom: 26px;
letter-spacing: -3px;
padding-left: 30px;
background: transparent url('../i/cabp.jpg') no-repeat scroll left top;
margin-bottom: 30px;
}

/* 3 Colunas */
div#tcolp {
	background: transparent url('../i/sbp.jpg') no-repeat scroll 30% bottom;
	height: 240px;
margin-left: 40px;
}
div#tcolp div {
	min-width: 210px;
	max-width: 305px;
	float:left;
	margin-right: 70px;
}
div#tcolp div h2 {
font-size: 24px;
color: #00aeef;
text-transform: uppercase;
letter-spacing: -2px;
margin-bottom: 20px;
margin-left: -40px;
}
div#tcolp div ul {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	color: grey;	

}
div#tcolp div ul li {
	font-size: 20px;
margin-left: -40px;
}
div#tcolp div ul li a {
	color: gray;
	text-decoration: none;
	font-size: 20px;
}
div#tcolp div ul li a:hover {
	color: #00aeef;
}
/* Piscinas Page */
div#plist {
	margin-top: 20px; padding-bottom: 150px;
}
div#plist h4 {
font-family:  Arial, Helvetica, sans-serif;
color: #00aeef;
float: left;
font-weight: normal;
}
div#plist img {
	float:left;
        margin-top: 20px;
}
div#plist div {
	float:left;
	width: 330px;
	cursor: pointer;
}
div#plist ul {
float:right;
margin-top: 3px;
}
div#plist ul li {
	margin-right: 45px;
	font-family: Arial, Helvetica, sans-serif;
	color: grey;
	font-size: 12px;
	list-style:none;
	
}
div#plist ul#pvnl li {
	margin-right: 80px;
}
div#plist ul#pcarm li {
	margin-right: 20px;
}

div#plist h4 {
	padding: 8px;
	font-size: 20px;
	letter-spacing: -1px;
}
div#plist a {
 text-decoration:none;
}

div#plist ul#csta {
margin-top: -98px;
margin-left: 130px;
float:left;
}
div#plist ul#psg {
margin-left: -30px;
margin-top: -5px;
}
div#plist ul#ofc {
margin-top: -98px;
margin-left: 130px;
}

div#em40 {
 width: 350px;
padding: 30px;
float:left;
margin:  0px 0px 0px 0px ;
}
div#gra {
float: left;
padding: 30px;
margin:  0px 0px 0px 0px ;
}
div#deum {
clear:both;
padding: 30px;
margin:  0px 0px 0px 0px ;
width: 350px;
float:left;
}
div#dedo {
padding: 30px;
margin:  0px 0px 0px 0px ;
width: 350px;
float:left;
}
div#deum h4, div#dedo h4 {
font-size: 14px;
}
div#deum p, div#dedo p {
margin-bottom: 20px;
}
div#ctl {
width: 350px;
float:left;
padding: 2px;
}
div#ctr {
float:left;
width: 500px;
padding: 2px;
}
div#ctr h2 {
margin-bottom: 20px;
}
div#ctr p {
width: 380px;
}
ul#pass {
list-style: decimal !important;
}
.lpz {
margin-left: 250px;
}
#desta {
clear: both;
border-top: 3px solid #ededed;
padding-top: 10px;
display: block;
}
#desta ul li {
float: left;
margin-right: 40px;
}
.mt {
margin-top: 30px !important;
}
ul#slMod {
list-style: none !important;
}
ul#slMod li img {
margin-left: 136px;
margin-right: 136px;
width: 128px;
height: 128px;
display: block;
float: right;
}
ul#slMod li {
display: block;
width: 400px;
border: 2px solid #00AEEF !important;
font-size: 24px;
font-weight: bold;
clear: both;
height: 150px;
letter-spacing: -1px;
padding: 10px;
}
ul#slMod li:hover {
background-color: #f8f8f8;
cursor: pointer;
text-decoration: underline !important;
color: #00AEEF;
}
div#limpezaBlocoA h2#propoolLogo {
background: url('../assets/images/logopropool172x64.jpg') no-repeat left top;
width: 172px; height: 64px;
display: block;
text-indent: -99999px;
}
div#limpezaBlocoA a img, div#limpezaBlocoA a {
float: left;
margin-top: -35px;
margin-left: 10px;
}
div#limpezaBlocoA p {
width: 500px;
float: left;
}
div#limpezaBlocoB {
clear: both;
}
