/*  */

/* Carrocel */
@import url(jcarousel/jquery.jcarousel.css);
@import url(jcarousel/skins/vitraldarte/skin.css);

/* Tabs */
@import url(tabs.css);


html {
background: url(../images/bg_padrao.gif) top;
}

body{
padding: 1px;
/*margin: -1px;*/
background: url(../images/bg.gif) top repeat-x;
}

h2{
font-size: 20px;
font-style: italic;
font-weight: normal;
color: #fff;
margin: 10px 0;
}

.black{
color: #000;
}

.left {
float: left;
}

h3{
font-size: 14px;
font-style: italic;
font-weight: bold;
color: #fff;
margin: 0 0 10px 0;
}

h4{
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #aaa;
margin: 0 0 10px 0;
}

h5{
font-size: 12px;
font-style: italic;
font-weight: bold;
margin: 5px 0;
}

#background {
/*background: url(../images/bg.gif) top repeat-x;*/
}

#container {
margin: 20px auto;
width: 976px;
}

#logo {
margin: 0 auto;
text-indent: -9999px;
background: url(../images/logo.png) no-repeat;
width: 330px;
height: 82px;
}
#logo_en {
margin: 0 auto;
text-indent: -9999px;
background: url(../images/logo_en.png) no-repeat;
width: 450px;
height: 82px;
}

/* nav */
#nav {
background: url(../images/menu_bg.png) repeat-x;
margin: 20px 0;
padding: 15px 0 0 0;
height: 50px;
}

#menu {
font-size: 17px;
font-style: italic;
float: left;
}
#menu a{
text-decoration: none;
color: #9b9b9b;
}
#menu a.selected{
color: #fff;
}
#menu a:hover{
color: #b5b5b5;
}
ul#menu {
}
ul#menu li {
list-style-type: none;
float: left;
display: block;
margin: -30px 0;
padding: 32px 20px;
}
ul#menu li.selected {
background: url(../images/menu_active.png) top center no-repeat;
}

#lang {
float: right;
font-size: 13px;
font-style: italic;
}
#lang a{
text-decoration: none;
color: #9b9b9b;
}
#lang a.selected{
color: #fff;
}
#lang a:hover{
color: #b5b5b5;
}
ul#lang {
}
ul#lang li {
list-style-type: none;
float: left;
display: block;
margin: -30px 0;
padding: 32px 20px;
}
ul#lang li.selected {
background: url(../images/lang_active.png) top center no-repeat;
}


/* colunas */
.esquerda-duas_col{
width: 430px;
margin: 20px;
padding: 0 20px 0 0;
border-right: 1px dotted #ccc;
float: left;
}
.esquerda-duas_col p{
width: 270px;
float: right;
}

.direita-duas_col{
width: 440px;
margin: 20px;
float: right;
}
.direita-duas_col p{
width: 270px;
float: right;
}


.esquerda-tres_col{
float: left;
width: 275px;
height: 150px;
padding: 20px;
margin: 0 15px 0 0;
background: url(../images/bg1_box3col.png) no-repeat;
}
.meio-tres_col{
float: left;
width: 275px;
height: 150px;
padding: 20px;
margin: 0 15px 0 0;
background: url(../images/bg2_box3col.png) no-repeat;
}
.direita-tres_col{
float: right;
width: 275px;
height: 150px;
padding: 20px;
background: url(../images/bg3_box3col.png) no-repeat;
}

/* imagens */
.img_left{
float: left;
padding-right: 15px;
}

/* texto */
#content_home p, #content_home ul{
line-height: 20px;
color: #c1c1c1;
font-size: 13px;
}
#content_home a{
color: #c1c1c1;
}

#content_home ul{
}

#content_home ul li{
/*list-style: circle;
text-indent: 20px;*/
margin: 0 0 0 20px;
}

#content {
background:#e9e7e8 url(../images/bg_main_content.gif) top center repeat-x;
padding: 15px;
/*margin: -20px;*/
width: 942px;
min-height: 350px;
border:2px solid #e9e7e8;
}

#content p, #content ul{
line-height: 1.6;
color: #c1c1c1;
font-size: 13px;
}
#content a{
color: #2222ff;
}

#content ul{
}

#content ul li{
list-style: circle;
/*text-indent: 20px;*/
margin: 0 0 0 20px;
}

#content p {
color: #555;
margin: 0 0 1em 0;
}


/* imagens */
.trabalhos{
	float: left;
	padding:10px;
	margin-left: 30px;
	width: 255px;
}

.imagem_bg{
	background-image:url(../images/bg_imagens.gif);
	background-repeat:no-repeat;
	padding:10px;
}

/* Apresentação Empresa
*************************************/
#fotos_empresa {
float: left;
width: 272px;
}

.texto {
float: right;
width: 600px;
}

.col {
float: left;
width: 45.313%;	
}
.col-2 {
float: right;
width: 45.313%;
margin-right: 4.688%;
}

ol {
line-height: 1.6;
color: #555;;
font-size: 13px;
}

.photoCaption {
margin: 5px 0;
color: #777;
width: 252px;
text-align: center;
font-size: 73%;
font-style: italic;
}


/* Loja
*************************************/
#breadcrumbs p {
font-size: 12px;
font-style: italic;
color: #b6b6b6;
}
#breadcrumbs p.activo{
font-weight: bold;
color: #000;
}

#breadcrumbs1_loja {
margin: 0 auto;
width: 700px;
height: 49px;
background: url(../images/loja/breadcrumbs1.png) no-repeat;
}
#breadcrumbs2_loja {
margin: 0 auto;
width: 700px;
height: 49px;
background: url(../images/loja/breadcrumbs2.png) no-repeat;
}
#breadcrumbs3_loja {
margin: 0 auto;
width: 700px;
height: 49px;
background: url(../images/loja/breadcrumbs3.png) no-repeat;
}
#breadcrumbs4_loja {
margin: 0 auto;
width: 700px;
height: 49px;
background: url(../images/loja/breadcrumbs4.png) no-repeat;
}

#breadcrumbs_loja_txt1 {
float: left;
margin: 5px 0 0 70px;
}
#breadcrumbs_loja_txt2 {
float: left;
margin: 5px 0 0 190px;
}
#breadcrumbs_loja_txt3{
float: left;
margin: 5px 0 0 200px;
}

#seta_loja {
position: relative;
top:140px;
left: 455px;
background: url(../images/loja/arrow_left-right.png) no-repeat;
width: 30px;
height: 25px;
z-index: 9999;
}

.bt_encomenda {
float: right;
display: block;
width: 81px;
height: 62px;
background: url(../images/botao_encomenda.gif) no-repeat 0 0;
}
.bt_encomenda:hover { 
background-position: 0 -62px;
}
.bt_encomenda span {
display: none;
}

.bt_encomenda_en {
float: right;
display: block;
width: 81px;
height: 62px;
background: url(../images/botao_encomenda_en.gif) no-repeat 0 0;
}
.bt_encomenda_en:hover { 
background-position: 0 -62px;
}
.bt_encomenda_en span {
display: none;
}



/* Contactos
*************************************/
.contactos_left {
float: left;
width: 420px;
margin: 0 0 0 30px;
}
.contactos_middle {
width: 420px;
margin: 0 0 0 260px;
}
.contactos_right {
float: right;
width: 420px;
margin: 0 30px 0 0;
}

.boxtop_contact{
height: 5px;
width: 420px;
background: url(../images/bg_form_edges.gif) no-repeat top;
}
.boxbottom_contact{
height: 5px;
width: 420px;
background: url(../images/bg_form_edges.gif) no-repeat bottom;
}

.box_contact{
padding: 5px 10px;
background: url(../images/bg_form.gif);
}

.contactos_right form.con{
width:360px;
padding:20px;
margin:0;
}
.contactos_right form.con label{
font-size: 11px;
float:left;
text-align: right;
width:130px;
font-weight: bold;
margin: 0 0 4px;
color:#555;
}
.contactos_right form.con input{
float:right;
width: 220px;
border: 1px solid #c1c1c1 ;
font:11px  "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
}
.contactos_right form.con .check{
border: 0;
}
.contactos_right form.con textarea{
width:220px;
height:72px;
border: 1px solid #c1c1c1 ;
font:11px  "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#fff;
margin:0 0 0 0;
float:right;
}
form.con input.submit{
float: left; 
margin: 0 0 0 90px; 
padding: 10px;
width: 220px; 
cursor: pointer; 
border: 1px solid #222; 
background:#333; 
color:#fff;
}
form.con input.submit:hover{
background:#444;
}



/* Footer
*************************************/
#footer p {
color: #777;
font-size: 11px;
}

#footer {
height: 124px;
padding: 20px;
margin: -20px 0;
background: url(../images/bg_footer.png) repeat-x;
text-align: center;
}

/*
#content ul{
	margin: 20px 0;
	padding: 15px 0 0 0;
	height: 50px;
	background: url(../images/menu_bg.png) repeat-x;
}
#content ul li {
	float: left;
	display: block;
	margin: -30px 0;
	padding: 32px 20px;
	color: #fff;
}
*/