body{
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 62.5%;
}
div#wrapper{
	background: transparent;
	text-align: left;
	width: 1040px;
	margin: 0 auto;
	position: relative;
	/*border: 1px solid green;*/
}

/*desde aquí el header*/
div#header{
	width: 960px;
	margin: 0 auto;
	background-color: transparent;
	height: 140px;
}

h1{
	width: 318px;
	height: 50px;
	padding-top: 45px;
}

ul#idiomas{
	position: absolute;
	list-style: none;
	top: 70px;
	right: 40px;
	color: #fff;
}
ul#idiomas li{
	display: inline;
	margin: 0 12px;
}
ul#idiomas li a{
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
}
ul#idiomas li a:hover{
	text-decoration: underline;
}
/*fin del header con el logo en h1 y el menú de idiomas*/
/*-----------------------------------------------------*/



div#content{
	background: url(images/bg_index.jpg) no-repeat transparent;
	height: 640px;
	width: 1040px;
}
div#content_emp{
	background: url(images/bg_empresa.jpg) no-repeat transparent;
	height: 640px;
	width: 1040px;
}
div#content_banos{
	background: url(images/bg_banos.jpg) no-repeat transparent;
	height: 640px;
	width: 1040px;
}
div#content_chimeneas{
	background: url(images/bg_chimeneas.jpg) no-repeat transparent;
	height: 640px;
	width: 1040px;

}
div#content_cocinas{
	background: url(images/bg_cocinas.jpg) no-repeat transparent;
	height: 640px;
	width: 1040px;
}
div#content_escaleras{
	background: url(images/bg_escaleras.jpg) no-repeat transparent;
	height: 640px;
	width: 1040px;
}
div#content_soleria{
	background: url(images/bg_soleria.jpg) no-repeat transparent;
	height: 640px;
	width: 1040px;
}
div#content_otros{
	background: url(images/bg_otros.jpg) no-repeat transparent;
	height: 640px;
	width: 1040px;
}
div#contenidos{
	padding-top: 55px;
	margin-left: 40px;
	width: 460px;
	height: 40px;
}
/*
ul#navbar{
	background: url(images/navbar.png) no-repeat;
	width: 460px;
	height: 35px;
	padding-top: 12px;
	padding-left: 30px;
	list-style: none;
	color: #fff;
}
ul#navbar li{
	display: inline;
	margin: 0 16px;
}
ul#navbar li a{
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
}
ul#navbar li a:hover{
	text-decoration: underline;
}*/

div#presentacion{
	margin-top: 35px;
	width: 460px;
	height: 400px;
	background: url(images/bg_presentacion.png) repeat;
}
div#empresa, div#contacto{
	margin-top: 35px;
	width: 960px;
	height: 450px;
	background: url(images/bg_presentacion.png) repeat;
}


h2{
	font-size: 3em;
	color: #e9e8e8;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1.4em;
	width: 400px;
	padding: 20px 30px;
}
div#empresa h2{
	width: 880px;
}

p{
	font-size: 1.2em;
	color: #fff;
	padding: 10px 30px;
	line-height: 1.8em;
	
}
div#empresa p{
	padding: 0 30px;
}
div#footer p{
	padding-top: 25px;
	padding-left: 20px;
	color: #707070;
	font-size: 1.1em;
}
div#footer span{
	color: #fff;
}

div#footer{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 10px;
}
div.foot{
	float: left;
	
}
div.foot a{
	color: #707070;
}
div#elecciones{
	width: 910px;
	margin: 0 auto;
}
div.eleccion{
	float: left;
	width: 208px;
	height: 40px;
	margin: 8px;
}
div.eleccion img{
	border: 5px solid #000;
}
h3{
	font-size: 13px;
	color: #fff;
	padding-bottom: 10px;
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
.scrollable {
	/* required settings */
	margin-top: 25px;
	position:relative;
	overflow:hidden;
	width: 960px;
	height:220px;

	/* custom decorations */
	
	background:url(images/bg_presentacion.png) repeat;
}
.scrollable h2{
	font-size: 2em;
	padding: 20px 0 0 30px;
	font-weight: normal;
	width: 900px;
}
.scrollable h2 span{
	font-size: 15px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	padding:2px;
	border:1px solid #fff;
	width:100px;
	height: 100px;
	margin-bottom: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
div.item{
	padding: 10px 0;
	text-align: center;
	float:left;
	position: relative;
	width: 131px;
	margin:20px 5px 20px 21px;
	cursor:pointer;
	height: 120px;
}
div.item span{
	font-size: 1.1em;
	margin: 0 auto;
	color: #fff;
	white-space: nowrap;
}
/* active item */
.scrollable .item.active img {
	border: 2px solid #FEBF4B;
	z-index:9999;
	position:relative;
}
br.clear{}

div#contenido1{
	float: left;
	width: 480px;
}
div#contenido2{
	float: right;
	width: 480px;
}
div#contacto h2{
	padding: 20px 30px 10px 30px;
}
div#contacto p{
	font-size: 1.2em;
	color: #fff;
	padding: 5px 30px;
	line-height: 1.8em;
	
}

div#map{
	margin-left: 30px;
	margin-bottom: 15px;
	width: 400px;
	height: 200px;
}
form{
	margin-left: 30px;	
}

label{
	display: block;
	font-size: 1.1em;
	color: #656565;
}
input{
	display: block;
	margin-bottom: 5px;
	margin-top: 3px;
	border: 1px solid #d1d1d1;
	background-color: #fff;
}
input#nombre, input#email{
	width: 200px;
}
textarea{
	border: 1px solid #d1d1d1;
	width: 250px;
	height: 100px;
	background-color: #fff;
	margin-top: 3px;
}

input#submit{
	margin-top: 5px;
	color: #656565;
	padding: 2px;
}
#formulario label.error {
	width: auto;
	display: inline;
	color: Red;
}
fieldset{
	border: none;
}