/* === ESTILOS COMUNES === */

* {padding:0;border:0;margin:0 auto;outline:0;}
body {font-family:verdana,arial;font-size:14px;color:#58595b;}

h1,h2,h3,h4 {float:left;clear:both;width:auto;font-family:georgia;font-weight:normal;color:#78a812;margin-bottom:1em;}
h1 {font-size:30px;margin-bottom:auto;}
h2 {font-size:24px;}
h3 {font-size:16px;}
h4 {font-size:14px;}

p {float:left;clear:both;width:100%;font-size:14px;line-height:20px;color:#58595b;text-align:justify;margin-bottom:1em;}

a {color:#78a812;}
a:hover {text-decoration:none;}

h2 a, h3 a, h4 a, h5 a, h6 a {color:#78a812;text-decoration:none;}
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#78a812;text-decoration:underline;}

ul,ol {float:left;clear:both;margin-bottom:1em;}
ul {list-style:none;}
ol {list-style:outside decimal;}
li {float:none;width:auto;display:list-item;}
ol li {margin-left:3em;}


table {float:left;width:100%;font-size:14px;border-collapse:collapse;;margin-bottom:1em;}
th,td{text-align:center;padding:8px 10px 8px 10px;border:1px solid #58595b;}
th {color:#ffffff;background:#a7a9ac;}
td {}

form {float:left;width:100%;}
input,textarea {float:left;clear:both;font-family:verdana,arial;font-size:14px;color:#6d6e71;background:#dddddd;}
input {padding:8px 10px 8px 10px;}
textarea {padding:10px 10px 10px 10px;margin:6px 0 0 0;overflow:auto;}

.contenedor {float:none;width:980px;overflow:hidden;}

/* === HEADER === */

#header {
	float:left;
	width:100%;
	min-width:980px;
	font-family:georgia;
	padding:20px 0 20px 0;
}

#header .contenedor {
	position:relative;
	height:140px;
}

/* --- Logo --- */

#header .logo {
	width:76px;
	height:140px;
	background:url(../img/logo.gif) left top no-repeat;
}

#header .logo a {
	float:left;
	width:100%;
	height:100%;
}

#header .logo span {
	display:none;
}

/* --- Menú --- */

#header ul {
	position:absolute;
	bottom:6px;
	right:0;
	padding:0;
	margin:0;
}

#header ul li {
	float:left;
	width:165px;
	height:50px;
	text-align:center;
	background:url(../img/separador.gif) left top repeat-y;
}

#header ul li .seccion-activa {

}
	
#header ul li a {
	display:block;
	width:100%;
	height:100%;
	font-size:20px;
	color:#58595b;
	text-decoration:none;
}

#header ul .ultima-seccion a {
	background:url(../img/separador.gif) right top repeat-y;
}
		
#header ul li a:hover {
	color:#a6ce39;
}
		
#header ul li a strong{
	font-weight:normal;
}
		
#header ul li a span {
	display:block;
	width:100%;
	font-size:12px;
	padding-top:5px;
}

#home .home,
#estudio .estudio,
#proyectos .proyectos,
#ficha-proyecto .proyectos,
#servicios .servicios,
#blog .blog {
	color:#a6ce39;
}

/* === FIN DE HEADER === */

/* === CITA === */

#cita {
	float:left;
	width:100%;
	min-width:980px;
	font-family:georgia;
	font-style:italic;
	color:#58595b;
	padding:9px 0 19px 0;
	background:#ffffff;
}

#cita cite {
	float:left;
	width:100%;
	min-width:980px;
	font-size:24px;
	line-height:30px;
	text-align:justify;
	margin-bottom:10px;
}

#cita span {
	float:left;
	width:100%;
	font-size:14px;
	text-align:right;
}

/* === FIN DE CITA === */

/* === BANDA DE IMÁGENES === */

#home #imagenes { /* Tira de imágenes en la pantalla home */
	float:left;
	width:100%;
	height:280px;
	background:#a7a9ac;
}

#imagenes { /* Tira de imágenes en el resto de pantallas (mitad de alto) */
	float:left;
	width:100%;
	min-width:980px;
	height:140px;
	padding:10px 0 10px 0;
	background:#a7a9ac;
}

#imagenes #imagen-izda {
	float:left;
	width:550px;
	height:280px;
	overflow:hidden;
}
	
#imagenes #imagen-dcha-arriba {
	float:left;
	width:410px;
	height:100px;
	padding:0 0 0 20px;
	overflow:hidden;
}
	
#imagenes #imagen-dcha-abajo {
	float:left;
	width:410px;
	height:160px;
	padding:20px 0 0 20px;
	overflow:hidden;
}

#imagenes #imagen-ancho-total {
	float:left;
	width:980px;
	height:140px;
	overflow:hidden;	
}

/* === FIN DE BANDA DE IMÁGENES === */

/* === BANDA GRIS EN FICHA DE PROYECTO === */

#ficha-proyecto #banda-gris {
	float:left;
	width:100%;
	min-width:980px; /* Hackazo */
	min-height:140px;
	height:auto !important;
	height:140px;
	padding:10px 0 10px 0;
	background:#a7a9ac;
}

#ficha-proyecto #banda-gris .contenedor{
	background:url(../img/separador-ficha-proyecto.gif) 220px top repeat-y;
}

#ficha-proyecto #banda-gris h2 {
	color:#caef65;
}

#ficha-proyecto #banda-gris #nombre-proyecto {
	width:200px;
	margin:0 20px 0 0;
}

#ficha-proyecto #banda-gris #info-proyecto {
	float:left;
	width:420px;
	margin:-8px 10px -8px 10px;
}

#ficha-proyecto #banda-gris #info-proyecto table {
	width:420px;
	height:100%;
	padding:0;
	margin:0;
}

#ficha-proyecto #banda-gris #info-proyecto table tr td {
	color:#ffffff;
	vertical-align:top;
	padding:8px 10px 8px 10px;
	border:0;
	margin:0;
}

#ficha-proyecto #banda-gris #imagen-proyecto {
	float:left;
	width:300px;
	height:140px;
	margin:0 0 0 20px;
	overflow:hidden;
}

/* === CONTENIDOS === */

#contenidos {
	float:left;
	width:100%;
	min-width:980px;
	padding:50px 0 50px 0;	
	background:#ffffff;
}

/* === CONTENIDOS:Inicio === */

#home #contenidos .contenedor {
	background:url(../img/separador.gif) 660px 0px repeat-y;
}

#home #contenidos .columna-principal {
	float:left;
	width:640px;
}

#home #contenidos .columna-principal h2 {
	color:#78a812;
}
	
#home #contenidos .columna-principal p {
	margin-bottom:14px;
}

#home #contenidos .columna-lateral {
	float:left;
	width:300px;
	margin:0 0 0 40px;
}

#home #contenidos .columna-lateral p {
	font-size:12px;
	line-height:18px;
	margin:0;
}

#home #contenidos .columna-lateral ul {
	float:left;
	width:300px;
	margin:0 0 -40px 0;
}

#home #contenidos .columna-lateral ul li {
	float:left;
	width:300px;
	padding:0 0 40px 0;
}

/* === CONTENIDOS:Estudio === */

#estudio #contenidos .contenedor {
	background:url(../img/separador.gif) 660px 0px repeat-y;
}

#estudio #contenidos .columna-principal {
	float:left;
	width:640px;
}

#estudio #contenidos .columna-principal #bienvenida {
	margin-bottom:28px;
}

#estudio #contenidos .columna-principal #bienvenida p {
	margin-bottom:14px;
}

#estudio #contenidos .columna-principal #bienvenida h3 {
	font-family:verdana,arial;
	font-weight:bold;
	font-size:14px;
	color:#58595b;
	margin:0 0 3px 0;
}

#estudio #contenidos .columna-principal #bienvenida ul {
	width:100%;
	font-size:14px;
	line-height:20px;
	margin:0 0 30px 0;
}

#estudio #contenidos .columna-principal #bienvenida ul li ul{
	margin:0 0 1em 0;
}

#estudio #contenidos .columna-principal #colaboradores ul {
	float:left;
	width:626px;
	font-size:14px;
	line-height:20px;
	margin:0;
}

#estudio #contenidos .columna-principal #colaboradores ul li {
	float:left;
	width:100%;
	background:url(../img/bullet.gif) 0px 7px no-repeat;
	padding:0 0 0 14px; 
}

#estudio #contenidos .columna-lateral {
	float:left;
	width:300px;
	margin:0 0 0 40px;
}

#estudio #contenidos .columna-lateral p {
	float:left;
	width:100%;
	vertical-align:top;
}

#estudio #contenidos .columna-lateral #google-map {
	float:left;
	width:300px;
	height:300px;
	margin:15px 0 10px 0;
}

#estudio #contenidos .columna-lateral #pie-google-map {
	float:left;
	width:300px;
	font-size:10px;
	line-height:1.5em;
	text-align:center;
	margin:0;
}

/* === CONTENIDOS:Proyectos === */

/*--- Para filas de 4 elementos --- */

#proyectos #contenidos {
	padding:50px 0 10px 0;
}

#proyectos #contenidos .fila {
	float:left;
	clear:both;
	width:1000px;
	margin:0 -20px 0 0;
}

#proyectos #contenidos .fila li {
	float:left;
	width:230px;
	height:100%;
	padding:0 20px 40px 0;
             
}

#proyectos #contenidos ul li img {
	width:100%;
	
	margin:0 0 10px 0;
}

#proyectos #contenidos ul li h3 {
	width:100%;
	margin:0 0 10px 0;
}

#proyectos #contenidos ul li p {
	font-size:12px;
	line-height:18px;
	margin:0;
             text-align:left;
}

/*--- Para filas de 6 elementos --- */

#proyectos6 #contenidos {
	padding:50px 0 10px 0;
}

#proyectos6 #contenidos .fila {
	float:left;
	clear:both;
	width:996px;
	margin:0 -16px 0 0;
}

#proyectos6 #contenidos .fila li {
	float:left;
	width:150px;
	height:100%;
	padding:0 16px 40px 0;
}

#proyectos6 #contenidos ul li img {
	width:150px;
	height:60px;
	margin:0 0 10px 0;
}

#proyectos6 #contenidos ul li h3 {
	font-size:12px;
	width:100%;
	margin:0 0 8px 0;
}

#proyectos6 #contenidos ul li p {
	font-size:10px;
	line-height:14px;
	margin:0;
}

/* === CONTENIDOS:Servicios === */

#servicios #contenidos .fila {
	float:left;
	width:1020px;
	margin:0 0 30px 0;
	background:url(../img/columnas-servicios.gif) repeat-y;
	overflow:hidden;
}

#servicios #contenidos .ultima-abajo {
	margin:0;
}

#servicios #contenidos .fila li {
	float:left;
	width:470px;
	margin:0 40px 0 0;
}

#servicios #contenidos .fila li h3 {
	width:450px;
	padding:0 20px 16px 0;
	margin:0;
	background:#ffffff;
}

#servicios #contenidos .fila li div {
	float:left;
	display:inline;
	width:450px;
	padding:10px;
}

#servicios #contenidos .fila li div p {
	font-size:12px;
	line-height:18px;
}

#servicios #contenidos .fila li div a {
	float:left;
	display:inline;
	line-height:18px;
	font-size:12px;
	color:#78a812;
	margin-right:14px;
}

#servicios #contenidos #lista-servicios ul li {
	float:left;
	width:100%;
             font-size:13px;
	background:url(../img/bullet.gif) 0px 7px no-repeat;
	padding:0 0 0 14px; 
}

/* === CONTENIDOS:Aviso legal === */

#aviso #contenidos {
	padding:30px 0 50px 0;
}

#aviso #contenidos h2 {
	font-size:18px;
}

#aviso #contenidos p {
	font-size:11px;
	line-height:16px;
	text-indent:2em;
}

/* === CONTENIDOS: Arquitectura Accesible === */

#arquitectura-accesible #contenidos .contenedor {
	background:url(../img/separador.gif) 660px 0px repeat-y;
}

#arquitectura-accesible #contenidos .columna-principal {
	float:left;
	width:640px;
}

#arquitectura-accesible #contenidos .columna-principal h2 {
	margin-bottom:.25em;
}

#arquitectura-accesible #contenidos .columna-principal h3 {
	margin-bottom:24px;
}

#arquitectura-accesible #contenidos .columna-lateral {
	float:left;
	width:300px;
	margin:0 0 -20px 40px;
}

#arquitectura-accesible #contenidos .columna-lateral .mascara-imagen {
	float:left;
	padding:0 0 20px 0;
}

/* === CONTENIDOS: Ficha Proyecto === */

#ficha-proyecto #contenidos .contenedor {
	background:url(../img/separador.gif) 660px 0px repeat-y;
}

#ficha-proyecto #contenidos .columna-principal {
	float:left;
	width:640px;
}

#ficha-proyecto #contenidos .columna-principal ul {
	float:left;
	width:auto;
	display:inline;
	margin:-0.6em 0 1em 30px;
}

#ficha-proyecto #contenidos .columna-principal ul li{
	float:left;
	width:596px;
	background:url(../img/bullet.gif) 0px 6px no-repeat;
	padding:0 0 0 14px;
	line-height:20px;
}

#ficha-proyecto #contenidos .columna-lateral {
	float:left;
	width:300px;
	margin:0 0 0 40px;
}

/* --- Galería de ancho 4 --- */

#galeria-ancho-4 {
	float:left;
	width:320px;
	margin:0 -20px -20px 0;
	overflow:hidden;
}

#galeria-ancho-4 li {
	float:left;
	width:60px;
	padding:0 20px 20px 0;
}

#galeria-ancho-4 a {
	float:left;
	width:60px;
	height:60px;
	background:#000000;
	overflow:hidden;
}

#galeria-ancho-4 img {
	float:left;
	width:60px;
	height:60px;
}

/* --- Galería de ancho 3 --- */

#galeria-ancho-3 {
	float:left;
	width:330px;
	margin:0 -30px -20px 0;
	overflow:hidden;
}

#galeria-ancho-3 li {
	float:left;
	width:80px;
	padding:0 30px 20px 0;
}

#galeria-ancho-3 a {
	float:left;
	width:80px;
	height:80px;
	background:#000000;
	overflow:hidden;
}

#galeria-ancho-3 img {
	float:left;
	width:80px;
	height:80px;
}

/* --- Galería de ancho 2 --- */

#galeria-ancho-2 {
	float:left;
	width:320px;
	margin:0 -20px -20px 0;
	overflow:hidden;
}

#galeria-ancho-2 li {
	float:left;
	width:140px;
	padding:0 20px 20px 0;
}

#galeria-ancho-2 a {
	float:left;
	width:140px;
	height:140px;
	background:#000000;
	overflow:hidden;
}

#galeria-ancho-2 img {
	float:left;
	width:140px;
	height:140px;
}


/* === CONTENIDOS: blog === */

#blog #contenidos .contenedor {
	background:url(../img/separador.gif) 660px 0px repeat-y;
}

#blog #contenidos .columna-principal {
	float:left;
	width:640px;
}

#blog #contenidos .columna-principal h2 {
	margin-bottom:.25em;
}


#blog #contenidos span.imagen {
             width:50px;
             height:auto;
             float:left;
             margin:5px 10px 0 0;
             padding:0;
             overflow:hidden;
}

#blog #contenidos .columna-principal ul {
            width:100%;
            float:left;
            clear:both;
            margin:0 0 15px 0;
            padding:0;
            list-style-type:none;
            list-style-image:none;
}

#blog #contenidos .columna-principal ul li {
           width:100%;
           float:left;
           clear:both;
           margin:0px 20px 10px 0px;
           padding: 0;
           font-size:11px;
          
}

#blog #contenidos .columna-principal div.data{
           width:580px;
           float:left;
           margin:0;
           padding:0;
           clear:none;
}

#blog #contenidos .columna-principal div.data p{
          margin:0;
          padding: 5px 0 0 0;
          width:100%;
          float:left;
          clear:both;
          line-height:normal;
}


#blog #contenidos .columna-principal div.data p.fecha {
           font-size:10px;
}
	



#blog #contenidos .columna-principal h3 {
	margin-bottom:24px;
}

#blog #contenidos .columna-lateral {
	float:left;
	width:300px;
	margin:0 0 0px 40px;
}

#blog #contenidos .columna-lateral a {
	font-size:10px;
            text-decoration:none;
            color:#58595b;
}

#blog #contenidos .columna-lateral a:hover {
	font-size:10px;
            text-decoration:underline;
            color:#78a812;
}

#blog #contenidos .columna-lateral ul {
	float:left;
	width:300px;
	margin:0 0 20px 0;
}

#blog #contenidos .columna-lateral ul li {
	float:left;
	width:300px;
             
             padding: 0px 0px 12px 0px;
             
}


#blog #contenidos .columna-lateral .mascara-imagen {
	float:left;
	padding:0 0 20px 0;
}


/* === FIN DE CONTENIDOS === */

/* === CONTACTO === */

#contacto {
	float:left;
	width:100%;
	min-width:980px;
	padding:30px 0 30px 0;
	background:#6d6e71;
}

#contacto p {
	color:#ffffff;
	padding:4px 0 8px 0;
	margin-bottom:10px;
}

#contacto a {
	color:#ffffff;
}

/* --- Datos de contacto --- */

#contacto .columna-lateral {
	float:left;
	width:300px;
}
		
#contacto .columna-lateral .icono-telefono {
	width:260px;
	padding-left:40px;
	margin-bottom:20px;
	background:url(../img/telefono.png) left center no-repeat;
}
		
#contacto .columna-lateral .icono-correo {
	width:260px;
	padding-left:40px;
	background:url(../img/correo.png) left center no-repeat;
}

/* --- Formulario de contacto --- */

#contacto .columna-principal {
	float:left;
	width:640px;
	height:auto;
	margin-left:40px;
}

#contacto .columna-principal form ul {
	margin:0;
}

#contacto .columna-principal form ul li {
	float:left;
	width:auto;
	display:inline;
}
		
#contacto .columna-principal form ul li .nombre {
	width:225px;
}		
		
#contacto .columna-principal form ul li .telefono {
	width:100px;
	margin:0 0 0 6px;
}
		
#contacto .columna-principal form ul li .correo {
	width:243px;
	margin:0 0 0 6px;
}
		
#contacto .columna-principal form ul li .comentario {
	width:620px;
	height:120px;
}

#contacto .columna-principal form ul li .enviar {
	float:left;
	width:100px;
	color:#6d6e71;
	background:#a8a9ad;
	margin:6px 0 0 540px;
}	

/* === FIN DE CONTACTO === */

/* === FOOTER === */

#footer {
	float:left;
	width:100%;
	min-width:980px;
	height:40px;
	background:#d1d3d4;
}

#footer #copyright {
	float:left;
	font-size:10px;
	line-height:40px;
	color:#000000;
}

#footer #copyright #avisolegal {
	margin:0 0 0 20px;
}

#footer #diseno {
	float:right;
	font-size:10px;
	line-height:40px;
	color:#000000;
}

/* === FIN DE FOOTER === */