* { font-family: Arial, Helvetica, sans-serif; text-decoration: none; line-height: 1.5em; }

html {min-height:100.1%; margin: 0; padding: 0; } 

body { text-align: center; margin: 1em 0; padding: 0; background-color: #000; color: #EEE; } /* DFE9EB */

img { border: 0; }

h1 { background-color: #800000; color: #FFF; font-size: 1em; margin: 0 0 .5em 0; padding: .5em; }
h2 { color: #800000; background-color: inherit; font-size: 1.1em; margin: 0 0 .5em 0; }
p { font-size: .8em; font-weight: normal; text-align: justify; }

hr { color: #066; background-color: inherit; height: 1px; }

ul { font-size: .8em; }
ul li { margin: .5em 0; font-weight: normal; }
ul li ul { font-size: 1em;  }

a { color: #008080; background-color: inherit; text-decoration: none; font-weight: bold; }
a:hover { color: #999; background-color: inherit; }

form { text-align: center; margin: 1em 0 .5em 0; }
form p { font-weight: normal; }
form fieldset { border: 0; }
form legend { display: none; }
form label { font-weight: bold; margin-left: .5em; }

.invisible { display: none; }
.normal { font-weight: normal; }
.mediano { font-size: .9em; }
.medianin { font-size: .85em; }
.pequeno { font-size: .8em; }
.pequenin { font-size: .7em; }
.centrado { text-align: center; }
.rojo { color: #F00; background-color: inherit; }
.boton { font-size: .85em; font-weight: bold; }
.noenlacemenu { color: #999; background-color: inherit; font-weight: bold; }
.infoservicio { margin-top: .5em; padding-top: .5em; font-size: .85em; }

#fondo {
				position: relative;
				margin: 0 auto; padding: 0;
				text-align: left;
				width: 780px;
				background-color: #EEE; color: inherit; 
			}

#cabecera {
						position: relative; float: left; clear: both;
						width: 780px; 
						background: #000 url(titulosup.gif) no-repeat;						
						margin: 0 0 .5em 0; padding: 0 0 .5em 0;						
					}					
						
#contenido {
						position: relative; float: left; clear: both;
						text-align: left;
						width: 760px;
						margin: 0; padding: .5em 10px;
						background-color: #EEE; color: #000; 
					}

#pie {
				position: relative; float: left; clear: both;
				text-align: center;
				width: 780px;
				margin: 0 0 1em 0; padding: .5em 0;
				background-color: #000; color: #FFF;
			}

							
/******************************** CABECERA *************************/

#cabecera ul { float: right; list-style-type: none; margin: 2em 0 0 0; padding: 0; color: #FFF; background-color: inherit; font-size: .8em; font-weight: bold; text-align: right; width: 100%; }
#cabecera ul li {  display: inline; padding: 0 .2em; margin: 0; }
#cabecera ul li a { color: #FFF; background-color: inherit; text-decoration: none; }
#cabecera ul li a:hover { color: #999; background-color: inherit; }

/******************************** INDEX *************************/

#proyectosindex { 
									position: relative; float: left; 
									width: 33%;
									margin: 0; padding: .5em 0 1em 0;
									text-align: center;
									color: inherit; background-color: #D9D9D9; 
								}

#proyectosindex img { margin: .2em 0 .4em 0; }
								
#serviciosindex {
									position: relative; float: left; 
									width: 33%;
									margin: 0; padding: 0;
									text-align: center;
								}

#serviciosindex img { margin: .2em 0; }
								
#derechaindex {
									position: relative; float: right; 
									width: 33%;
									margin: 0; padding: 1em 0;
									text-align: center;
									color: inherit; background-color: #D9D9D9; 
								}

.enlaceindex { position: relative; float: right; font-size: .8em; margin-top: .5em; }

/********************************** CONTENIDO *************************************/

.enlacevolver { position: relative; float: left; width: 100%; text-align: center; font-size: .8em; margin: 1em 0; padding: 0; }

.enlace_proyecto { position: relative; float: left; clear: both;  margin: .5em 0; padding: 0; width: 100%; font-size: .8em; text-align: right;  }

#lista_enlaces_proyectos { position: relative; float: left; clear: both; text-align: center; width: 100%; margin: 1em 0; }
#lista_enlaces_proyectos ul { list-style-type: none; margin: 0; }
#lista_enlaces_proyectos li { display: inline; padding: 0 1em; }
#lista_enlaces_proyectos a { padding: 0; }
#lista_enlaces_proyectos li span { font-size: 1.6em; font-weight: bold; color: #999; }

.fila_proyectos { float: left; width: 100%; clear: both; margin: 1.6em 0 1em 0; text-align: center; }
.un_proyecto_fila { float: left; margin: 0 0 0 5px; padding: .5em 0; width: 240px; border: 1px dotted #008080; text-align: center; overflow: hidden; }
.un_proyecto_fila p { margin: .5em 0; padding: 0 .5em; }
.un_proyecto_fila img { margin-bottom: 1em; }

.un_proyecto { position: relative; float: left; clear: both; width: 100%; margin: 1em 0; border: 1px dotted #008080; padding-top: 1em; }
.un_proyecto p { margin: .5em 0; padding: 0; }
.imagen_proyecto { float: left; margin: 0 1em 1em 1em; }
.detalle_proyecto { font-size: .85em; }

#galeriaproyecto { position: relative; float: left; clear: both; width: 100%; margin: 1em 0 0 0; padding: 0; text-align: left; }
.tres_imagen_proy { position: relative; float: left; clear: left;  margin: 1em 0 0 0; padding: 0; width: 100%; text-align: center; }
.una_imagen { position: relative; float: left; margin: 1em 0 0 0; padding: 0; width: 32%; text-align: center; }
.una_imagen h3 { font-size: .7em; margin: 0; padding: 0; }

dl { font-size: .75em; }
dd { margin: 1em 2em; }

/********************************** PIE ********************************************/

#pie ul { list-style-type: none; margin: .5em .2em 0 0; color: #FFF; background-color: inherit; font-size: .7em; font-weight: bold; }
#pie ul li {  display: inline; padding: 0 .2em; }
#pie ul li a { color: #FFF; background-color: inherit; text-decoration: none; }
#pie ul li a:hover { color: #999; background-color: inherit; }

/************************************* KBD **********************************/
		kbd {
			float: left;
			width: 1em;
			border: 2px outset;
			text-align: center;
			font-size: .9em;
			font-weight: bold;
			margin-right: .5em; 
		}