/* BASIC CLEAR FIX*/
.clr{ clear:both; }

/* Special Div for Firefox for background height fix */
div .clear{	clear: both;height: 0px;margin: 0px;padding: 0px;font-size: 0; }

/* background */
img.bg{
		/* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;

}
#suckerfish{
position:relative;
margin:0 auto;
z-index:9;
height:38px;
clear:both;
background: url(../images/menu_bg.png) top no-repeat;
}
#suckerfish_shadow{
position:relative;
margin:0 auto;
height:35px;
width:950px;
background: url(../images/menu_shadow.png) top center no-repeat;
}
#container{ width: 950px; position:relative; margin:10px auto; border:0px solid #fff;}
#header{ width: 100%; height:150px; position:relative; padding-top:0px; margin:0px auto; border:0px solid #000}
#logo{width:500px; height:140px; border:0px solid #ccc; margin:0px 0px 0px 0px; float:left;}
#carrinho-topo{width:190px; height:30px; border:0px solid #ccc; margin:10px 10px 10px 10px; float:right; background: url(../images/carrinho-icon.png) left no-repeat!important;}
#main {width:100%; position:relative; z-index:3; background:#fff; margin-top:0px; border:0px solid #ccc;min-height: 450px; height: auto; !important }
#main_top {width:100%; position:relative; z-index:3; background:#fff; margin-top:0px; border:0px solid #ccc;min-height: 430px; height: auto; !important;display:block }
#main_left{width:750px;float:left;margin:5px 5px 0 0; border:0px solid #ccc; }
#main_center{width:560px;float:left;margin:0px 5px 0 0; border:0px solid #ccc; }
#main_right{width:750px;float:right;margin:5px 5px 0 0; border:0px solid #ccc; }
.main_box{overflow:hidden; margin:50px 50px 10px 0px; }
#right{width:180px;float:right;margin:5px 0px 0px 5px; border:0px solid #ccc;}
#left{width:170px;float:left;margin:5px 0px 0px 5px; border:0px solid #ccc;}
#navigation{width:100%; height:15px; display: block;margin:2px 0px 2px 10px; border:0px solid #ccc;}
#footer{width:100%; display: block;margin:20px 0px 10px 0px; border-top:1px solid #ccc;}
#slideshow{ width:450px;height:120px;float:right;margin:5px auto; border:0px solid #ccc;}
.title-page{width:97%; height:25px; border-bottom:1px solid #ccc; margin:10px 30px 10px 0px}

 #right{
   height: 100% !important;
   height: auto;
 }


/************ Módulos da área central 3 colunas *********************/
/*     Top  Module      */
.box{float:left; border:0px solid #ccc;}
.box div.boxin h4{ margin-bottom:0px; text-align:center; font-weight:bold;line-height:20px;}
.box div.boxin{ padding:0px;margin:0px; background:#fff}
div.boxin div.matriz{ width:115px; height:154px; overflow: hidden; cursor: pointer;}
.matriz img{
    -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.matriz img:hover{
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
     -o-filter: grayscale(0%);
    filter: grayscale(0%);

}

.box { width:117px; height: 156px; }
/*areas de direito*/
.box-area{float:left; border:0px solid #ccc;}
.box-area div.boxin-area h6{ margin-bottom:0px; text-align:left; line-height:18px; font-weight:normal; font-size:100%; }
.box-area div.boxin-area{ padding:0px;margin:0px; background:#fff}
.box-area { width:50%}

.headerFlags {
	width: auto;
	height: 30px;
    line-height: 30px;
	display: block;
}
.headerFlags A {
	width: 100%;
	height: 100%;
	display: inline-block;
	z-index: 1;
}

.flag {
	margin-left: 5px;
	float: right;
	width: 18px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.flag:hover {
	background-color: #555;
}

.flag.pt {
  	background-image: url("../images/flags/pt.png");
}

.flag.en {
	background-image: url("../images/flags/en.png");
}
div .email {
    margin: 20px 0px 20px 0px;
    padding-left: 22px;
    line-height: 16px;
	width: 70px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: left;
    background-image: url("../images/email.png");
	cursor: pointer;
}
#panel,#icon
{
padding:3px;
text-align:center;
background-color:#ffffff;
border-bottom:solid 0px #c3c3c3;
cursor: pointer;
width: 97%;


}
#panel
{
padding:20px;
display:none;
}