@media screen and (max-width: 480px){
/************ DISEÑO INDEX *********************/
	.tit-rs{
		text-align: center;
	}

	.iconosi{
		text-align: center;
	}

	.logo{
		margin: auto;
		float: none !important;
		width: 60%;
	}

	nav{
		float: none !important;
		width: 100%;
		margin: auto;
		display: none;
	}

	nav ul{
		margin: auto;
	}

	nav ul .selector{
		display: block;
		border-bottom: .5px solid rgba(0,0,0,0.1);
		text-align: center;
	}

	.op-menu{
		/*border: 2px solid red;*/
		position: absolute;
		top: 150px;
		right: 30px;
		font-size: 25px;
		font-weight: bold;
		position: absolute;
		display: block;
		cursor: pointer;
	}

	.banner, .fondo, .banneri, .fondoi, .banner2, .banner3, .banner4{
		height: 100%;
	}

	.textoi{
		margin: auto;
		width: 100%;
		float: none !important;
	}

	.textoi p{
		/*border: 2px solid orange;*/
		width: 90%;
		text-align: justify;
	}

	.btn-contacto{
		float: none !important;
		margin: 15px auto !important;
		display: block;
		width: 70%;
	}

	.cont-img{
		text-align: center;
	}

	.tit-s, .tit, .tit-n, .tit-ser, .tit-c{
		text-align: center;
		font-weight: bold;
		font-size: 25px;
	}

	.subtit-s, .subtit, .txt-n, .txt-mvv{
		text-align: justify;
	}

	.subtit{
		width: 90%;
	}

	.subtit-n{
		text-align: center;
		font-size: 18px;
	}

	.tit-mvv{
		/*border: 2px solid red;*/
		font-weight: bold;
		font-size: 20px;
	}

	.delete-br{
		display: none;
	}

	.tit-tot{
		font-weight: bold;
		font-size: 18px;
	}

	.mod-row{
		/*border: 2px solid red;*/
		border-bottom: .5px solid rgba(0,0,0,0.5);
	}
	

	.form-horizontal{
		width: 80%;
		margin: auto;
	}
	
	.uno{
		text-align: center;
		font-weight: bold;
		font-size: 16px;
	}
/************ END DISEÑO INDEX *****************/


/************ DISEÑO INDEX *********************/
/************ END DISEÑO INDEX *****************/

/************ DISEÑO FOOTER *********************/
	footer{
		/*border: 2px solid red;*/
		height: 100%;
	}

	footer p{
		/*border: 2px solid blue;*/
		margin-bottom: 10px;
		padding: 0px 5px;
		font-size: 18px;

	}
/************ END DISEÑO FOOTER *****************/
}

@media screen and (max-width: 599px) and (min-width: 481px) {
	/************ DISEÑO INDEX *********************/
	.tit-rs{
		text-align: center;
	}

	.iconosi{
		text-align: center;
	}

	.logo{
		margin: auto;
		float: none !important;
		width: 60%;
	}

	nav{
		float: none !important;
		width: 100%;
		margin: auto;
		display: none;
	}

	nav ul{
		margin: auto;
	}

	nav ul .selector{
		display: block;
		border-bottom: .5px solid rgba(0,0,0,0.1);
		text-align: center;
	}

	.op-menu{
		/*border: 2px solid red;*/
		position: absolute;
		top: 150px;
		right: 30px;
		font-size: 25px;
		font-weight: bold;
		position: absolute;
		display: block;
		cursor: pointer;
	}

	.banner, .fondo, .banneri, .fondoi, .banner2, .banner3, .banner4{
		height: 100%;
	}

	.textoi{
		margin: auto;
		width: 100%;
		float: none !important;
	}

	.textoi p{
		/*border: 2px solid orange;*/
		width: 90%;
		text-align: justify;
	}

	.btn-contacto{
		float: none !important;
		margin: 15px auto !important;
		display: block;
		width: 40%;
	}

	.cont-img img{
		margin: auto;
	}

	.tit-s, .tit, .tit-n, .tit-ser, .tit-c{
		text-align: center;
		font-weight: bold;
		font-size: 25px;
	}

	.subtit-s, .subtit, .txt-n, .txt-mvv{
		text-align: justify;
	}

	.subtit{
		width: 90%;
	}

	.subtit-n{
		text-align: center;
		font-size: 18px;
	}

	.tit-mvv{
		/*border: 2px solid red;*/
		font-weight: bold;
		font-size: 20px;
	}

	.delete-br{
		display: none;
	}

	.tit-tot{
		font-weight: bold;
		font-size: 18px;
	}

	.mod-row{
		/*border: 2px solid red;*/
		border-bottom: .5px solid rgba(0,0,0,0.5);
	}
	

	.form-horizontal{
		width: 80%;
		margin: auto;
	}
	
	.uno{
		text-align: center;
		font-weight: bold;
		font-size: 16px;
	}
/************ END DISEÑO INDEX *****************/


/************ DISEÑO INDEX *********************/
/************ END DISEÑO INDEX *****************/

/************ DISEÑO FOOTER *********************/
	footer{
		/*border: 2px solid red;*/
		height: 100%;
	}

	footer p{
		/*border: 2px solid blue;*/
		margin-bottom: 10px;
		padding: 0px 5px;
		font-size: 18px;

	}
/************ END DISEÑO FOOTER *****************/
}

@media screen and (max-width: 799px) and (min-width: 600px) {
	/************ DISEÑO INDEX *********************/
	.tit-rs{
		text-align: center;
	}

	.iconosi{
		text-align: center;
	}

	.logo{
		margin: auto;
		float: none !important;
		width: 40%;
	}

	nav{
		float: none !important;
		width: 100%;
		margin: auto;
		display: none;
	}

	nav ul{
		margin: auto;
	}

	nav ul .selector{
		display: block;
		border-bottom: .5px solid rgba(0,0,0,0.1);
		text-align: center;
	}

	.op-menu{
		/*border: 2px solid red;*/
		position: absolute;
		top: 150px;
		right: 30px;
		font-size: 25px;
		font-weight: bold;
		position: absolute;
		display: block;
		cursor: pointer;
	}

	.banner, .fondo, .banneri, .fondoi, .banner2, .banner3, .banner4{
		height: 100%;
	}

	.textoi{
		margin: auto;
		width: 100%;
		float: none !important;
	}

	.textoi p{
		/*border: 2px solid orange;*/
		width: 90%;
		text-align: justify;
	}

	.btn-contacto{
		float: none !important;
		margin: 15px auto !important;
		display: block;
		width: 30%;
	}

	.cont-img img{
		margin: auto;
	}

	.tit-s, .tit, .tit-n, .tit-ser, .tit-c{
		text-align: center;
		font-weight: bold;
		font-size: 25px;
	}

	.subtit-s, .subtit, .txt-n, .txt-mvv{
		text-align: justify;
	}

	.subtit{
		width: 90%;
	}

	.subtit-n{
		text-align: center;
		font-size: 18px;
	}

	.tit-mvv{
		/*border: 2px solid red;*/
		font-weight: bold;
		font-size: 20px;
	}

	.delete-br{
		display: none;
	}

	.tit-tot{
		font-weight: bold;
		font-size: 18px;
	}

	.mod-row{
		/*border: 2px solid red;*/
		border-bottom: .5px solid rgba(0,0,0,0.5);
	}
	

	.form-horizontal{
		width: 80%;
		margin: auto;
	}
	
	.uno{
		text-align: center;
		font-weight: bold;
		font-size: 16px;
	}
/************ END DISEÑO INDEX *****************/


/************ DISEÑO INDEX *********************/
/************ END DISEÑO INDEX *****************/

/************ DISEÑO FOOTER *********************/
	footer{
		/*border: 2px solid red;*/
		height: 100%;
	}

	footer p{
		/*border: 2px solid blue;*/
		margin-bottom: 10px;
		padding: 0px 5px;
		font-size: 18px;

	}
/************ END DISEÑO FOOTER *****************/
}

@media screen and (max-width: 1023px) and (min-width: 800px) {
		/************ DISEÑO INDEX *********************/
	.tit-rs{
		text-align: center;
	}

	.iconosi{
		text-align: center;
	}

	.logo{
		margin: auto;
		float: none !important;
		width: 40%;
	}

	nav{
		float: none !important;
		width: 100%;
		margin: auto;
		display: none;
	}

	nav ul{
		margin: auto;
	}

	nav ul .selector{
		display: block;
		border-bottom: .5px solid rgba(0,0,0,0.1);
		text-align: center;
	}

	.op-menu{
		/*border: 2px solid red;*/
		position: absolute;
		top: 150px;
		right: 30px;
		font-size: 25px;
		font-weight: bold;
		position: absolute;
		display: block;
		cursor: pointer;
	}

	.banner, .fondo, .banneri, .fondoi, .banner2, .banner3, .banner4{
		height: 100%;
	}

	.textoi{
		margin: auto;
		width: 100%;
		float: none !important;
	}

	.textoi p{
		/*border: 2px solid orange;*/
		width: 90%;
		text-align: justify;
	}

	.btn-contacto{
		float: none !important;
		margin: 15px auto !important;
		display: block;
		width: 35%;
	}

	.cont-img img{
		margin: auto;
	}

	.tit-s, .tit, .tit-n, .tit-ser, .tit-c{
		text-align: center;
		font-weight: bold;
		font-size: 25px;
	}

	.subtit-s, .subtit, .txt-n, .txt-mvv{
		text-align: justify;
	}

	.subtit{
		width: 90%;
	}

	.subtit-n{
		text-align: center;
		font-size: 18px;
	}

	.tit-mvv{
		/*border: 2px solid red;*/
		font-weight: bold;
		font-size: 20px;
	}

	.delete-br{
		display: none;
	}

	.tit-tot{
		font-weight: bold;
		font-size: 18px;
	}

	.mod-row{
		/*border: 2px solid red;*/
		border-bottom: .5px solid rgba(0,0,0,0.5);
	}
	

	.form-horizontal{
		width: 80%;
		margin: auto;
	}
	
	.uno{
		text-align: center;
		font-weight: bold;
		font-size: 16px;
	}
/************ END DISEÑO INDEX *****************/


/************ DISEÑO INDEX *********************/
/************ END DISEÑO INDEX *****************/

/************ DISEÑO FOOTER *********************/
	footer{
		/*border: 2px solid red;*/
		height: 100%;
	}

	footer p{
		/*border: 2px solid blue;*/
		margin-bottom: 10px;
		padding: 0px 5px;
		font-size: 18px;

	}
/************ END DISEÑO FOOTER *****************/
}

@media screen and (max-width: 1280px) and (min-width: 1024px) {      /* mac*/
}
@media screen and (max-width: 1366px) and (min-width: 1024px) { }

@media screen and (min-width: 1367px) { }