/*
Author : Luis Serra
E-mail: lfdcs@hotmail.com
URL: http://www.way2start.com
*/

body {
	margin:0;
	background-color:#f6f6f6;
	font-family: 'Alef', sans-serif;
	font-size:14px;
	color:#2c2c2c;
}

#header-wrap {
    position: fixed;
    width:100%;
    height: 80px;
    top: 0px;
    z-index: 100;
    
	background: #fefefe; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fefefe 0%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
	
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 5px 5px rgba(0, 0, 0, 0.5);
}

#header-wrap-990px {
						/*position:relative;*/
	width:970px;
	margin-left:auto;
	margin-right:auto;
	margin-top:18px;
}

#logotipo {
	width:200px;
	float:left;
}

#logotipo_50anos {
	float:left;
	text-align:right;
}

#menu{
	float:left;
	width:690px;
	height:37px;
	display:block;
	padding:0;
	margin: 0 auto;
	margin-top:30px;
}

#menu > ul {
	list-style:inside none;
	padding:0;
	margin:0;
}

#menu > ul > li {
	list-style:inside none;
	padding:0;
	margin:0;
	float:left;
	display:block;
	position:relative;
}

#menu > ul > li > a {
	outline:none;
	display:block;
	position:relative;
	padding:0 30px;
	font:13px/100% Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(255,255,255, 0.4);
}

#menu > ul > li > a:after{
	content:'';
	position:absolute;
	border-right:1px solid;
	top:-1px;
	bottom:-1px;
	right:-2px;
	z-index:99;
}

#menu ul li.has-sub:hover > a:after {
	bottom:0;
}

#menu > ul > li.has-sub > a:before {
	content:'';
	position:absolute;
	top:4px;
	right:16px;
	border:5px solid transparent;
	border-top:5px solid gray;
}

#menu > ul > li.has-sub:hover > a:before {

}

#menu ul li.has-sub:hover > a{
	z-index:999;
}

#menu ul li.has-sub:hover > ul, #menu ul li.has-sub:hover > div {
	display:block;
}

#menu ul li.has-sub > a:hover {
	color:silver;
}

#menu ul li > ul, #menu ul li > div{
	display:none;
	width:auto;
	position:absolute;
	padding:0 0;
	background:#e8e8e8;
	z-index:999;
}

#menu ul li > ul {
	width:200px;
}

#menu ul li > ul li {
	display:block;
	list-style:inside none;
	padding:0;
	margin:0;
	position:relative;
	border-bottom:1px #b5b5b5 dashed;
}

#menu ul li > ul li a {
	outline:none;
	display:block;
	position:relative;
	margin:0;
	padding:8px 20px;
	font:10pt Arial, Helvetica, sans-serif;
	color:#053465;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(255,255,255, 0.4);
}

#menu, #menu > ul > li > ul > li a:hover {
	color:silver;
} 

#menu {
	border-color:#b05a0d;
}

#menu > ul > li > a {
	color:#053465;
}

#menu > ul > li > a:hover {
	color:silver;
}

#menu > ul > li > a:after {
	border-color:#6a6a6a;
	height:16px;
}



#menu_vert {
  padding: 0;
  margin: 0;
  border: 0;
}

#menu_vert ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu_vert ul {
  position: relative;
  z-index: 0;
  float: left;
}

#menu_vert ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
}

#menu_vert ul li.hover,
#menu_vert ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}

#menu_vert ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}

#menu_vert ul ul li {
  float: none;
}

#menu_vert ul li:hover > ul {
  visibility: visible;
}

#menu_vert ul ul {
  top: 0;
  left: 100%;
}

#menu_vert ul li {
  float: none;
}

/* Custom Stuff */
#menu_vert span, #menu_vert a {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

#menu_vert {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
  font-weight: 400;
  width: 200px;
  margin-bottom:20px; }
  #menu_vert:after, #menu_vert ul:after {
    content: '';
    display: block;
    clear: both; }
  #menu_vert > ul > li:first-child {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  #menu_vert > ul > li:last-child {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  #menu_vert > ul > li ul ul li:first-child {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  #menu_vert > ul > li ul ul li:last-child {
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  #menu_vert ul, #menu_vert li {
    width: 100%; }
  #menu_vert li {
    background: #c0bebf url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEXy7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7erx7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7eoO3g4TAAAAMnRSTlP8+fbz7+vn497Z1M/KxL+5s66oopuVj4mDfHZwamRdV1FMRkA7NTArJiEcGBQQDAkGA02z+X0AAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2edea), color-stop(1, #c0bebf));
    background-image: -webkit-linear-gradient(top, #f2edea, #c0bebf);
    background-image: -moz-linear-gradient(top, #f2edea, #c0bebf);
    background-image: -ms-linear-gradient(top, #f2edea, #c0bebf);
    background-image: -o-linear-gradient(top, #f2edea, #c0bebf);
    background-image: linear-gradient(#f2edea, #c0bebf); }
    #menu_vert li:hover, #menu_vert li.active {
      background: #606a76 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEVKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmL///9KVmL3Z0MtAAAAMnRSTlP8+fby7+vm4t3Y087Iw723sauln5mTjIaAeXNsZmBaVE5IQjw3MSwnIh0ZFBANCQYDAAm6nKYAAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
      -moz-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
      -webkit-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
      box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a5662), color-stop(1, #606a76));
      background-image: -webkit-linear-gradient(top, #4a5662, #606a76);
      background-image: -moz-linear-gradient(top, #4a5662, #606a76);
      background-image: -ms-linear-gradient(top, #4a5662, #606a76);
      background-image: -o-linear-gradient(top, #4a5662, #606a76);
      background-image: linear-gradient(#4a5662, #606a76); }
      #menu_vert li:hover > a, #menu_vert li.active > a {
        color: #FFF; }
  #menu_vert a {
    color: #666666;
    line-height: 160%;
    padding: 8px 2px 8px 10px;
    width: 164px; }
  #menu_vert ul ul {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
    #menu_vert ul ul li {
      background: #606a76;
      border-bottom: 1px solid #59636F;
      -moz-box-shadow: inset 0 1px 0 #66707c;
      -webkit-box-shadow: inset 0 1px 0 #66707c;
      box-shadow: inset 0 1px 0 #66707c; }
      #menu_vert ul ul li:hover {
        background: #4a5662; }
      #menu_vert ul ul li a {
        color: #FFF; }


#header-titulo-bg {
	position:fixed;
	margin-top:80px;
	width:100%;
	height:225px;
	background-image:url('../images/header_bg.jpg');
}

#header-titulo-bg2 {
	position:fixed;
	margin-top:80px;
	width:100%;
	height:125px;
	background-image:url('../images/header_bg.jpg');
}

#header-titulo {
	position:relative;
	background-image:url('../images/calfer-bg.png');
	width:970px;
	height:225px;
	margin: auto;
}

#header-titulo2 {
	position:relative;
	background-image:url('../images/calfer-bg.png');
	width:970px;
	top:-20px;
	height:125px;
	margin: auto;
}

#header-titulo-principal {
	width:970px;
	height:225px;
	margin: auto;
}

#container-sombra {
	-webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px -5px 5px rgba(0, 0, 0, 0.5);
	box-shadow:         0px -5px 5px rgba(0, 0, 0, 0.5);
    width:100%;
    height:2px;
    border-bottom:1px gray dashed;
    content:"";
    background:white;
    position:fixed;
}

.container-sombra-2 {
    margin-top:-20px;
}

#container {
	float:left;
	width:100%;
	z-index:-999;
	position:relative;
	border-bottom:1px gray dashed;
	margin-bottom:2px;
}

#content-index {
	position:relative;
	margin-top:320px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	width:970px;
}

#content{
	position:relative;
	margin-top:220px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	width:970px;
}

#menu-produtos {
	width:200px;
	float:left;
	padding-right:10px;
}

#conteudo-produtos {
	width:740px;
	float:left;
	border-left: 1px gray dotted;
	padding-left: 10px;
}

#rodape-bg {
	float:left;
	width:100%;
	height:25px;
	background-image:url('../images/header_bg.jpg');
}

#rodape {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	color: white;
	font-size:12px;
}

#rodape_texto {
	width:770px;
	float:left;
}

#rodape_creditos {
	width:200px;
	float:left;
	text-align:right
}

#slogan {
	font-family: 'Raleway', sans-serif;
	color:white;
	padding-top:190px;
	padding-left:360px;
	font-weight:600;
	font-size:22px;
	font-style:italic;
	letter-spacing:2px;
}

h1 {
	font-family: 'Raleway', sans-serif;
	color:white;
	padding-top:80px;
	font-weight:100;
	font-size:30px;
	font-style:italic;
	letter-spacing:2px;
}

#quadro1 {
	float:left;
	width:734px;
	margin-right:10px;
	padding-right:10px;
	border-right:1px silver dashed;
}

#quadro2 {
	float:left;
	width:215px;
}

#titulo_index {
	font-family: 'Roboto', sans-serif;
	font-size:38px;
	margin-bottom:10px;
}

#centrado {
	text-align:center;
}

#foto-empresa {
	float:right;
	border:1px gray solid;
	padding:2px;
	margin-bottom:10px;
	margin-left:10px;
}

zona_produto {
	float:right;
	border:1px gray solid;
	padding:2px;
	margin-bottom:10px;
	margin-left:10px;
}

#foto-gama-produto {
	margin-bottom:10px;
	margin-top:20px;
	border-bottom:1px gray solid
}

#googleMap {
	border: 1px solid gray;
	margin-bottom:20px;
	color:black;
	width:970px;
	height:380px;
}

#morada {
	float:left;
	width:360px;
}

#formulario {
	float:left;
	width:auto;
}

#caminho {
	width:100%;
	border-bottom:1px gray dashed;
	padding-bottom:5px;
	margin-bottom:10px;
}

.link {
	font-weight:bold;
}

a {
	color:#2c2c2c;
}

a.white {
	color:white;
}

.noborder {
	border:0px;
}

p {
	text-align:justify;
}

p.bold {
	font-weight:bold;
}

p.header {
	font-family: 'Alef', sans-serif; font-size:18px;
}

p.nospace {
	line-height:0.1em;
}

p.centro {
	text-align:center;
}

p.esquerda {
	text-align:left;
}

.clear {
	clear:both;
}

.contactos-header { display:block; font-family: 'Alef', sans-serif; font-size:18px; border-bottom:1px solid gray; padding: 5px 5px 5px 0px; text-indent:0px; margin:5px 0 15px 0px; }
.mapa-header { width:100%; display:block; font-family: 'Alef', sans-serif; font-size:18px; border-bottom:1px solid gray; padding: 5px 5px 5px 0px; text-indent:0px; margin:5px 0 15px 0px; }

/* FORMULARIO */


.iform {font: 12px/26px Arial, Helvetica, sans-serif; width:520px; margin-bottom: 20px; margin-left:70px;}
.iform ul { margin:0; padding:0; list-style:none;}
.iform ul ul { overflow:auto}
.iform li { padding-bottom:5px;}
.iform label { 
 width:190px; display:block; float:left; line-height:26px;
}
.iform label.ilabel { 
 width:auto; display:inline; float:none; line-height:26px; padding:0 5px;
}

.iform .itext,.iform .itextarea,.iform .iselect,.iform .ibutton { 	
	width:315px;
	border:1px solid #999;
	-webkit-border-radius: 3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	margin:0;
	padding:5px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}

.icaptcha {
	width:35px;
	border:1px solid #999;
	-webkit-border-radius: 3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	margin:0;
	padding:5px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

.iform .itext:hover,.iform .itextarea:hover,.iform .iselect:hover,.iform .ibutton:hover,
.iform .itext:focus,.iform .itextarea:focus,.iform .iselect:focus,.iform .ibutton:focus,.icaptcha:hover{

border-color: #333;
background:#fff;

}



.iform .itextarea{ 
	height:100px; width: 316px;
}
.iform .ibutton {

	width:auto;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left 25, from(#dadada), color-stop(6%, #efefef), to(#dadada));
	background: -moz-linear-gradient(top, #dadada, #efefef 2px, #dadada 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}
.iform .ibutton:hover,.iform .ibutton:focus { background:#dadada;}
.iform li.iheader { display:block; font-family: 'Alef', sans-serif; font-size:18px; border-bottom:1px solid gray; padding: 5px 5px 5px 0px; text-indent:0px; margin:5px 0 15px 0px; }
.iform li.iseparator { display:block; text-indent:-9999px; height:10px; line-height:10px; border-bottom:1px solid #999;margin:5px 0 15px ; }

.iform .required { border-color:#F00; }

#imessageOK,#imessageERROR{ border:1px solid #F60; padding:10px; font-size:16px; font-weight:bold; text-align: center; display:none; margin-bottom:20px;

	background: #F90;
	background: -webkit-gradient(linear, left top, left 25, from(#F90), color-stop(4%, #FC0), to(#F90));
	background: -moz-linear-gradient(top, #F90, #FC0 1px, #F90 25px);
	color:#fff;
}

#verde {
	color:green;
	padding-bottom:5px;
}

#vermelho {
	color:red;
	padding-bottom:5px;
}