/* General */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: auto;
	color:#333333;
	background-color:#747474;
   scrollbar-face-color:#e4e4e4;
   scrollbar-highlight-color:#565656;
   scrollbar-3dlight-color:#dedede;
   scrollbar-shadow-color:#565656;
   scrollbar-darkshadow-color:#e4e4e4;
   scrollbar-track-color:#ffffff;
   scrollbar-arrow-color:#336699;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}
td.bordeArriba{
	background-repeat: no-repeat;
	background-image: url(../imagenes/background/bordeArriba.jpg);
	width:720px;
	height:10px; 
}
td.bordeAbajo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/background/bordeAbajo.jpg);
	background-color:#747474;
	width:720px; 
	height:7px;
}
td.bordeDerecho{
	background-image:url(../imagenes/background/bordeDer.jpg);
	background-repeat:repeat-y;	
	width:10px
}
td.bordeIzquierdo{
	background-image:url(../imagenes/background/bordeIzq.jpg);
	background-repeat:repeat-y;
	width:10px
}
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}
a {
	text-decoration: none;
	color: #333333;
}
h1{
	color: #ffffff;
	font-size: 16px;
	margin: 0em 0.4em 0em 0em;
}
h2{
	font-family:verdana, arial, Helvetica, Sans-Serif; 
	font-size: 10px; 
	font-weight: normal;
	color: #707070;
	text-decoration:none;
	line-height:11px;
}
h3{
	font-size:11px;
	font-weight:bold;
	color: #85925f;
	font-family: verdana,arial,helvetica;
	/*cursor:hand;*/
	margin-bottom:8px;
	
}
h4{
	font-size:10px;
	font-weight:bold;
	font-family: verdana,arial,helvetica;
	cursor:hand;
}
table {
	border:0px;
	border-collapse: collapse;
}
p {
	font-family:verdana,arial,helvetica;
	font-size:9px;
	font-weight: normal;
	color:#8F8F8F;
	text-decoration:none;
	line-height:11px;
	padding-left:5x;
}

/* ----------------------*/

#loading{
	position:absolute; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:120;
	background-color:#747474;
}
/* Estilos aplicados al home */
td.intro{
	background-image:url(../imagenes/home_principal.jpg);
	background-repeat:no-repeat;	
	
}
td.intro h2{
	padding-top:20px;
	padding-left:490px;
	padding-right:10px;
	color:#ffffff;
}
/* Fin Estilos aplicados al home */

/* Estilos aplicados a la página presentación */
#estudio td{
	font-family:verdana, arial, Helvetica, Sans-Serif; 
	font-size: 10px; 
	color: #666666; 
	font-weight: normal; 
	text-decoration:none; 
	padding-left:45px;
	padding-bottom:8px;
}
#estudio strong{
	color: #5375a7;
}
#estudio a:hover{
	color: #5375a7;
	text-decoration: underline;
}
#estudio td.titpresentacion{
	font-family:verdana, arial, Helvetica, Sans-Serif;
	font-size:13px;
	color: #5375a7;
	font-weight: bold;
	padding:10px 0px 10px 35px;
}
#estudio td.titulo{
	color:#333333;
	padding-top:8px;
	font-weight:bold;
}
/*Fin estilos aplicados a la página presentación */

/*Estilos aplicados a la página colaboradores */
#colaboradores td.titcolaboradores {
	font-family:verdana, arial, Helvetica, Sans-Serif; 
	font-size:13px;
	color:#5375a7;
	font-weight: bold;
	padding:10px 0px 10px 35px;
}
#listacolaboradores td{
	padding-left:40px;
	padding-top:5px
}
.triggerexpanded{
	background:url('../imagenes/menos.gif') no-repeat 0px -4px #fff;
}
.trigger{
	cursor:hand;
	padding-left:20px;
	font-size:10px;
	color:#666666;
}
.triggernormal{
	background:url('../imagenes/mas.gif') no-repeat 0px -4px #fff;
}
.triggerhover{
	background:url('../imagenes/mas_hover.gif') no-repeat 0px -4px #fff;
	color:#5375a7;
}
.elementnormal{}
.elementcollapsed{
	display:none;
}
#listacolaboradores span{
	color:#333333;
}
#listacolaboradores div{
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-color: #d6d7c3;
	border-width: 1pt;
	background-color: #F6FBFF;
	font-size:6px;
	margin: -10px 0px 5px 20px;
	padding:4px 5px 4px 5px;
	height:20px;
}
a.colaboradores{
	color: #3399cc;
	cursor:hand;
}
a.colaboradores:hover{
	color:#5375a7;
}
#logoscolaboradores a{
	cursor:hand;
}
/*Fin estilos aplicados a la página colaboradores */

/*Estilos aplicados a la página de contacto */
#contacto td{
	font-family:verdana, arial, Helvetica, Sans-Serif; 
	font-size:10px;
	text-decoration:none;
	height:16px; 
}
#contacto td.titcontacto{
	font-size:13px;
	color: #D57A00;
	font-weight: bold;
	padding:10px 0px 10px 35px;
}
#contacto td.izda{
	color: #8B8C7A;
	font-weight:bold;
	padding-left:25px;
	width:75px;
}
#contacto td.drcha{ 
	color: #666666; 
	font-weight: normal; 
	padding-left:15px 
}
#contacto td.drcha a{ 
	color: #D57A00; 
	text-decoration:none;
}
#contacto td.drcha a:hover{ 
	color: #990100; 
	text-decoration:none; 
}
td.vermapa{
	padding:15px 0px 10px 185px;
}
a.vermapa {
	font-size:10px;
	font-weight:bold;
	color: #8B8C7A;
	cursor:hand;
}
a.vermapa:hover{
	color:#8B8C7A;
	text-decoration:underline;
}
#frmcontacto td{
	color: #8B8C7A;
	font-weight:bold;
	padding-left:45px;
	width:75px;
}
/*Formulario*/
.camposForm
{
	width:110px;
	margin-left:5px ;
	margin-right:7px;
	font-weight:bold;
}
.objetoCaja
{
	font-size: 11px;
	font-family: verdana,arial,helvetica;
	border: #CAC6B0 1px solid;
	color: #4C4C3C;
	padding:0px 4px 0px 2px;
	height:16px;
	width:156px;
}

textarea
{
	font-size: 11px;
	font-family: verdana,arial,helvetica;
	border: #CAC6B0 1px solid;
	color: #4C4C3C;
	padding:0px 4px 0px 4px;
	width:156px;
	height:40px

}
input
{
    font-size: 11px;
    font-family: tahoma,sans-serif
}
.botonb
{
    border: #8B8D84 1px solid;
    background: #CAC6B0; 
    cursor: hand;
    text-align: center;
    white-space: nowrap;
    width: 75px;
	 font-weight: bold;
	 font-size: 10px;
	 color: #4C4C3C;
	 font-family: verdana,arial,helvetica;
}
/*Fin Formulario*/
/*Fin estilos aplicados a la página Contacto */

/*Estilos aplicados a la página listado de proyectos */
.tdlistado{
	font-family:verdana, arial, Helvetica, Sans-Serif;
	font-size:13px;
	font-weight: bold;
	padding:10px 0px 10px 0px;
}
.titlistado {
	font-family:verdana,arial,helvetica;
	font-size:13px;
	color:#5375a7;
	font-weight: bold;
	padding:10px 0px 10px 0px;
}
.bordepunteado{
	border-width:1pt;
	border-color:#d6d7c3;
	border-top-style:dotted;
}
#proyectos {
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: none;	
}
#listado{
	margin-left:7px
}
#listado td{
	font-family:verdana,arial,helvetica;
	width:20px;
	padding:2px;
	text-align: center;
	font-size:9px;
	font-weight: normal;
	color:#dedede;
	text-decoration:none;
	line-height:11px;
}
#listado td a{
	color: #3399CC;
	background-color: #E9F0F4;
	width:30px;
	padding:4px;
}
#listado td span{
	color:#dedede;
	width:30px;
	padding-right:4px;
	padding-left:4px;
}
#listado td a:hover  {
	font-family: verdana; 
	font-size: 9px; 
	font-weight: normal; 
	color:#FFFFFF;
	background-color: #3399CC;
	text-decoration: none;
}
#listado td a.seleccionado  {
	font-family: verdana; 
	font-size: 9px; 
	font-weight: normal; 
	color:#FFFFFF;
	background-color: #5375a7;
	text-decoration: none;
}
#cronologia span.categoria {
	font-family:verdana,arial,helvetica;
	font-size:9px;
	color:#5375a7;
	font-weight: bold;
	text-decoration:none;
	line-height:11px;
	padding:4px;
	margin-left:4px; 
	text-transform: uppercase;
}
#cronologia span.descripcion{
	font-family:verdana,arial,helvetica;
	font-size:9px;
	color: #666666;
	text-decoration:none;
	line-height:11px
}
/*Fin Estilos aplicados a la página listado de proyectos */

/* Estilos aplicados a la página área de clientes */
#frmClientes td{
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	color: #666666;
}
#frmClientes td.titclientes{
	font-size:13px;
	font-family:verdana, arial, Helvetica, Sans-Serif; 
	color: #787561;
	font-weight: bold;
	padding:10px 0px 10px 35px;
}
#frmClientes td.textoexplicativo{
	padding-left:50px;
	padding-bottom:20px;
}
#frmClientes input{
	font-size: 10px;
	font-family: verdana,arial,helvetica;
	background-color: #CAC6B0;
	border: #8B8D84 1px solid;
	color: #4C4C3C;
	padding-left:4px;
	padding-right:4px;
	height:16px;
	width: 50px;
}
/* Fin Estilos aplicados a la página área de clientes */

/* Estilos aplicados a la página proyectos */
a.titproyecto{
		font-family:verdana, arial, Helvetica, Sans-Serif; 
	font-size: 10px; 
	color: #85925f; 
	font-weight: normal; 
	text-decoration:none; 
	width:217px;
	height:15px;
	background-image: url(../imagenes/li.gif);
	background-repeat: no-repeat;
	background-color:transparent;
	background-position: left;
	margin:2px 0px 2px 0px;
	padding:2px 2px 2px 20px; 
}
a.titproyecto:hover{
	color: #ffffff; 
	background:#85925f;
	background-image: url(../imagenes/lisel.gif);
	background-repeat: no-repeat;
	background-position: left;
}
a.titproyectosel{
	font-size: 10px; 
	color: #ffffff; 
	font-weight: normal; 
	text-decoration:none; 
	background:#85925f;
	margin:2px 0px 2px 0px;
	padding:2px 2px 2px 20px;
	width:217px;
	height:15px;
	background-image: url(../imagenes/lisel.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.contador {
	font-family:verdana,arial,helvetica;
	font-size:9px;
	font-weight: normal;
	color:#666666;
	text-decoration:none;
	line-height:11px;	
	padding-top:4px;
	padding-left:0px;
}
#previous{
	margin-left:85px;
}
a.verlista{
	color: #D57A00;
	font-weight:bold;
	font-family:verdana,arial,helvetica;
	font-size:10px;
}
a.verlista:hover{
	color:#85925f;
}
#slide
{
	cursor:hand;
}
#proyectosel{
	padding-top:15px;
	padding-left:20px;
	width:100%;
}
#descripcion
{
	padding-left:10px;
}
#descripcion h3{
	padding-bottom:8px;
}
#descripcion td.separador{
	padding-bottom:5px;
}
#descripcion b{
	font-family: verdana,arial,helvetica;
	font-size:10px;
	color: #8B8C7A;
}
/* Fin Estilos aplicados a la página proyectos */

/* Estilos aplicados al footer */
h4.copy{
	font-family:verdana,arial,helvetica;
	font-size:9px;
	font-weight: normal;
	color: #9E9E9E;
	text-decoration:none;
	line-height:11px;
	cursor:default;
	padding-top:2px;
}
a.copy{
	font-family:verdana,arial,helvetica;
	font-size:9px;
	font-weight: normal;
	color: #9E9E9E;
	line-height:11px;
	cursor:hand;
	padding:10px 4px 0px 4px;
}
a.copy:hover{
	text-decoration:underline;
	text-underline-position: below;
	
}
/* Fin Estilos aplicados al footer */

/* Estilos aplicados a las páginas foto y mapa */
img.foto{
	border:1px solid #85925F;
	margin-bottom:10px;
}
a.txtcerrar{
	color:#dedede;
	font-size:9px;
}
/* Fin Estilos aplicados a las páginas foto y mapa */

/* Estilos aplicados a la página sitemap */
#sitemap a{
	color:#666666;
	cursor:hand;
}
#sitemap a:hover{
	text-decoration:underline;
}
#sitemap h2{
	font-size:13px;
	color: #AE0000;
	font-weight: bold;
	padding:10px 0px 10px 35px;
}
#sitemap h3{
	color: #666666;
	padding-left:35px;
	margin-bottom:0px;	
	font-size:10px;
	text-decoration: underline;
}
#sitemap h4 a{
	text-transform: uppercase;
	text-decoration:underline;
}
#sitemap h4 a.estudio,#sitemap li.estudio a:hover{
	color: #5375a7;
}
#sitemap h4 a.clientes, #sitemap li.clientes a:hover{
	color: #AAA588;
}
#sitemap h4 a.proyectos, #sitemap li.proyectos a:hover{
	color: #85925f;
}
#sitemap h4 a.contacto , #sitemap li.contacto a:hover{
	color: #D57A00;
}
#sitemap h4 a.home {
	color: #AE0000;
}
#sitemap strong{
	font-weight:bold;
	font-size:11px;
}
#sitemap li{
	list-style: square;
}
#sitemap li.proyectos{
	color: #85925f;
}
#sitemap li.estudio{
	color: #5375a7;
}
#sitemap li.clientes{
	color: #AAA588;
}
#sitemap li.contacto{
	color: #D57A00;
}
#sitemap li.estudio li,#sitemap li.proyectos li,#sitemap li.clientes li,#sitemap li.contacto li{
	font-family:verdana,arial,helvetica;
	font-size:10px;
	font-weight: normal;
	line-height:11px;
	color: #666666;
}
#sitemap li li.proyectos{
	list-style: url(../imagenes/sitemap/liproyectos.gif);
	
}
#sitemap li li.estudio{
	list-style: url(../imagenes/sitemap/liestudio.gif);
}
#sitemap li li.clientes{
	list-style: url(../imagenes/sitemap/liclientes.gif);
}
#sitemap li li.contacto{
	list-style: url(../imagenes/sitemap/licontacto.gif);
}
/* Fin Estilos aplicados a la página sitemap */

/* Estilos aplicados a la página servicios */
#estudio li.estudio{
	list-style: url(../imagenes/sitemap/liestudio.gif);
}
/* Fin Estilos aplicados a la página servicios */
