/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	background-color:#6D6D6D;
	margin-top: 5px;
	margin-bottom: 5px;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

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

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

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	width:800px;
	background-color: #ffffff;
}

#masthead{
	width:100%;
	height:100px;
	
}

#SupContent{
	padding: 0px 0px 0px 0px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
	height:250px;
}

#FlashHeader{
width:371px;
height:230px;
float:left;
margin-left:20px;
margin-top:10px;
}

#HeaderBar{
	width:769px;
	height:11px;
	
}

#pageNav{
	float: left;
	width:200px;
	height:400px;
	font: small Verdana,sans-serif;
}

#pageNavDerecha{
	float: right;
	width:175px;
	height:400px;
	margin-right:32px;
	//margin-right:32px;
	font: small Verdana,sans-serif;
}

* html #pageNavDerecha{
	float: right;
	width:175px;
	height:400px;
	margin-right:12px;
	font: small Verdana,sans-serif;
}

#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 205px;
	width:370px;
}

.centrado {
	margin: 0 auto !important;
	padding: 0px;
}

#RRHH{
background-image:url(../imagenes/common/rrhh_bg.jpg);
background-position:top left;
background-repeat:repeat-x;
color:#6D6D6D;
padding:5px;
}

#Productos{
width:178px;
height:151px;
float:left;
margin-left:20px;
margin-top:10px;
}

#ProductBox{
width:174px;
height:75px;
margin-bottom:3px;
}

#Section{
background-image:url(../imagenes/common/section_bg.gif);
background-repeat:no-repeat;
width:174px;
height:23px;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:1.7em;
text-indent:15px;
margin-bottom:10px;
	
}

#Proyectos{
background-image:url(../imagenes/common/bullet_proyectos.gif);
background-position:left;
background-repeat:no-repeat;
line-height:1.6em;
padding-left:15px;
font-size:11px;
color:#999999;
border-bottom:1px dotted #CCCCCC;
margin-top:3px;
padding-bottom:3px;
}

#Proyectos a:link{
color:#999999;
text-decoration:none;
}

#Proyectos a:hover{
color:#4494C3;
background-color:#D0E4F0;
clear:both;
display:block;
text-decoration:none;
}

#Proyectos a:visited{
color:#999999;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#Logo{
	color: #ffffff;
	font-weight: normal;
	float:left;
	margin-left:8px;
	margin-top:20px;
}

#Slogan{
	color:#2889AE;
	font-weight: bold;
	font-style:italic;
	float:left;
	margin-left:10px;
	margin-top:20px;
	border-left:2px solid #B3B3B3;
	text-indent:15px;
	height:49px;
	line-height:4em;
	font-size:14px;
	width:390px;
}

#Noticias{
background-image:url(../imagenes/common/bullet.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:20px;
padding-bottom:10px;
border-bottom:1px dotted #999999;
margin-bottom:10px;
}

#ImagenCliente{
margin-bottom:10px;
}

/***********************************************/
/* Divs del Menu                               */
/***********************************************/

#menu{
width:173px;
height:230px;
margin-top:10px;
margin-left:8px;
background-color:#fff;
z-index:100;
padding-top:5px;
padding-bottom:0px;
float:left;
background-image:url(../imagenes/common/menu_bg.gif);
background-repeat:no-repeat;
color:#818181;
}

#menu_container{
width:140px;
height:200px;
vertical-align:bottom;
margin-left:5px;
}

#menu_item{
margin:0;
padding:0;
list-style:none;
}

#menu_item li{
padding:0;
margin:0;
width:132px;
height:30px;
background-image:url(../imagenes/common/menu_item.gif);
background-position:top;
background-repeat:no-repeat;
list-style:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color: #818181;
font-weight:bold;
text-align:left;
vertical-align:text-bottom;
text-indent:10px;
line-height:1.0em;
}

#menu_item li a:link{
color:#818181;
text-decoration:none;
}

#menu_item li a:hover{
display:block;
text-decoration:none;
color:#0099C6;
background-image:url(../imagenes/common/menu_item_hover.gif);
background-position:top;
background-repeat:no-repeat;
}

#menu_item li a:visited{
color:#818181;
}


/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	color:#666666;
	float:right;
	margin-right:20px;
	margin-top:20px;
}

#utility a{
	color: #666666;
}

#utility a:hover{
	text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height:15px;
}

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

.feature{
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
	color:#6D6D6D;
	text-align:justify;
}
html>body .feature {height: auto;}

.feature h3 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:1.7em;
text-align:center;
color:#4494C3;

}

.feature_Gris {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:1.7em;
color:#6D6D6D;

}

.Producto_Titulo {
font-family:"Trebuchet MS", Arial;
font-size:14px;
font-weight:bold;
line-height:1.7em;
color:#296B8F;
width:100%;
border:1px solid #C2DEED;
background-color:#DEEDF5;
display:block;
text-indent:15px;
margin-bottom:5px;
}

.Clientes_Titulo {
font-family:"Trebuchet MS", Arial;
font-size:14px;
font-weight:bold;
line-height:1.7em;
color:#E87400;
width:100%;
border:1px solid #FFCF9F;
background-color:#FFDFBF;
display:block;
text-indent:15px;
margin-bottom:5px;
}

.Proyectos_Titulo {
font-family:"Trebuchet MS", Arial;
font-size:14px;
font-weight:bold;
line-height:1.7em;
color:#95B320;
width:100%;
border:1px solid #DFEEAC;
background-color:#ECF5CD;
display:block;
text-indent:15px;
margin-bottom:10px;
}

/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #E4E4E4;
	font-size: small;
	color:#B6B6B6;
	margin-top: 0px;
	text-align:center;
	/*background-color:#B3B3B3;*/
	vertical-align:text-top;
	height:50px;
	padding-top:10px;
}

/**************** advert styles *****************/

#advert{
//padding-left:15px;
//padding-right:5px;
padding-left:7px;
padding-right:10px;
}

* html #advert{
padding-left:15px;
padding-right:5px;
}

#advert_derecha{
padding:0px;
}


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

.Noticia_Fecha{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#2B363C;
}

.Noticia_Titulo{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#E68A00;
}

.Noticia_Contenido{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
}