/* GENERAL */

html {background-color:#b59bb4}

body {
	padding:0;
	margin:0;
	color:#FFF;
	font:.8em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

body#bienvenidos {background: url(imagenes/01.jpg) no-repeat top center;}
body#empresa {background: url(imagenes/02.jpg) no-repeat top center;}
body#servicios {background: url(imagenes/03.jpg) no-repeat top center;}
body#menus {background: url(imagenes/04.jpg) no-repeat top center;}
body#info {background: url(imagenes/05.jpg) no-repeat top center;}

img {
	border:0;
}

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

#contenedor {
	width:700px;
	margin:0 auto;
}


/* CLEAR  */
.clearfix:after {
	content:".";
	display:block;
	height:1px;
	clear:both;
	visibility:hidden;
}


/* ENCABEZADO */

#header {
	height:114px;
	padding-top:80px
}

h1 {
	font-size:1.2em;
	margin:0;
	padding:0;
	height:114px;
	width:156px;
	float:left;
}


body#index {text-align:center;}

body#index h1 {float:none;text-align:center;margin: 80px auto 80px auto}

body#index h2 {text-align:center;text-indent:-9999px;background:url(imagenes/especial.gif) no-repeat top center;margin-top:200px;height:44px;}

/* ----------- vertical CSS align ------------ */
#outer {height:100%;overflow:visible;position:relative;background-color:#111;width:960px;margin:0 auto;}
#outer[id] {display:table;position:static;}
#middle {position:absolute;top:50%;} /* for explorer only*/
#middle[id] {display:table-cell;vertical-align:middle;position:static;}
#inner {}
html, body#index{height:100%}
#inner h1 {width:400px;margin:0 auto 16px;}
table {height:100%; margin:0 auto}
div#enter {float:left;width:57px;text-align:center;font-size:.65em;font-weight:bold;margin-left:8px;height:34px}
div#enter a {text-decoration:none;color:#CCC}
div#enter a:hover {color:#ff6600}
#centrar {margin:0 auto;width:400px;clear:both}


/* MENU */

ul#menu {
	list-style-type:none;
	padding:40px 0 0 0;
	margin:0;

}

ul#menu li {
	display:inline;
	padding:0;
	margin:0;
	height:20px;
}

#menu li a {
	height:20px;
	display:block;
	padding:0 0 0 42px;
	margin:0;
	float:left;
	font-weight:bold;
}

#bienvenidos ul#menu li.m01 a, #empresa ul#menu li.m02 a, #servicios ul#menu li.m03 a, #menus ul#menu li.m04 a, #info ul#menu li.m05 a {color:#e7d9e6}


/* CONTENIDO */

#contenido {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:.9em;
	padding: 24px 0 0 200px;
}

#bienvenidos #contenido {
	line-height:1.6em;
}

#bienvenidos #contenido p {
	line-height:2.5em;
}

#empresa #contenido { 
	padding: 24px 0 0 200px;
	line-height:1.4em;
}

#empresa #contenido p {
	padding:0 0 8px
}

h2 {
	padding-bottom:8px;
	font-size:1.2em;
}

#servicios #contenido p {
	line-height:1.9em;
}

p.presup {
	padding:12px 0 22px;
}

p.extra {line-height:1.2em;padding:24px 0 0}

.colizq {
	width:140px;
	float:left;
	padding-top:158px
}

.colder {
	width:240px;
	float:right
}

#menus #contenido p {
	line-height:3.6em;
}

#menus #contenido p.extra2 {line-height:1.2em;padding:24px 0 0}

#info #contenido {
	text-align:center;
}

#info #contenido img {
	padding-top:36px
}

#info #contenido p {
	line-height:2.6em;
}


/* ----------- formulario de contacto ------------ */
form#formcontacto label {
font-weight:bold;
}

form#formcontacto input {
width:250px;
}

form#formcontacto p {
margin:2px 0;
}

form#formcontacto p.enviar input {
width:60px;
}

form#formcontacto p.enviar {margin-top:4px;}



/* ----------- pie ------------ */

#footer {
	margin:54px auto 0 auto;
	padding:0 0 48px ;
	font:.8em Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.2em;
	text-align:center;
	clear:both;
}

#info #footer {
	background: none;
}

#footer p {
	margin:0;
	padding:0;
	line-height:1.4em
}