/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0}
body {font:14px/25px Arial, Helvetica, sans-serif;color:#000000;min-width:960px;background:#205fae}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.main {width:100%; background:url(../images/main.jpg) center 0 repeat; border-top:#000000 5px solid}
.centralizar { display: block; width: 961px; margin: 0 auto; text-align: justify;}
.clear-both { clear: both; }

/***********************************************************************/
a {text-decoration:none; cursor:pointer}
a:hover {text-decoration:none}

a.button {background:#205fae; font-size:14px; line-height:20px; color:#fff; display:inline-block; padding:6px 20px 5px 20px; border-radius:5px; box-shadow:0 1px 1px #fff}
a.button:hover {background:#131313}
.button { float: left; background:#205fae; font-size:14px; font-weight: bold; line-height:20px; color:#fff; display:inline-block; padding:6px 20px 5px 20px; border-radius:5px; box-shadow:0 1px 1px #fff; margin: 10px 0 0 0;}
.button:hover {background:#131313}

a.link {text-decoration:none; cursor:pointer; color:#205fae;}
a.link:hover {text-decoration:underline}

.color-1 {color:#fff}
a.color-1:hover {text-decoration:underline}

.font-3 {font-size:17px; line-height:33px; color:#292929}

h2 {font-size:34px; line-height:45px; color:#000; font-weight:normal; font-family:'Oxygen', sans-serif; letter-spacing:1px}
h3 {font-size:24px; line-height:30px; color:#000; font-weight:normal; font-family:'Oxygen', sans-serif}
h3 strong {font-weight:normal; display:block; margin-top:-5px}

ul {margin:0; padding:0;list-style-image:none}
ul.list-1 li {padding:10px 0 0 17px; line-height:25px; background:url(../images/marker.gif) 0 20px no-repeat}
ul.list-1 li a {font-size:14px; color:#000; line-height:25px}
ul.list-1 li a:hover {color:#44a7bb}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden}
.fleft {float:left}
.fright {float:right}
.img-indent {float:left; margin:7px 0 0 0}	
.img-indent-2 {float:left; margin:4px 26px 0 0}	
.last {margin-right:0 !important}
.img-radius {border-radius:4px}

.box-shadow {box-shadow:0 1px 1px #fff}

.top-1 {margin-top:12px}
.top-2 {margin-top:43px}
.top-3 {margin-top:33px}
.top-4 {margin-top:0}
.top-5 {margin-top:0}

.left-1 {margin-left:13px}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important}
.bot-1 {margin-bottom:0}
.bot-2 {margin-bottom:0}

.pad-0 {padding:22px 26px 23px 26px}
.pad-1 {padding:30px 26px 40px 26px}
.pad-2 {padding:0 26px}
.pad-3 {padding:37px 26px 40px 26px}

.p0 {padding-bottom:8px}
.p1 {padding-bottom:25px}
.p2 {padding-bottom:12px}
.p3 {padding-bottom:17px}
.p4 {padding-bottom:18px !important}
.p5 {padding-bottom:14px}
.p6 {padding-bottom:10px}


/*********************************header*************************************/
header {width:960px; margin:0 auto; z-index:101}

h1 {margin:20px 0 0 23px; display:inline-block; z-index:100}

.form-search {float:right; margin:60px 39px 0 0; border:#d9d9db 1px solid; background:#fff; border-radius:4px}
#form-search input {width:186px; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:transparent; border:none; color:#d2d2d2;  vertical-align:top; padding:5px 10px 5px 13px; display:inline-block; float:left; margin-right:4px}
.search_button {background:url(../images/search-button.png) 0 0 no-repeat; display:inline-block; vertical-align:top; float:left; width:26px; height:29px; margin:0 0 0 0}
.search_button:hover {background:url(../images/search-button.png) right 0 no-repeat}

.social-icons {overflow:hidden; text-align:right; padding:20px 30px 13px 0}
.social-icons span {display:inline-block; font-size:13px; line-height:17px; color:#fff; font-weight:bold; margin:3px 14px 0 0}
.social-icons a {display:inline-block; width:23px; height:23px; float:right}
.icon-1 {background:url(../images/icon-1.png) 0 0 no-repeat}
.icon-2 {background:url(../images/icon-2.png) 0 0 no-repeat; margin-left:7px}
.icon-3 {background:url(../images/icon-3.png) 0 0 no-repeat; margin-left:7px}
.social-icons a:hover {background-color:#000}

nav {z-index:100; border-radius:12px; background:#ebebec; margin:22px 6px 0 6px; padding:4px}
nav>div {background:url(../images/nav.jpg) 0 0 repeat-x #55b7c8; border-radius:12px 8px 8px 12px}
ul.menu {margin:0 1px 0 0;  border-right:#205fae 1px solid; display:inline-block; float:left}
ul.menu li {float:left; line-height:17px; margin:0 0 0 0; background:url(../images/transp.png) 0 0 repeat; border-right:#4689de 1px solid; border-left:#205fae 1px solid}
ul.menu li a {font-size:13px; line-height:17px; color:#fff; font-weight:bold; display:block; padding:23px 28px 24px 28px}
ul.menu li.home-page {display:inline-block; background:url(../images/transp.png) 0 0 repeat; border-radius:8px 0 0 8px; border:none !important}
ul.menu li:hover , ul.menu li.current {background:url(../images/current.jpg) 0 0 repeat-x #000000; border-right:#000000 1px solid; border-left:#000000 1px solid}
ul.menu li.home-page a {padding:21px 22px 24px 23px !important}
ul.menu li.home-page span {background:url(../images/home-page-img.png) 0 0 no-repeat; width:19px; height:19px; display:block}

/*********************************content*************************************/
#content {width:100%; margin:0 auto}

.border-1 {background:url(../images/border-1.gif) 0 bottom repeat-x}

.line-1 {background:url(../images/line.png) 0 bottom repeat-x; padding-bottom:29px; margin-bottom:24px}
.img-border {border:#ebebec 4px solid; border-radius:12px}

.block-1>div {float:left; width:278px; margin-right:27px}
.block-1>div h3 {margin-bottom:16px}
.block-1>div img {margin-bottom:12px}
.block-1>div a.button {margin:18px 0 0 0}

.aside {background:#f9f9fb; width:100%; padding:33px 0 60px 0}

.block-2>div {float:left; width:420px; margin-right:40px}

.block-3>div {float:left; width:278px; margin-right:27px; padding:37px 0 40px 0}

.box-1 {overflow:hidden; padding-bottom:10px}
.box-1>span {display:inline-block; width:50px; font-size:14px; line-height:25px; color:#44a7bb; font-weight:bold; float:left}

.block-4>div {float:left; width:208px; margin-right:18px}
.block-4>div img {margin-bottom:18px}

.block-5 {float:left; width:270px; margin-right:36px}
.block-6 {float:left; width:580px}
.block-7 {float:left; width:275px; margin-right:30px}

.block-8>div {float:left; width:278px; margin-right:27px}

.box-2 a {display:inline-block; float:left; margin-right:20px}

/* COLUNA ESQUERDA > NEWSLETTER */
#newsletter {float: left; width: 240px; text-align: center; }
#newsletter form {float: left; width: 240px; }
#newsletter form select { float: left; width: 250px; height: 28px; padding: 3px; border: solid 1px #1f1c17; font: 12px/20px Arial, Helvetica, sans-serif, Geneva, sans-serif; color: #1f1c17; margin: 5px 0 0 0;}
#newsletter form label input { float: left; width: 242px; height: 20px; padding: 3px; border: solid 1px #1f1c17; font: 12px/20px Arial, Helvetica, sans-serif, Geneva, sans-serif; color: #1f1c17; margin: 5px 0 0 0;}
#newsletter form .certo { background: #e9f9e6 right center; border-color: #227b16 #87d97b #87d97b #227b16; color: #227b16;}
#newsletter form .errado { display: block; right center; border-color: #cb0000 #d97b7b #d97b7b #cb0000; color: #cb0000;}

/* RODAPE */
#rodape { float: left; width: 100%; height: 100px; background: #205fae repeat-x 0 0; margin: 10px 0 0 0;}
#rodape #copyright { float: left; width: 620px; text-align: center; font: bold 14px Arial, Helvetica, sans-serif; color: #fff; margin: 32px 0 0 0;}
#rodape #assinatura { float: left; width: 220px; height: 72px; }
#rodape #assinatura p { float: left; font: bold 12px/80px Arial, Helvetica, sans-serif, Geneva, sans-serif; color: #fff; text-decoration: none; margin-left: 10px; }
#rodape #assinatura a { float: left; width: 96px; height: 21px; background: url('../images/logo-multiplix.png') no-repeat 0 0; margin: 30px 0 0 10px;}
#rodape #assinatura ul { visibility: hidden;}
#rodape #assinatura a:hover { float: left; width: 96px; height: 21px; background: url('../images/logo-multiplix-houver.png') no-repeat 0 0; }

/* COLUNA ESQUERDA */
#content #coluna-esquerda { float: left; width: 240px; margin: 20px 0 30px 30px;}

/* COLUNA DIREITA */
#content #coluna-direita { float: right; width: 680px;  margin: 10px 0 0 0; }

/* CATEGORIAS */
#content #coluna-esquerda #categorias { margin: 10px 0 20px 0 ;}
#content #coluna-esquerda #categorias li { line-height:18px;  padding:6px 0 6px 20px; background:url('../images/marker-1.png') 0 12px no-repeat; }
#content #coluna-esquerda #categorias li a { display:inline-block; color:#7f7f7f; font: bold 14px/20px Tahoma, Geneva, sans-serif; text-decoration:none; }
#content #coluna-esquerda #categorias li a:hover {color:#205fae; text-decoration:underline;}

/* COLUNA ESQUERDA > NEWSLETTER */
#content #coluna-esquerda #newsletter {float: left; width: 240px; text-align: center; margin: 10px 0 0 0;}
#content #coluna-esquerda #newsletter form {float: left; width: 240px; }
#content #coluna-esquerda #newsletter form select { float: left; width: 250px; height: 28px; padding: 3px; border: solid 1px #1f1c17; font: 12px/20px Arial, Helvetica, sans-serif, Geneva, sans-serif; color: #1f1c17; margin: 5px 0 0 0;}
#content #coluna-esquerda #newsletter form label input { float: left; width: 242px; height: 20px; padding: 3px; border: solid 1px #1f1c17; font: 12px/20px Arial, Helvetica, sans-serif, Geneva, sans-serif; color: #1f1c17; margin: 5px 0 0 0;}
#content #coluna-esquerda #newsletter form .certo { background: #e9f9e6 right center; border-color: #227b16 #87d97b #87d97b #227b16; color: #227b16;}
#content #coluna-esquerda #newsletter form .errado { display: block; right center; border-color: #cb0000 #d97b7b #d97b7b #cb0000; color: #cb0000;}

/* EMPRESA */
#content #id-titulo-empresa { margin: 10px 0 10px 40px; }
#content #texto {float: left; width: 880px;  color:#404040; margin: 10px 0 30px 40px;}

/* PRODUTOS */
#content #coluna-direita h3 { margin: 10px 0 10px 30px; }
#content #coluna-direita #produtos { display: inline; float: left; width: 640px; margin-left: 30px; }
#content #coluna-direita #produtos li a { display inline; float: left; width: 150px; margin: 0 10px 5px 0;}
#content #coluna-direita #produtos li a img { border: solid 1px #000;} 
#content #coluna-direita #produtos li a span { float: left; width: 150px; text-align: center; color:#000; font: bold 14px/20px Tahoma, Geneva, sans-serif; }
#content #coluna-direita #produtos li a span:hover { text-decoration: underline; color: #205fae; }

/* DETALHE PRODUTOS*/
#content #coluna-direita #area-conteudo-meio #detalhe-produto a {float: left; width: 650px; text-align: center; font: bold italic 14px/20px Arial, Helvetica, sans-serif, Geneva, sans-serif, Geneva, sans-serif; color: #C00; text-align:center; text-decoration:none; margin: 0 0 0 10px;}
#content #coluna-direita #area-conteudo-meio #detalhe-produto a:hover { text-decoration:underline;}
#content #coluna-direita #area-conteudo-meio #detalhe-produto ul   { float: left; width: 640px; min-height:480px; margin:0 0 0 10px; }
#content #coluna-direita #area-conteudo-meio #detalhe-produto li   { width: 650px;   }
#content #coluna-direita #area-conteudo-meio #detalhe-produto li a { float: left; width: 196px; height: 177px; background: url('../images/fundo_branco_produtos1.png') no-repeat 0 0; text-decoration: none; padding: 0 5px; margin: 10px 0 0 10px;}
#content #coluna-direita #area-conteudo-meio #detalhe-produto li a img {float: left; width: 176px; height: 170px; margin:4px 6px 0 6px; border: solid 1px #000;}
#content #coluna-direita #area-conteudo-rodape a:hover {text-decoration: underline;}

/**********************form**********************/
.map {width:270px; height:186px}
.map iframe {width:270px; height:186px; border-radius:8px}
dl {margin:17px 0 0 0px}
dl dt {margin-bottom:10px}
dl dd span {font-weight:bold}
dl dd {}
dl dd a {}
dl dd a:hover {}

/* CONTATO */
#content form  { float: left; width: 560px; }
#content form  p { float: left; width: 560px; color:#404040; }
#content form  p label { flaot: left; width: 530px;display: block; font-weight: bold; text-align: left; margin: 10px 0 0 10px;} 
#content form  p label span { color: #F00; } 
#content form  p input { float: left; width: 560px; height: 20px; padding: 3px; border: solid 1px #1f1c17; font: 12px/20px Arial, Helvetica, sans-serif, Geneva, sans-serif; color: #1f1c17; margin: 5px 0 0 10px; }
#content form  p select { float: left; width: 568px; height: 28px; padding: 3px; border: solid 1px #1f1c17; font: 12px/20px Arial, Helvetica, sans-serif, Geneva, sans-serif; color: #1f1c17; margin: 5px 0 0 10px; }
#content form  p textarea { float: left; width: 560px; padding: 5px; border: solid 1px #1f1c17; font: 12px/20px Arial, Helvetica, sans-serif, Geneva, sans-serif; color: #1f1c17; margin: 5px 0 0 10px;}
#content form  p select option {float: left;  padding: 0 5px; background: #fff; color: #1f1c17; }
#content form   .certo { background: #e9f9e6 right center; border-color: #227b16 #87d97b #87d97b #227b16; color: #227b16;}
#content form   .errado { display: block; right center; border-color: #cb0000 #d97b7b #d97b7b #cb0000; color: #cb0000;}