/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/background/backg_2tones&degrad.jpg);
	background-repeat:repeat-x;
	background-color: #99CBCC;
	color: #333333;
	margin:0px 0px 0px 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Geneva, "Zurich Ex BT", Verdana;
	margin: 0px;
	padding: 0px;
}

h1{
	font-size: 140%;
}

h2{
 font-size: 114%;
}

h3{
 font-size: 100%;
}

h4{
 font-size: 80%;
}

h5{
 font-size: 60%;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 80% Verdana;
 color: #334d55;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/background/backg_twotones_eti.gif);
	background-repeat:repeat-x;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}


#content{
	background-image: url(../images/background/backg_degrad_nav2.jpg);
	background-repeat:repeat-x;
	left:0px;
	margin: 0;
	padding: 0 3% 0 145px;
}

#linecont{
	border-left:1px solid #cccccc;
}

#charthead{
	float:right;
	padding: 5px 15px 5px 0px;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

.logoImg{
	padding: 0px 0px 0px 47px;
	margin: 0px 0px 0px 5px;
	vertical-align: bottom;
}

.logofrase{
	font-family: tahoma, arial, helvetica;
	vertical-align:bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	font-size: 90%;
}

.linehome{
	display: block;
	border-bottom: 1px solid #cccccc;
}
/*************** #pageName styles **************/

#pageName{
	padding: 10px 0px 2px 15px;
	/*display:block;*/
	border-bottom: 1px solid #cccccc;
	min-width: 700px;
	border-left: 5px solid #FAFAFA;
}

#subpageName{
	padding: 5px 0px 5px 36px;
	text-transform: uppercase;	
}

/************** .textos styles ***************/

.blueSh{
	color: #336699;
}

.blueM{
	color:#006699;
}

.blueETI{
	color:#5D87A1;
}
	
.greenDark{
	color:#334D55;
}

.greenETI{
	color:#9CC5C9;
}

.grayM{
	color:#888888;
}

.white{
	color:#FFFFFF;
}

.estilo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}

.estilo3{
	color:#434545;
	border-right:1px solid #808080;
}

.estilo3T{
	text-align:left;
	font-size:10px;
	color:#434545;
	display:block;
	border-bottom:1px solid #808080;
	padding:8px 3px 8px 3px
}

.estiloTT{
	font-size:small;
	color:#5D87A1;
	display:block;
	border-bottom:1px solid #cccccc;
	padding-top: 10px;
	font-weight: bold;
}

.estiloTD{
	font-size:small;
	color:#5D5D5D;
	display:block;
	border-bottom:1px solid #cccccc;
	padding-top: 3px;
	padding-bottom: 3px;
}

.estilo7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.marRight{
	padding-right:10px;
}

/************** .specifications styles ***************/
#spec1, #spec2, #spec3{
	/*text-align:center;*/
	color: #5D87A1;
	cursor: pointer;
}	

#specCasement{
	text-align:center;
	visibility:hidden;
}

#specHorizontal{
	text-align:center;
	visibility:hidden;
}

#specFrench{
	text-align:center;
	visibility:hidden;
}

.specStyle{
	position:absolute;
	top:190px;
	left:420px;
	width:300px;
	margin: 5px 25px 5px 5px;
	padding: 5px 5px 5px 10px;
	background-color:#FFFFFF;
	border:1px solid #5D87A1;
}

.codeStyle{
	background-color:#5D87A1;
}

/************** .feature styles ***************/

.feature{
	padding: 5px 0px 5px 20px;	
}

.feature h3{
	padding: 10px 0px 5px 0px;
	font-family: Verdana;
	text-align: left;
}

.feature p{
	font-size: 80%;
	font-family: Verdana;
}

/************** .windows styles ***************/

.windows{
	padding: 0px 0px 5px 0px;
	text-align:center;
	border-bottom:1px solid #ffffff;
}

.windows h3{
	font-size: 90%;
	font-family: Verdana;
	text-align:center;
	color: #888888;
	font-style: normal;
	font-weight: normal;
}

.windows h4{
	font-size: 60%;
	font-family: Verdana;
	color: #888888;
	font-style: normal;
	font-weight: normal;
	padding-bottom:10px;
}

/************** .description window styles *****************/
.descripW{
	font-family: Verdana;
	text-align:center;
	color: #FFFFFF;
	font-size: 14px;
	border-bottom:1px solid #ffffff;
}
.line{
	border-right:1px solid #5D87A1;
}

/************** .colors styles *****************/

.colors{
	clear: both;
	padding: 5px 0px 10px 5px;
	border-bottom:1px solid #ffffff;
}

.colors texto{
	font-family: tahoma;
	font-size: 80%;
	text-align:left;
}

.img{
	vertical-align:middle;
}

/************** .window-ese styles *****************/
.ese{
	margin: 5px 25px 5px 5px;
	padding: 5px 5px 5px 10px;
	background-color:#FFFFFF;
	border:1px solid #5D87A1;
}


/************** .table styles *****************/
.tabChart{
	border:1px solid #9cc5c9;
	padding:5px 5px 5px 5px;
	text-align:left;
}

.tabBorder{
	border-bottom:1px solid #cccccc;
}

.tabText{
	font-size:small;
	color:#5D5D5D;
	display:block;
	padding-top: 3px;
	padding-bottom: 3px;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/
#siteInfo{
	display:block;
	clear: both;
	border: 1px solid #cccccc;
	/*border-top:3px solid #ffffff;*/
	font-family: Verdana;
	color: #FFFFFF;
	font-size: 10px;
	width:100%;
	background-image:url(../images/background/backg_bottom.gif);
	background-color: #5D87A1;
	margin-top: -3px;
}

.bordersite{
	padding: 1px 10px 5px 10px;
}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 1px 4px 0px 0px;
	vertical-align: middle;
}

a.siteInf:link {color:#FFFFFF;}
a.siteInf:visited {color:#FCFCFC}
a.siteInf:hover {color:#ffcc00}