/* RESPOSIVE WEB DESIGN /////////////////////////////////////////////////////////// */

@media only screen and (max-width: 1024px) {
	

	
}


@media only screen and (max-width: 960px) {
	
	
	
	
	
}

@media only screen and (max-width: 700px) { 

	html {
		-webkit-text-size-adjust: none;  /*inhabilita el ajuste autom�tico del iphone en el tama�o del texto  */	
	}	
	
	.posC {
		max-width:500px;
		padding:0 30px;
	}
	
	.twoCol {
		width: 100%;
		margin-right:0%;	
	}
	
	.collapsed {
		position:relative;
		
	}
	
	
	/* HEADER ////////////////////////////////////////////////////////// */
	
	.home {
		background:#000 url(../img/structure/bg-header.jpg) no-repeat  center center;
		
	}
	
	.shadow {
		height: 180px;
    	margin: -180px 0 0;	
	}
	
	.home aside {
		height: 180px;
    	margin: -180px 0 0;	
	}
	
	.home aside h1 {
		padding-top:30px;
		font-size:50px;
		line-height:60px;
	}
	
	.home aside h2 {
		padding-bottom:20px;
		letter-spacing:1px;	
	}
	
	/* NAVIGATION MENU ////////////////////////////////////////////////////////// */

	#principal {
		
		padding-top:0px;
		height:auto;
		border-bottom:none;	
	}
	
	#principal a {
		color: #3A3A3A;
		display:block;
		margin:0;
		text-transform:uppercase;
		padding:10px 0;
		border-bottom:1px solid #E6E5E4;
	}
	
	#principal a:hover {
		border-bottom:1px solid #E6E5E4;
	}
	
	#principal .selected {
		border-bottom:1px solid #E6E5E4;
	}
	.work-menu {
		padding-top:20px !important;
		height:auto !important;
	}
	
	/* ABOUT  ////////////////////////////////////////////////////////// */
	
	#about {
		padding:30px;
	}
	
	#about aside {
		width:100%;
	}
	
	
	#about h3 {
		margin-top:10px;	
	}
	
	
	#about img {
		margin-top:10px;
			
	}
	
	/* FEATURES  ////////////////////////////////////////////////////////// */

	#features {
		background:#2B2B2B url(../img/structure/bg-features.png) repeat;
		padding-top:30px;
		padding-bottom:10px;
		color:#D6D3CC;
		
	}
	
	/* WORK  ////////////////////////////////////////////////////////// */
	
	#work {
		padding:30px;
	}

	
	#work aside {
		width:100%;
	}
	
	#work .work-col {
		width: 97%;
		margin-right:0%;
		margin-top:20px;
		margin-bottom:20px;
	}
	#work .work-col p {
		margin-bottom:5px;
	
	}
	#work .work-col header {
		margin-bottom:10px;	
	}
	
	#work .work-col img {
		margin-bottom:10px;	
	}
	
	#work h3 {
		margin-top:10px;	
	}
	
	.work-item {
		padding:30px !important;
	
	}

	#work .related {
		padding-top:30px;
	
	}

	
	/* FOOTER ////////////////////////////////////////////////////////// */

	#contact {
		
		background:#000 url(../img/structure/bg-footer.jpg) no-repeat  top center;
		padding-top:300px;
		background-size:130%;
	}
	
	footer .contact-form {
		
		float:left;
		width:100%;
		margin-bottom:30px;	
	}
	
	footer .contact-field {
		float:left;
		width:100%;
	}

	footer .contact-message {
		float:left;
		width:100%;
	
	}
	
	footer .contact-send {
		float:left;
		width:100%;
	
	}
	
	form input[type=text]  {
		width:96%;	
	}
	
	form textarea  {
		width:96%;
	}

@media only screen and (max-width: 700px) and (orientation:landscape) {
	
	

}