/* General y Tipografias */

body {
	margin: 0px auto;
	padding: 0px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-size: 12pt;
	background-image: url('img/patternHT.jpg');
/*	background-color: red; */
}
#contenedor {
	width: 820px;
	height: auto;
	margin: 143px auto 0px auto;
	padding: 0px 0px 10px 0px;
	text-align: left;
	background-color: white;
	/* overflow: hidden; */
}
#contenedor .clr {
	clear: both;
}
p {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
a:link {text-decoration: none; color: #00afd4;}
a:visited {text-decoration: none; color: #00afd4;}
a:hover {text-decoration: underline; color: #00afd4;}
a:active {text-decoration: underline; color: #00afd4;}
/*
.color_gris a:link {text-decoration: none; color: #808285;}
.color_gris a:visited {text-decoration: none; color: #808285;}
.color_gris a:hover {text-decoration: underline; color: #808285;}
.color_gris a:active {text-decoration: underline; color: #808285;}
ahora los links de color_gris no son grises */
.color_gris a:link {text-decoration: none; color: #00afd4;}
.color_gris a:visited {text-decoration: none; color: #00afd4;}
.color_gris a:hover {text-decoration: underline; color: #00afd4;}
.color_gris a:active {text-decoration: underline; color: #00afd4;}
.color_celeste_link a:link {text-decoration: none; color: #00afd4;}
.color_celeste_link a:visited {text-decoration: none; color: #00afd4;}
.color_celeste_link a:hover {text-decoration: underline; color: #00afd4;}
.color_celeste_link a:active {text-decoration: underline; color: #00afd4;}
.color_celeste {
	color: #00afd4;
}
.color_gris {
	/* color: #a7a9ac; */
	color: #808285;
}
.color_azul {
	color: #003a62;
}
.color_verde {
	color: #06a073;
}
.color_blanco {
	color: white;
}
.size_6 {
	font-size: 6px;
}
.size_8 {
	font-size: 8px;
}
.size_9 {
	font-size: 9px;
}
.size_10 {
	font-size: 10px;
}
.size_11 {
	font-size: 11px;
}
.size_12 {
	font-size: 12px;
}
.size_13 {
	font-size: 13px;
}
.size_14 {
	font-size: 14px;
}
.size_16 {
	font-size: 16px;
}
.size_20 {
	font-size: 20px;
}
.size_26 {
	font-size: 26px;
}

/* Encabezado */

#ht-contenidos {
	width: 764px; /* 734 */
	height: 32px; /* 30 */
	border: 0;
	margin: -58px 0px 0px 26px; /* 28 */
	float: left;
/* background-color: black; */
}
#flores-a {
	width: 27px;
	height: 107px;
	border: 0;
	margin: -127px 0px 0px 766px;
	float: left;
/* background-color: blue; */
}
#flores-b {
	width: 66px;
	height: 285px;
	border: 0;
	margin: -167px 0px 0px 793px;
	float: left;
/* background-color: green; */
}
#suscribite {
	width: 144px;
	height: 144px;
	background-image: url('img/suscribite.png');
	margin: 131px 0px 0px 766px;
	float: left;
/* background-color: red; */
}
#suscribitetitulo {
	width: 109px;
	margin-top: 30px;
	margin-left: 20px;
	float: left;
	text-transform: uppercase;
}
#suscribitenombre {
	width: 109px;
	height: 17px;
	margin-top: 5px;
	margin-left: 20px;
	padding: 0 0 0 3px;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #808285;
	border-bottom: 1px solid #808285;
	background-color: #f8f9fa;
	float: left;
}
#suscribiteemail {
	width: 109px;
	height: 17px;
	margin-top: 5px;
	margin-left: 20px;
	padding: 0 0 0 3px;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #808285;
	border-bottom: 1px solid #808285;
	background-color: #f8f9fa;
	float: left;
}
#suscribiteinput {
	padding: 0;
	float: left;
}
#suscribitesubmit {
	width: 113px;
	margin-top: 3px;
	margin-left: 18px;
	float: left;
	text-transform: lowercase;
	font-weight: 100;
/* background-color: red; */
}
#suscribite a:link {text-decoration: none; color: white;}
#suscribite a:visited {text-decoration: none; color: white;}
#suscribite a:hover {text-decoration: underline; color: white;}
#suscribite a:active {text-decoration: underline; color: white;}
#menusuperior {
	width: 500px;
	margin: 24px 80px 0px 5px;
	padding: 0;
	float: left;
/* background-color: green; */
}
#menusuperior ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: left;
}
#menusuperior li {
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.1em;
	margin: 0px 0px 0px 13px;
	padding: 0;
	list-style-type: none;
	float: left;
}
#menusuperior a:link {text-decoration: none; color: #a7a9ac;}
#menusuperior a:visited {text-decoration: none; color: #a7a9ac;}
#menusuperior a:hover {text-decoration: underline; color: #00afd4;}
#menusuperior a:active {text-decoration: underline; color: #00afd4;}
#menusuperior .activo a:link {text-decoration: none; color: #00afd4;}
#menusuperior .activo a:visited {text-decoration: none; color: #00afd4;}
#menusuperior .activo a:hover {text-decoration: none; color: #00afd4;}
#menusuperior .activo a:active {text-decoration: none; color: #00afd4;}
#search {
	width: 164px;
	height: 14px;
	margin: 24px 0px 0px 0px;
	padding: 0;
	background-color: #f8f9fa;
	border: 1px solid #f1f1f1;
	float: left;
}
#searchinput {
	width: 156px;
	height: 12px;
	border: 0;
	background-color: #f8f9fa;
	float: left;
}
#searchsubmit {
	width: 6px;
	height: 7px;
	margin-top: 3px;
	border: 0;
	float: left;
}
#columna1 {
	margin: -361px 0px 0px 17px;
	width: 375px;
	min-height: 500px;
	float: left;
/* height: 500px; */
/* background-color: red; */
}
#columna2 {
	margin: -361px 0px 0px 37px;
	width: 162px;
	float: left;
/* height: 500px; */
}
#columna3 {
	margin: -361px 0px 0px 20px;
	width: 180px;
	float: left;
/* height: 500px; */
}

/* Portada Columna 1 */

.articulo {
	margin-bottom: 20px;
	width: 100%;
	float: left;
}
.articulo-individual {
	margin-bottom: 50px;
	margin-left: 7%;
	width: 80%;
	float: left;
}
.articulo-fecha-icono {
	width: 43px;
	float: left;
	}
.articulo-fecha {
	width: 43px; /* era 39 */
	margin: 22px 0px 0px 0px;
	background-color: #56bdda;
	text-transform: uppercase;
	padding: 0;
	float: left;
	font-size: 9px;
	font-weight: bold;
	color: white;
	text-align: center;
}
.articulo-cuerpo {
	width: 326px;
	margin: 14px 0px 0px 6px; /* era 10 px, se redujo 4 para agrandar la fecha */
	float: left;
}
.articulo-titulo-icono {
	width: 326px;
	font-family: Georgia, serif;
	font-size: 24px;
	float: left;
}
.articulo-titulo {
	width: 100%;
	font-family: Georgia, serif;
	font-size: 24px;
	float: left;
}
.articulo-titulo-icono a:link {text-decoration: none; color: #003a62;}
.articulo-titulo-icono a:visited {text-decoration: none; color: #003a62;}
.articulo-titulo-icono a:hover {text-decoration: underline; color: #003a62;}
.articulo-titulo-icono a:active {text-decoration: underline; color: #003a62;}
.icono-24 {
	width: 28px;
	margin-left: 2px;
	margin-top: -11px;
	height: 23px;
	border: 0;
}
.icono-24-fondo {
	width: 29px;
	margin-left: 7px;
	margin-top: 5px;
	padding-top: 1px;
	height: 23px;
	border: 0;
	background-image: url('img/icono-24-vacio.png');
	background-repeat: no-repeat;
	float: left;
}
.icono-24-numero {
	width: 28px;
	text-align: center;
	margin-right: 1px;
	float: left;
}
.articulo-autor {
	width: 100%;
	font-size: 9px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	float: left;
}
.articulo-foto {
	margin-top: 22px;
	width: 326px;
	height: 144px;
	float: left;
}
.articulo-imagen {
	margin-top: 22px;
	float: left;
}
.articulo-bajada {
	width: 100%;
	margin-top: 22px;
	font-size: 12px;
	float: left;
}
.articulo-leermas {
	font-size: 9px;
	text-transform: uppercase;
}
.articulo-leermas a:link {text-decoration: none; color: #00afd4;}
.articulo-leermas a:visited {text-decoration: none; color: #00afd4;}
.articulo-leermas a:hover {text-decoration: underline; color: #00afd4;}
.articulo-leermas a:active {text-decoration: underline; color: #00afd4;}
.articulo-iconos {
	width: 100%;
	margin-top: 26px;
	float: left;
}
.articulo-icono-facebook {
	width: 15px;
	height: 14px;
	margin-left: 1px;
	margin-right: 4px;
	border: 0;
	float: left;
}
.articulo-icono-delicious {
	width: 17px;
	height: 16px;
	margin-left: 1px;
	margin-right: 4px;
	border: 0;
	float: left;
}
.articulo-icono-technorati {
	width: 17px;
	height: 15px;
	margin-left: 1px;
	margin-right: 4px;
	border: 0;
	float: left;
}
.articulo-icono-mail {
	width: 17px;
	height: 17px;
	margin-left: 1px;
	margin-right: 4px;
	border: 0;
	float: left;
}
.articulo-separador-etiquetas {
	width: 323px;
	height: 2px;
	margin-top: 9px;
	background-image: url('img/articulo-separador-etiquetas.png');
	background-repeat: no-repeat;
	float: left;
}
.articulo-etiquetas {
	width: 100%;
	margin-top: 6px;
	font-size: 10px;
	float: left;
}
#noticias-anteriores {
	width: 90px;
	/* margin-top: 37px; */
	margin-left: 47px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}
#noticias-siguientes {
	width: 85px;
	/* margin-top: 37px; */
	margin-left: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}

/* Portada Columna 2 */

#happy-together-contenidos {
	width: 128px;
	height: 30px;
	margin-top: 30px;
	border: 0;
	float: left;
}
#happy-together-contenidos-texto {
	width: 100%;
	margin-top: 18px;
	font-size: 11px;
	float: left;
}
.lista {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	float: left;
}
.lista ul {
	margin: 0;
	padding: 0;
	float: left;
}
.lista li {
	list-style-type: none;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.lista-raquo-celeste {
	width: 100%;
	margin: 0;
	padding: 0 0 0 15px;
	float: left;
}
.lista-raquo-celeste ul {
	margin: 0;
	padding: 0 0 0 15px;
}
.lista-raquo-celeste li {
	list-style-image: url('img/raquo-celeste.png');
	list-style-type: circle;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#happy-together-contenidos-texto ul {
	width: 100%;
	margin: 0;
	padding: 0 0 0 15px;
}
#happy-together-contenidos-texto li {
	list-style-image: url('img/raquo-azul.png');
	list-style-type: circle;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#happy-together-contenidos-texto a:link {text-decoration: none; color: #003a62;}
#happy-together-contenidos-texto a:visited {text-decoration: none; color: #003a62;}
#happy-together-contenidos-texto a:hover {text-decoration: underline; color: #003a62;}
#happy-together-contenidos-texto a:active {text-decoration: underline; color: #003a62;}
.lista-raquo-gris {
	width: 100%;
	margin: 0 0 0 2px;
	padding: 0;
	float: left;
}
.lista-raquo-gris ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
.lista-raquo-gris li {
	list-style-image: url('img/raquo-gris.png');
	list-style-type: circle;
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
.lista-nivel2 li {
	margin: 0px 0px 0px 10px;
}
.lista-circle {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 15px;
	float: left;
}
.lista-circle ul {
	margin: 0;
	padding: 0 0 0 15px;
}
.lista-circle li {
	list-style-type: disc;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.proyectos-bajada ul {
	margin: 0;
	padding: 0 0 0 15px;
}
.proyectos-bajada li {
	list-style-type: disc;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#columna-texto {
	width: 100%;
	margin-top: 0px;
	font-size: 11px;
	float: left;
}
#columna-texto ul {
	margin: 0;
	padding: 0 0 0 15px;
}
#columna-texto li {
	list-style-type: disc;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
#fyi-news-arriba {
	width: 162px;
	height: 43px;
	margin-top: 36px;
	background-image: url('img/fyi-news-arriba.png');
	float: left;
}
#fyi-news-medio {
	width: 144px;
	padding: 14px 9px 9px 9px;
	background-image: url('img/fyi-news-medio.png');
	background-repeat: repeat-y;
	float: left;
}
#fyi-news-abajo {
	width: 162px;
	height: 21px;
	background-image: url('img/fyi-news-abajo.png');
	float: left;
}
.titulo-columna {
	width: 100%;
	margin: 35px 0px 7px 0px;
	font-size: 11px;
	text-transform: uppercase;
	float: left;
}
.mini-titulo {
	width: 70px;
	margin: 10px 0px 7px 0px;
	font-size: 11px;
	text-transform: uppercase;
	float: left;
}
.icono-c {
	margin: 10px 0px 0px 0px;
	width: 16px;
	height: 20px;
	float: left;
	border: 0;
}
#etiquetas {
	line-height: 16px;
	float: left;
}
#banner1 img {
	width: 162px;
	/* height: 131px; */
	border: 0px;
	margin-top: 35px;
	float: left;
}
#cc {
	width: 88px;
	height: 31px;
	border: 0px;
	margin-top: 15px;
	float: left;
}

/* Portada Columna 3 */

#video {
	width: 171px;
	/* height: 139px; */
	margin-top: 28px;
	padding: 0;
	float: left;
}
#video-texto {
	width: 100%;
	/* margin-top: 6px; */
	font-size: 11px;
	float: left;
}
.icono-b {
	width: 16px;
	margin-right: 5px;
	height: 20px;
	float: left;
	border: 0;
}
#htrecords {
	width: 179px;
	/* height: 135px; */
	margin-top: 15px;
	float: left;
}
#instantaneas {
	width: 178px;
	/* height: 164px; */
	margin-top: 15px;
	float: left;
}
#twitter_update_list {
	font-size: 10px;
}
#banner2 img {
	width: 162px;
	/* height: 223px; */
	border: 0px;
	margin-top: 35px;
	float: left;
}

/* Proyectos Interior */

.proyectos {
	width: 100%;
	margin-bottom: 30px;
	float: left;
}
.proyectos-categoria {
	width: 39px;
	margin: 22px 0px 0px 0px;
	background-color: #003a62;
	text-transform: uppercase;
	padding: 0;
	float: left;
	font-size: 9px;
	font-weight: bold;
	color: white;
	text-align: center;
}
.proyectos-cuerpo {
	width: 326px;
	margin: 14px 0px 0px 10px;
	float: left;
}
.proyectos-titulo {
	width: 100%;
	font-family: Georgia, serif;
	font-size: 24px;
	float: left;
}
.proyectos-thumb {
	width: 77px;
	height: 52px;
	margin: 0px 4px 5px 0px;
	overflow: hidden;
	float: left;
}
.proyectos-thumb img {
	border: 0;
}
.circulo {
	width: 9px;
	margin-top: 8px;
	margin-right: 5px;
	height: 9px;
	float: left;
	border: 0;
}

/* Comentarios */

#comentarios {
	width: 100%;
	float: left;
}
#comentarios p {
	font-size: 10px;
}
.comentario {
	float: left;
}
#comentarios-titulo-icono {
	width: 326px;
	margin-left: 49px;
	margin-top: 50px;
	float: left;
}
.comentarios-titulo {
	font-size: 16px;
	float: left;
}
.icono-globo {
	width: 25px;
	margin-left: 2px;
	margin-top: -11px;
	height: 21px;
	border: 0;
}
.comentarioencabezado{
	width: 326px;
	margin-left: 49px;
	margin-top: 20px;
	font-size: 11px;
	float: left;
}
.comentariotexto {
	width: 326px;
	margin-left: 49px;
	margin-top: 10px;
	font-size: 10px;
	line-height: 15px;
	float: left;
}
#dtc {
	width: 347px;
	margin-left: 20px;
	margin-top: 40px;
	padding: 20px 0px 20px 28px;
	background-color: #f5f6f6;
	float: left;
	text-align: left;
}
#dtc p {
	font-size: 10px;
}
#dtc-titulo {
	width: 100%;
	font-family: Georgia, serif;
	font-size: 16px;
	float: left;
}
.dtc-campo {
	width: 100%;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	float: left;
}
.dtc-text {
	width: 165px;
	height: 17px;
	margin: 3px 0 0 0;
	padding: 0 0 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 1px solid #808285; 
	border-left: 1px solid #808285; 
	float: left;
}
.dtc-textarea {
	width: 322px;
	height: 178px;
	margin: 3px 0 0 0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 1px solid #808285; 
	border-left: 1px solid #808285;
	overflow: hidden;
	float: left;
}
.dtc-submit {
	width: 46px;
	height: 17px;
	margin-top: 20px;
	border: 0;
	float: left;
}
.floatleft {
	float: left;
}
.searchresults {
	width: 100%;
	margin: 20px 0 20px 0;
	font-family: Georgia, serif;
	font-size: 20px;
	float: left;
}

/* Contact Form 7 */

.titulo-wpcf7-form {
	width: 326px;
	font-family: Georgia, serif;
	font-size: 16px;
	color: #00afd4;
	font-weight: bold;
	float: left;
}
.wpcf7-form {
	color: #00afd4;
	font-size: 9px;
	letter-spacing:0.1em;
	float: left;
}
.wpcf7-form input {
	color: white;
	font-size: 10px;
	letter-spacing:0.1em;
	background-color: #00afd4;
	border: 0;
	width: 350px;
	overflow: hidden;
	float: left;
}
.wpcf7-form textarea {
	color: white;
	font-size: 10px;
	letter-spacing:0.1em;
	background-color: #00afd4;
	border: 0;
	width: 350px;
	overflow: hidden;
	float: left;
}
.wpcf7-form select {
	color: white;
	font-size: 9px;
	letter-spacing:0.1em;
	background-color: #00afd4;
	border: 0;
	width: 350px;
	overflow: hidden;
	float: left;
}
.wpcf7-form option {
	color: white;
	font-size: 9px;
	letter-spacing:0.1em;
	background-color: #00afd4;
	border: 0;
	width: 350px;
	overflow: hidden;
	float: left;
}
.wpcf7-form input[type=checkbox] {
	color: white;
	background-color: white;
	border: 0;
	width: 10px;
	float: left;
}
.wpcf7-form p {
	margin: 0px 0px 7px 0px;
	float: left;
}
.wpcf7-form input[type=submit] {
	font-size: 12px;
	margin-top: 20px;
	background-color: white;
	color: #00afd4;
	border: solid 1px #00afd4;
	width: 70px;
	text-transform: uppercase;
	float: left;
	text-align: center;
}
.wpcf7-response-output {
	float: left;
}

/* Clientes */

.clientes-icono {
	width: 40px;
	margin: 16px 0px 0px 0px;
	padding: 0;
	float: left;
	text-align: center;
	border: 0;
	overflow: hidden;
}
.clientes-cuerpo {
	width: 320px;
	margin: 10px 0px 0px 10px;
	float: left;
}
.clientes-titulo {
	width: 100%;
	font-family: Georgia, serif;
	font-size: 24px;
	float: left;
}
.clientes-titulo a:link {text-decoration: none; color: #003a62;}
.clientes-titulo a:visited {text-decoration: none; color: #003a62;}
.clientes-titulo a:hover {text-decoration: underline; color: #003a62;}
.clientes-titulo a:active {text-decoration: underline; color: #003a62;}
.clientes {
	width: 100%;
	margin-bottom: 5px;
	float: left;
}
.clientes-categoria {
	width: 39px;
	margin: 14px 0px 0px 0px;
	background-color: #003a62;
	text-transform: uppercase;
	padding: 0;
	float: left;
	font-size: 9px;
	font-weight: bold;
	color: white;
	text-align: center;
}
.titulo-columna-independiente {
	width: 100%;
	margin: 10px 0px 7px 50px;
	font-size: 11px;
	text-transform: uppercase;
	float: left;
}