@charset "utf-8";
@import url(tiny.css);

.send {
	background: url("../../upload/img/ajax-loader.gif") no-repeat 90% center #c5d656;
	-moz-animation: slidein 1s forwards;
	-webkit-animation: slidein 1s forwards;
	-ms-animation: slidein 1s forwards;
	animation: slidein 1s forwards
}

@-moz-keyframes slidein {
	100% {
		background-color: #c74f58
	}

}

@-webkit-keyframes slidein {
	100% {
		background-color: #c74f58
	}

}

@-o-keyframes slidein {
	100% {
		background-color: #c74f58
	}

}

@-ms-keyframes slidein {
	100% {
		background-color: #c74f58
	}

}

@keyframes slidein {
	100% {
		background-color: #c74f58
	}

}

@-moz-keyframes leftin {
	0% {
		left: -100%
	}

	100% {
		left: 0
	}

}

@-webkit-keyframes leftin {
	0% {
		left: -100%
	}

	100% {
		left: 0
	}

}

@-o-keyframes leftin {
	0% {
		left: -100%
	}

	100% {
		left: 0
	}

}

@-ms-keyframes leftin {
	0% {
		left: -100%
	}

	100% {
		left: 0
	}

}

@keyframes leftin {
	0% {
		left: -100%
	}

	100% {
		left: 0
	}

}

html {
	height: 100%;
	margin: 0
}

body {
	height: 100%;
	margin: 0;
	font-size: 14px;
	font-family: 'Varela Round', sans-serif
}

img {
	border: medium none
}

#divPrecarga {
	background: url("../../upload/img/precarga.gif") no-repeat scroll left bottom transparent
}

#divMensajero {
	display: none
}

a:active {
	outline: 0 none
}

a:focus {
	outline: 0 none
}

.clear {
	clear: both
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: lighter;
	font-size: 100%;
	text-align: center
}

table.ibx, table.ibxHidden {
	font-size: 100%
}

h2 {
	color: #fff;
	font-size: 329%;
	margin-bottom: 50px;
	text-transform: uppercase
}
.index .footer{
	display: none;
}
p {
	color: #fff;
	margin: 0;
	text-align: center
}

::-webkit-file-upload-button {
	cursor: pointer
}

textarea:focus, input:focus {
	outline: 0
}

.manita {
	cursor: pointer
}

#divPrincipal {
	height: 100%;
	width: 100%
}

#divContenido {
	height: 100%;
	margin: 0 auto;
	width: 100%
}
.index{
	height: 100%
}
img {
	border: 0
}

#divPrincipal a {
	text-decoration: none;
	cursor: pointer
}

#divPrincipal ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	font-size: 100%
}

.index .capa.header {
	position: absolute;
	width: 100%;
	z-index: 1000
}

.negrita, .bold {
	font-weight: bold
}

table.sb {
	width: 100%
}

.columnas {
	overflow: hidden
}

.columnas-2 {
	overflow: hidden
}

.columnas-2>div {
	width: 50%;
	float: left;
	height: 100%
}

.columnas-3 {
	overflow: hidden;
	text-align: center
}

.columnas-3>div {
	width: 32.33%;
	height: 100%;
	display: inline-block;
	vertical-align: top
}

.columnas-4 {
	overflow: hidden
}

.columnas-4>div {
	width: 25%;
	float: left;
	height: 100%
}

.columnas-5 {
	overflow: hidden
}

.columnas-5>div {
	width: 20%;
	float: left;
	height: 100%
}

.columnas-6 {
	overflow: hidden
}

.columnas-6>div {
	width: 16.66%;
	float: left;
	height: 100%
}

.columnas-7 {
	overflow: hidden
}

.columnas-7>div {
	width: 14.28%;
	float: left;
	height: 100%
}

.cont {
	height: auto;
	margin: 0 auto;
	max-width: 960px;
	width: 100%;
	z-index: 10
}

.L_azul {
	border-bottom: 5px solid #4896ca
}

.azul {
	color: #4896ca
}

.L_negro {
	border-bottom: 5px solid #363b49
}

.negro {
	color: #363b49
}

.L_rojo {
	border-bottom: 5px solid #c74f58
}

.rojo {
	color: #c74f58
}

.inline {
	display: inline-block
}

.float_left {
	float: left
}

.contenido {
	clear: both;
	min-height: 400px;
	height: 100%;
}
.contenido > div, .contenido > div > div,.contenido .devs, .contenido .devs > div{
	height: 100%;
}
#panel_7 {
	margin: 0 auto;
	max-width: 960px;
	position: relative
}

.H_logo {
	float: left;
	height: 70px;
	margin-top: 10px
}

.H_logo .logo {
	width: 141px
}

.menuL_principal {
	display: block;
	float: right;
	margin-top: 25px;
	max-width: 550px;
	width: 100%
}

.menuL_principal li {
	color: #2f3442;
	float: left;
	font-size: 114%;
	list-style: outside none none;
	padding: 0 3%;
	text-align: center;
	text-transform: uppercase
}

.menuL_principal li a {
	color: #2f3442
}

.menuL_principal li .sel {
	color: #4896ca
}

.menuL_principal li a[href*="login"] {
	width: 21px;
	height: 22px;
	display: block;
	background: url("../../upload/img/iniciar_sesion.png") no-repeat center top;
	background-size: 100% auto
}

.menuL_principal li a[href*="login"] span {
	font-size: 0
}

.MenuR {
	display: none
}

.paginador .cPaginador {
	clear: both;
	margin: 35px auto 0;
	padding-bottom: 35px
}

.paginador .listarPAGsep {
	display: none
}

.paginador .listarPAGnumAct {
	background: #fff none repeat scroll 0 0;
	border-radius: 50px;
	color: transparent;
	display: block;
	font-size: 0;
	height: 20px;
	width: 20px
}

.paginador .listarPAGnum>a {
	background: transparent none repeat scroll 0 0;
	border: 3px solid #fff;
	border-radius: 50px;
	color: transparent;
	display: block;
	font-size: 0;
	height: 15px;
	width: 15px
}

.paginador .pagNext a, .paginador .pagBack a, .paginador .listarPAGsigB {
	background: transparent none repeat scroll 0 0;
	border: 3px solid #009fe3;
	border-radius: 50px;
	display: block;
	font-size: 0;
	height: 15px;
	width: 15px
}

.pagNext, .pagBack {
	display: none
}

.clientes.paginador .pagNext a, .clientes.paginador .pagBack a {
	border-color: #2f3442
}

#oForm_portafolio .listarPAGnum>a {
	border-color: #009fe3
}

#oForm_portafolio .listarPAGnumAct {
	background: #009fe3
}

#oForm_portafolio .pagNext a, #oForm_portafolio .pagBack a, #oForm_portafolio .listarPAGsigB {
	border-color: #2f3442
}

.Slider {
	min-height: 540px;
	text-transform: uppercase;
	position: relative
}

.H_Slider1 {
	background: transparent url("../../upload/img/H_Slider1.jpg") no-repeat scroll center top;
	background-size: 100% auto;
	min-height: 540px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.H_Slider1>div {
	margin: 100px auto 0;
	max-width: 855px;
	text-align: center;
	width: 100%
}

.H_Slider1 span {
	display: block;
	font-size: 436%
}

.Sl_back {
	margin: 120px auto 0;
	max-width: 800px;
	width: 100%
}

.Sl_back .h2 {
	border-radius: 90px;
	color: #fff;
	display: block;
	font-size: 314%;
	min-height: 100px;
	margin: 0 auto;
	max-width: 800px;
	padding: 30px 5%;
	text-align: center
}

.Sl_back .h3 {
	color: #fff;
	display: block;
	font-size: 200%;
	margin: 0 auto 20px;
	text-align: center
}

.H_Slider2 {
	background: transparent url("../../upload/img/H_Slider2.jpg") no-repeat scroll center top;
	min-height: 540px;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.H_Slider2 .h2 {
	background: transparent url("../../upload/img/back_slider2.png") repeat scroll 0 0
}

.H_Slider3 {
	background: transparent url("../../upload/img/H_Slider3.jpg") no-repeat scroll center top;
	min-height: 540px;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.H_Slider3 .h2 {
	background: transparent url("../../upload/img/back_slider3.png") repeat scroll 0 0
}

.H_Slider4 {
	background: transparent url("../../upload/img/H_Slider4.jpg") no-repeat scroll center top;
	min-height: 540px;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.H_Slider4 .h3 {
	max-width: 600px
}

.H_Slider4 .h2 {
	background: transparent url("../../upload/img/back_slider4.png") repeat scroll 0 0
}

.pagIcon {
	bottom: 27px;
	height: 50px;
	left: 50%;
	margin: 0 auto 0 -25px;
	position: absolute;
	width: 50px
}

.Portafolio {
	background-color: #2f3442;
	min-height: 560px;
	padding-top: 100px
}

.P_galeria {
	margin: 0 auto;
	max-width: 965px;
	min-height: 424px
}

.Portafolio .P_galeria ul {
	margin-bottom: 10px;
	overflow: hidden
}

.P_galeria img {
	max-width: 100%;
	max-height: 100%
}

.caso_link {
	display: block;
	float: left;
	height: 140px;
	max-width: 240px;
	position: relative
}

.caso_link>p {
	bottom: 0;
	color: #fff;
	display: block;
	height: 90px;
	line-height: 15px;
	padding: 50px 0 0;
	position: absolute;
	transition: all 1s ease 0s;
	width: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease
}

.caso_link>p span {
	display: none
}

.P_titulo {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold
}

a.caso_link:hover p {
	background: rgba(232, 40, 74, 0.72)
}

a.caso_link:hover>p span {
	display: block
}

.clientes {
	background-color: #009fe3;
	padding-top: 100px;
	min-height: 700px
}

.clientes .seccion p {
	font-size: 164%;
	margin: 0 auto;
	max-width: 780px
}

.clientes_det {
	background: #f4f4f4 none repeat scroll 0 0;
	min-height: 113px;
	min-width: 185px
}

.C_galeria {
	margin: 50px auto 0;
	max-width: 767px;
	min-height: 454px;
	width: 100%
}

.C_galeria ul {
	font-size: 0;
	margin-bottom: 10px;
	overflow: hidden
}

.C_galeria ul li {
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	float: left;
	height: auto;
	margin: 0;
	padding: 0
}

.C_galeria img {
	max-width: 100%
}

.listarSB {
	clear: both
}

.Egt_footer {
	background-color: #343840;
	padding-top: 45px
}

.Form_contacto {
	margin: 50px auto 0;
	max-width: 700px
}

.Form_contacto input, .Form_contacto input.ibxInputErr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #343840 none repeat scroll 0 0;
	border-bottom: 1px solid #fff;
	border-image: none;
	border-radius: 5px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	color: #fff;
	font-family: "Varela Round", sans-serif;
	height: 48px;
	padding: 5px 2%;
	width: 93%;
	font-size: 100%
}

.Form_contacto #correo {
	margin-left: 2%
}

.Form_contacto textarea.ibxInput, .Form_contacto textarea.ibxInputErr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #343840 none repeat scroll 0 0;
	border-bottom: 1px solid #fff;
	border-image: none;
	border-radius: 5px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	color: #fff;
	font-family: "Varela Round", sans-serif;
	height: 120px;
	margin-top: 25px;
	padding: 10px 2%;
	width: 95%;
	font-size: 100%
}

.Form_contacto textarea.ibxInputErr, .Form_contacto input.ibxInputErr {
	background: transparent url("../../upload/img/icoError.png") no-repeat scroll 98% center;
	border: 1px solid #f00
}

.Form_contacto .ibxMsgErr {
	display: none
}

.btncolor {
	background-color: #1aa8e6;
	border: medium none;
	border-radius: 4px;
	color: #fff;
	height: 48px;
	margin: 30px 0;
	text-transform: uppercase;
	width: 100%;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease
}

.btncolor span {
	background: transparent url("../../upload/img/flechita.png") no-repeat scroll 0 center;
	display: inline-block;
	height: 24px;
	vertical-align: middle;
	width: 45px;
	opacity: 0;
	position: absolute;
	left: 53%
}

.btncolor:hover {
	background-color: #c74f58
}

.btncolor:hover span {
	-moz-animation: backColor 1s forwards;
	-webkit-animation: backColor 1s forwards;
	-ms-animation: backColor 1s forwards;
	animation: backColor 1s forwards
}

@-moz-keyframes backColor {
	100% {
		background-position: 20px center;
		opacity: 1
	}

}

@-webkit-keyframes backColor {
	100% {
		background-position: 20px center;
		opacity: 1
	}

}

@-o-keyframes backColor {
	100% {
		background-position: 20px center;
		opacity: 1
	}

}

@-ms-keyframes backColor {
	100% {
		background-position: 20px center;
		opacity: 1
	}

}

@keyframes backColor {
	100% {
		background-position: 20px center;
		opacity: 1
	}

}

.mapa {
	background: transparent url("../../upload/img/mapa.jpg") no-repeat scroll center top;
	min-height: 540px;
	clear: both
}

.F_info {
	min-height: 70px
}

.logo {
	display: inline-block;
	width: 352px;
	margin-top: 10px
}

.Info {
	display: inline-block;
	text-align: right;
	margin-bottom: 15px
}

.MA_banner {
	border-top: 1px solid #FFF;
	min-height: 510px;
	padding-bottom: 15px
}

.MA_banner.cont>div {
	margin-bottom: 80px;
	margin-top: 120px
}

.MA_banner span {
	display: block;
	font-size: 221%;
	margin: 0 auto;
	max-width: 930px;
	text-align: center;
	text-transform: uppercase
}

.MA_banner.cont>p {
	color: #2f3442;
	font-size: 136%;
	margin: 0 auto;
	max-width: 750px
}

.ASlider {
	background: #009ddf none repeat scroll 0 0;
	padding: 40px 0 30px
}

.Slider_cont {
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
	text-align: center
}

.A_col img {
	width: 100%
}

.A_col {
	display: inline-block
}

.A_col1 {
	max-width: 240px;
	position: relative;
	width: 100%
}

.A_col2 {
	max-width: 512px;
	width: 100%;
	z-index: 15
}

.A_col3 {
	max-width: 240px;
	position: relative;
	width: 100%
}

.MA_Slider1 .A_col1>img {
	bottom: 95px;
	position: absolute;
	right: -28px
}

.MA_Slider1 .A_col3>img {
	bottom: 75px;
	position: absolute;
	right: 30px
}

.MA_Slider2 .A_col1 {
	overflow: hidden;
	padding-bottom: 80px;
	position: relative;
	z-index: 5
}

.MA_Slider2 .A_col1 img {
	max-width: 400px;
	width: 165%
}

.MA_Slider2 .A_col3 img {
	bottom: 60px;
	position: absolute;
	right: 18px
}

.MA_Slider3 .A_col1>img {
	bottom: 131px;
	left: 34px;
	position: absolute
}

.MA_Slider3 .A_col3>img {
	bottom: 60px;
	position: absolute;
	right: 33px
}

.MA_Slider4 .A_col1 {
	max-width: 383px;
	position: relative;
	width: 100%
}

.MA_Slider4 .A_col1>img {
	bottom: 113px;
	left: 18px;
	position: absolute
}

.MA_Slider4 .A_col2 {
	max-width: 215px
}

.MA_Slider4 .A_col3 {
	max-width: 299px;
	padding: 75px 4%;
	vertical-align: top
}

.MA_Slider4 .A_col3 h3 {
	color: #2f3442;
	font-size: 193%;
	margin-bottom: 20px;
	text-align: left
}

.MA_Slider4 .A_col3 p {
	color: #2f3442;
	display: block;
	font-size: 121%;
	margin-bottom: 20px;
	text-align: left
}

.MA_Slider4 .A_col3 span {
	color: #2f3442;
	display: block;
	font-size: 85%;
	margin: 20px 0;
	text-align: left
}

.MA_Slider4 .L_negro {
	border-bottom: 2px solid #2f3442
}

.A_info1 {
	margin-top: 60px
}

.A_info1 h3 {
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 40px;
	margin-top: 45px;
	text-align: left;
	text-transform: uppercase
}

.A_info1 p {
	max-width: 378px;
	text-align: left;
	margin-right: 30px
}

.A_diferencia div>img {
	max-width: 412px
}

.columnas-2 div>img {
	width: 100%
}

.A_hacemos div {
	text-align: center
}

.A_hacemos {
	margin-top: 60px
}

.A_hacemos h3 {
	margin-top: 0
}

.A_hacemos p {
	margin: 0 0 0 30px
}

.A_hacemos div img {
	margin-top: 55px;
	max-width: 332px
}

.A_info2 {
	margin-bottom: 100px;
	margin-top: 50px
}

.A_info_onix {
	margin-top: 80px
}

.onix_img {
	height: 95px
}

.A_info2>h3 {
	background: #009fe3 none repeat scroll 0 0;
	border-radius: 50px;
	color: #fff;
	font-size: 229%;
	height: 75px;
	line-height: 80px;
	margin: 0 auto 50px;
	max-width: 185px
}

.A_info2 p {
	font-size: 164%;
	margin: 0 auto;
	max-width: 740px;
	text-transform: uppercase
}

.A_info_onix p {
	font-size: 114%;
	margin: 0;
	max-width: 238px;
	text-align: left;
	text-transform: none;
	min-height: 125px
}

.A_info_onix .sep {
	margin-top: 33px;
	max-width: 90px;
	width: 90%
}

#oForm_portafolio .Portafolio {
	background: #fff none repeat scroll 0 0
}

#oForm_portafolio h2 {
	color: #009fe3;
	margin-bottom: 30px
}

.Img_det {
	clear: both
}

.P_det h4 {
	color: #009fe3;
	font-size: 200%;
	margin-top: 30px;
	text-align: left;
	text-transform: uppercase
}

.P_det h5 {
	color: #009fe3;
	font-size: 130%;
	text-align: left
}

.Serv {
	margin-bottom: 30px;
	min-height: 80px
}

.Info_detalle>p {
	color: #2f333e;
	margin-bottom: 10px;
	text-align: justify
}

.btn {
	background: #009fe3 none repeat scroll 0 0;
	border-radius: 50px;
	color: #fff;
	display: block;
	height: 29px;
	line-height: 29px;
	text-align: center;
	width: 110px
}

.volver {
	display: block;
	float: right;
	margin-bottom: 20px
}

.volver a {
	color: #fff
}

.Mensaje_bck {
	background: transparent url("../../upload/img/wbk.png") repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%
}

#onyxMensaje {
	background: transparent;
	z-index: 5000
}

.onyxMensaje.popupOf {
	background: #FFF;
	display: table;
	height: 75px;
	padding: 0;
	position: relative;
	width: 300px;
	z-index: 200;
	font-size: 14px;
	border-radius: 5px;
	color: #000;
	box-shadow: 0 0 14px #525252;
	border: 1px solid #6b6a6a
}

.popupOf_content p {
	color: #009fe3;
	font-size: 14px
}

.onyxMensaje .ventana_min_close {
	padding-right: 15px;
	text-align: right;
	cursor: pointer
}

.popupOf_content .btncolor {
	padding: 5px 15px
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100
}

@media only screen and (max-width:1000px) {
	.P_galeria {
		width: 720px
	}

	.Slider_cont {
		width: 90%
	}

	.A_col1 {
		max-width: 160px;
		width: 90%
	}

	.A_col3 {
		max-width: 160px;
		width: 90%
	}

	.MA_Slider4 .A_col1 {
		max-width: 300px;
		width: 90%
	}

	.MA_Slider4 .A_col3 {
		max-width: 245px;
		padding: 18px 2%
	}

}

@media only screen and (max-width:960px) {
	.H_Slider1>div, .H_Slider2>div, .H_Slider3>div, .H_Slider4>div {
		width: 80%
	}

	.Slider {
		min-height: 462px
	}

	.H_Slider1, .H_Slider2, .H_Slider3, .H_Slider4 {
		min-height: 462px
	}

	.H_Slider1>div {
		margin-top: 145px
	}

	.H_Slider1 span {
		font-size: 290%;
		line-height: 45px
	}

	.Sl_back {
		width: 80%
	}

	.Sl_back .h2 {
		font-size: 200%;
		line-height: 35px;
		min-height: 43px;
		padding: 20px 2%
	}

	.Sl_back .h3 {
		font-size: 180%;
		line-height: 28px
	}

	.cont {
		width: 90%
	}

	.Info {
		text-align: center
	}

	.F_info.cont {
		text-align: center
	}

	.A_col2 {
		max-width: 462px
	}

	.MA_Slider4 .A_col1 {
		max-width: 250px
	}

	.MA_Slider4 .A_col2 {
		max-width: 210px
	}

}

@media only screen and (max-width:900px) {
	.A_col2 {
		max-width: 400px
	}

	.MA_Slider4 .A_col3 {
		max-width: 245px;
		padding: 18px 2%;
		vertical-align: top
	}

}

@media only screen and (max-width:835px) {
	.C_galeria {
		width: 565px
	}

	.A_col2 {
		max-width: 375px
	}

	.MA_Slider4 .A_col2 {
		max-width: 180px
	}

	.MA_Slider4 .A_col3 {
		max-width: 185px
	}

	.MA_Slider4 .A_col3 p {
		line-height: 17px;
		font-size: 100%
	}

}

@media only screen and (max-width:800px) {
	.MA_banner span {
		font-size: 180%
	}

	.MA_banner.cont>div {
		margin-bottom: 50px
	}

	.MA_banner {
		min-height: 440px
	}

	.A_col1 {
		max-width: 120px
	}

	.A_col3 {
		max-width: 120px
	}

}

@media only screen and (max-width:768px) {
	.P_galeria {
		width: 480px
	}

	.A_col2 {
		max-width: 340px
	}

	.MA_Slider4 .A_col1 {
		max-width: 190px
	}

	.A_info1 h3 {
		margin-top: 0;
		margin-bottom: 15px;
		margin-left: 30px
	}

	.A_hacemos div img {
		margin-top: 0
	}

	.columnas-3>div {
		margin-right: 20px;
		width: 29%
	}

}

@media only screen and (max-width:700px) {
	.H_Slider1 span {
		font-size: 234%;
		line-height: 42px
	}

	.menuL_principal {
		display: none;
		max-width: 700px
	}

	.menuL_principal.show {
		display: block;
		position: absolute;
		top: 40px
	}

	.MenuR {
		background: transparent url("../../upload/img/Btn_Menu.jpg") no-repeat scroll 0 0;
		display: block;
		position: absolute;
		height: 43px;
		margin-right: 4%;
		position: absolute;
		top: 22px;
		width: 43px;
		right: 10%
	}

	.menuL_principal li {
		background-color: #4896ca;
		border-right: 1px solid #fff;
		display: block;
		height: 41px;
		line-height: 39px;
		width: 41.8%
	}

	.menuL_principal li .sel {
		color: #fff
	}

	.menuL_principal li a[href*="login"] span {
		font-size: 114%
	}

	.menuL_principal li a[href*="login"] {
		width: 100%;
		background: 0
	}

}

@media only screen and (max-width:655px) {
	.MA_banner span {
		font-size: 150%
	}

	.MA_banner.cont>p {
		font-size: 119%
	}

	.A_col1 {
		max-width: 90px
	}

	.A_col2 {
		max-width: 300px
	}

	.A_col3 {
		max-width: 90px
	}

	.MA_Slider4 .A_col1 {
		max-width: 150px
	}

	.MA_Slider4 .A_col2 {
		max-width: 170px
	}

	.MA_Slider4 .A_col3 p {
		font-size: 100%;
		line-height: 13px
	}

}

@media only screen and (max-width:600px) {
	.Portafolio, .cliente {
		padding-top: 75px
	}

	.C_galeria {
		width: 376px
	}

	.MA_Slider4 .A_col2 {
		max-width: 150px
	}

	.MA_Slider4 .A_col3 {
		max-width: 145px
	}

	.MA_Slider4 .A_col3 h3 {
		margin-bottom: 5px
	}

	.MA_Slider4 .A_col3 p {
		margin-bottom: 10px
	}

	.MA_Slider4 .A_col3 span {
		margin: 10px 0
	}

}

@media only screen and (max-width:550px) {
	.Sl_back .h2 {
		font-size: 150%;
		line-height: 30px
	}

	.Sl_back .h3 {
		font-size: 150%
	}

	.A_col1 {
		display: none
	}

	.A_col2 {
		width: 100%
	}

	.A_col3 {
		display: none
	}

	.MA_Slider4 .A_col1 {
		display: none
	}

	.MA_Slider4 .A_col3 {
		max-width: 185px;
		display: inline-block
	}

	.A_info1 {
		margin-top: 10px
	}

	.columnas-2>div {
		width: 100%
	}

	#correo {
		margin-left: 0;
		margin-top: 20px
	}

	.Form_contacto input, .Form_contacto input.ibxInputErr {
		width: 95%
	}

	.A_info1 h3 {
		margin-left: 0;
		text-align: center;
		margin-top: 25px
	}

	.A_info1 p {
		margin-right: 0;
		width: 100%;
		text-align: justify;
		margin-bottom: 25px;
		max-width: 500px
	}

	.A_hacemos p {
		margin: 0
	}

}

@media only screen and (max-width:520px) {
	.P_galeria {
		width: 375px
	}

	.caso_link {
		height: 225px;
		max-width: 375px
	}

	.caso_link>p {
		font-size: 145%;
		height: 110px;
		line-height: 25px;
		padding: 95px 3% 20px
	}

	.columnas-3>div {
		margin-bottom: 45px;
		width: 45%;
		margin-right: 0
	}

	.A_info2 {
		margin-bottom: 20px
	}

	.logo {
		width: 200px
	}

	.menuL_principal li {
		border-right: medium none;
		width: 92%
	}

}

@media only screen and (max-width:400px) {
	.H_Slider1 span {
		font-size: 194%;
		line-height: 35px
	}

	.Sl_back .h3 {
		font-size: 120%
	}

	.Sl_back .h2 {
		font-size: 135%;
		line-height: 26px
	}

	.P_galeria {
		width: 325px
	}

	.caso_link {
		height: 195px;
		max-width: 325px
	}

	.caso_link>p {
		height: 92px;
		padding: 85px 3% 20px
	}

	.C_galeria {
		width: 300px
	}

	.clientes_det {
		min-width: 300px;
		text-align: center
	}

	.columnas-2>div {
		float: none;
		width: 100%
	}

	#correo {
		margin-left: 0
	}

	.columnas-3>div {
		width: 80%
	}

	.A_info_onix p {
		max-width: 290px
	}

	.A_info_onix .sep {
		max-width: 200px;
		margin-top: 30px
	}

	.MA_Slider4 .A_col2 {
		max-width: 100px
	}

}

@media only screen and (max-width:360px) {
	.MA_Slider4 .A_col2 {
		max-width: 60px
	}

}

@media only screen and (max-width:320px) {
	.clientes_det {
		min-width: 280px
	}

	.caso_link {
		max-height: 170px;
		max-width: 280px
	}

}

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1
}

.bx-wrapper img {
	max-width: 100%;
	display: block
}

.bx-wrapper .bx-viewport {
	background: #fff;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0)
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../../upload/img/bxslider/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000
}

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../../upload/img/bxslider/controls.png) no-repeat 0 -32px
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../../upload/img/bxslider/controls.png) no-repeat -43px -32px
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none
}

.bx-wrapper .bx-controls-auto {
	text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../../upload/img/bxslider/controls.png) -86px -11px no-repeat;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../../upload/img/bxslider/controls.png) -86px -44px no-repeat;
	margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px
}

.bx-wrapper .bx-viewport {
	background: transparent
}

.bx-wrapper {
	margin: 0 auto 0
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: 100px;
	position: absolute;
	width: 100%
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff none repeat scroll 0 0
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: transparent none repeat scroll 0 0;
	border: 3px solid #fff;
	border-radius: 13px;
	display: block;
	height: 10px;
	margin: 0 5px;
	outline: 0 none;
	text-indent: -9999px;
	width: 10px
}