/* CSS Document ------------[ BY LUIS GAJARDO ]-- */

@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);

@media only screen and (max-width: 1420px) {
	.detalle {width: 1100px;margin-left: -550px; padding-top: 40px;}
	.description {width: 1100px;margin-left: -607px;}
	.vid { height: 628px;}
}

@media only screen and (max-width: 1280px) {
	.cuatro h2 {font-size:17px; margin: -16px 7px;}
	.cuatro h5 {font-size:40px; line-height:40px;}
	
	.detalle {width: 1000px;margin-left: -500px; padding-top: 30px;}
	.description {width: 1000px;margin-left: -557px;}
	.vid { height: 572px;}
}

@media only screen and (max-width: 1140px) {
	.cuatro h2 {font-size:16px; margin: -16px 7px;}
	.cuatro h5 {font-size:34px; line-height:34px;}
	.cuatro h3 {font-size:17px;}
	.rotulo {padding-left: 140px;}
	.rotulo2 {margin-left: -115px;}
	
	.detalle {width: 880px;margin-left: -440px; padding-top: 20px;}
	.description {width: 880px;margin-left: -497px;}
	.vid { height: 504px;}
	
	
}

@media only screen and (max-width: 1028px) {
	.cuatro h5 {font-size:29px; line-height:32px;}
	.cuatro h3 {font-size:16px;}
	
	.detalle {width: 780px;margin-left: -390px; padding-top: 16px;}
	.description {width: 780px;margin-left: -447px;}
	.vid { height: 448px;}

}

@media only screen and (max-width: 920px) {
	.cuatro h2 {font-size:14px; margin: -16px 7px;}
	.cuatro h5 {font-size:24px; line-height:27px;}
	.cuatro h3 {font-size:14px;line-height: 20px;}
	.rotulo {padding-left: 100px;}
	.rotulo2 {margin-left: -75px;}
	.box_destacado {height: 320px;}
	.rotulo {margin-bottom: -29px;}
	.rotulo2 {margin-bottom: -29px;margin-left: -51px;}
	
	.detalle {width: 670px;margin-left: -332px; padding-top: 16px;}
	.description {width: 670px;margin-left: -389px;}
	.link {width:28%;}
	.creditos{display:none;}
	.txt {width:72%}
	.vid { height: 384px; margin-bottom: 1px;}


}

@media only screen and (max-width: 800px) {
	.left, .right {display:none;}
	.cuatro {padding-left:0px; position:relative;}
	.about {width:100%; height:auto;}
	.box_tx {padding: 51px 40px 30px 40px;}
	.correo {width:100%;}
	.recomendacion {width:100%;	}
	.mapa {width:100%;}
	.cuatro h2 {font-size: 20px; margin: -16px 7px;}
	.cuatro h5 {font-size: 38px;line-height: 42px;}
	.cuatro h3 {font-size: 19px;line-height: 25px;}
	.formulario form {width: calc(100% - 142px);}
	.line {width: calc(100% - 79px);}
	.comentarios {width: calc(100% - 60px);margin-left: 30px;}
	.navegador {margin-left: -34px;}
	.box_destacado {height: 270px;}
	.rotulo, .rotulo2 {bottom: 114px !important;margin-bottom: -5px;}
	.rotulo {padding-left: 80px;}
	.rotulo2 {margin-left: -90px;}
	.boton {bottom: -38px !important;}
	h5 {font-size: 40px;line-height: 0px;}
	.mapa {background-size: 100%;}
	
	
	
	.proyecto {margin-right: 0px;}
	.detalle {width: 625px; margin-left: -306px; padding-top: 16px;}
	.description {width: 625px; margin-left: -313px;}
	.creditos {display: none;}
	.link {display: none;}
	.txt {width: 100%;}
	.name h5 {font-size: 16.69px;margin: 26px 20px 0 20px;}
	
	.vid { height: 354px;}
	
	
}

@media only screen and (max-width: 568px) {
	.rotulo2 {text-align: left;}
	.box_destacado {
		height: 250px;
		border-top: 10px solid;
		border-left: 10px solid;
		border-right: 10px solid;
		border-color: #2F3134;
		width: -moz-calc(100% - 20px);
		width: calc(100% - 20px);
}
	.rotulo, .rotulo2 {
		bottom: 0 !important;
		background-color: rgba(0, 0, 0, 0.7);
		left: 0;
		right: 0;
		height: 100px;
		width: 100%;
		margin-left: 0px;
		padding-left: 0px;
	}
	.boton {
		bottom: 31px !important;
		right: 24px !important;
	}
	h5 {font-size: 27px;margin-top: 39px;  margin-left: 28px;}
	h2 {font-size: 15px;margin: 16px 5px;  margin-left: 28px;}
	h3 {font-size: 13px;}
	.boton h3 {font-size: 15px; display:block !important;}
	.rotulo h3, .rotulo2 h3 {display:none}
	.bm{display:block;}
	.bw, .bw2{display:none;}
	
	.cuatro {  margin-top: 10px;}
	.recomendacion {height: 209px;}
	.mapa {background-size: 130%;}
	.cuatro h5 { font-size: 30px;  line-height: 30px;  margin-top: 26px;  margin-left: 7px;}
	
	.proyecto {margin-right: 0px;}
	.detalle {width: 525px; margin-left: -256px; padding-top: 16px;}
	.description {width: 525px; margin-left: -263px;}
	.creditos {display: none;}
	.link {display: none;}
	.txt {width: 100%;}
	.name h5 {font-size: 16.69px;margin: 26px 20px 0 20px;}
	.vid { height: 304px;}

}



@media only screen and (max-width: 480px) {
	.cuatro h2 {font-size: 15px;}
	.cuatro h3 {font-size: 16px;line-height: 22px;}
	
	.box_tx {padding: 31px 15px 12px 11px;}
	.formulario form {width: calc(100% - 100px);padding: 14px 82px 21px 18px;}
	.correo {height: auto;}
	.comentarios {width: calc(100% - 24px);margin-left: 10px;}
	.line {display:none;}
	.mapa {background-size: 160%;}
	
	.proyecto {margin-right: 0px;}
	.detalle {width: 289px; margin-left: -143px; padding-top: 10px;}
	.description {width: 289px; margin-left: -151px;}
	.creditos {display: none;}
	.link {display: none;}
	.txt {width: 100%;}
	.name h5 {font-size: 16px;margin: 26px 20px 0 20px;}
	.vid { height: 164px;}
	
	
}