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

html, body{
	font-family:"Arial Black", Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	/*height:95%;*/
	padding-top:50px;
}
a{text-decoration:none;}
#pagina{ 
	width:950px;
	margin-right:auto;
	margin-left:auto;
	border:0px solid #000;
	min-height:550px;
	}
#cabecera{ 
	/*border:1px solid #000;*/
	width:100%;
	height:85px;
	padding-left:150px;
}
#cabecera div{ 
	/*border:1px solid #000;*/
	width:100%;
	padding-left:75px;
	font-size:18px;
	color:#aaa;
	margin-top:-5px;
	z-index:2;
}
#cuerpo{
	width:600px;
	margin-top:50px;
	padding-left:500px;
/*	border:1px solid #000;*/
	}
#menu{
	width:220px;
	float:right;
	border:0px solid #000;
	margin-top:-30px;
}
#menu, #menu a, #menu a:visited{
	color:#aaaaaa;
	}
#menu ul ul a,#menu ul ul a:visited{color:#666; font-size:12px; font-weight:normal; font-family:Arial;}	
/*  Galeria css  */

    .wrapper{
      position:relative;
      font-family:Arial, Helvetica, sans-serif;
      padding-top:90px;
      padding-left:50px;
      width:80%;
      margin:auto
    }
    .galleryCont{
      display:none;
    }
    .wrapper .text{
      font-family:Arial, Helvetica, sans-serif;
    }
    .wrapper h1{
      font-family:Arial, Helvetica, sans-serif;
      font-size:26px;
    }
    .longText{
      margin-top:20px;
      width:600px;
      font:18px/24px Arial, Helvetica, sans-serif;
      color:gray;
    }
    span.btn{
     /* padding:10px;
      display:inline-block;
      cursor:pointer;
      font:12px/14px Arial, Helvetica, sans-serif;
      color:#aaa;
      background-color:#eee;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
      -moz-box-shadow:#999 2px 0px 3px;
      -webkit-box-shadow:#999 2px 0px 3px;*/
    }
    span.btn:hover{
     /* background-color:#000;*/
    }
  #interiorismoul {
      height: 650px;
      overflow: hidden;
      margin-left: -650px;
  }
  #interiorismoul ul li {
    display: block;
    width: 32%;
    float: left;
}
@media screen and (max-device-width: 800px) {
      
	   #pagina, #cabecera, #cuerpo, #cabecera img {
			width: 100%;
			height:auto;
			padding-left: 0px;
	   }
	   #menu {
			width: 100%;
			margin-top: 0px; 
	   }
	   #menu ul{
			font-size: 3em;  
	   }
	   .galleria-thumbnails-container {
		height: 50px;
		width: 500px;
		top: 365px;
		padding-left:0px;
		left:0px;
	   }
	   #cuerpo{clear: both;	}
	   #interiorismoul ul li {
		display: block;
		width:100%;
	}
	#interiorismoul {
    margin-left: 0px;
	}
	#menu ul ul a, #menu ul ul a:visited {
    font-size: 0.4em;
	}
}