@charset "UTF-8";
/* CSS Document */

/*
	www.businesstic.es
	Tabla de contenidos:
		Globales
		Layout
			- 
			- 
			- 
*/

/* Globales
-------------------------------------------------- */

* {
	padding: 0;
	margin: 0
}

body {
	font-size: 62.5%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	text-align: center
}

a {
	color: #018E90;
	text-decoration: none
}

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

a img  {
	border: none 0
}

/* Layout
-------------------------------------------------- */

div#global-container {
	width: 100%;
	float: left
}

div#header {
	width: 960px;
	height: 100px;
	margin: 0 auto
}

div#portada {
	height: 480px;
	padding: 120px 0 0;
	margin: 0 auto
}

div.interior {
	width: 960px;
	clear: both;
	margin: 0 auto
}

div#footer {
	width: 960px;
	height: 22px;
	clear: both;
	margin: 20px auto 10px
}

/* Contenidos
-------------------------------------------------- */

object.menu {
	float: left
}

img#lhc-logo {
	display: inline;
	float: right;
	margin: 30px 0 0
}


object.contenidos {
	float: left
}

img.citas {
	float: left;
	clear: left;
	margin: 30px 20px 20px
}

h2 {
	background-position: left top;
	background-repeat: no-repeat;
	width: 960px;
	height: 36px;
	margin: 10px 0 0;
	clear: both
}

h3 {
	background-position: left top;
	background-repeat: no-repeat;
	width: 960px;
	height: 40px;
	clear: left
}

h2 span,h3 span {
	display: none
}

div.interior#somos h3 {
	background-image: url(../images/una-marca-un-reflejo.gif)
}

div.interior#hacemos h3 {
	background-image: url(../images/una-marca-un-reflejo.gif)
}

div.interior#diseno h2 {
	background-image: url(../images/diseno-creatividad.gif)
}

div.interior#diseno h3 {
	background-image: url(../images/creamos-huellas-identidad-propia.gif)
}

div.interior#marketing h2 {
	background-image: url(../images/marketing-publicidad.gif)
}

div.interior#marketing h3 {
	background-image: url(../images/buscamos-mejor-soporte.gif)
}

div.interior#eventos h2 {
	background-image: url(../images/eventos.gif)
}

div.interior#eventos h3 {
	background-image: url(../images/huellas-marquen-diferencia.gif)
}

div.interior#multimedia h2 {
	background-image: url(../images/multimedia.gif)
}

div.interior#multimedia h3 {
	background-image: url(../images/huellas-futuro.gif)
}

div.bloqueizq {
	text-align: center;
	width: 430px;
	float: left;
	padding: 10px 20px
}

div.bloqueder {
	text-align: center;
	width: 430px;
	float: right;
	padding: 10px 20px
}

div.bloqueunico {
	text-align: center;
	width: 940px;
	float: left;
	padding: 10px 20px
}

div.bloques {/*BORRAR*/
	text-align: center;
	width: 450px;
	padding: 10px;
	margin: 0 0 10px 0
}

div.bloqueizq p,div.bloqueder p {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #666;
	line-height: 22px;
	text-align: justify;
	width: 430px;
	margin: 0 0 10px 0
}

div.bloqueunico p {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #666;
	line-height: 22px;
	text-align: justify;
	width: 940px;
	margin: 0 0 10px 0
}

div.faldon {
	background: url(../images/pie.jpg) no-repeat;
	width: 960px;
	height: 150px;
	float: left;
	clear: both
}

div.semifaldon {
	background: url(../images/pie.jpg) no-repeat;
	width: 430px;
	height: 150px;
	float: left;
	clear: both
}

div.bloqueunico#servdc div.faldon {
	background-position: left bottom
}

div.bloqueunico#servmk div.faldon {
	background-position: 100px bottom
}

div.bloqueunico#servev div.faldon {
	background-position: 300px bottom
}

div.bloqueunico#servmm div.faldon {
	background-position: 500px bottom
}

p span.ini {
	font-size: 1.8em
}

iframe.googlemap {
	background: url(../images/bg_gmap.png) no-repeat center top;
	width: 430px;
	height: 350px;
	padding: 10px;
	margin: 0 auto
}

div.content#interior form {
	width: 400px;
	float: right
}

form label {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	line-height: 20px;
	float: left;
	clear: right
}

form input {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333;
	background-color: #F2F9F9;
	width: 250px;
	height: 20px;
	float: right;
	margin: 2px auto 5px;
	border: none 0
}

form textarea {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #333;
	background-color: #F2F9F9;
	width: 250px;
	height: 100px;
	float: right;
	border: none 0
}

input.enviar {
	width: 60px;
	height: 20px;
	float: right;
	clear: right;
	margin: 5px auto
}

div.mensaje {
	width: 960px;
	height: 480px;
	margin: 0 auto
}

div.mensaje img.enviado {
	clear: both;
	margin: 150px auto 0
}

div.mensaje a {
	clear: both;
	margin: 10px auto
}

p.senas {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666;
	line-height: 20px;
	float: left
}

p.copy {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666;
	line-height: 20px;
	float: right
}

/* Listas
------------------------- */

ul#dptos {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #666;
	line-height: 22px;
	text-align: left;
	width: 250px;
	float: left;
	margin: 0 0 10px 20px;
	list-style: url(../images/vigneta.gif)
}

div.interior#hacemos ul#dptos {
	font-size: 1.6em;
}

ul li a {
	background: url(../images/pix_verd.gif) repeat-x left bottom;
}

ul li a:hover {
	background: url(../images/pix_gris.gif) repeat-x left bottom;
}

ul.servicios {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	float: left;
	list-style: none;
	width: 960px;
	margin: 10px auto 0
}

div.bloqueunico#servdc ul.servicios li {
	width: 315px;
	float: left
}

div.bloqueunico#servmk ul.servicios li {
	width: 235px;
	float: left
}

div.bloqueunico#servev ul.servicios li {
	width: 960px;
	float: left
}

div.bloqueunico#servmm ul.servicios li {
	width: 315px;
	float: left
}

ul.servicios li dl dt {
	font-size: 1.7em;
	text-transform: lowercase;
	line-height: 24px;
	background: url(../images/pix_serv.gif) repeat-y right top;
	padding: 0 20px 8px
}

div.bloqueunico#servdc ul.servicios li dl dt {
	color: #178C91
}

div.bloqueunico#servmk ul.servicios li dl dt {
	color: #CC4313
}

div.bloqueunico#servev ul.servicios li dl dt {
	color: #BD004B
}

div.bloqueunico#servmm ul.servicios li dl dt {
	color: #A5AF19
}

ul.servicios li dl dd {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #666;
	line-height: 24px;
	background: url(../images/pix_serv.gif) repeat-y right top;
	text-align: right;
	clear: left;
	padding: 0 20px 0 30px
}


/* Formularios
-------------------------------------------------- */

/* Botones de imagen doble varios
-------------------------------------------------- */

a.botones {
	text-decoration: none;
	display: block
}

a.botones:hover {
	text-decoration: none;
	background-position: bottom
}

a.botones span {
	display: none
}

.activo {
	text-decoration: none;
	background-position: bottom
}

/* Identificadores de botones
------------------------- */

#planito {
	background-image: url(../images/bt_plani.png);
	display: inline-block;
	width: 22px;
	height: 22px
}

/* Links
------------------------- */

a.links {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #018E90;
	line-height: 22px;
	background: url(../images/pix_verd.gif) repeat-x left bottom;
	text-align: left;
	margin: 0 0 10px
}

a.links:hover {
	color: #666;
	background: url(../images/pix_gris.gif) repeat-x left bottom;
}

div.bloqueunico#servdc a.links span {
	background: url(../images/fle_dc.gif) no-repeat right top;
	padding: 0 10px 0 0
}

div.bloqueunico#servmk a.links span {
	background: url(../images/fle_mk.gif) no-repeat right top;
	padding: 0 10px 0 0
}

div.bloqueunico#servev a.links span {
	background: url(../images/fle_ev.gif) no-repeat right top;
	padding: 0 10px 0 0
}

div.bloqueunico#servmm a.links span {
	background: url(../images/fle_mm.gif) no-repeat right top;
	padding: 0 10px 0 0
}

/* Recurrentes
-------------------------------------------------- */

.cocor1 {
	color: #018E90
}

.cocor2 {
	color: #7F7F7F
}

.codc {
	color: #178C91
}

.comk {
	color: #CC4313
}

.coev {
	color: #BD004B
}

.comm {
	color: #A5AF19
}

.izq {
	float: left
}

.der {
	float: right
}

.disnone {
	display: none
}

.reset {
	clear: both
}