* {
	margin: 0px;
	padding: 0px;
	border: none;
}

body{
	/*background-image:url(img/body_bg3.gif);*/
	background-color:black;
	text-align: center;	
}

#container{
	margin: 0px auto; /*centers our website*/
	width: 863px; /*gives our website a width of 850px*/
	background-color: white;
	font-family:verdana,arial,sans-serif;
	text-align: justify;
	line-height:18px;
	font-size: 11px;
	color:#494b48;
}

#cabecera { /*--HEADER CONTAINER--*/
	float: left; /*floats our header left*/
	height: 58px; /*gives our header a height of 123px*/
	width: 863px; /*gives our header a width of 850px same as our container*/
	background: url(../img/fondoCabecera.gif) repeat-x top white;
}
	 
#logo { /*--LOGO CONTAINER--*/
    float: left; /*floats our logo left*/
    display:block;
    height: 58px; /*height of the actual image used for the logo*/
    width: 189px; /*width of the actual image used for the logo*/
    background: url(../img/logo.gif) repeat-x top white;
    margin-top: 5px;
}

#logo h1 {
	display: block;
	float: left;
	width: 189px;
	height: 58px;
	font-size:1px;
	text-indent: 0px;
}
#logo h1 a {
	display: block;
	width: 189px;
	height: 58px;
}

#inicio { /*--LOGO CONTAINER--*/
    float: left; /*floats our logo left*/
    display:block;
    height: 445px; /*height of the actual image used for the logo*/
    width: 863px; /*width of the actual image used for the logo*/
    background: url(../img/index.gif) no-repeat center;
    margin-top: 30px;
    margin-bottom: 30px;
}

#inicio h1 {
	display: block;
	float: left;
	width: 863px;
	height: 445px;
	font-size:1px;
	text-indent: 0px;
}
#inicio h1 a {
	display: block;
	width: 863px;
	height: 445px;
}



#menu{
	display:inline;
	float:left;
	font-family:arial,sans-serif;
	height: 40px;
	width: 670px;
}

.menu-idioma li {
	display: inline;
	float: left;
	list-style-type: none;
	height: 17px;
}

.menu-idioma li a {
	float:left;
	text-decoration: none;
	color: #7d7b7b;
	font-size: 12px;
	text-align: center;
	padding: 2px 3px 0px 3px;
	/*margin-left: 5px;*/
}

.menu-idioma li a:hover {
	color: #cc2707

}

.menu-idioma li a.seleccionado {
	float:left;
	text-decoration: none;
	color: #cc2707;
	font-size: 12px;
	text-align: center;
	padding: 2px 3px 0px 3px;
}


.menu-link li {
	display: inline;
	float: left;
	list-style-type: none;
	height: 40px;
}

.menu-link li a {
	float:left;
	text-decoration: none;
	color: #7d7b7b;
	font-size: 12px;
	font-weight:bold;
	text-align: center;
	padding: 5px 10px 5px 10px;
	margin-left: 10px;
}
.menu-link li a:hover {
	background-color: #cc2707;
	color: white;
}

.menu-link li a.seleccionado{
    background-color: #cc2707;
	color: white;
}

#subcabecera { /*--HEADER CONTAINER--*/
	float: left; /*floats our header left*/
	display:block;
	height: 142px; /*gives our header a height of 123px*/
	width: 863px; /*gives our header a width of 850px same as our container*/
}

#subcabecera.mobiliario { 
	background: url(../img/mobiliario.gif) no-repeat white;
}

#subcabecera.interiores { 
	background: url(../img/interiores.gif) no-repeat white;
}

#subcabecera.contacto { 
	background: url(../img/contacto.gif) no-repeat white;
}

#subcabecera.cocina { 
	background: url(../img/cocina.gif) no-repeat white;
}

#subcabecera.domotica { 
	background: url(../img/domotica.gif) no-repeat white;
}


#pie {
	clear:both;
	background-color:#cc2707;
	width: 863px;
	height: 20px;
	text-align: center;
	color: white;
}

#pie a {
	color: white;
}

#pie a:hover {
	color: black;
}

/********* IMAGENES **********/

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/********** CUERPO ***********/

#cuerpo {
	margin-left: 5px;	
	text-align:left;
	width:845px;
	display: inline;
	float: left;
	line-height: 23px;
	font-size: 12px;
	/*background: yellow;*/
}

#cuerpo h1{
	float: left;
	display: inline;
	margin:0px;	
	margin-bottom:25px;
	margin-left:10px;
	padding: 0px;
	padding-left: 5px;
	text-align: right;
	text-transform:uppercase;
	color:#6e716d;
	font-family:georgia,verdana,arial,sans-serif;
	font-size: 18px;
	font-weight:bold;
	border-bottom: 2px solid #da417b;
	width: 825px;
}

#cuerpo h4{
	margin:0px;	
	padding: 0px;
	height: 17px;
	font-size: 1.2em;
	text-align: left;
	line-height: 17px;
	color:#86b2d4;
	margin-top: 15px;
	text-decoration: underline;
}

#cuerpo p{
	margin:0px;
	padding:0px;
	padding-right: 10px;
	text-align: justify;
	margin-top:10px;
	margin-bottom: 10px;
}

#cuerpo a{
	margin:0px;
	padding:0px;
	color: #da417b;
	text-decoration: none;
	border-bottom: 1px dashed #da417b;
}

#cuerpo a:hover{
	color: #4785b6;
}

#cuerpo a.sinestilo{
	margin:0px;
	padding:0px;
	text-decoration: none;
	border: none;
}


#cuerpo ul{

	/*margin: 5px 0px 0px 30px;
	padding: 5px 0px 0px 30px;*/
	margin:0px;
	margin-bottom: 20px;
	padding: 0px;
	padding-left: 20px;
	
}

#cuerpo ul li{
	
	/*margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style-type: disc;*/
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 4px;	
	list-style:none;
	margin:0px;
	background: url(img/flechitas.gif) no-repeat left center;
	
}

#cuerpo ul li a {

	color: #8e8a8c;
	margin-left: 10px;
	padding-bottom: 2px;
	text-decoration: none;	
}

#cuerpo ul li a:hover {

	color: #da417b;
}

#cuerpo p input.boton{
	color: #5394d4;
	border: 1px solid gray;
	width: auto;
}

#cuerpo p input{
	color: #5394d4;
	border: 1px solid #878a86;
	width: 280px;
}

#cuerpo p textarea{
	height:70px;
	width:350px;
	color: #5394d4;
	border: 1px solid #878a86;
	font-family:verdana,arial,sans-serif;
	font-size: 12px;
}

#flashContent{
	display: inline;
	float:left;
	padding: 0px;
	margin: 0px;
	/*border:1px solid green;*/
	margin-bottom: 50px;
	margin-right: 10px;
}

#flashContent2, #flashContent3{
	display: inline;
	padding: 0px;
	margin: 0px;
	/*border:1px solid green;*/
	/*margin-bottom: 50px;
	margin-right: 10px;*/
}

#flashContentDomo{
	display: inline;
	float:left;
	padding: 0px;
	margin: 0px;
	/*border:1px solid green;*/
	margin-bottom: 10px;
	margin-right: 5px;
}

#foto{
	display: inline;
	float:left;
	padding: 0px;
	margin: 0px;
	/*border:1px solid green;*/
	margin-bottom: 5px;
	margin-right: 30px;
	height:350px;
	width:300px;
	/*background: green;*/
}

#foto img{
	margin-left: 40px;
	margin-top: 15px;
}

.white_content {
	display: none;
	position: absolute;	
	top:20%;
	left:18%;
	width: 830px;
	height: 410px;	
	/*background-color: white;*/
	z-index:1002;
	/*overflow: auto;*/
}

a.ventana{
	display:inline;
	float:right;
	margin:0px;
	padding:0px;
	color: gray;
	background-color: white;
	text-decoration: none;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 1px;
}

a.ventana:hover{
	color: white;
	background-color: gray;
}


.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

/***************** FOTOS PLANO ******************/
/* ============================ */
/* ===== COMO TRABAJAMOS   ==== */
/* ============================ */
#planoAntes, #planoDespues, #planoDurante {
	float: left;
	display: inline;
	background: white;
	color: black;
}
#planoAntes MAP, #planoDespues MAP, #planoDurante MAP{

	z-index: 1;
}

#fotoCab {
	
	float: left;
	display: inline;
	margin:0px auto;
	height: 200px;
	width: 300px;
	background: white;
	color: black;	

}

#fotoCab a{
	padding:0px;
	padding-left: 20px;
	margin-left:20px;
	text-decoration: none;
	border-left: 10px solid #cc2707;
	color: black;
	background-color: white;
}

#fotoCab a:hover{
	background-color: #cc2707;
	color: white;
	border-left: 10px solid white;
}

#Cargando {
	float: left;
	display: inline;
	margin:0px auto;
	height: 202px;
	width: 302px;
	visibility: hidden;
	z-index: 1;
	text-align: center;
	background: white;
	color: black;
	
}

#Cargando p{
	
	margin: 0px auto;
	font-family:verdana;
	padding-top: 90px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}


#listaFotos {
	background: white;
	color: black;
	margin:0px auto;
	position:relative;
	text-align: center;
	padding-top: 15px;
	height: 200px;
	width: 300px;
	
}

#listaFotos2{
	background: white;
	color: black;
	margin: 0px auto;	
	position: relative;
	margin-top: 0px;	
	text-align: center;
	padding-top: 50px;
	height: 200px;
	width: 300px;
	
}

#listaFotos3{
	background: white;
	color: black;
	margin: 0px auto;	
	position: relative;
	margin-top: 0px;	
	text-align:center;
	padding-top: 12px;
	height: 200px;
	width: 300px;
}

#listaFotos h3{
	margin-top: 70px;
	margin-left: 50px;
	margin-right: 50px;
	line-height: 25px;
	
}