@charset "utf-8";
/* CSS Document */
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#262626;
}
.header{
	padding-top:20px;
	padding-left:25px;
	background-color:#262626;
	height:70px;
}
p {
	margin:0;
	padding:0;
}
ul#menu {
      width: 386px; /* Ancho de la imagen */
      height: 29px; /* Alto de la imagen */
      list-style: none;
      background:url(img/menu/back.jpg); /* Imagen de fondo */
      padding: 0;
      margin: 10px 50px 0 0;
      position:relative;
	  float:right;
}

ul#menu li { /* Convertimos la lista en horizontal */
  padding: 0;
  margin: 0;
  position: absolute;
  /*display: block;*/
  height: 29px;
  /*text-indent: 0px; /* Sacamos el texto de los enlaces del campo de vision */
  line-height: 0.1em;
  font-size: 12px;
}

/* Definimos las dimensiones de cada elemento de la lista y le asignamos el orden de superposicion */
ul#menu li#home-link { left:0; width: 75px; z-index: 200; }
ul#menu li#proyectos-link { left:75px; text-align:right; width: 99px; z-index: 180; }
ul#menu li#nosotros-link { left:174px; text-align:right; width: 29px; z-index: 190; }
ul#menu li#contactenos-link { left:268px; text-align:right; width: 118px; z-index: 200; }
ul#menu li {
	border:0;
}
/* Asignamos una imagen de fondo a cada enlace de la lista */
/*li#home-link a { background-image:url(img/menu/menu_home.jpg) no-repeat; }
li#archive-link a { background: url('/img/menu/archivos.png'); }
li#contact-link a { background: url('/img/menu/contacto.png'); }
li#project-link a { background: url('/img/menu/proyectos.png'); }
/* Movemos la imagen de fondo para dar el efecto del rollover */
/*ul#menu li a:hover { background-position: 0 -30px; }*/
-->

.imajemplo{
	padding:2px;
	margin: 0 10px 0 0;
	border:1px #999999 solid;
}
.imajemplo:hover{
	padding:2px;
	margin: 0 10px 0 0;
	border:1px #0066CC solid;
}
.contenido{
	padding-left:50px;
	padding-right:50px;
	background-color:#ffffff;
	border:1px #ffffff solid;	
}
.contenido h1 {
	font-size:16px;
	margin-top:40px;
	margin-bottom:-8px;
}
.texto{
	font-size:11px;
	padding-right:10px;
	padding-top:10px;
	text-align:justify;
	margin-bottom:30px;
	color:#676767;
}
.detaima{
	text-align:right;
	padding-right:10px;
	padding-bottom:15px;
	padding-top:3px;
	font-size:8px;
	color:#666666;
}
.tituima{
	text-align:right;
	padding-left:1px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:3px;
	font-size:11px;
	color:#676767;
}
.cnegro{
	color:#595959;
	font-weight:bold;
}
.cgrisclaro{
	color:#bababa;
}
.mapa{
	background-image:url(img/mapa.jpg);
	background-repeat:no-repeat;
	height:451px;
	background-position:-90px
}
.celform{
	text-align:right;
	vertical-align:top;
	font-size:11px;
	color:#676767;
	padding-top:4px;
	padding-bottom:4px;
}
input{
	font-size:11px;
}
textarea{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
option{
	text-align:left;
	padding-bottom:3px;
	font-size:11px;	
}
hr{
	border:0;
	color:#999999;
	background-color:#999999;
	height:1px;
}
.divhome{
	font-weight:bold;
	font-size:16px;
	margin-top:5px;
	margin-bottom:-8px;
}
.footer{
	margin-bottom:0;
	bottom:0; 
	line-height:20px; 
	text-align:center; 
	background-color:#262626;
	color:#999999;
	font-size:10px
}
.zafiro {color: #0066CC}