/*	Desc: *title* Screen Style Sheet
	Author: *arakno*
	Date: *last modified date*
	+ Colours
	- #dd4e40 * *red logo* (*links*)
	- #fffcf5 * *bg color* (*bg*)
	- #AA855B * *castanho vivo (?)
	- #6B6854 * *castanho escu (texto H2)
	- #A1916C * *castanho claro* (*tabs H2*)
	- #BE750B * *castanho reddish* (*UL Masthead H2*)
	
	
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
iframe, object, layer, iframe *, object *, layer *{display:none; visibility:hidden}

html {
font:12px/16px Arial, Helvetica, sans-serif;
}
body{
	background:url(../img/bg.jpg) repeat-x #fffcf5; color:#333227;
}

#wrap{
	width:798px;  margin:0 auto 0 auto; 
	}
	
	
	/*------------------------left Col-------------------------*/
#sidebar{
	width:220px; background:url(../img/logobg.jpg) no-repeat; color:#fff; float:left; 
}


#sidebar ul{
	width:126px; display:block; margin:230px 0 50px 38px;
	}
#sidebar ul li{
	background:url(../img/ul_arrow.gif) no-repeat 0 8px; border-bottom:#B8A997 1px dashed; padding: 0 0 0 18px;
	}
#sidebar ul li.li1{
	background:url(../img/ul_arrow.gif) no-repeat 0 8px; border-bottom:none; padding: 0 0 0 18px;
	}
#sidebar ul li a{
	font:13px/23px Arial, Helvetica, sans-serif; color:#4D371E; text-decoration:none; background-color:#fffcf5;
	}
#sidebar ul li a:hover{
	text-decoration:underline;
	}
	


	/*-------------- Masthead NAV --------------------*/
.masthead{
  height:236px;
	background:url(../img/header_pic.jpg) no-repeat 0 0px;
	width:578px; float:left; margin:0; 
	}
	
.masthead ul{
	width:550px; display:block; height:30px; font-size:0;
	}
.masthead ul li{
	float:left;  height:30px; 
	}
	
.masthead ul{
	width:600px; display:block; margin:16px 0 0 0; height:200px;text-align:right;
	}
.masthead ul li{
	width:185px; display:block; padding:0 6px 0 0; height:75px;text-align:right;
	}

.masthead ul li a{
	font:20px/22px Arial, Helvetica, sans-serif;
	text-transform:uppercase; color:#be750b; 
	text-decoration:none;
	font-weight:normal;
	display:block; 
	height:75px;
	}
.masthead ul li a:hover{
	color:#a1916c; 
	text-decoration:none; 
	}
	
	.masthead ul li a span{
		letter-spacing:0px;
		text-align:right;
		float:right;
		text-transform:lowercase;
		    font-size:60%;
		    line-height:1.2em;
		color:#6F6F6F; font-weight:normal; 
		display:block;  height:14px;
		width:150px;
	}	
	.masthead ul li a span:hover{
		cursor:inherit;
		text-decoration:underline;
	}
	
	
	/*-------------- Conteudo --------------------*/

#content {
	width:578px; float:left; margin:0;
}
	

	/*---------------------------footer-------------------*/
#footer_bg{
	background:url(../img/footer_bg.gif) repeat-x; width:100%; margin:0  auto 0 auto; float:left; height:153px;
	}
#footer{
	width:100%; margin:0 auto 0 auto; 
		text-align:center;
	}

/*=COMMON
=== === === === === === === === === === */

h4{ 
  display:block; 
  font:18px/24px Arial, Helvetica, sans-serif; 
  color:#fff; 
  margin-bottom:10px;
   background-color:transparent;
  }
  
p,
li {
	line-height: 150%
}

a, a:link, a:active, a:visited {

}
a:hover {

}

em{font-variant:small-caps;  word-spacing:0.2em; }

acronym, abbr{cursor: help;text-transform:uppercase}

img.foto{border:1px solid #A1916C; padding:10px; background:#fff;}

/* Email Obfuscation */
span.hidemyass{ unicode-bidi:bidi-override; direction: rtl; display:inline}

.clearfix{
content:".";
	display:block;
	height:0;
	visibility:hidden;
	line-height:0; 
  font-size:0;
  clear:both;
	}
	
/*=MASTHEAD
=== === === === === === === === === === */

#hdr{
  text-align:center;
  height:184px
}
#hdr h1{
height: 35px;
  display:block;
  font-size: 1%;
  text-indent:-9999px;
  overflow:hidden;
}


/*=NAVIGATION
=== === === === === === === === === === */

/*-------------- Top NAV --------------------*/

#topnav {
float:right; width:560px;
}
#topnav ul li{display:inline; float:left;width:120px}
#topnav ul li a{
	font:11px/24px Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	letter-spacing:0.1em;
	height:29px; 
	display:block; 
	color:#746f73;
	text-decoration:none; 
	text-align:center;
	}
	
 #topnav ul li a{background:url(../img/topnavbg.jpg) no-repeat 60px 0; width:120px; }
 #topnav ul li a:hover{background:url(../img/topnavbg.jpg) no-repeat 0px 0; width:120px; color:#dd4e40;}

/*=CONTENT
=== === === === === === === === === === */

	#content h2{
		text-decoration:none;
	font-weight:normal;
  letter-spacing:0.1em;
  	width:214px; 
    display:block; 
    font:20px/22px Arial, Helvetica, sans-serif;
    color:#BE750B; 
    text-transform:uppercase;
	margin-top:16px;
  margin-left: 10px; 
  background-color:transparent;
	}
  	#content h2 span{  
    font-weight:normal;  
    font-size:60%;
    line-height:1.1em;
		color:#6F6F6F;  
		display:block; 
    height:14px;
		width:300px;
  	text-transform:lowercase;
    display:block;
    letter-spacing: 0px;
    }
    	#content h2 a:hover{
      	color:#a1916c; 
      	text-decoration:none; 
      	}
    
#content h3{
	letter-spacing:0.1em;
 text-transform:uppercase;
  width:234px; 
  display:block; 
  font:18px/24px Arial, Helvetica, sans-serif; 
  color:#333227; 
  margin-bottom:10px;
   background-color:transparent;
}

#content p{
width:580px; font:14px/19px Arial, Helvetica, sans-serif; color:#4D371E; font-weight:normal; display:block;
margin:0 0 20px 0px;
}
#content p.tagline{margin:70px 0 0 20px; color:#A1916C; width:500px; height:53px; }
	
  #content p a{
	 color: #A1916C;
	 text-decoration: none;
	 border-bottom:1px dotted #A1916C;
	}
	#content p a:hover{
		border-bottom: 1px dotted #AAA99E;
	color: #6B6854;
	text-decoration: none;
	}
	
	/*-------------- Setas --------------------*/
#content p a.mais{
	width:32px; 
  background:url(../img/more_arrow.gif) no-repeat 0 0 #fffcf5; 
  color:#333227; 
  float:right; 
  height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; 
  text-decoration:none; 
  font-weight:bold; 
  display:block; 
  padding:0 0 0 23px;
  margin:10px 0px 20px 0px;
	border:none;
	}
#content p a.mais:hover{
  border:none;
	color:#C01F0B; background:url(../img/button_arrow.gif) no-repeat 0 0 #fffcf5; width:32px;
	}

#content a.mais2{
	width:32px; background:url(../img/more_arrow1.gif) no-repeat 0 0 #fffcf5; color:#333227; margin:0 0 10px 0px; height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px;
	float:right;
	}
#content a.mais2:hover{
	color:#C01F0B; background:url(../img/more_arrow2.gif) no-repeat 0 0 #fffcf5; width:32px;
	}
	
#content a.mais1{
	width:32px; background:url(../img/more_arrow2.gif) no-repeat 0 0 #fffcf5; color:#333227; margin:0 0 0 0px; height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px;
	float:right;
	}
#content a.mais1:hover{
	color:#C01F0B; background:url(../img/more_arrow1.gif) no-repeat 0 0 #fffcf5; width:32px;
	}

#content a.dl{
	width:32px; background:url(../img/downloadarrow.png) no-repeat 0 0 #fffcf5; color:#333227; margin:0 0 0 0px; height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; padding:0 0 0 23px; border:none;
	}
#content a.dl:hover{
	color:#C01F0B; background:url(../img/downloadarrow.png) no-repeat 0 0 #fffcf5; width:32px; border:none
	}
  /*=DESTAKES
=== === === === === === === === === === */
  div.domtab div.destak, .destak{width:332px; float:left; display:block;height:auto; min-height:100px}
  
  #destakesq{
	width:176px; float:left; margin:0 0 0 20px;background: url(../img/filetl.png) repeat-x;
	}
#destakesq h4{
	width:159px; height:39px; display:block; color:#FFFFFF; font:12px/14px Arial, Helvetica, sans-serif; font-weight:bold;
	background: url(../img/filetl.png) repeat-x; padding:11px 0 0 17px; margin:0 0 18px 0; text-transform:none;
	}
#destakesq ul{
	width:176px; margin:0 0 15px 0px;  display:block;
	}
#destakesq ul li{
	border-bottom:#C9B884 1px dashed;  display:block; 
	}

#destakesq ul li a{
	font:13px/14px Arial, Helvetica, sans-serif; color:#4D371E; margin:3px 0 6px 0; padding:0; display:block;
	 background-image:none;	background-color:#fffcf5; text-align:left; font-weight:normal; width:177px;
	}

#destakedir{
margin:0 0 45px 10px;
	width:332px; float:left; 
	background: url(../img/filetv_2.png) repeat-x left top; 
	}	
#destakedir h4, .destak h4{
	 font:12px/14px Arial, Helvetica, sans-serif; 
   color:#FFFFFF; 
   display:block;
   padding:10px 10px 0 90px;
	  margin:0 40px 18px 0; font-weight:bold;
	  width:252px;
	}
	#destakedir h4 {height:82px;	background: url(../img/motorola_2.jpg) no-repeat 5px 0px; }
	
  .destak h4{width:350px;height:26px;margin:0 0 8px 0;background: url(../img/filetl.png) repeat-x left top;  }
	
#destakedir ul, .destak ul{
	width:332px; margin:0 0 15px 0px;  display:block;
	}
#destakedir ul li{
	border-bottom:#C9B884 1px dashed;  display:block;
	}
	.destak ul li{
	border-bottom:#C9B884 1px dotted;  display:block;
	}
li.noborder1{
	border-bottom:none; display:block;  
	}
#destakedir ul li a, .destak ul li a{
	font:13px/14px Arial, Helvetica, sans-serif; color:#4D371E; margin:3px 0 6px 0; padding:0; display:block;
	 background-image:none;	background-color:#fffcf5; text-align:left; font-weight:normal; width:351px;
	}

	
#map{
  clear:left;	float:left;
  width:390px;  margin:0 0 45px 20px;
  }
    #map h4{
    width:310px; height:39px; background: url(../img/filetv.png) repeat-x left top; ; text-transform:none;
    font:12px/14px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:11px 45px 0 15px;
    margin:0 0 18px 0; font-weight:bold;
    } 


	
/*=FORMULARIOS
=== === === === === === === === === === */
#contact{
	background:url(../img/contacts.png) no-repeat top center;
	width:200px; height:56px;
	}
	#contact h2{
		  margin:0 auto; display:block;height:30px;
	font:12px/14px Arial, Helvetica, sans-serif; padding:30px 0 0 65px; font-weight:bold; text-transform:uppercase;
	}
	
#contact form{
	width:148px; padding:28px 0 0 30px; display:block; 
	}
#contact form input{
	width:125px; height:17px; display:block; font:11px Arial, Helvetica, sans-serif; font-weight:bold;
	padding:4px 0 0 12px; margin:0px 0 10px 0; 
	border:1px solid #AA855B;
	background:#fff2c0;

	}
	#contact form input:focus{background:#fff;}
	
#contact form input.button{
	width:69px; height:22px; display:block; background:url(../img/button_arrow.gif) no-repeat 0 5px #fffcf5; color:#333227;
	font:13px/15px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 21px; margin:0 10px 10px 80px; border:none;
	cursor:pointer; font-weight:bold;
	}
#contact form label{
	width:132px; font:9px/13px Tahoma, Arial, Helvetica, sans-serif; color:#D43723; font-weight:bold; display:block;
	text-transform:uppercase; background-color:#fffcf5;
	}
#contact form a{
	width:132px; font:11px/13px Tahoma, Arial, Helvetica, sans-serif; color:#000101; text-decoration:underline; display:block;
	background-color:#fffcf5;
	}
#contact form a:hover{
	text-decoration:none;
	}
	
/*=FOOTER
=== === === === === === === === === === */

#footer ul{
	width:555px; margin:0 auto; margin-top:20px; margin-bottom:10px; display:block; height:15px;
	}
#footer ul li{
	float:left; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; 
	display:block; 
	}
#footer ul li a{
	font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFCF5 ; text-decoration:none;
	margin:0 10px 0 10px;
	}
#footer ul li a:hover{
color:#fff;
	text-decoration:underline;
	}
#footer p, #footer p a{
	font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#888673;
	margin-bottom:5px;
	}
	 #footer p a:hover{color:#8f8d79}
	 
#footer ul.xhtml{
	width:100px; display:block; margin:0 auto; height:21px; font-size:0px;
	}
#footer ul.xhtml li{
	float:left; height:21px; margin-right:9px;
	}
#footer ul.xhtml li a{
	text-indent:-2000px; display:block; height:21px; margin:0; padding:0; font-size:0px;
	}
#footer ul.xhtml li a.xht{
	background:url(../img/xhtml.png) no-repeat; color:#fff; width:54px;
	}
#footer ul.xhtml li a.css{
	background:url(../img/css.png) no-repeat; color:#fff; width:26px;
	}

/*=DOMTABs
=== === === === === === === === === === */

div.domtab{
/*
		position:absolute;
		top:204px;*/
			width:520px;
			font-size:80%; 
			margin-left:10px
		}
		ul.domtabs{
			float:left;
			width:520px;
		}
		ul.domtabs li{
			float:left;
			padding:0.2em;
			line-height:2.7em;
		}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			width:6.2em;
			padding:.2em 1.2em 0em 1em;
			display:block;
			background:url(../img/footer_bg.gif) repeat-x; 
			color:#ccc;
			height:2.9em;
			font-weight:bold;
			text-decoration:none;
		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:auto;
			min-height:2.9em;
		}
		ul.domtabs a:hover{
			background:#c8ac81;
			color:#fffcf5
		}
		div.domtab div{
			clear:both;
			width:auto;
			min-height: 300px;
			padding:2.8em 1em;
		}
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background:#FFFCF5;
			color:#6B6854;
		}
		#domtabprintview{
			float:right;
			padding-right:1em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
			color:#fff;
		}
	
		pre{
			font-size:1.2em;
			padding:1em;
		}
		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
			color:#fff;
			display:block;
			padding:1em .5em;
			font-weight:bold;
			font-size:1.3em;
		}
		div.domtab div h3 a,
		div.domtab div h3 a:hover,
		div.domtab div h3 a:active
		{			
			display:inline;
			padding:0;
			font-weight:normal;
			font-size:1em;
		}
		
		#content div.domtab div p{width:380px;}
	
ul.prevnext{
	float:left;
	width:100%;
}
ul.prevnext li{
	float:left;
	width:49%;
}
ul.prevnext li.next{
	float:right;
	text-align:right;
}

	/*-------------- bgs --------------------*/
	
.wifi{ background:url(../img/wifi.jpg) no-repeat right top transparent; }
.meteo{background:url(../img/meteo.jpg) no-repeat right top transparent;}
.solar{background:url(../img/solar.jpg) no-repeat right top transparent;}
.trunk{background:url(../img/wifi.jpg) no-repeat right top transparent;}
.radio{background:url(../img/radio.jpg) no-repeat right top transparent;}
.domotica{background:url(../img/domotica.jpg) no-repeat right top transparent;}