/* CSS Document */

/************************************************************************

Site: DiasRuivo.com 2006
URL : http://www.diasruivo.com
Design e css : Pedro Silva - pmsilva@gmail.com

Ordem da lista:
==============

1 - Body/Containers
2 - Header e menu principal
3 - Area conteudo layout
4 - Formatação geral/Headers
5 - Navegação
6 - Paragrafos globais
7 - Imagens
8 - Footer
9 - Listas
10 - Formulários

************************************************************************/

/*************************/
/* 1-  BODY */
/*************************/
 * {margin: 0;padding: 0;} 
body {font-size: 67.5%; margin: 0px auto; padding: 0px; font-family: arial, sans-serif; background: #fff url(../images/css/body_background.jpg) repeat-x 0 0; }
html, body { min-height: 100%; height: 100%;}
html { min-height: 100%; margin-bottom: 1px; }


/* 1.1 - Container Geral */
#container {width: 800px; margin: 0px auto; padding: 0px; position: relative; }
/* 1.1 - Container Geral */

/*************************/
/* 2-  Header e Menu Principal */
/*************************/
/* 2.1- Logotipo */
.logo-header { float: left;clear: both; width: 320px; height: 52px; margin-top: 11px; padding: 0px; }
/* 2.1- Logotipo*/

/* 2.2- Menu Principal Português */
div#menuprincipal {
height:14px;
width:400px;
padding:0;
border:0;
float:right;
position:absolute; right:0px; top:56px;
}
div#menuprincipal ul#menupri{
height:14px;
width:400px;
background:transparent url(../images/css/menuprincipal_pt.gif) top left no-repeat;
margin:0;
padding:0;
}
div#menuprincipal ul#menupri li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menupri li,ul#menupri a{
height:14px;
display:block;
}
div#menuprincipal ul#menupri li a{
text-indent:-9999px;
text-decoration:none;
}

#inicio{
left:0px;
width:46px;
}
.inicio_on { background:transparent url(../images/css/menuprincipal_pt.gif) -0px -16px no-repeat; }

#quemsomos{
left:47px;
width:100px;
}
.quemsomos_on { background:transparent url(../images/css/menuprincipal_pt.gif) -47px -16px no-repeat; }

#produtos{
left:147px;
width:88px;
}
.produtos_on { background:transparent url(../images/css/menuprincipal_pt.gif) -147px -16px no-repeat; }

#mercado{
left:235px;
width:82px;
}
.mercado_on { background:transparent url(../images/css/menuprincipal_pt.gif) -235px -16px no-repeat; }

#contactos{
left:317px;
width:83px;
}
.contactos_on { background:transparent url(../images/css/menuprincipal_pt.gif) -317px -16px no-repeat; }


/* Estado hover do menu */
#inicio a:hover{background:transparent url(../images/css/menuprincipal_pt.gif) -0px -16px no-repeat;}
#quemsomos a:hover{background:transparent url(../images/css/menuprincipal_pt.gif) -47px -16px no-repeat;}
#produtos a:hover {background:transparent url(../images/css/menuprincipal_pt.gif) -147px -16px no-repeat;}
#mercado a:hover {background:transparent url(../images/css/menuprincipal_pt.gif) -235px -16px no-repeat;}
#contactos a:hover {background:transparent url(../images/css/menuprincipal_pt.gif) -317px -16px no-repeat;}
/* 2.2 - Fim de Menu Principal Português */

/* 2.2.1 - Menu Principal Inglês */
div#menuprincipal_en {
height:14px;
width:400px;
padding:0;
border:0;
float:right;
position:absolute; right:0px; top:56px;
}
div#menuprincipal_en ul#menupri_en{
height:14px;
width:400px;
background:transparent url(../images/css/menuprincipal_en.gif) top left no-repeat;
margin:0;
padding:0;
}
div#menuprincipal_en ul#menupri_en li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menupri_en li,ul#menupri_en a{
height:14px;
display:block;
}
div#menuprincipal_en ul#menupri_en li a{
text-indent:-9999px;
text-decoration:none;
}

#home{
left:0px;
width:46px;
}
.home_on { background:transparent url(../images/css/menuprincipal_en.gif) -0px -16px no-repeat; }

#whoweare{
left:47px;
width:100px;
}
.whoweare_on { background:transparent url(../images/css/menuprincipal_en.gif) -47px -16px no-repeat; }

#products{
left:147px;
width:88px;
}
.products_on { background:transparent url(../images/css/menuprincipal_en.gif) -147px -16px no-repeat; }

#market{
left:235px;
width:82px;
}
.market_on { background:transparent url(../images/css/menuprincipal_en.gif) -235px -16px no-repeat; }

#contacts{
left:317px;
width:83px;
}
.contacts_on { background:transparent url(../images/css/menuprincipal_en.gif) -317px -16px no-repeat; }


/* Estado hover do menu */
#home a:hover{background:transparent url(../images/css/menuprincipal_en.gif) -0px -16px no-repeat;}
#whoweare a:hover{background:transparent url(../images/css/menuprincipal_en.gif) -47px -16px no-repeat;}
#products a:hover {background:transparent url(../images/css/menuprincipal_en.gif) -147px -16px no-repeat;}
#market a:hover {background:transparent url(../images/css/menuprincipal_en.gif) -235px -16px no-repeat;}
#contacts a:hover {background:transparent url(../images/css/menuprincipal_en.gif) -317px -16px no-repeat;}
/* 2.2.1 - Fim de Menu Principal Inglês */


/*************************/
/* 3-  Area Conteudo Layout */
/*************************/

/* 3.1 - Layout homepage*/
.conteudo_homepage {float: left; width: 800px; margin-top: 2px; padding: 0px 0px 0px 0px; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif;}

.conteudo-container_homepage {clear: both;  width: 800px;  margin: 40px 0px 0px 0px; padding: 0px; }

.destaques {
 margin: auto;
 width: 244px;
 height: 185px;
 background-image: url(../images/css/homepage_destaques_box.gif);
 background-repeat: no-repeat;
 background-position: top left;
 text-align: left;
 border-style: solid;
 border-color: #E3E3D2;
 border-width: 1px;
}
.featured {
 margin: auto;
 width: 244px;
 height: 185px;
 background-image: url(../images/css/homepage_featured_box.gif);
 background-repeat: no-repeat;
 background-position: top left;
 text-align: left;
 border-style: solid;
 border-color: #E3E3D2;
 border-width: 1px;
}

.feiras {
 margin: auto;
 width: 244px;
 height: 185px;
 background-image: url(../images/css/homepage_feiras_box.gif);
 background-repeat: no-repeat;
 background-position: top left;
 text-align: left;
 border-style: solid;
 border-color: #E3E3D2;
 border-width: 1px;
}
.fairs {
 margin: auto;
 width: 244px;
 height: 185px;
 background-image: url(../images/css/homepage_fairs_box.gif);
 background-repeat: no-repeat;
 background-position: top left;
 text-align: left;
 border-style: solid;
 border-color: #E3E3D2;
 border-width: 1px;
}

.localizacao {
 margin: auto;
 width: 244px;
 height: 185px;
 background-image: url(../images/css/homepage_localizacao_box.gif);
 background-repeat: no-repeat;
 background-position: top left;
 text-align: left;
 border-style: solid;
 border-color: #E3E3D2;
 border-width: 1px;
}
.location {
 margin: auto;
 width: 244px;
 height: 185px;
 background-image: url(../images/css/homepage_location_box.gif);
 background-repeat: no-repeat;
 background-position: top left;
 text-align: left;
 border-style: solid;
 border-color: #E3E3D2;
 border-width: 1px;
}

/* 3.1 - Fim de Layout homepage*/

/* 3.2 - Layout Global */

.conteudo {float: left; width: 608px;  margin-top: 0px; padding: 0px 0px 0px 14px; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.conteudo-container {clear: both; float: left; width: 608px; margin: 0px 0px 8px 0px; padding: 0px;}

.conteudo-pagetitle { overflow: hidden; width: 560px; margin: 0px 0px 2px 0px; padding: 3px 0px 2px 0px; color: #50A3B4;  font-size: 15px; font-weight:bold;}

/* 1 coluna */
.conteudo-container-1col {overflow: hidden; width: 608px; margin: 0px; padding: 0px;}
.conteudo-container-1col-txtright-200px {float: right; width: 357px; margin: 0px; padding: 0px;}
.conteudo-container-1col-txtright-160px {float: right; width: 397px; margin: 0px; padding: 0px;}
.conteudo-container-1col-txtright-120px {float: right; width: 437px; margin: 0px; padding: 0px;}
.conteudo-container-1col-txtright-100px {float: right; width: 457px; margin: 0px; padding: 0px;}
.conteudo-container-1col-txtright-80px {float: right; width: 477px; margin: 0px; padding: 0px;}
.conteudo-container-1col-txtright-60px {float: right; width: 497px; margin: 0px; padding: 0px;}
.conteudo-container-1col-txtright-40px {float: right; width: 517px; margin: 0px; padding: 0px;}

/* 2 colunas */
.conteudo-container-2col-left-homepage{overflow: hidden; float: left; width: 300px; margin-top: 10px; padding: 0px; }
.conteudo-container-2col-right-homepage{overflow: hidden; float: left; width: 500px; margin-top: 10px; padding: 0px; }

.conteudo-container-2col-left{overflow: hidden; float: left; width: 310px; margin-top: 10px; padding: 0px; }
.conteudo-container-2col-right{overflow: hidden; float: right; width: 310px; margin-top: 10px; padding: 0px; }
.conteudo-container-2col-txtright-100px {float: right; width: 160px; margin: 0px; padding: 0px;}
.conteudo-container-2col-txtright-80px{float: right; width: 180px; margin: 0px; padding: 0px;}
.conteudo-container-2col-txtright-60px {float: right; width: 200px; margin: 0px; padding: 0px;}
.conteudo-container-2col-txtright-40px {float: right; width: 220px; margin: 0px; padding: 0px;}
.conteudo-container-2col-txtright-20px {float: right; width: 240px; margin: 0px; padding: 0px;}

/* 3 colunas */
.conteudo-container-3col-left-homepage{overflow: hidden; float: left; width: 246px; padding: 16px 0px 0px 0px; clear:both;}
.conteudo-container-3col-middle-homepage{overflow: hidden; float: left; width: 246px; padding: 16px 0px 0px 31px;  }
.conteudo-container-3col-right-homepage {overflow: hidden; float: left; width: 246px; padding: 16px 0px 0px 31px; }

.conteudo-container-3col-left{overflow: hidden; float: left; width: 244px; margin: 0px; padding: 0px 0px 0px 2px;}
.conteudo-container-3col-middle{overflow: hidden; float: left; width: 242px; margin: 0px; padding: 0px 0px 0px 14px;}
.conteudo-container-3col-right {overflow: hidden; float: right; width: 246px; margin: 0px; padding: 0px 0px 0px 0px;}
.conteudo-container-3col-txtright-60px {overflow: hidden; float: right; width: 101px; margin: 0px; padding: 0px;}
.conteudo-container-3col-txtright-40px {overflow: hidden; float: right; width: 121px; margin: 0px; padding: 0px;}
.conteudo-container-3col-txtright-20px {overflow: hidden; float: right; width: 141px; margin: 0px; padding: 0px;}
.conteudo-container-3col-txtright-10px {overflow: hidden; float: right; width: 151px; margin: 0px; padding: 0px;}

/* 3.3 - Layout página individual de produto */
.prev_next { float: left; width: 615px; text-align:center; font-size:11px; margin-top: 6px;}
.prev_next li { list-style-type:none; display:inline; padding: 16px;}
.prev_next li a{ text-decoration:underline; color:#326078;}
.prev_next li a:visited{ color:#326078;}
.prev_next li a:hover{ text-decoration:none; color:#3C7391;}


.full-photo{
	border:solid #EEE;
	border-width:1px 1px 1px 1px;
	background:#FFF;
	padding:6px 15px 15px 15px;
	margin:0 auto;
	width:400px;
}

.validation { width: 800px; float: left; text-align:center; }



/*--------------------*/
/* 3.4- Coluna lateral esquerda */
/*--------------------*/
.spacer {  float:left; width: 800px; height: 2px; margin-top: 44px; }
.col_esquerda {	 float: left; margin-top: 20px; margin: 0;padding: 0; width: 170px;	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; background: transparent url(../images/css/separador_colesquerda.gif) repeat-y 100% 8px; }

.col_esquerda img { border:none}
.col_esquerda p { padding-left: 3px; padding-top: 8px;}

.navesq {padding: 4px 0; margin: 0px 18px 0 4px;}

.navesq ul {
	border-top: 0px solid #ccc;
	padding: 0;
	margin: 10px 0 0 0;
}

.navesq li {
	border-bottom: 1px solid #EAEAEA;
	list-style: none;
	margin: 0;
}

.navesq li a {
	display: block;
	text-decoration: none;
	padding: 4px 0 4px 21px;
	background: transparent url(../images/css/seta_barralateral.gif) no-repeat 7px 7px;
	font-size: 1.0em;
	color: #395B86;	
}

.navesq li a:hover {
	color:#F20000;
	background: #F2F2F2 url(../images/css/seta_barralateral.gif) no-repeat 10px 6px;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
}

.navesq a.selected {
	color:#F20000;
	background: #F2F2F2 url(../images/css/seta_barralateral.gif) no-repeat 10px 6px;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
	}
	
/*--------------------*/
/* 3.5- Site Map */
/*--------------------*/
.sitemap_esq	{width:230px; float:left; margin-top: 10px;}
.sitemap_dir    {width:230px; float:left; margin-top: 10px;}
.sitemap-list ul{ list-style-type:none;}
.sitemap-list li{ list-style-type:none;}
.sitemap-list li  a{list-style-type:none; padding: 0 2px 0 14px; background: url(../images/css/list-bullet-purple.gif) no-repeat 0 2px; font-size:94%; text-decoration:none;}
.sitemap-list li a:hover{background: url(../images/css/list-bullet-gold.gif) no-repeat 0 2px; font-size:94%; text-decoration:none;color:#DB7900;}


/*********************************/
/* 4 - Formatação Geral */
/*********************************/

/*--------------------*/
/* 4.1 - Area Conteudo */
/*--------------------*/

/* Titulos e caixas de texto*/
.content-title-size1 {margin: 0px; padding: 0px; color: #62646C; font-weight: bold; font-size: 130%;}
.content-title-size2 {margin: 0px; padding: 0px 0px 10px 0px; color: #4A89A8;  font: normal 20px  "Times New Roman", Times, serif, Georgia, Arial;}
.content-title-size3 {margin: 0px; padding: 0px; color:#62646C; font-weight: bold; font-size: 160%;}
.content-title-size4 {margin: 0px; padding: 0px; color: #62646C; font-weight: bold; font-size: 180%;}
.content-title-size5 {margin: 0px; padding: 0px; color: #62646C; font-weight: bold; font-size: 200%;}

.content-subtitle-size1 {margin: 0px; padding: 0px 0px 4px 1px; color: #A3A4AB; font-weight: bold; font-size: 110%;}
.content-subtitle-size1-homepage {margin: 0px; padding: 30px 0px 5px 7px; color: #468197; font-weight: bold; font-size:1.1em;}
.content-subtitle-size2 {margin: 0px; padding: 4px 0px 6px 0px; color: #A3A4AB; font-weight: bold; font-size: 120%;}
.content-subtitle-size3 {margin: 0px; padding: 4px 0px 6px 0px;  color: #A3A4AB; font-weight: bold; font-size: 130%;}
.content-subtitle-size4 {margin: 0px; padding: 4px 0px 6px 0px; color: #A3A4AB; font-weight: bold; font-size: 140%;}
.content-subtitle-size5 {margin: 0px; padding: 4px 0px 6px 0px; color: #A3A4AB; font-weight: bold; font-size: 150%;}

.content-txtbox {margin: 0px; padding: 1px 0px 0px 0px; color:#919191; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.content-txtbox p { clear:both; line-height: 15px; padding: 0px 0px 4px 0px;}
.content-txtbox-homepage {margin: 0px; padding: 0px 4px 0px 7px; color:#919191; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.content-txtbox a {color: #5BA5B5; text-decoration:none}
.content-txtbox-homepage a {color: #5BA5B5; text-decoration:none}
.content-txtbox a:visited {color: #5BA5B5;}
.content-txtbox-homepage a:visited {color: #5BA5B5;}
.content-txtbox a:hover{color: #F66013; text-decoration: none;}
.content-txtbox-homepage a:hover{color: #F66013; text-decoration: none;}
.content-txtbox ul {list-style-position:inside; padding-left:0.8em; margin: 0;}
.content-txtbox li {  padding-top: 6px;  }

/*********************************/
/* 5 - Navegação */
/*********************************/
/* 5.1 - Menu Linguas */
.menulinguas { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;color:#FFFFFF; position:absolute; top: 82px; right: 8px;}
.menulinguas li { list-style-type:none; display:inline; }
.menulinguas li a { text-decoration:none; color: #FFFFFF;}
.menulinguas li a:visited { text-decoration:none; color:#FFFFFF;}
.menulinguas li a:hover { text-decoration:none; color: #DBEBEE; }
/* 5.1 - Fim de Menu Linguas */

/* 5.2 - Navegação de categorias ou produtos */
.thumb_cat{float:left; width:173px;padding:12px 12px 12px 12px; list-style-type: none;  }
.thumb_cat a img{border:1px solid #eeeeee;padding:1px;width:170px;}
.thumb_cat a:hover img{border:1px solid #006688;}


.thumb_cat strong{padding:3px 0 3px 4px;display:block;margin-bottom:2px;background-color:#f1f1f1;}
.thumb_cat a{color: #366781; text-decoration:none;}
.thumb_cat a:visited{color: #366781;}
.thumb_cat a:hover{color: #4582A3; text-decoration:none;}

/* 5.2 -Fim de  Navegação de categorias ou produtos */


/*********************************/
/* 6- Paragrafos */
/*********************************/
p {margin: 0px 0px 0.4em 0px; padding: 0px; line-height: 1.2em;   }

/*********************************/
/* 7- Imagens */
/*********************************/
.home_pic { float: left;clear: both; width: 280px; padding: 0px; border:solid 2px #E3E7E8; }
.homepage_thumbs {float:left; border: solid 1px #CCCCCC; margin-right: 4px; }
.homepage_thumbs_big { border: solid 1px #CCCCCC; margin-left: 4px;}
img.floatLeft { float: left; margin-right: 5px; margin-top: 3px; border: solid 1px #CCCCCC;}

/* 7.2- Imagens Feiras*/
.thumb_feiras{float:left; width:190px;padding:4px 3px 4px 0px; list-style-type: none; }
.thumb_feiras img {border:1px solid #eeeeee;padding:1px; }



/*********************************/
/* 8- Footer */
/*********************************/
/*********************************/
.footer { float: left; width:800px;  background-image: url(../images/css/footer.jpg); height: 50px; margin-top: 10px;text-align:center; margin-bottom: 5px; overflow:hidden; }
.footer p { line-height: 1.2em; }
.footer a {color: #F66013; text-decoration:none}
.footer a:visited {	color:#F66013; }
.footer a:hover {color:#F66013; text-decoration:underline;}
.textofooter { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#386983; padding-top: 10px;}
.azul { color: #5BA5B5;}

.validation { float:left; width: 800px; margin-top: 4px; }

/*********************************/
/* 9- Formulários */
/*********************************/
.contactos-form {clear: both; margin-top: 2px;}

input.txt, textarea, select {
				background-color: #EAE9EB;
				border: 1px solid #817A88;
			}
input.btn {
				padding: 2px 6px; 
				color: #666666;
				background-color: #EAE9EB;
				border: 1px solid #817A88;
				height: 25px;
				width:60px;
			}
.vermelho { color:#FF0000;}	
	
label {	color: #4E84A5;font-weight: bold; font-size:10px;}
.contactos-form textarea {width: 360px;}
.contactos-form p {	margin: 0.75em 0 0 0;clear: both;}
.contactos-form p label {display: block;float: left;width: 150px;}