body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #555c65;
	background-color: #005394;
	margin: 0px;
}
#header {
	background-color: #b7cfd1;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 88px;
	position: relative;
}
#wrapper {
	background-color: #FFF;
	background-image: url(images/wrapper.jpg);
	background-repeat: repeat-y;
	width: 996px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer #menu-footer {
	background-image: url(images/menu-footer.jpg);
	background-repeat: repeat-x;
	height: 50px;
}
#footer #menu-footer #wrapper-footer {
	width: 775px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer #menu-footer #wrapper-footer ul {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
#footer #menu-footer #wrapper-footer ul li {
	display: inline;
}
#footer #zocalo {
	background-color: #9a9a9a;
	height: 52px;
	text-align: center;
}
#footer #zocalo span {
	font-size: 14px;
	color: #FFF;
	display: block;
	padding-top: 19px;
}

#header #menu h1 {
	background-image: url(images/logo-sdi.png);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 208px;
	width: 211px;
	position: absolute;
	top: 0px;
}
#header #menu h1 span {
	display: none;
}
#header #menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: right;
}
#header #menu ul li {
	display: inline;
}

#header #menu {
	background-image: url(images/menu.jpg);
	background-repeat: repeat-x;
	height: 38px;
}
#header #menu .wrapper-menu {
	width: 997px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

a { color: #faa526; text-decoration:none; }
a:hover { text-decoration:underline; }

#header  #menu ul a span { display:none; }
#menu li a { display:block; float:left; height:38px; }
#menu .home a { background:url(images/home-header.jpg) no-repeat; width: 107px; }
#menu .quienes a { background:url(images/quienes-header.jpg) no-repeat; width: 147px; }
#menu .servicios a { background:url(images/servicios-header.jpg) no-repeat; width: 109px; }
#menu .clientes a { background:url(images/clientes-header.jpg) no-repeat; width: 102px; }
#menu .oportunidades a { background:url(images/oportunidades-header.jpg) no-repeat; width: 228px; }
#menu .contacto a { background:url(images/contacto-header.jpg) no-repeat; width: 107px; }

#footer  #menu-footer ul a span { display:none; }
#menu-footer li a { display:block; float:left; height:50px; }
#menu-footer .home a { background:url(images/home-footer.jpg) no-repeat; width: 90px; }
#menu-footer .quienes a { background:url(images/quienes-footer.jpg) no-repeat; width: 146px; }
#menu-footer .servicios a { background:url(images/servicios-footer.jpg) no-repeat; width: 107px; }
#menu-footer .clientes a { background:url(images/clientes-footer.jpg) no-repeat; width: 101px; }
#menu-footer .oportunidades a { background:url(images/oportunidades-footer.jpg) no-repeat; width: 232px; }
#menu-footer .contacto a { background:url(images/contacto-footer.jpg) no-repeat; width: 99px; }

#wrapper .presentacion { height:441px; background:url(images/bg-presentacion.jpg) no-repeat 5px 100px;  }
#wrapper .cuadros { margin-left: 27px; font-family:Arial, Helvetica, sans-serif; font-size: 14px; }
#wrapper .cuadros h2 { margin:0; padding:0; width:222px; height:38px; }
#wrapper .cuadros .cuadro { width:222px; height:160px; background:#ddd; }
#wrapper .cuadros p { margin:0; padding:12px; color:#5e5e5e; }
#wrapper .cuadros .servicios p { margin-bottom:16px; }
#wrapper .cuadros .clientes p { margin-bottom:48px; }
#wrapper .cuadros .oportunidades p { margin-bottom:32px; }
#wrapper .cuadros a { float:right; display:block; padding: 0 12px 0 18px; background:url(images/point.jpg) no-repeat; letter-spacing:-1px; }

#wrapper .cuadros .quienes, #wrapper .cuadros .servicios, #wrapper .cuadros .clientes, #wrapper .cuadros .oportunidades { float:left; margin-right:19px; }
#wrapper .cuadros h2 span { display:none; }
#wrapper .cuadros .quienes h2 { background: url(images/head-quienes.jpg) no-repeat; }
#wrapper .cuadros .servicios h2 { background: url(images/head-servicios.jpg) no-repeat; }
#wrapper .cuadros .clientes h2 { background: url(images/head-clientes.jpg) no-repeat; }
#wrapper .cuadros .oportunidades h2 { background: url(images/head-oportunidades.jpg) no-repeat; }

#wrapper .pre-bottom { height:38px; }

#wrapper .contenido { padding: 119px 24px 0 24px; }
#wrapper .contenido h2 { margin:0; padding:0; height:40px; }
#wrapper .contenido h3 { margin:0; padding:0; }
#wrapper .contenido h2.quienes { background:url(images/titulo-quienes.jpg) no-repeat; width:292px; height:40px; }
#wrapper .contenido h2 span { display: none;}
#wrapper .contenido p { line-height:28px;  }

#wrapper .contenido h2.servicios { background:url(images/titulo-servicios.jpg) no-repeat; width:186px; }
#wrapper .contenido h2.productos { background:url(images/titulo-productos.jpg) no-repeat; width:292px; }
#wrapper .contenido h2.clientes { background:url(images/titulo-clientes.jpg) no-repeat; width:186px; }
#wrapper .contenido h2.contacto { background:url(images/titulo-contacto.jpg) no-repeat; width:191px; }
#wrapper .contenido h2.oportunidades { background:url(images/titulo-oportunidades.jpg) no-repeat; width:512px; }

#wrapper .contenido .info { margin: 10px 0; }
#wrapper .contenido .datos, #wrapper .contenido .texto { float:left; }
#wrapper .contenido .datos { width:200px; }
#wrapper .contenido .datos .bullet { display:block; background:url(images/bullet.jpg) no-repeat center left; padding: 2px 0 2px 35px; margin:5px 0; font-size:22px; }
#wrapper .contenido .texto { width:700px; border-left: 1px solid #b7b7b7; padding: 0 0 0 40px; height:104px; }
#wrapper .contenido .texto p { margin: 0 0 20px; padding:0; }
#wrapper .contenido .form { background:url(images/bg-form.jpg) repeat-x; width:946px; height:190px; margin-top:35px; }
#wrapper .contenido .form form { margin:0; padding:0; }
#wrapper .contenido .form .secc1 { float:left; padding:13px 0 0 20px; width:520px; }
#wrapper .contenido .form .secc2 { float:right; padding: 13px 20px 0 0;  }
#wrapper .contenido .form .secc1 .campos { float:left; width: 217px; font-size:14px; margin-right:42px; margin-bottom:25px;  }
#wrapper .contenido .form .text { width:217px; height:33px; background:#FFF; border:1px solid #958f8f; }
#wrapper .contenido .form .area { width:363px; font-size:14px; } 
#wrapper .contenido .form .textarea { width:356px; height:113px; border:1px solid #958f8f; } 
#wrapper .contenido .form .submit { float:right; margin-right:5px; }

#wrapper .contenido .form .secc1 .campos_op { float:left; width: 217px; font-size:14px; margin-right:42px; margin-bottom:17px;  }

/* TWITTER */

.twitter { position:absolute; top:246px; left:770px; width:379px; height:239px; overflow-x:hidden; }

/* ADJUNTAR */

h1 { background:url(images/menu.jpg) repeat-x; text-transform:uppercase; color:#fff; font-size:16px; padding:10px 5px; }

.enviado { color:#008040; }
.error { color:#CA0000; }