@charset "utf-8";
/* CSS Document
 * Theme Name: Purewater
 * Theme URI: http://www.idesk.com.br/
 * Description: Tema padrao utilizado nas paginas internas do site Purewater.
 *
 * Version: 2009
 *
 * Author: Luiz R. Albano Jr.
 * Date: 2009-01-19 11:16:00
 * Desenvolvido por: iDesk Informatica sob o selo de Bill Jr Web Design
 * http://www.idesk.com.br
 */
 
a { color:#000; }
a:hover { text-decoration:none; }


/**
 * Cabecalho
 */
#branding { 
	z-index:10;
	height:120px;
	background-color:#008ACF;
}

#branding h1 {
	width:235px;
	height:120px;
	margin-left:20px;
	float:left;
}

#branding h2 {
	position:absolute;
	top:0;
	right:0;
	width:355px;
	height:120px;
	background:url(../media/Image/topImageChild.jpg);
	text-indent:-10000px;
}

#branding #icoHome {
	position:absolute;
	left:20px;
	top:0px;
}



/**
 * Conteudo
 */
#content p {
	text-align:justify;
	padding:5px 10px;
	font-size:12px;
}

#content h3 {
	text-align:justify;
	padding:5px 10px;
	margin:8px 0;
	font-size:22px;
}

#content ul {
	margin:10px 20px;
	text-align:left;
	font-size:12px;
}
#content ul li { margin:10px 20px; }

#content ol {
	margin:10px 20px;
	text-align:left;
	font-size:12px;
}

#content ol li { margin:10px 20px; }

#content ol li a {
	font-size:14px;
	font-weight:bold;
	text-decoration:none; 
	color:#204184;
}

#content ol li a:hover { text-decoration:underline; }



#flashAni, #desenho {
    float: right;
    width: 420px;
    height: 250px;
    margin:10px;
}



/*******************************************
 * Elementos textuais                      *
 *******************************************/
.titulo {
	position:relative;
	text-align:left;
	padding:8px 20px;
	font-size:24px;
	color:#FFF;
	background-color:#204184;
}

.marca {
    font-size: 14px;
    font-weight: bold;
    color: #204184;
}

.margin10 { margin:10px; }

#content h3.blueTitle {
	padding:0;
	margin:0 20px;
	background:url(../media/Image/bckgrdSubTitle.gif) no-repeat #204184;
	font-size:18px;
	color:#FFF;
	width:711px;
	height:22px;
	padding:1px 0px;
	padding-left:15px;
	margin-top:50px;
}

.table-center {
	margin:10px auto;
	font-size:12px;
}


/**
 * Produtos
 */
#content p.produto-purewater,
#content p.produto-pureflux,
#content p.produto-timer,
#content p.produto-safety {
	width:560px;
	height:150px;
	margin:auto;
	padding:0px;
}

#content p.produto-poolcheck,
#content p.produto-disjuntordr,
#content p.produto-disjuntorbipolar,
#content p.produto-contatores {
	width:472px;
	height:111px;
	margin:auto;
	padding:0;
}

.produto-purewater span,
.produto-pureflux span,
.produto-timer span,
.produto-safety span,
.produto-poolcheck span,
.produto-disjuntordr span,
.produto-disjuntorbipolar span,
.produto-contatores span { display:none; }

/*.produto-purewater { background:url(../media/Image/produtos/produtoPureWater.gif); }
.produto-pureflux { background:url(../media/Image/produtos/produtoPureFlux.gif); }
.produto-timer { background:url(../media/Image/produtos/produtoPoolMatic.gif); }
.produto-safety {background:url(../media/Image/produtos/produtoSafetyTurtle.gif); }
.produto-poolcheck { background:url(../media/Image/produtos/produtoPoolCheck.gif); }
.produto-disjuntordr {background:url(../media/Image/produtos/produtoDisjuntoresDR.gif); }
.produto-disjuntorbipolar {background:url(../media/Image/produtos/produtoDisjuntoresBipolar.gif); }
.produto-contatores {background:url(../media/Image/produtos/produtoContatores.gif); }*/


/**
 * Titulos
 */
 
#content h4 {
	text-align:left;
	font-size:18px;
	margin:10px;
}

#content h3.title-poolmatic,
#content h3.title-disjuntores-dr,
#content h3.title-disjuntores-bipolares,
#content h3.title-contatores,
#content h3.title-pool-check {
	margin:15px 10px;
	width:672px;
	height:87px;
	font-size:32px; 
	padding:25px 0 0 120px; 
	color:#FFF;
	font-family:"AlternateGothic2 BT", "Arial Narrow",Tahoma,Helvetica,Arial,sans-serif;
}

#content h3.title-poolmatic { background:url(../media/Image/produtos/title_TimerPoolMatic.gif) no-repeat; }
#content h3.title-disjuntores-dr { background:url(../media/Image/produtos/title_DisjuntoresDR.gif) no-repeat; }
#content h3.title-disjuntores-bipolares { background:url(../media/Image/produtos/title_DisjuntoresBipolares.gif) no-repeat; }
#content h3.title-pool-check { background:url(../media/Image/produtos/title_PoolCheck.gif) no-repeat; }
#content h3.title-contatores { background:url(../media/Image/produtos/title_Contatores.gif) no-repeat; }

#content h3.title-safetyturtle {
	margin:15px 10px;
	width:726px;
	height:165px;
}


.title-poolmatic span,
.title-safetyturtle span,
.title-disjuntores-dr span,
.title-disjuntores-bipolares span,
.title-pool-check span,
.title-contatores span
 { font-size:20px; font-weight:normal; }


/**
 * Safety Turtle
 */
.new {
	position:relative;
	margin:10px 0px;
	background-color:#008ACF;
	font-family:Tahoma,Helvetica,Arial,sans-serif;
	font-size:20px;
	color:#FFF;
	height:160px;
	padding-right:10px;
	line-height:150%;
}

.new img {
	float:left;
	margin-right:10px;
}

.purewater {
	font-size:24px;
	font-weight:bold;
	color:#214284;
}

.comentario {
	width:300px;
	padding:15px;
	margin:25px 0px;
	margin-left:390px;
	font-style:italic;
	font-size:16px;
	background-color:#EFEFEF;
}

.reference {
	font-size:12px;
	font-style:normal;
	text-align:right;
	margin:5px;
}

/**
 * Saiba mais
 */
 
#tableComp {
    width: 700px;
    border: 1px solid #204184;
    margin:auto;
    margin-top:15px;
}

#tableComp th {
    background-color: #84A0BB;
    font-size: 14px;
    font-weight: bold;
    color: #08245D;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    border-bottom: 2px solid #FFD321;
}

#tableComp tr.linha-par { background-color: #84A0BB; }
#tableComp tr.linha-impar { background-color: #EDF7FD; }

#tableComp td {
    font-size:12px;
    color: #08245D;
    padding-left: 5px;
    border-bottom: 1px solid #204184;
    padding-top: 2px;
    padding-bottom: 2px;
}

#tableComp .yes,
#tableComp .no-hungry {
	font-weight:normal;
	color:#990000;
}

#tableComp .partial {
	font-weight:normal;
	color:#FF3300;
}

#tableComp .no,
#tableComp .yes-happy {
	font-weight:bold;
	color:#08245D;
}

.title-obs {
	margin:0;
	font-size:10px;
}

#content h4.itens-saibamais {
	margin:25px 25px 5px 35px;
	font-size:16px;
}

#content .saibamais {
	margin:auto 25px;
}

/**
 * Artigos
 */
#content h3.categoria {
	font-size:20px;
	color:#FFF;
	background-color:#204184;
	border-bottom:1px solid #204184;
	margin:25px 10px 20px 10px;
	padding:2px 5px;
}

.lista {}

.lista li {
	font-size:14px;
	font-weight:bold;
}

.lista li a { text-decoration:none; }
.lista li a:hover { text-decoration:underline; }

.artigo {
	background-color:#EFEFEF;
	margin:20px;
	padding:15px 10px;
}

#content div.artigo h4 {
	font-size:24px;
}

#content div.artigo h5 {
	font-size:14px;
	text-align:left;
	margin:20px 10px 10px 10px; 
}

.artigo p {
	line-height:18px;
}

.indice a {
	margin:15px;
	font-size:16px;
	text-decoration:none;
}

.indice a:hover { text-decoration:underline; }


.tableArtigos {
	margin:15px auto;
}

.tableArtigos td {
	text-align:left;
	font-size:12px;
	background-color:#FFF;
	border-bottom:#CCC 1px solid;
	padding:2px 7px;
}

.tableArtigos th {
	font-size:14px;
	background-color:#204184;
	color:#FFF;
	text-align:center;
	padding:5px;
}



.produto {
	width:728px;
	hejght:140px;
	margin:20px auto;
	text-align:left;
}

.produto td {
	background-color:#EBEBEB;
	padding:6px 10px;
	font-size:12px;
}

#content .produto span.nome {
	font-size:18px;
	font-weight:bold;
	color:#204184;
}

#content .produto span.valor {
	font-size:18px;
	color:#204184;
}

#content .produto span.frete {
	font-size:12px;
	color:#990000;
}

#content .produto input.qtd {
	font-size:14px;
	width:40px;
	padding:4px 2px;
	text-align:center;
}