/* CSS Asocivil */


body { margin:0; padding:0;  background:#6f6f6f url(../img/bg.jpg) 0px 1px repeat-x; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:69% }


a  { color:#fff; }

h1, h2, h3, h4 { font-weight:lighter }

img { border:0 }

ul { margin:0; padding:0 }


fieldset { border:0; margin:0; padding:0 0 0 15px }

#wrap { width:900px; margin:0 auto; padding:0; text-align:left }

#wrap-content { width:900px; margin:0 auto; padding:0; text-align:left }


/* top navegation */

#topnav ul	{
	margin:0;
	padding:0;
	border:0;
	width:900px;
	height:273px;
	background:url(../img/splash-home.jpg) no-repeat;
	position: relative;
	z-index:-1px;
}

#topnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0px;
	left:0px;
	z-index:-1px;
}
	
#topnav a	{ height:75px; display: block; }	

#topnav ul li a	{ text-indent: -9999px;  text-decoration: none; }

#topnav ul li#tn1 {left: 0px;    height:75px; width:135px}
#topnav ul li#tn2 {left: 140px;  height:75px; width:174px}
#topnav ul li#tn3 {left: 330px;  height:75px; width:200px}
#topnav ul li#tn4 {left: 579px;  height:75px; width:120px}


#flashcomp { margin:0; padding:0; background:url(../img/splash-home.jpg) no-repeat; height:293px; text-indent:-9999px; }

#flash-nav {margin:0 0 4px 0; padding:0 }

/* icon navigation */


#iconav { position:absolute; margin:-57px 0 0 800px; padding:0 }

#iconav ul	{
	margin:0;
	padding:0;
	border:0;
	width:74px;
	height:21px;
	position: relative;
	
}

#iconav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0px;
	left:0px;
	
}
	
#iconav a	{ height:21px; display: block; }	

#iconav ul li a	{ text-indent: -9999px;  text-decoration: none; }


#iconav ul li#in1 {left: 0px;    height:21px; width:24px}
#iconav ul li#in2 {left: 30px;  height:21px; width:24px}
#iconav ul li#in3 {left: 60px;  height:21px; width:24px}


#in1 a { background:url(../img/icon-nav1.png) top center no-repeat; }
#in2 a { background:url(../img/icon-nav2.png) top center no-repeat; }
#in3 a { background:url(../img/icon-nav3.png) top center no-repeat; }


#in1 a:hover { background:url(../img/icon-nav1.png) bottom center no-repeat; }
#in2 a:hover { background:url(../img/icon-nav2.png) bottom center no-repeat; }
#in3 a:hover { background:url(../img/icon-nav3.png) bottom center no-repeat; }



#leftside { width:266px; float:left; margin:0; padding:0 }

#rightside { width:634px; float:left; margin:0; padding:0; height:500px; background:url(../img/vertical-line.png) no-repeat left top }

* html  #rightside { width:634px; float:left; margin:0; padding:12px 0 0 0; height:500px; background:url(../img/vertical-line.jpg) no-repeat 0px 20px }




#title h1 { margin:0; padding:0 }


#bc1 p { background:url(../img/arrows.gif) no-repeat; padding:0 0 0 15px; margin:0 0 0 291px; color:#666 }


#acceso-usuarios { background:url(../img/bg-form.jpg) no-repeat; width:250px; height:140px; margin:22px 0 0 0; padding:0; overflow:hidden }

#acceso-usuarios form  { margin:0; padding:0; }


#acceso-usuarios h3 { text-indent:-9999px; margin:0; padding:0; height:40px }

#acceso-usuarios ul { margin:0; padding:0 }

#acceso-usuarios li { list-style:none }

/* username and password */

.ns1 { position:absolute; color:#666;  margin:10px 0 0 0; padding:0; color:#999; font-family:Arial, Helvetica, sans-serif; text-indent:-9999px }

.ns2 { position:absolute; color:#666;  margin:40px 0 0 0; padding:0; color:#999; font-family:Arial, Helvetica, sans-serif; text-indent:-9999px }




#username { display:inline; border:0; background:transparent; height:15px; width:150px; padding:3px 4px 2px 5px; margin:8px 0 5px 60px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff;  }

* html  #username { border:1px solid magenta; display:inline; border:0; background:transparent; height:15px; width:150px; padding:3px 4px 2px 5px; margin:8px 0 5px 60px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; z-index:1 }

#password { display:inline; border:0px; background:transparent; width:100px; padding:3px 4px 4px 5px; margin:2px 0 5px 60px; color:#fff;  }


* html #password { display:inline; border:0; background:transparent; width:100px; padding:4px 4px 4px 5px; margin:-2px 0 5px 60px; color:#fff;  }



#submit  { position:absolute;  background:none; border:0; width:43px; height:23px; margin:-28px 20px 0 176px; border:0; text-indent:-9999px}

* html #submit  { position:absolute;  background:none; border:0; width:43px; height:23px; margin:-28px 20px 0 175px; border:0; text-indent:-9999px}


#links ul { margin:0; padding:0; border:0; background:url(../img/bg-links.jpg) no-repeat; width:250px; height:100px }

#links  {margin:-14px 0 0 0; padding:0 }


#links a { display:block; width:250px; height:50px; text-indent:-9999px }

#l1 a:hover { background:url(../img/bg-links.jpg) 0px -100px no-repeat }

#l2 a:hover { background:url(../img/bg-links.jpg) 0px -150px no-repeat }




#spot1 h4, #spot2 h4 { margin:0 10px 5px 20px; padding: 0 0 5px 0; font-size:130%; background:url(../img/dots.gif) left bottom no-repeat; font-weight:normal }

#spot1 p, #spot2 p { margin:0 20px 0 20px; padding:0; text-align:justify }


#footer { clear:both; display:block; background:url(../img/bg-footer.jpg) no-repeat left bottom; no-repeat; height:18px; margin:20px 0 40px 20px; padding:5px 0 0 0; width:550px }



#footer p { margin:0px 0px 2px 18px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:89%; color:#4d4b4b}

#footer a { color:#4d4b4b }

#footer a:hover { color:#fff }


/* ie crap fix position and replace png transparency with jpg :(  */

* html #spot1 { float:left; width:292px; margin:0 0 15px 10px;  padding:0 0 30px 0; background:url(../img/bg-spots.jpg) no-repeat left bottom; }


#rightside { width:634px; float:left; margin:0; padding:0; background:url(../img/vertical-line.jpg) no-repeat 0px 20px }


#acceso-usuarios { background:url(../img/bg-form.jpg) no-repeat; width:250px; height:140px; margin:22px 0 0 0; padding:0 }


#bc1 a { color:#666; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif }

#bc1 a:hover { color:#ccc; text-decoration:underline}


#breadcrumbs { height:69px; background:url(../img/breadcrumbs-bg.jpg) no-repeat; margin:5px 0 0 0; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif !important}

#breadcrumbs a { color:#666 }

* html #breadcrumbs { height:69px; background:url(../img/breadcrumbs-bg.jpg) no-repeat; margin:7px 0 0 0; padding:10px 0 0 0;}

#breadcrumbs-inner1 { height:69px; background:url(../img/breadcrumbs-bg1.jpg) no-repeat; margin:5px 0 0 0; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif !important}


* html #breadcrumbs-inner1 { height:69px; background:url(../img/breadcrumbs-bg1.jpg) no-repeat; margin:7px 0 0 0; padding:10px 0 0 0;}


#breadcrumbs-inner2 { height:69px; background:url(../img/breadcrumbs-bg2.jpg) no-repeat; margin:5px 0 0 0; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif !important}



* html #breadcrumbs-inner2 { height:69px; background:url(../img/breadcrumbs-bg2.jpg) no-repeat; margin:7px 0 0 0; padding:10px 0 0 0;}


#breadcrumbs-inner3 { height:69px; background:url(../img/breadcrumbs-bg3.jpg) no-repeat; margin:5px 0 0 0; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif !important}


* html #breadcrumbs-inner3 { height:69px; background:url(../img/breadcrumbs-bg3.jpg) no-repeat; margin:7px 0 0 0; padding:10px 0 0 0;}



#breadcrumbs-inner4 { height:69px; background:url(../img/breadcrumbs-bg4.jpg) no-repeat; margin:5px 0 0 0; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif !important}


* html #breadcrumbs-inner4 { height:69px; background:url(../img/breadcrumbs-bg4.jpg) no-repeat; margin:7px 0 0 0; padding:10px 0 0 0;}




#breadcrumbs-inner5 { height:69px; background:url(../img/breadcrumbs-bg5.jpg) no-repeat; margin:5px 0 0 0; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif !important}


* html #breadcrumbs-inner5 { height:69px; background:url(../img/breadcrumbs-bg5.jpg) no-repeat; margin:7px 0 0 0; padding:10px 0 0 0;}




#breadcrumbs-inner6 { height:69px; background:url(../img/breadcrumbs-bg6.jpg) no-repeat; margin:5px 0 0 0; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif !important}


* html #breadcrumbs-inner6 { height:69px; background:url(../img/breadcrumbs-bg6.jpg) no-repeat; margin:7px 0 0 0; padding:10px 0 0 0;}

#breadcrumbs-inner9 { height:69px; background:url(../img/breadcrumbs-bg9.jpg) no-repeat; margin:5px 0 0 0; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif !important}


* html #breadcrumbs-inner9 { height:69px; background:url(../img/breadcrumbs-bg9.jpg) no-repeat; margin:7px 0 0 0; padding:10px 0 0 0;}


#breadcrumbs-inner10 { height:69px; background:url(../img/breadcrumbs-bg10.jpg) no-repeat; margin:5px 0 0 0; padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif !important}


* html #breadcrumbs-inner10 { height:69px; background:url(../img/breadcrumbs-bg10.jpg) no-repeat; margin:7px 0 0 0; padding:10px 0 0 0;}




#bc1 h2 { background:transparent;  padding:10px 0 0 0; margin:0 0 0 288px;height:29px; width:350px; text-indent:-9999px }

#spot1 h3 { background:url(../img/title-ingenieria.jpg) no-repeat; width:292px; height:232px; text-indent:-9999px }

#spot2 h3 { background:url(../img/title-consultoria.jpg) no-repeat; width:292px; height:232px; text-indent:-9999px }


#spot1 { float:left; width:292px; margin:0 0 25px 23px;  padding:0 0 30px 0; background:url(../img/bg-spots.jpg) no-repeat left bottom; }



#spot2 { float:left; width:292px; margin:0 0 0 25px; padding:0 0 43px 0; background:url(../img/bg-spots.jpg) no-repeat left bottom;  }


#address { background:url(../img/bg-address.jpg) bottom no-repeat; height:173px; width:264px; margin:17px 0 0 0; padding: 0; }

#address p { position:relative; margin:0; padding:35px 0 0 0; font-size:100%; line-height:1.4em; left:50px; }

* html #address p { position:relative; margin:32px 0 0 0; padding:0; font-size:95%; line-height:1.4em; left:50px; }




/* interior */

#inner-content { padding:12px 0 0 25px; margin:0 }

* html #inner-content { padding:1px 0 0 25px; margin:0 }

#inner-content  { font-size: 110%}

* html #inner-content  { font-size: 107%}

#inner-content h4 { border-bottom:1px solid #ccc }

#inner-content ul { margin:0; padding:0;  text-align:left}


#inner-content li { padding:0 0 0 15px; margin:0 0 10px 0;  background:url(../img/bullet.gif) no-repeat 0px 2px  } 

* html #inner-content ul { margin:0; padding:0; width:380px; text-align:left}

* html #inner-content li  { padding:0 0 0 15px; margin:0 0 10px 0;  background:url(../img/bullet.gif) 0px 3px no-repeat }

.fleft { float:left; margin:0 20px 20px 0; padding:0 }

#inner-content p { clear:both }


/* #username, #password, #submit { border:1px solid red } */

.celda, .celda file {
	width: 210px;
	height: 20px;
	color: #ffffff;
	border-bottom: 2px solid #ababab;
	border-right: 2px solid #ababab;
	border-top: 2px solid #8a8a8a;
	border-left: 2px solid #8a8a8a;
	margin: 0 0 7px 0;
	background:#6f6f6f;
}

#submit2 { background: url(../img/enviar.gif) top left no-repeat; border:0; width:80px; height:23px; margin: 0; border:0; color: #ffffff; font-size: 8pt; }



.imagenIncrus {
	float: left;
	padding-bottom: 1px;
	margin: 0px 15px 10px 0
}

.proyectos{
	width:181px;
	margin:0 10px 10px 0;
	padding:0 0 0 0; 
	float:left}

.proyectos p{margin:0; padding:0}
.proyectos img{color:#000000}

.clear {
	height:1px;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px
}

.proyectos img{ border-bottom:2px dotted #262626}

.link a{ text-decoration:underline}
.link a:hover{ text-decoration:none}