@charset "utf-8";
/* CSS Document */

<!--

/*Resetear todos los margin, padding, border, estilos de lista y tamaños de letra*/
* { margin: 0; padding: 0; border: 0; font-size: 14px; outline: none;}

/*-------------------------------- ESTRUCTURA PÁGINA ---------------------------------*/

body {
 font-family: "Tahoma","Arial","Verdana","Georgia", "Times New Roman", serif;
 font-size: 100%;
 background-color:#fff;
}

/*Contiene toda la pagina*/

#web {
 top: 0; left: 0;
 width:100%;
 /* position:relative; /*Con esto hacemos que todos los divs tomen de referencia los bordes de este....*/
}


/* --------------------- Encabezados ---------------------------- */

h1 {
	font-size:24px;
	font-weight:bold;
	color:#bd0926;
	margin-bottom:20px;
}
h2 {
	color:#888;
	font-size:18px;
	margin-bottom:20px;
}

h3 {
	width:200px;
	height:31px;
	margin:0 auto;
	background:url(imagenes/boton.gif) no-repeat;
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	line-height:26px;
	/*border:1px solid #000;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom:10px;
	box-shadow:2px 2px 5px #999;
	/*text-shadow: 0.1em 0.1em #333;*/
	/*-webkit-box-shadow: 2px 2px 5px #999;
	-khtml-box-shadow: 2px 2px 5px #999;
	-moz-box-shadow: 2px 2px 5px #999;
	filter: shadow(color=#131313, direction=135, strength=2);*/
	/*filter: progid:DXImageTransform.Microsoft.DropShadow ( Color = '#131313', OffX = '2', OffY = '2' );}*/

}

/*h3 a:link {
	margin:0 auto;
	width:200px;
	height:31px;
	color:#000;
	padding:5px 70px 4px 70px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:26px;
	text-decoration:none;
}
h3 a:hover {
	color:#fff;
	background:url(imagenes/boton-over.gif) no-repeat;
}*/

h4 {
	font-size:12px;
	color:#bd0926;
	padding-top:5px;
	padding-bottom:5px;
}

p {
	font-size:14px;
	color:#000;
	margin-bottom:20px;
}

/*salto de linea por el float*/
.clear{	clear:both;}

/* ----------------------- Cabecera ------------------------------- */

#fondocabecera {
	width:100%;
	height:104px;
	background: url(imagenes/fondo-cabecera.gif);
	background-repeat:repeat-x;
}

#cabecera{
	width:980px;
	height:104px;
	margin: 0 auto;
	background:url(imagenes/cabecera.gif) no-repeat;
}

#logo {
	position:absolute;
	width:250px;
	margin-top:10px;
}
#logo2 {
	width:200px;
	height:83px;
}

#menu {
	float:right;
	width:690px;
	height:70px;
	font-weight:bold;
	margin-top:12px;
	
}
	#menu ul{
		list-style:none;
		margin-left:10px;
		}
		#menu li {
			display:inline;
			line-height:70px;
			color:#fff;
			
			}	
			#menu li a {
				color:#fff;
				text-decoration:none;
				padding:15px 8px 15px 8px;
				font:Arial, Helvetica, sans-serif;
				font-size:12px;
				}
				#menu li a:hover {
					background-color:#bd0a27;
					color:#fff;
					-moz-border-radius: 6px;
					-khtml-border-radius: 6px;
					-webkit-border-radius: 6px;
					border-radius: 6px;
					
				}


#home #mainNav .home a,
#empresa #mainNav .empresa a,
#productos #mainNav .productos a,
#trabajos #mainNav .trabajos a,
#clientes #mainNav .clientes a,
#plano #mainNav .plano a,
#contacto #mainNav .contacto a {
	background-color:#bd0a27;
	color:#fff;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor:default;
}





/* ---------------------------  Central -----------------------------------------   */
#fondocentral {
	width:100%;
}

#central{
	margin: 0 auto;
	width:980px;
	background:url(imagenes/fondo-central.gif) no-repeat;
	background-position:left bottom;
	margin-top:20px;
}

#contenido {
	width:720px;
	float:right;
	text-align:justify;
	margin-left:20px;
}

#contenido a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
}
#contenido a:hover{
	color:#F00;
}

#contenido ul {
	list-style-image:url(imagenes/item.gif);
	margin-left:20px;
}

#contenido li {
	padding-left:5px;
	margin-bottom:10px;
}
/*#slider {
	background-image:url(imagenes/slider.jpg);
	width:720px;
	height:360px;
	margin-bottom:20px;
}*/

#contenido em {
	color:#888;
	font-weight:bold;
}

#submenu {
	width:720px;
	height:50px;
	background:url(imagenes/fondo-iconos.jpg) no-repeat;
	margin-bottom:20px;
}

#iconos {
	width:200px;
	float:left;
}
.icono {
	margin-left:20px;
	padding-top:10px;
}

#telefono {
	background:url(imagenes/ico-telefono.gif) no-repeat;
	background-position:left center;
	width:230px;
	line-height:50px;
	float:right;
	text-align:right;
	font:Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	padding-right:20px;
	text-shadow: 0.1em 0.1em #333;
  	filter: shadow(color=#131313, direction=135, strength=2);
}

.imgizquierda {
	margin-right:20px;
}

.imgderecha {
	margin-left:20px;
}

#lateral {
	float:left;
	width:240px;
	background-color:#fff;
}
	#lateral ul {
		list-style:none;
		color:#666;
		font-weight:bold;
		margin-bottom:15px;/*20px;*/
	}
		#lateral li {
			background:left url(imagenes/item-lista.gif) no-repeat;
			padding-left:25px;
			border-bottom:dotted 1px #666;
			line-height:22px; /*24px;*/
		}
			#lateral li a {
				font-size:12px;
				text-decoration:none;
				color:#666;
			}
				#lateral li a:hover {
					color:#bd0926;
				}

.botonmenu{
	margin:0 auto;
	width:200px;
	height:31px;
}


.botonmenu a {
  display: block;
  font-size:14px;
  font-weight:bold;
  width: 200px;
  color: #000;
  text-decoration: none;
  background: #fff url(imagenes/boton-menu.gif) no-repeat left top;
}

.botonmenu a:hover {
	 background-position: right top;
	 color: #fff;
	 cursor:pointer;
}


.botoninfo{
	float:right;
	width:276px;
	height:57px;
	margin-right:220px;
	margin-bottom:30px;
	margin-top:30px;
}

.botoninfo a{
	text-decoration:none;
	cursor:pointer;
}

.botoninfo span {
  display: block;
  font-size:20px;
  font-style:italic;
	text-shadow: 0.05em 0.05em #363636;
  width: 256px;
  padding-left:20px;
  text-align:center;
  padding-top:4px;
  height: 53px;
 /* text-indent: 0px;*/
  color: #fff;
  text-decoration: none;
  background: #fff url(imagenes/boton-info.gif) no-repeat left top;
}

.botoninfo span:hover {
 background-color: #fff;
 background-position: right top;
 color: #fff;
 cursor:pointer;
}

.botoninfo .small {
	font-size:14px;
	text-shadow: 0.05em 0.05em #b4b4b4;
	font-weight:bold;
	color:#000;
}

#contenido .fondomicros {
	background:url(imagenes/pilotes-y-micropilotes.jpg) center no-repeat;
	height:800px;
}


/* --------------------------- Proyectos ----------------------------------- */

#fondoproyectos {
	width:100%;
	height:207px;
	background:url(imagenes/fondo-proyectos.gif) repeat-x;
	
}

#proyectos{
	width:980px;
	margin:0 auto;
}

#tituloproyectos {
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	color:#000;
	border-bottom:1px solid #999;
	padding-top:10px;
}

#proyectos img{
	border:1px solid #000;
	margin-top:10px;
	margin-right:10px;
}	
	


/* ---------------------------- PIE -------------------------------------- */
#fondopie {
	width:100%;
	height:100px;
	background:url(imagenes/fondo-pie.gif) repeat-x;
}

#pie {
	width:980px;
	margin:0 auto;
	height:100px;
	background:url(imagenes/pie.gif) no-repeat;

}

#dirtel{
	font-size:14px;
	color:#fff;
	text-align:center;
	padding-top:20px;
}

#acceso {
	float:left;
	margin-top:16px;
	width:120px;
	height:26px;
	background:url(imagenes/ico-privado.gif) no-repeat;
	background-position:left center;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	line-height:26px;
}

#acceso a {
	color:#000;
	text-decoration:none;
}
#acceso a:hover {
	color:#bd0a27;
}

#textopie {
	float:left;
	width:520px;
	margin-top:20px;
	margin-left:100px;
	text-align:center;
	color:#000;
	font-size:14px;
	font-weight:bold;
}

#textopie a {
	color:#bd0a27;
	font-size:14px;
	text-decoration:none;
}

#textopie a:hover {
	color:#888;
}

#pentasys {
	float:right;
	width:80px;
	margin-top:16px;
	padding-left:20px;
	height:26px;
	background:url(imagenes/logo-pentasys.gif) no-repeat;
	font-size:10px;
	color:#000;
	text-align:center;
}
#pentasys a {
	font-size:10px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
#pentasys a:hover {
	color:#bd0a27;
}

/* IE6 css fixer v0.95: Tue, 19 Apr 2011 16:19:00 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html #menu,
* html #contenido,
* html #iconos,
* html #telefono,
* html #lateral,
* html #acceso,
* html #textopie,
* html #pentasys {display:inline;}

/* add overflow:visible to (submit) buttons */
 * html input, * html button {overflow:visible;}