@charset 'utf-8';

/*------------------------------------------------------------------------
 * TemplarLUZ Website, http ://www.templarluz.com/
 * Projectos, execução e manutenção de instalações eléctricas
 * (c) 2008 TemplarLUZ
 *
 * For details, contact me webmaster@templarluz.com 
 *-------------------------------------------------------------------------*/
 
/*-----------------------------------------
		Dropmenu
--------------------------------------------*/

@import 'dropmenu.css';
@import 'imagepreview.css';
@import 'topmenu.css';


/*-----------------------------------------
		Estrutura BODY
--------------------------------------------*/

body  {
	background : #000000 url(../images/bg.gif) repeat 0px 0px;
	font: 72% Verdana, 'Trebucher MS', Arial, sans-serif;
	margin : 0; 
	padding : 0;
	background-attachment :fixed;
	color : #000000;
}


/*-----------------------------------------
  Cabeçalho do logotipo com o right slide
  
--------------------------------------------*/

.templar #cabecalho { 
	background : #FFFFFF url(../images/10.jpg) repeat-x 0px 0px;
	padding : 0 0 10px 0; 
} 
.templar #containerhead { 
	width : 984px; 
	margin : 0 auto;
	padding : 0; 
} 

.templar #sidebarhead {
	float : left; 
	width : 42em;
	padding : 0; 
}
.templar #sidebarhead p {
	margin : 0;
	padding : 0; 
}

.templar #mainhead {
    padding : 8px 0 0 0;

}
.templar #espace {
	border-bottom : solid #CCCCCC 1px;
	border-top : solid #CCCCCC 1px;
	background : #FFFFFF;
	margin : 0;
	padding : 1px;
}
.templar #topcontainer {
 background-image:url(../images/degrad2.jpg) ;
 background-repeat:repeat-x;
	margin : 0;
	padding : 0;
}
.templar #containertopmenu {
	width : 984px; 
	margin : 0 auto;
	padding : 0; 
	text-align : left;
}
.templar #menutop {
	float : left;
	text-align : left;
}
.templar #floatlogin {
  	margin : 0;
	padding : 6px;
	text-align : right;
	color :#0000FF;
 font: 15px Verdana, 'Trebucher MS', Arial, sans-serif;
	font-variant :small-caps;
	letter-spacing :2px;
	font-weight:bold;
}


/*-----------------------------------------
  		Main Frame
  
--------------------------------------------*/



.container {
  width : 984px;  
  margin :0px auto;
  text-align : left;
}

.container .hd .c,
.container .ft .c {
 font-size :1px; /* ensure minimum height */
 height :11px;
}

.container .ft .c {
 height :11px;
}

.container .hd {
 background :transparent url(../images/box/tl.png) no-repeat 0px 0px;
}

.container .hd .c {
 background :transparent url(../images/box/tr.png) no-repeat right 0px;
}

.container .bd {
 background :transparent url(../images/box/ml.png) repeat-y 0px 0px;
}

.container .bd .c {
 background :transparent url(../images/box/mr.png) repeat-y right 0px;
}

.container .bd .c .s {
 margin :0px 4px 0px 4px;
 background :  #EEEEEE;
 padding :1px 9px 1px 9px;
}

.container .ft {
 background :transparent url(../images/box/bl.png) no-repeat 0px 0px;
}

.container .ft .c {
 background :transparent url(../images/box/br.png) no-repeat right 0px;
}



     /*------------------------------------------
		    Cabeçalho do Menu linear
        	
      ------------------------------------------*/
	  

.templar #header{ 
	width : 984px;  
	margin : 15px auto;
	padding : 0;
	text-align : center;
} 
.templar #fisheye{
	text-align : center;
	height : 45px;
	position : relative;
	margin :0;
	padding :0;
}
a.fisheyeItem{
	text-align : center;
	color : #000;
	text-decoration : none;
	width : 45px;
	position : absolute;
	display : inline;

}
.fisheyeItem img {
	border : none;
	text-align : center;
	margin : 0 auto 5px auto;
	width : 100%;
}
.fish {
display : none;
font-size :15px;
letter-spacing :2pt;
font-weight :bold;
}
.templar #b_load{ 
	float :left;
  	margin : 0;
	padding :0;
	text-align : left;

} 

.fisheyeContainter
{
	margin : 0;
	padding : 0;
	position : absolute;
	text-align : center;
}

     /*------------------------------------------
		    Cabeçalho do Banner
        	
      ------------------------------------------*/
.templar #banner {
  	margin : 0 13em 0 1em; 
	padding : 35px 0 0 0;
	text-align : center;
	
	
}


.templar  #bannerc {
  	margin : 0;
	padding: 0; 
	text-align : center;
    width: 700px;
    height: 150px;
  }

     /*------------------------------------------
		    Slide Direito da MainFrame
        	
      ------------------------------------------*/
	  
.templar #sidebarright {
	float : right; 
	width : 14em;
	font-size:13px;
	text-align :left;

}
.templar #sidebarleft p, .templar #sidebarright p{
	margin : 0;
	padding : 0; 
}

     /*------------------------------------------
		    Conteudo da MainFrame
        	
      ------------------------------------------*/
.templar #maincontent {
  	margin : 0 20em 0 0;
	padding : 0 9px 0 50px;
	width:670px;

} 
.templar #maincontentfundo { 
  	margin : 0;
	padding : 0 10px 0 10px;
} 


/*-----------------------------------------
  			Rodapé
  
--------------------------------------------*/

.templar #footer { 
	width : 984px;  
	margin : 0 auto;

	text-align : center;
	color :#FFFFFF;
} 
.templar #footer p {
	margin : 0; 
	padding : 1px 10px; 
	text-align : center;
}
.templar #containerfooter {



	margin : 15px 0 0 0;
	padding : 0;
	text-align : center;
}



/*-----------------------------------------
  		Para re-usar
  
--------------------------------------------*/
.rightside {
	display: table-cell;
	text-align :left;
}

.tabela {
    display: table;
	 margin: 0;
	 padding:0;
	 	width:687px;
    }

.linha  {
    display: table-row;
	clear :both;
        }

.leftside {
	display: table-cell;
	text-align :left;
	width:325px;
}
.clearfloat {
	clear :both;
    height :0;
    font-size : 1px;
    line-height : 0px;
}
.style1 {
	color : #FFFFFF
}
.style2 {
	font-size : medium
}
.windowhead{
	 border-top :#666666  solid 2px;
	 border-left :#666666  solid 2px;
	 border-right :#666666  solid 2px;
	 margin : 0;
	 padding :0;
	 	 margin-top :5px;
	 background : #fff url(../images/degrad.jpg) repeat-x 0px 0px;
	 color :#000000;
	 text-align :center;
	 cursor :default;
}
.window{
     margin : 0;
	 padding :0;
	 border : #666666 double;
	 background : #FFFFFF url(../images/background.gif) repeat 0px 0px;
	 overflow :hidden;
	 text-align :left;
}

a.window {
	margin :0;
	padding :0;
	text-decoration :none;
}
img.window {
	margin :0;
	padding :0;
}
.windowlinha{ 
 	margin :0;
	padding :0;
	list-style :none; 
	height :13px;
		font-size :11px;
	font-weight :bold;
 }
 .windowlinhae{ 
 	margin :0;
	padding :0;
	list-style :none; 
	text-align :left;
	display :inline;
	float :left;
 }

 .windowlinhad{
 	display :inline; 
 	margin :0;
	padding :0;
	list-style :none; 
	line-height :13px;
	text-align :right;
	float : right;
 }

/*-----------------------------------------
		Formatações de texto
--------------------------------------------*/


pre {
	text-align :right;
}


img 
{border :0;
}

hr {
	text-indent : 0;
}
h4{
color : #FF0000;
	font: 98% Verdana, 'Trebucher MS', Arial, sans-serif;
}


a :link {}
a :visited {}
a :active { }
a :hover {color : navy; }

a[href $='.pdf'] { 
   padding-left: 18px;
    padding-top:0;
   background: transparent url(../images/icon_pdf.gif) no-repeat top left;
}

a[href $='.rar'] { 
   padding-left: 18px;
   padding-top:0;
   background: transparent url(../images/icon_rar.gif) no-repeat top left;
}

a[href $='.zip'] { 
   padding-left: 18px;
   padding-top:0;
   background: transparent url(../images/icon_rar.gif) no-repeat top left;
}

#Downloads a {
font:  13px 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
text-decoration:none;
color: black;
}


.style1 {
	color: #FF0000;
	font-weight: bold;
}
.style4 {font-size: 14px}