@charset "UTF-8";
/* CSS Document */
body{margin:0;}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-family: 'Lato', sans-serif;
	-webkit-text-size-adjust: none;
	box-sizing: border-box;
}
#page{
    max-width: 1600px;
    margin: auto;
}

.icos{
    display: inline-block;
    margin: 0 5px;
    color: white;
    vertical-align: middle;
}
.icos span{
	font: normal normal normal 14px/1 FontAwesome;
	/* font-size: 1.8em; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: .3s;
	vertical-align: middle;
	padding: 2px;
}
.iYt span:before{content:"\f16a";color: white;background-color: #e62117;font-size: 20px;border-radius: 100%;padding: 6px 6px;}

		.iFb span:before{content:"\f09a";color: white;background-color: #3b5998;font-size: 20px;border-radius: 100%;padding: 0 0 0;width: 32px;height: 32px;line-height: 32px;display: block;text-align: center;}
		.iTw span:before{content:"\f099";color: white;background-color: #1DA1F2;font-size: 20px;border-radius: 100%;padding: 0 0 0;width: 32px;height: 32px;line-height: 32px;display: block;text-align: center;}
		.iIn span:before{content:"\f16d";color: white;background-color: #1DA1F2;font-size: 20px;border-radius: 100%;padding: 6px 7px;}

		
		.iMail span:before{content: "\f003";font-size: 18px;color: white;} /* SOBRE DE CORREO */
		.iTel span:before{content: "\f095";color: white;font-size: 28px;} /* TELEFONO */
		.iDir span:before{content: "\f041";color: #ed1568;font-size: 20px;} /* UBICACION */
		.iId span:before{content: "\f1fc";} /* PINCEL */
		.iWb span:before{content: "\f0ac";color: #ed1568;font-size: 20px;} /* MUNDO */
		.iSf span:before{content: "\f121";} /* CORCHETES DE CODIGO */
		.iAp span:before{content: "\f10b";} /* CELULAR */
		.iPro span:before{content: "\f02b";text-shadow: 0 1px 1px rgba(0,0,0,.3);font-size: 16px;} /* ETIQUETA DE PROMO */
		.iVid span:before{content: "\f008";} /* VIDEO - FILM */
		.iGal span:before{content: "\f030";} /* CAMARA DE FOTOS */
		.iPro2 span:before{content: "\f02b";text-shadow: 0 1px 1px rgba(0,0,0,.3);font-size: 16px;}
		.iCom span:before{content: "\f086";}  /* GLOBO DE COMENTARIOS */
		.iEve span:before{content: "\f005";} /* ESTRELLA */
		.iDesc span:before{content: "\f164";color: #6cb500;font-size: 20px;}  /* PULGAR ARRIBA */
		.iUser span:before{content: "\f007";font-size: 18px;border: 1px solid;border-radius: 100%;border-color: #ed1568;color: #ed1568;background-color: white;padding: 0 0 0;width: 32px;height: 32px;line-height: 32px;display: block;text-align: center;}
		.iPlay span:before{content: "\f01d";font-size: 40px;/* border: 1px solid; *//* border-radius: 100%; *//* border-color: #ed1568; */color: #ffffff;/* background-color: white; *//* padding: 0 0 0; *//* width: 32px; *//* height: 32px; */line-height: 78px;/* display: block; *//* text-align: center; */}
		

		
.headerP{
    background-image: url(../imagenes/fdo-gral.jpg);
    padding: 0px 0px 130px;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: bottom center;
    /* height: 100vh; */
    position: relative;
}
.detail{
    background-image: url(../imagenes/detail.png);
    height: 20px;
    width: 145px;
    margin: auto;
	
}
.dtp{
	position:relative;
	-webkit-animation: a-detailP .3s; /* Chrome, Safari, Opera */ 
    animation: a-detailP .3s ;}
.dtb{
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 10px;
}
.menuP{
    text-align: center;
	position:relative;
    -webkit-animation: a-menuP 1s; /* Chrome, Safari, Opera */ 
    animation: a-menuP 1s ;
	}
	.menuP ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
	.menuP ul li{
    display: inline-block;
}
	a.opMenu{
    text-decoration: none;
    color: #959da5;
    text-transform: uppercase;
    padding: 20px;
    display: block;
}
.logo{
    text-align: center;
    margin: 50px 0px 0px;
    -webkit-animation: 1s .8s a-logo backwards ease-out;
    animation: 1s .8s a-logo backwards ease-out;
    text-shadow: 0px 1px 2px rgba(0,0,0,.5);
}
	.logo img{
    width: 70%;
    max-width: 350px;
}
.txP{
    padding: 100px 20px;
    text-align: center;
    color: white;
	position:relative;
	-webkit-animation: 1.2s 1s a-txP backwards ease-out;
    animation: 1.2s 1s a-txP backwards ease-out;
}
	.txP h1{
    margin: 0px;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(0,0,0,.5);
    color: white !important;
}
	.txP h2{
    margin: 0px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 400;
    text-shadow: 0px 1px 1px rgba(0,0,0,.5);
}
.telHeader{
    font-weight: bolder;
    color: white;
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    font-size: 22px;
    letter-spacing: 1px;
    text-align: center;
    /* position: absolute; */
    right: 0px;
    left: 0px;
    bottom: 6px;
    padding: 15px 0px 0px;
}
.servicesB{
    padding: 50px 0px;
    overflow: auto;
    background-color: #2c343b;
    text-align: center;
}
.carouselV{
    padding: 30px 0px;
    background-color: #191F23;
}
	.carouselV p{
    font-size: 12px;
    color: #9C9C9C;
    position: relative;
    top: 30px;
    padding-left: 10px;
}
	.txV{
    color: #697886;
    padding: 10px;
    text-align: center;
}
	.contFoot h2, .titSb h2, .carouselV h2{
    padding: 0 20px;
    margin: 20px 0px 0px;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .1em;
	}
	.contFoot h3, .titSb h3, .carouselV h3{
	padding: 0 20px;
	margin: 0px 0px 35px;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.03em;
}
	.txSilver{
	color: silver;}
	.txWhite{
	color: white;
	}
	
	.txGray{
	color: #6C7E8F;}
	.txDarkGray{
	color: #2c343b;
	}
	
.contBa{}
.bService{
    display: inline-block;
    vertical-align: top;
    margin: 0px 5px;
    width: 31.33%;
    max-width: 465px;
    position: relative;
}
.contImaB{
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 3px 3px 0px 0px;
    background-position: center center;
}
.bs1{
    background-image: url(../imagenes/fdo-s1.jpg);
}
.bs2{
    background-image: url(../imagenes/fdo-s2.jpg);
}
.bs3{
    background-image: url(../imagenes/fdo-s3.jpg);
}
.contTxB{
    padding: 30px;
    background-color: white;
    text-align: left;
    border-radius: 0px 0px 3px 3px;
    min-height: 310px;
}
	.contTxB h2{
    margin: 0px 0px 10px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #6C7E8F;
}
	.contTxB ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
	.contTxB ul li{
    color: gray;
    margin: 3px 0px;
}
.bnAux{
    position: relative;
    overflow: hidden;
}
.contBnAux{
    width: 100%;
}
.conTxBnAux{
    width: 55%;
    position: relative;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 40px;
    /* top: 65px; */
    box-shadow: 16px 3px 29px -13px rgba(0,0,0,.3);
}
	.conTxBnAux h2{
    margin: 0px;
    font-size: 48px;
    text-transform: uppercase;
    color: #6C7E8F;
}
	.conTxBnAux p{
    font-size: 17px;
    line-height: 24px;
    color: gray;
    font-weight: lighter;
}

.ctBnW{
    /* float: left; */
    /* background-color: white; */
    /* width: 40%; */
}
.ctBnI{
    background-image: url(../imagenes/fdo-pp.jpg);
    background-size: cover;
    background-position: center center;
    height: 400px;
    width: 60%;
    float: right;
}
.footAll{
    /* margin: 50px 0px; */
}
.contFoot{
    text-align: center;
    color: #2C343B;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 50px 20px;
}
.txFoot{}
	.txFoot p{
    color: #6C7E8F;
}
	.txFoot a{
    color: #2C343B;
    text-decoration: none;
}
#map {
height : 400px;
}

.about1{
    padding: 50px 0px;
    overflow: auto;
    background-color: #F7F7F7;
}
.contA1{
    max-width: 65.5em;
    padding: 0px 50px;
    margin: auto;
    overflow: auto;
}
	.contA1 p{
    color: gray;
    line-height: 30px;
    font-size: 17px;
}
	.contA1 ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
	.contA1 ul li{
    text-transform: capitalize;
    font-size: 17px;
    margin-bottom: 7px;
    color: #F6881F;
}
	.contA1 h3{
    color: gray;
    font-weight: 400;
    font-size: 15px;
}
.col1{
    float: left;
    width: 60%;
    padding-right: 40px;
}
.col2{
    float: right;
    width: 30%;
}
.bannerAux{}
.contBA{
    padding: 100px 0px;
    text-align: center;
    background-image: url(../imagenes/fdo-bus.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
	.contBA h3{
    margin: 0;
    font-size: 28px;
    color: whitesmoke;
    font-weight: 400;
}
	.contBA h2{
    margin: 0;
    font-size: 50px;
    color: white;
}
	.contBA p{
    margin: 0;
    font-size: 19px;
    color: whitesmoke;
}





@media screen and (max-width:680px)
{
	.txP h2{
    margin: 0px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 400;
    text-shadow: 0px 1px 1px rgba(0,0,0,.5);
    font-size: 18px;
}
	.txP h1{
    margin: 0px;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(0,0,0,.5);
    color: white !important;
    font-size: 22px;
}
	a.opMenu{
    text-decoration: none;
    color: #959da5;
    text-transform: uppercase;
    padding: 6px;
    display: block;
    font-size: 14px;
 }
	.col1{
	float: none;
	width: 100%;
	padding-right: 0;
	}
	.col2{
	float: none;
	width: 100%;
	}
	.txP{
    padding: 50px 20px;
    text-align: center;
    color: white;
    position:relative;
    -webkit-animation: 1.2s 1s a-txP backwards ease-out;
    animation: 1.2s 1s a-txP backwards ease-out;
	 }
	.logo{
	text-align: center;
	margin: 40px 0px 0px;
	-webkit-animation: 1s .8s a-logo backwards ease-out;
	animation: 1s .8s a-logo backwards ease-out;
	text-shadow: 0px 1px 2px rgba(0,0,0,.5);
	}
	.headerP{
    background-image: url(../imagenes/fdo-gralM.jpg);
    padding: 0px 0px 174px;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: bottom center;
 }
	.animacion[data-position="left"]{
		position: relative !important;
		top: 0px !important;
	}
	.bService{
    display: block;
    vertical-align: top;
    margin: 5px auto;
    width: 96%;
    max-width: 465px;
    position: relative;
 }
 .contTxB{
    padding: 30px;
    background-color: white;
    text-align: left;
    border-radius: 0px 0px 3px 3px;
    min-height: initial;
}
 .conTxBnAux{
    width: 100%;
    position: relative;
    background-color: white;
    padding: 40px;
    top: 0px;
    box-shadow: 16px 3px 29px -13px rgba(0,0,0,.3);
}
.ctBnI{
    background-image: url(../imagenes/fdo-pp.jpg);
    background-size: cover;
    background-position: center center;
    height: 400px;
    width: 100%;
    float: none;
}
	
}


@-webkit-keyframes a-detailP{
	0%   {top: -100px;}
    100% {top: 0px;}
}
@-webkit-keyframes a-logo{
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes a-menuP{
    0%   {top: -100px;}
    100% {top: 0px;}
}
@-webkit-keyframes a-txP{
    0%   {opacity: 0;}
    100% {opacity: 1;}
}