@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
img{ max-width:100%;}
p{line-height:1.3em; color:black;}


@font-face {
    font-family: 'sf_cartoonist_handregular';
    src: url('fonts/sf_cartoonist_hand-webfont.eot');
    src: url('fonts/sf_cartoonist_hand-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sf_cartoonist_hand-webfont.woff2') format('woff2'),
         url('fonts/sf_cartoonist_hand-webfont.woff') format('woff'),
         url('fonts/sf_cartoonist_hand-webfont.ttf') format('truetype'),
         url('fonts/sf_cartoonist_hand-webfont.svg#sf_cartoonist_handregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sf_cartoonist_handbold';
    src: url('fonts/sf_cartoonist_hand_bold-webfont.eot');
    src: url('fonts/sf_cartoonist_hand_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sf_cartoonist_hand_bold-webfont.woff2') format('woff2'),
         url('fonts/sf_cartoonist_hand_bold-webfont.woff') format('woff'),
         url('fonts/sf_cartoonist_hand_bold-webfont.ttf') format('truetype'),
         url('fonts/sf_cartoonist_hand_bold-webfont.svg#sf_cartoonist_handbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sf_cartoonist_handbold_italic';
    src: url('fonts/sf_cartoonist_hand_bold_italic-webfont.eot');
    src: url('fonts/sf_cartoonist_hand_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sf_cartoonist_hand_bold_italic-webfont.woff2') format('woff2'),
         url('fonts/sf_cartoonist_hand_bold_italic-webfont.woff') format('woff'),
         url('fonts/sf_cartoonist_hand_bold_italic-webfont.ttf') format('truetype'),
         url('fonts/sf_cartoonist_hand_bold_italic-webfont.svg#sf_cartoonist_handbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'lobster_twobold';
    src: url('fonts/lobstertwo-bold-webfont.eot');
    src: url('fonts/lobstertwo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lobstertwo-bold-webfont.woff2') format('woff2'),
         url('fonts/lobstertwo-bold-webfont.woff') format('woff'),
         url('fonts/lobstertwo-bold-webfont.ttf') format('truetype'),
         url('fonts/lobstertwo-bold-webfont.svg#lobster_twobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lobster_twobold_italic';
    src: url('fonts/lobstertwo-bolditalic-webfont.eot');
    src: url('fonts/lobstertwo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lobstertwo-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/lobstertwo-bolditalic-webfont.woff') format('woff'),
         url('fonts/lobstertwo-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/lobstertwo-bolditalic-webfont.svg#lobster_twobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lobster_twoitalic';
    src: url('fonts/lobstertwo-italic-webfont.eot');
    src: url('fonts/lobstertwo-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lobstertwo-italic-webfont.woff2') format('woff2'),
         url('fonts/lobstertwo-italic-webfont.woff') format('woff'),
         url('fonts/lobstertwo-italic-webfont.ttf') format('truetype'),
         url('fonts/lobstertwo-italic-webfont.svg#lobster_twoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lobster_tworegular';
    src: url('fonts/lobstertwo-regular-webfont.eot');
    src: url('fonts/lobstertwo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lobstertwo-regular-webfont.woff2') format('woff2'),
         url('fonts/lobstertwo-regular-webfont.woff') format('woff'),
         url('fonts/lobstertwo-regular-webfont.ttf') format('truetype'),
         url('fonts/lobstertwo-regular-webfont.svg#lobster_tworegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'belligerent_madnessregular';
    src: url('fonts/belligerent-webfont.eot');
    src: url('fonts/belligerent-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/belligerent-webfont.woff2') format('woff2'),
         url('fonts/belligerent-webfont.woff') format('woff'),
         url('fonts/belligerent-webfont.ttf') format('truetype'),
         url('fonts/belligerent-webfont.svg#belligerent_madnessregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dj_grossnormal';
    src: url('fonts/djgross-webfont.eot');
    src: url('fonts/djgross-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/djgross-webfont.woff2') format('woff2'),
         url('fonts/djgross-webfont.woff') format('woff'),
         url('fonts/djgross-webfont.ttf') format('truetype'),
         url('fonts/djgross-webfont.svg#dj_grossnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}



header, nav, section#contenedor, footer{max-width:100%;margin:0 auto;position:relative;}
body{background: #E1E1E1;}
h1{color: #333;
       font-family: 'belligerent_madnessregular';
	border-bottom:1px solid black;
font-size:12em; text-align:center;
padding-top:2%;
margin: 0 auto;
}
h2 {color:#C1AF68;
   font-family: 'belligerent_madnessregular';
margin-left:2%;
font-size:3em; text-align:center;
margin-bottom:2%;
margin-top:5%;

}

img{width:100%;}
nav{width:100%; margin-top:5%;margin-bottom:1%;}

nav li{ list-style:none;
		display:inline-block;
		width:15%;
		text-align:center;
		vertical-align:top;
		position:relative;
		margin-bottom:3%;
		
		}

nav li a{   font-family: 'sf_cartoonist_handbold';
			text-decoration:none;
			font-size:1.2em;
			color: black;
			display:block;	
			padding:0.3em 0.25em;
			-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;

}

nav li a:hover{color: #C1AF68;}
nav img{width:100%; margin-top:5%;margin-bottom:3%; border-top:0.3em solid #C1AF68; border-bottom:0.3em solid #C1AF68; }

.submenu { position:relative;top:50%;width:100%;display:none;}
.submenu li{display:block; width:100%; text-align:left;padding-top:0.3em;margin-top:2%;margin-left:17%;}
.submenu li a{border-left:0.1em solid #C1AF68;padding:0.3em;}
li:hover .submenu{display:block;}

.flex-caption {
      width:100%;
      padding: 2%;
      left: 0;
      bottom: 0;
      background:black;
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,.3);
      font-size: 20px;
	  font-family: 'sf_cartoonist_handbold_italic';
      line-height: 18px;
    }	


footer{width:100%; margin-top:7%; border-top: 1px solid #C1AF68;padding-top:1em;
padding-bottom:1em;}

footer p{

 font-family: 'sf_cartoonist_handbold';padding:0.25em;
font-size:1em;
margin-left:2%;

color:black;
text-align:center;

}

footer img{display:inline-block;
			vertical-align:middle;
			padding:0.30em;
			margin-left:0.5%;
			margin-right:0.5%;
			width:2%;}
			
footer a{text-decoration:none; color: #93F;} 

/*nosotros*/
.textohome{width:30%; margin:0 auto;border-left:3px solid #C1AF68; border-right:3px solid #C1AF68;padding-left:0.9em; padding-right:0.9em;}



.textohome p { font-family: 'sf_cartoonist_handbold';
text-align:justify;
color:black;
padding:0.25em;
font-size:1em;
margin-left:2%;
margin-bottom:5%;}




.fija{margin-top:10%;}


/*apartamento*/

iframe{border: 2px solid white; margin-top:3%;}

.imagenes{width:100%}

.imagenes img{width:30%; border:1px solid black; margin-left:2%;}

.textohome a { text-decoration:none;display:block; color:#C1AF68;
color:#C1AF68;
   font-family:'lobster_twobold';
margin-left:2%;
font-size:2em; text-align:center;
text-shadow:1px 1px black;
margin-bottom:2%;
margin-top:5%;}

.textohomeblog a { text-decoration:none;display:block; color:white;
color:#C1AF68;
   font-family:'lobster_twobold';
margin-left:2%;
font-size:2em; text-align:center;
text-shadow:1px 1px black;
margin-bottom:2%;
margin-top:5%;}

*//*Media querys*/		
			
@media(max-width:1400px){
	
header, nav, section#contenedor, footer{max-width:100%}	

}

@media(max-width:1300px){
	

				
}
@media(max-width:1050px){
	
	h1{color: #333;
       font-family: 'belligerent_madnessregular';
	border-bottom:1px solid black;
font-size:8em; text-align:center;
padding-top:2%;
margin: 0 auto;
}

 #menu {
			width:4em;
			z-index:99;
			background-color: white;
			border:0.05em solid black;
			color:black;
			border-radius:7px; 
		
			font-size:2em;
			text-align: center;
			cursor:pointer;		
			position: absolute;
			top:0.5em; 
			right:1em;
			
		}
		#nav.js {
			display: none;
		}
		ul#nav {
			width:100%;
			position:relative;
			margin-left:5%;
		  margin-top:3%;
		  
		}
		ul#nav li {
			width:50%;
			text-align:center;
			background-color:black;
			border:0.003em solid black;}
			
			ul#nav li a{color:white;}
			
			
			
	.submenu { width:50%; text-align:center;padding:0.3em; border:none;}
	li .submenu { width:50%; ; text-align:justify;}
	

nav{width:100%; margin-top:5%;margin-bottom:1%;}
nav p{font-size:0.7em;padding-top:0.3em;}

.home{margin-top:10%;}

	

		}	
	 




@media (max-width:800px) {
	
header, section#contenedor, footer{max-width:100%;}






footer p{

font-size:0.8em;


}



}

@media (max-width:700px) {
	
}
@media screen and (min-width: 1050px) {
		#menu {
			display: none;
		}
}