body{font-family: 'Abel', sans-serif, Arial; background:#ececec; /*url(../images/bk.jpg) repeat center top transparent*/;  margin:0; padding:0;}
h2{ margin:0; padding:0px; text-align: left;}
h1{ font-size:40px;}
h3{ font-size:18px; margin: 0px; padding}
p {font-size: 14px;}

ul{margin:0px; padding:4px 0px 10px 14px;}
ul li{ list-style-image:url(../images/bullet.png);}

.moldura{ background-color: #FFFFFF;
    border: 1px solid #999;
    padding: 10px;}

#page {height: auto; max-width:1200px;
background: url(../images/fundo2.png) repeat center top transparent; 
background-size:100% auto;
-webkit-background-size: 100% auto;
-o-background-size: 100% auto;
-khtml-background-size: 100% auto;
-moz-background-size: 100% auto;
overflow:hidden;
}

a {cursor: pointer; text-decoration:none;}
a {outline: none;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
a:hover{text-decoration: underline;}
#topo {
	position:fixed; 
	top:0px; 
	height: 130px; 
	background: url(../images/shadow_top.png) repeat-x center top transparent; 
	width:100%;
	vertical-align:middle;
	z-index: 10;
	}
/* icon position: relative;
top: 6px; */
img#diogo{margin-right: 8px;}


#home{height: 1500px; width:100%;  margin-top:0px; display:block;}
#link1{height: 1500px; width:100%;  margin-top:70px; display:block;}
#link2{height: 1500px; width:100%;  margin-top:70px; display:block;}
#link3{height: 1500px; width:100%;  margin-top:70px; display:block;}
#link4{height: 1500px; width:100%;  margin-top:70px; display:block;}
#link5{height: 1500px; width:100%;  margin-top:70px; display:block;}


.logo {background: url("../images/logo.png") no-repeat scroll left top transparent;
    font-size: 10px;
    margin-left: 0;
    margin-top: 0;
    width: 210px;height: 170px;
}
	
#logo {float: left;z-index: 20;
	position:relative;}
.contactos{height: 500px;}

.box_wrapper{ 
  margin-right: 20px;
  font-size: 14px;
  position: relative;
  width: 58%;
  min-height: 320px;
  background:#FFF;
   z-index: 0;
  padding: 20px;
  float:right;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  border-radius: 10px; /* CSS3 */
  -moz-box-shadow: 2px 3px 25px #333333; /* Firefox */
  -webkit-box-shadow: 2px 3px 25px #333333; /* Safari, Chrome */
  box-shadow: 2px 3px 25px #333333; /* CSS3 */
  }

#box_intro_conh2{float: left; width: 34%;}
.box_intro_conh {display:none;}
.box_intro_ap{float: left; width: 34%;}
/*.caixa2{float: left; width: 34%; }*/
.caixa3{ display:none;}

.resolucao { width: 200px; float:left;}

.espaco_home{height: 45px;}
.espaco_ap{height: 65px;}
.espaco_conh{height: 20px;}
.espaco_port{height: 60px;}
.espaco_cont{height: 45px;}
.espaco{height:20px;}

.txt_con_left{ margin-left:15%; text-align:left; margin-right:10px;}
.txt_ap_left { text-align: right; margin-right: 0px;}
#txt_bloco { max-height: 270px;min-width: 420px;}
.tecnica {
    font-size: 10px;
    height: 21px;
    position: absolute;
    right: -49px;
    top: -21px;
    width: 135px;
}
.tecnica a{color: #666;}
.tecnica a:hover{font-decoration: none; color:#333;}
.tecnica ul li {display:inline; list-style:none;margin-right: 12px;}

.tecnica ul{ padding:0px;}



/************ MENU ****************/
ul.menu li a.home{background: url(../images/home-icon.png) no-repeat center center #000;}
ul.menu li a.home:hover {background: url(../images/home-icon-hover.png) no-repeat center center #237bc0; }
.menu_area {
	float: right; 
	margin-right: 0%; 
	height: 90px; 
	vertical-align:middle; 
	/*background:url(../images/menu-bar.png) no-repeat right top;*/
	margin-top: 25px;
	z-index: 10;
	position:relative;
	}

ul.menu {
	margin-right: 73px;
    text-align: right;
    /*width: 516px;*/
	}
	
ul.menu li {
	display: inline; 
	margin-left: 5px;
	}

ul.menu li a{
		
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	background: none repeat scroll 0 0 #000000;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    padding: 4px 10px;
    text-decoration: none;
    
	}

ul.menu li a:hover{ 
	text-shadow: 1px 1px 1px #1f1f1f;
	background: url(../images/menu-hover.png) repeat-x center left #d9d9e9;
	color: #fff;
	border: 1px solid #fff;
	}


/************** Footer **********************/
.fundo {
	color:#999;
	position: fixed; 
	height: 30px;
    padding-top: 5px;
	width:100%;  
	bottom:0px; 
	background: url(../images/footer_bk.png) repeat-x center top transparent;
	
	 }

.info {font-size: 10px; }
.info1{ font-size:10px; color:#999; float:right; margin-right:15px; margin-top:4px;}
.info1 a {color: #acacac;}
.info1 a:hover {text-decoration:underline;}
.copyright{float: left; padiing-left: 25px;}


/******** Portefolio *************/

.proj {display:inline-block; width:180px;
	background: url("../images/fundo_proj.png") repeat center center transparent;
	border: 1px solid #999;
    margin-bottom: 10px;
	margin-left: 15px;
    margin-right: 15px;
    padding: 5px;
	height:200px;}

.titulo{font-size:13px;}
.titulo2 { 
	font-size: 35px;
    margin-left: 187px;
    margin-top: 40px;
	text-align: left;
	}

.links{font-size:12px;text-align: center;
    vertical-align: middle; margin-top: 5px;}

div.proj_obj {margin-top:5px;}

.txt_info { font-size: 14px; text-align: justify;}

.icon_info {
	background: url("../images/icons.png") no-repeat scroll center -11px transparent;
    color: #000000;
    float: left;
    height: 15px;
    text-indent: 17px;
    width: 14px;
    text-decoration: none;}
    
.icon_zoom {background: url("../images/icons.png") no-repeat scroll center -40px transparent;
    color: #000000;
    float: left;
    height: 15px;
    text-indent: 17px;
    width: 14px;
    text-decoration: none;} 

.icon_url{background: url("../images/icons.png") no-repeat scroll center -53px transparent;
    color: #000000;
     height: 15px;
    text-indent: 17px;
    width: 14px;
    text-decoration: none;
    }
.icon_publ{background: url("../images/icons.png") no-repeat scroll center -97px transparent;
    color: #000000;
     height: 15px;
    text-indent: 17px;
    width: 14px;
    text-decoration: none;}
    
 .descricao{ font-size: 14px;}

/************ PAGINAÇÂO ***********************/

 .holder {
    margin:0 0 30px;
	/*height:30px;
	width:40px;*/padding:8px;
}
.holder a {
    font-size:14px;
    cursor:pointer;
    padding: 8px;
    color:#e39104; margin-left:12px;
	
}
.holder a:hover {
    background:url(../images/pagination_number_inactive.png) center center no-repeat;
    color:#666;
	padding:8px;
}
.holder a.jp-current,
a.jp-current:hover {
    background:url(../images/pagination_number.png) center center no-repeat; 
    font-size: 17px;
    font-weight: bold;
   padding:8px;
	text-decoration:none;
}
.holder span {
    margin:0 5px;
}
.customBtns {
    position:relative;
}
.arrowPrev,.arrowNext {
    cursor: pointer;
    height: 125px;
    position: absolute;
    top: 67px;
    width: 60px;
}
.arrowPrev {
	background:url(../images/prev.png) no-repeat;
    left:0;} 
.arrowNext {
	background:url(../images/next.png) no-repeat;
    right:0;}

.arrowPrev:hover {background:url(../images/prev-hover.png) no-repeat;}
.arrowNext:hover {background:url(../images/next-hover.png) no-repeat;}

.arrowPrev.jp-disabled,.arrowNext.jp-disabled {}


/************ Contactos ***********************/

.left{ float: left; width: 35%; margin-left: 10%; font-size:14px;}
.right { float:right; width: 55%; }

.iform {
	font: 14px/26px 'Abel', sans-serif, Arial; 
	width:auto; 
	margin:5px auto;
	text-align:left;
	}
.iform ul, .iform ul li { margin:0; padding:0; list-style:none;}
.iform ul ul { overflow:auto}
.iform li { padding-bottom:5px;}
.iform label { 
 	width:85px; 
	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:200px;
	border:1px solid #999;
	-webkit-border-radius: 3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin:0 0 5px;
	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{
	border-color: #333;
	background:#fff;
}

.iform .itext {}

.iform .itextarea{ 
	height:100px; width: 250px;
}
.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-size:18px; border-bottom:1px solid #ababab; padding:5px; text-indent:10px; margin:5px 0 15px }
.iform li.iseparator { display:block; text-indent:-9999px; height:10px; line-height:10px; border-bottom:1px solid #878787;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;
	}
	
	
	
/************ Responsive Design - Media Querys ***********************/

	article {display: none;}
   /* SMARTPHONE*/
@media screen and (max-width: 480px) {
     #small {display: inline;}
	 .logo {background: url("../images/logo_mini.png") no-repeat scroll left top transparent;
     width: 121px;height: 102px;
}
	ul.menu {
	margin-right: 5px;
    text-align: right;
	float: none;
    margin-top: 4px;
    padding-left: 0!important;
    }
	ul.menu li {
    display: inline-block;
    padding-bottom: 0px!important;
    padding-top: 0;
	margin:5px 0 8px 1px;
	color:#fff;
    }
	ul.menu li a {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #ffffff;
    font-size: 14px;
    padding: 6px 13px;
    text-shadow: 0 0 1px #A6A6A6;
	}
	.titulo2 {font-size: 35px;margin-left: 19%;margin-top: 115px;}
	#navigation {margin-left: 2px!important;}
	#navigation ul li {margin-right: 2px!important;}
	#navigation li {margin-left: 2px!important;}
	p.espaco_conh, p.espaco_ap {height:1px; margin: 0px; padding:0px;}
	.box_intro_ap {float: none;width: 96%;}
	.box_wrapper {float: none;margin-right: 6px;padding: 20px;width: 87%;}
	#box_intro_conh2{display:none;}
	.box_intro_conh {display: block;float: none;margin-top: 36px;width: 98%;}	
	.menu_area {height: 90px;margin-right: 0;float: none;}
	img#diogo {height:120px; width:auto;}
	.iform .itextarea {height: 80px;width: 200px;}
	.caixa1 {width: 86%;margin-left: 1%;height:auto;}
    .arrowPrev{top: 50%;left: 0%;}
	.arrowNext {top: 50%;right:0%;}
	.customBtns {top: 120px;}
	.left {float: none; width:98%;}
	.right {float: none; width:98%;}
	#link3{ height: 1200px;}
}
	/* TABLET*/
@media screen and (min-width: 480px) and (max-width: 800px) {
	#medium {display: inline;}
	ul.menu {padding-left: 0; width:100%; text-align:left;}
	.menu_area {
		height: 90px;
		margin-right: 5px;
		vertical-align: middle;
		width: 100%;
		float: none;
		margin-top: 5px;
		}			
	.logo{margin-left: 0px;margin-right: 0px;}
	ul.menu li{display: inline-block;margin: 5px 0 6px 5px;}			
	.titulo2{}
	 p.espaco_ap{height:20px; padding:0px;}
	 p.espaco_conh {}	
	#box_conh {}
	#box_intro_conh2{display:none;}
	.box_intro_conh { display:block; float: none; width: 98%; margin-top: 36px!important;}	
	.box_intro_ap {width: 98%;float: none;}
	.txt_con_left {}
	.espaco{height:0px;}
	.espaco2{height:60px;}
	.caixa2{float: none; width: 95%; margin-right:10px;}
	.box_wrapper{width: 92%; margin-right:10px; margin-left:10px;}
	#navigation{margin-bottom: 2px!important; margin-left: 5%!important;}
}
	
	/* DESKTOP*/
@media screen and (min-width: 800px) and (max-width: 1280px){
     #large {display: inline;}
	     
}
	/* HD*/
@media screen and (min-width: 1280px) {
      #hd {display: inline;}
}
	
	
	/* Formato Ecra Deitado*/
@media screen and (orientation: landscape) {
      #landscape {display: inline;}
}


 /****** Tabs**************/

#navigation { margin-left: 40%; margin-bottom: 2px;}
#navigation ul li { margin-right: 6px; }
#navigation ul li a{ font-size: 25px; color:#999; text-decoration: none;background:url(../images/tabs.png) no-repeat left top; height: 55px; width: 220px; }
#navigation ul li.active a{ color:#333; background:url(../images/tabs.png) no-repeat left -64px;}

#navigation > UL, #navigation LI {
	display: inline;
	margin: 0;
	padding: 0;
}

#navigation LI {margin-left: 10px;margin-right: 10px;}
li.active a {}
.seperator {border-right: 1px solid #CECECE;}
HR {border-color: #D9D9D9;}


/********** HOME **************/

.noticia { 
	height: 83px;
    width: 94%;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	vertical-align:middle;
	margin-bottom:15px;
	padding:10px;
	background:url(../images/fundo_noticias.png) repeat top left;
	
	}
.texto_noticia { color:#333; font-size:12px; width: 410px}
.noticia img { height:80px; width:auto; float:left;}

.left_home {
	float: left;
    font-size: 14px;
    margin-left: 2%;
    width: 40%;
	min-width: 450px;
	}
	
.right_home {
	float:left;
    margin-left: 2%;
    width: 47%;}
	
.intro_home { text-align:left;}

/***********************************************************************
 * Slider
 **********************************************************************/


#slideshow {
	margin:0 auto;
	width:640px;
	height:310px;
	background: url(../images/temp/slider-bg.png) no-repeat scroll -153px -16px transparent;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/temp/control_left.png) no-repeat 0 0;
}

#leftControl:hover {background:transparent url(../images/temp/control_left_hover.png) no-repeat 0 0;}
#rightControl:hover {background:transparent url(../images/temp/control_right_hover.png) no-repeat 0 0;}

#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/temp/control_right.png) no-repeat 0 0;
}