@media (max-width: 5000px)
{
	header .logo img
	{
		width:350px;
	}
	.contenido
	{
		height:310px;
	}
	/*----------------------------------------------------------------------------*/
	.contenedor-carousel { width:700px;	height:400px}
	.holder_bu_awayL1,.holder_bu_awayR1 { width:150px; height:150px; top:75px;}
	.holder_bu_awayL1 { left:0;}
	.holder_bu_awayR1 { left:550px;}
	.holder_bu_center { width:300px; height:300px; top:20px; left:200px;}
	.mover-i, .mover-d { top:130px; height:50px; width:50px;}
	.mover-i{ left:-60px;}
	.mover-d{ right:-60px;}
	/*----------------------------------------------------------------------------*/
	.login-container
	{
		margin-right:0%;
	}
	.home .left, .home .left-contact-form
	{
		width:550px;
		height:150px;
		background-size: contain;
	}
	.home .left-contact-form
	{
		height:170px;
	}
	#wrapper_bu 
	{
	  	width: 100%;
	  	height: 200px;
		padding:0;
		margin:0;
		left:0;
	}
}
@media (max-width: 1280px)
{
	nav	.welcome-container
	{
		width:33%;
	}
	nav	.welcome-container2
	{
		width:17%;
	}
	nav .welcome-container2 h1{ font-size:30px}
	nav .welcome-container2 h2{ font-size:18px}
	.about-us span, .about-us #titulo
	{
		font-size:16px;
		background-size:20px;
		background-position:20px 5px;
		padding-left:0px;
		padding-top:15px;
		padding-bottom:12px;
		top:80px;
		width:225px;
		left:25px;
	}
	.about-us span
	{
		left:40px;
	}
	.about-us div .images img
	{
		width:200px;
		height:200px;
	}
	.login-container
	{
		margin-right:0%;
	}
	.home .left, .home .left-contact-form
	{
		width:550px;
		height:150px;
		background-size: contain;
	}
	.home .left-contact-form
	{
		height:170px;
	}
	.portfolio
	{
		padding-top:80px;
	}
	.portfolio .portfolio-div
	{
		height:350px;
		width:250px;
		padding:0;
		margin:0;
	}
	.portfolio .portfolio-div img, .service-div2 img
	{
		height:250px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.portfolio span, .portfolio article
	{
		font-size:20px;
		background-size:20px;
		background-position:30px 5px;
		padding-left:50px;
		padding-right:0;
		padding-top:12px;
		padding-bottom:12px;
		top:20px;
		width:300px;
	}
	.portfolio article
	{
		left:-25px;
	}
	.portfolio span
	{
		left:20px;
	}
	.portfolio .portfolio-div .text-down
	{
		margin:5px 0 0 0;
		padding:0;
		width:180px;
	}
	.portfolio .portfolio-div .text-down p
	{
		width:200px;
		background-size:20px;
		background-position:10px 5px;
	}
	#wrapper_bu 
	{
	  	width: 100%;
	  	height: 200px;
		padding:0;
		margin:0;
		left:0;
	}
}
@media (max-width: 1024px)
{
	header
	{
		height:150px;
	}
	header .logo img
	{
		width:300px;
	}
	nav
	{
		min-height:85px;
	}
	nav ul
	{
		margin-top:15px;
		padding-left:15px;
	}
	nav ul a li
	{
		padding:20px 20px 0 20px;
		margin:3px;
	}
	nav ul a li p
	{
		font-size:12px;
	}
	nav	.welcome-container2
	{
		right:0;
		width:130px;
		margin-right:0;
		background-size:contain;
	}
	nav .welcome-container2 h1{ font-size:20px}
	nav .welcome-container2 h2{ font-size:12px}
	/*lases*/
	.about-us span, .about-us #titulo
	{
		font-size:12px;
		background-size:15px;
		background-position:5px 5px;
		padding-left:0px;
		padding-right:0;
		padding-top:12px;
		padding-bottom:12px;
		top:50px;
		width:150px;
		left:25px;
	}
	.about-us span
	{
		left:40px;
	}
	.about-us div .images
	{
		background-size:250px 150px;
		height:150px;
	}
	.about-us div .images img
	{
		width:150px;
		height:150px;
		margin-right:0px;
	}
	.about-us div .images .cunita
	{
		right:180px;
	}
	.about-us div .images .img-l
	{
		right:200px;
	}
	.about-us div .texto
	{
		margin-right:10%;
		margin-left:20%;
	}
	.contenido2 .caja
	{
		top:10px;
	}
	/*----------------------------------------------------------------------------*/
	.contenedor-carousel { width:550px;	height:350px}
	.holder_bu_awayL1,.holder_bu_awayR1 { width:125px; height:125px; top:75px;}
	.holder_bu_awayL1 { left:0;}
	.holder_bu_awayR1 { left:425px;}
	.holder_bu_center { width:250px; height:250px; top:20px; left:150px;}
	.mover-i, .mover-d { top:130px; height:50px; width:50px;}
	.mover-i{ left:-60px;}
	.mover-d{ right:-60px;}
	/*----------------------------------------------------------------------------*/
	.login-container
	{
		margin-right:0%;
	}
	.login img
	{
		height:75px;
		width:150px;
	}
	.home .left, .home .right, .home .left-contact-form
	{
		display:block;
		width:100%;
	}
	.home .right
	{
		padding:5%;
		width:90%;
	}
	.home .left, .home .left-contact-form
	{
		width:550px;
		height:150px;
		background-size: contain;
	}
	.home .left-contact-form
	{
		height:170px;
	}
	.home .right form
	{
		text-align:center;
	}
	.login,.login_fondo
	{
		min-width:50%;
	}
	.login .login-container #section1
	{
		font-size:18px;
	}
	.menu-lateral .opciones
	{
		font-size:16px;
	}
	.menu-lateral .opciones p
	{
		margin-top:0px;
	}
	.portfolio
	{
		padding-top:75px;
	}
	.portfolio .portfolio-div
	{
		height:300px;
		width:200px;
		padding:0;
		margin:0;
	}
	.portfolio .portfolio-div img
	{
		height:200px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.portfolio span, .portfolio article
	{
		font-size:16px;
		background-size:15px;
		background-position:25px 10px;
		padding-left:50px;
		padding-right:0;
		padding-top:12px;
		padding-bottom:12px;
		top:20px;
		width:200px;
		left:0;
	}
	.portfolio article
	{
		left:-20px;
	}
	.portfolio span
	{
		left:20px;
	}
	.portfolio .portfolio-div .text-down
	{
		margin:5px 0 0 0;
		padding:0;
		width:170px;
	}
	.portfolio .portfolio-div .text-down p
	{
		width:200px;
		background-size:20px;
		background-position:10px 5px;
	}
	.services
	{
		padding:0;
		margin:0;
		margin-bottom:25px;
		height:350px;
	}
	.services .img-box
	{
		height:310px;
		width:60%;
	}
	.services .menu-lateral
	{
		height:110%;
		margin:-10px 0 0 0;
		padding-top:10px;
	}
	.services .opciones
	{
		font-size:18px;
		width:125%;
		padding-left:50px;
		padding-bottom:0;
	}
	.service-div2
	{
		left:7%;
	}
}
/*Talets*/
@media (max-width: 768px)
{
	.contenido2 .mb-slider, .mb-scroll {
	width: 50%;}
	header
	{
		height:100px;
	}
	header .logo img
	{
		width:200px;
	}
	nav
	{
		display:none;
	}
	.about-us #titulo
	{
		background-size:20px;
		background-position:20px 5px;
	}
	.about-us div
	{
		padding-top:60px;
	}
	.about-us div .images
	{
		background-size:200px 100px;
		height:100px;
	}
	.about-us div .images img
	{
		width:100px;
		height:100px;
	}
	.about-us div .images .cunita
	{
		right:100px;
	}
	.about-us div .images .img-l
	{
		right:135px;
	}
	.about-us span, .about-us #titulo
	{
		font-size:12px;
		background-size:15px;
		background-position:5px 5px;
		padding-left:0px;
		padding-right:0;
		padding-top:12px;
		padding-bottom:12px;
		top:20px;
		width:150px;
	}
	.contenido
	{
		height:210px;
	}
	.login .login-container
	{
		width:80%;
	}
	.nav-movil
	{
		display:block;
	}
	.home .left, .home .left-contact-form
	{
		width:500px;
		height:125px;
		background-size: contain;
	}
	.home .left-contact-form
	{
		height:150px;
	}
	.home .left .texto, .home .left-contact-form .texto
	{
		height:100%;
	}
	.home .left .texto h1, .home .left-contact-form .texto h1
	{
		font-size:4.5em;
	}
	.home .left .texto h2, .home .left-contact-form .texto h2
	{
		font-size:2.65em;
		padding:0;
		margin:0;
	}
	.home .left .texto h3, .home .left-contact-form .texto h3
	{
		font-size:.8em;
		padding:0;
		margin:0;
	}
	/*----------------------------------------------------------------------------*/
	.contenedor-carousel { width:390px;	height:250px}
	.holder_bu_awayL1,.holder_bu_awayR1 { width:100px; height:100px; top:35px;}
	.holder_bu_awayL1 { left:0;}
	.holder_bu_awayR1 { left:290px;}
	.holder_bu_center { width:150px; height:150px; top:10px; left:120px;}
	.mover-i, .mover-d { top:60px; height:50px; width:50px;}
	.mover-i{ left:-60px;}
	.mover-d{ right:-60px;}
	/*----------------------------------------------------------------------------*/
	.login img
	{
		height:60px;
		width:100px;
	}
	.rslides img 
	{
		max-height:200px;
	}
	.services .menu-lateral
	{
		padding-left:0;
		width:45%;
	}
	.services .opciones
	{
		padding-left:15px;
		width:150%;
	}
	.service-div2
	{
		width:200px;
		left:5%;
	}
	.service-div2 img
	{
		height:200px;
	}
	.service-div2 .text-down
	{
		width:95%;
	}
	#wrapper
	{
		max-height:200px;
		margin-bottom:40px;
	}
	
}
@media (max-width: 600px)
{
	header .login .fondo
	{
		left:10%;
	}
	.about-us div .images
	{
		width:160px;
		margin:0;
		padding:0;
		height:330px;
		background-position:bottom;
		background-size:150px 100px;
		text-align:center;
	}
	.about-us div .images .cunita
	{
		bottom:0;
		height:100px;
		width:100px;
		left:-65px;
	}
	.about-us div .images img
	{
		margin-top:10px;
		margin-left:40px;
		display: block;
	}
	.about-us div .texto
	{
		margin:0;
		padding:25px 50px;
	}
	.about-us span, .about-us #titulo
	{
		font-size:12px;
		background-size:15px;
		background-position:5px 5px;
		padding-left:0px;
		padding-right:0;
		padding-top:12px;
		padding-bottom:12px;
		top:20px;
		width:150px;
	}
	.contenido
	{
		height:210px;
	}
	.home .left, .home .left-contact-form
	{
		width:400px;
		height:100px;
		background-size: contain;
	}
	.home .left-contact-form
	{
		height:115px;
	}
	.home .left .texto, .home .left-contact-form .texto
	{
		height:100%;
	}
	.home .left .texto h1, .home .left-contact-form .texto h1
	{
		font-size:3.5em;
	}
	.home .left .texto h2, .home .left-contact-form .texto h2
	{
		font-size:2em;
		padding:0;
		margin:0;
	}
	.home .left .texto h3, .home .left-contact-form .texto h3
	{
		font-size:.6em;
		padding:0;
		margin:0;
	}
	.portfolio
	{
		padding-top:75px;
	}
	.portfolio .portfolio-div
	{
		height:250px;
		width:175px;
		padding:0;
		margin:0;
	}
	.portfolio .portfolio-div img
	{
		height:175px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.portfolio span, .portfolio article, .about-us span, .about-us #titulo
	{
		font-size:12px;
		background-size:15px;
		background-position:5px 5px;
		padding-left:25px;
		padding-right:0;
		padding-top:12px;
		padding-bottom:12px;
		top:20px;
		width:150px;
		left:0;
	}
	.portfolio article, .about-us article
	{
		left:-10px;
	}
	.portfolio span, .about-us span
	{
		left:20px;
	}
	.portfolio .portfolio-div .text-down
	{
		margin:5px 10px 0 10px;
		padding:0;
		width:150px;
	}
	.portfolio .portfolio-div .text-down p, .service-div2 .text-down p
	{
		background-image:none;
		width:140px;
	}
	.service-div
	{
		width:65%;
		margin:250px 0 0 10%;
		padding-top:100px;
	}
	.service-div2
	{
		left:35%;
		top:-200px;
	}
}
/*--------- MOVILES -----------------*/
@media (max-width: 568px)
{
	#wrapper_bu 
	{
	  	width: 100%;
	  	height: 200px;
		padding:0;
		margin:0;
		left:0;
	}
	.contenido
	{
		height:210px;
	}
	.contenido2
	{
		width:100%;
		height:300px;
	}
	.contenido2 .caja
	{
		width:200px;
		left:15px;
		top:15px;
		font-size:16px;
		text-align:left;
		padding-left:25px;
	}
	/*----------------------------------------------------------------------------*/
	.contenedor-carousel { width:340px;	height:250px}
	.holder_bu_awayL1,.holder_bu_awayR1 { width:90px; height:90px; top:35px;}
	.holder_bu_awayL1 { left:0;}
	.holder_bu_awayR1 { left:250px;}
	.holder_bu_center { width:140px; height:140px; top:10px; left:100px;}
	.mover-i, .mover-d { top:60px; height:50px; width:50px;}
	.mover-i{ left:-60px;}
	.mover-d{ right:-60px;}
	/*----------------------------------------------------------------------------*/
}
@media (max-width: 480px)
{	
	footer{ vertical-align:middle; padding-top:10%; text-align:center; max-height:50px; margin:0;}
	footer .footer-left, .footer-right
	{
		position:relative;
		display:block;
		line-height:normal;
		padding:0;
		margin:0;
		vertical-align:middle;
	}
	header
	{
		text-align:center;
	}
	.contenedor-slider, .contenido
	{
		margin:0; padding:0; height:160px;
	}
	/*----------------------------------------------------------------------------*/
	.contenido2{ height:250px;}
	.contenedor-carousel { width:300px;	height:250px}
	.holder_bu_awayL1,.holder_bu_awayR1 { width:75px; height:75px; top:35px;}
	.holder_bu_awayL1 { left:0;}
	.holder_bu_awayR1 { left:225px;}
	.holder_bu_center { width:125px; height:125px; top:10px; left:90px;}
	.mover-i, .mover-d { top:60px; height:30px; width:30px;}
	.mover-i{ left:-32px;}
	.mover-d{ right:-32px;}
	/*----------------------------------------------------------------------------*/
	.logo
	{
		width:100%;
	}
	.home .left, .home .left-contact-form
	{
		width:300px;
		height:80px;
		background-size: contain;
	}
	.home .left-contact-form
	{
		height:90px;
	}
	.home .left .texto, .home .left-contact-form .texto
	{
		height:100%;
	}
	.home .left .texto h1, .home .left-contact-form .texto h1
	{
		font-size:2.5em;
	}
	.home .left .texto h2, .home .left-contact-form .texto h2
	{
		font-size:1.5em;
		padding:0;
		margin:0;
	}
	.home .left .texto h3, .home .left-contact-form .texto h3
	{
		font-size:.45em;
		padding:0;
		margin:0;
	}
	.rslides img 
	{
		max-height:150px;
	}
	.services
	{
		padding:0;
		margin:25px 0 0 0;
		margin-bottom:25px;
		border:solid 10px #0e81bf;
	}
	.services .img-box
	{
		height:100%;
		width:100%;
		border:none;
		
	}
	.services .menu-lateral .opciones
	{
		padding-left:20px;
		opacity:.8;
	}
	.services .menu-lateral .opciones:hover
	{
		opacity:1;
	}
	.services .menu-lateral
	{
		background-color:transparent;
		border:none;
		height:250px;
		width:70%;
		margin-top:5px;
	}
	.services .menu-lateral .opciones
	{
		font-size:16px;
		height:10px;
		padding-bottom:15px;
		width:115%;
	}
	.service-div2
	{
		left:30%;
	}
	#wrapper
	{
		max-height:150px;
	}
}
@media (max-width: 384px)
{	
	form
	{
		margin-bottom:50px;
	}
	input
	{
		width:175px;
	}
	textarea
	{
		width:175px;
		max-width:175px;
	}
	.about-us #titulo
	{
		background-image:none;
	}
	.about-us div
	{ width:100%; margin:0; padding:50px 0 0 0;}
	.about-us div .images .img-l img
	{
		margin-left:40px;
	}
	.contenedor-slider, .contenido
	{
		margin:0; padding:0; height:160px;
	}
	.home .left, .home .left-contact-form
	{
		width:200px;
		height:50px;
		background-size: contain;
	}
	.home .left-contact-form
	{
		height:60px;
	}
	.home .left .texto, .home .left-contact-form .texto
	{
		height:100%;
	}
	.home .left .texto h1, .home .left-contact-form .texto h1
	{
		font-size:1.5em;
	}
	.home .left .texto h2, .home .left-contact-form .texto h2
	{
		font-size:.9em;
		padding:0;
		margin:0;
	}
	.home .left .texto h3, .home .left-contact-form .texto h3
	{
		font-size:.25em;
		padding:0;
		margin:0;
	}
	.portfolio .portfolio-div
	{
		height:250px;
		width:175px;
		padding:0;
		margin:0;
	}
	.mover-i, .mover-d
	{
		display:none;
	}
	.portfolio .portfolio-div img, .service-div2 img
	{
		height:175px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.portfolio span, .portfolio article, .about-us span, .about-us #titulo
	{
		font-size:11px;
		background-size:15px;
		background-position:5px 5px;
		padding-left:25px;
		padding-right:0;
		padding-top:12px;
		padding-bottom:12px;
		top:20px;
		width:125px;
		left:0;
	}
	.portfolio article, .about-us article
	{
		left:-10px;
	}
	.portfolio span, .about-us span
	{
		left:20px;
	}
	.portfolio .portfolio-div .text-down
	{
		margin:5px 0 0 0;
		padding:0;
	}
	.portfolio .portfolio-div .text-down p, .service-div2 .text-down p
	{
		background-image:none;
	}
	.services
	{
		height:300px;
	}
	.services .menu-lateral
	{
		transform: skew(0deg);
		-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-ms-transform: skew(0deg);
		-o-transform: skew(0deg);
		width:80%;
	}
	.services .menu-lateral .opciones
	{
		transform: skew(30deg);
		-webkit-transform: skew(30deg);
		-moz-transform: skew(30deg);
		-ms-transform: skew(30deg);
		-o-transform: skew(30deg);
		margin-top:7px;
		margin-bottom:7px;
		padding:5px;
		height:12px;
		left:-20px;
		width:100%;
	}
	.services .menu-lateral .opciones p
	{
		font-size:11px;
		padding:0 0 0 15px;
		margin:0;
	}
	.service-div2 .text-down
	{
		width:90%;
	}
	.service-div
	{
		width:80%;
		margin-left:0;
		margin-right:0;
	}
	.service-div2
	{
		left:20%;
	}
}
@media (max-width: 320px)
{
	.contenido2 .caja
	{
		width:150px;
	}
	.contenido
	{
		overflow:hidden;
	}
	/*----------------------------------------------------------------------------*/
	.contenido2{ height:200px;}
	.contenedor-carousel { width:210px;	height:210px}
	.holder_bu_awayL1,.holder_bu_awayR1 { width:50px; height:50px; top:25px;}
	.holder_bu_awayL1 { left:0;}
	.holder_bu_awayR1 { left:160px;}
	.holder_bu_center { width:100px; height:100px; top:0px; left:55px;}
	/*----------------------------------------------------------------------------*/
	.services .menu-lateral
	{
		width:90%;
	}
	.service-div2
	{
		left:10%;
	}
}
@media (max-width: 240px)
{
	.contenedor-slider, .contenido
	{
		margin:0; padding:0; height:160px;
	}
	.about-us div{ width:100%; margin:0; padding:50px 0 0 0;}
	.about-us div .texto
	{
		margin:0;
		padding:10px;
	}
	.services .menu-lateral
	{
		width:100%;
	}
	.services .menu-lateral .opciones
	{
		width:150px;
	}
	.service-div2
	{
		left:10px;
	}
}