@charset "utf-8";

*									{ margin:0; border:0; padding:0; outline:none; text-decoration:none; word-break:break-strict; }
img									{ max-width:100%; }
body								{ font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; line-height:1em; position:relative; }
a:hover, a:focus 					{ text-decoration:none !important; }
a									{ outline:none !important; }

.ionix								{ width:100%; max-width:1920px; min-width:320px; height:auto; position:relative; margin:0 auto;}
.generalMin							{ width:90%; max-width:960px; min-width:280px; height:auto; position:relative; margin:0 auto; }
.general							{ width:90%; max-width:1200px; min-width:320px; height:auto; position:relative; margin:0 auto; }
.generalMax							{ width:100%; max-width:1440px; min-width:320px; height:auto; position:relative; margin:0 auto; }

.bGray								{ background-color:#eee; }
.bDGray								{ background-color:#333; }
.bHome1								{ background:url(../../resources/images/basic/home-qs.jpg) center center no-repeat; }
.bHome2								{ background:url(../../resources/images/basic/home-proj.jpg) center center no-repeat; }
.bHome3								{ background:url(../../resources/images/basic/home-clientes.jpg) center center no-repeat; }

.menuion							{ height:120px; z-index:100; }
.ionwin 							{ opacity: 0; filter:  alpha(opacity=0); }

.allion								{ background:#fff; overflow:auto; }
.contention							{ max-width:960px; height:auto; margin:0 auto; position:relative; }
.logoB								{ position:absolute; top:20px; left:30px; z-index:110}
.zonui								{ position:absolute; bottom:0; margin-left:5%; z-index:100; width:90%; }
.bBBB								{ background:url(../../resources/slide/told.png); }
.bBBB:hover							{ background:url(../../resources/slide/told2.png); }
.bAAA								{ background:url(../../resources/slide/arr2.png) right center no-repeat; }

.bbb1 div							{ border-bottom:solid 1px #CCCCCC; color:#999; }
.bbb1:hover div						{ border-bottom:solid 1px #719936; color:#719936; }
.bbb2 div							{ border-bottom:solid 1px #CCCCCC; color:#999; }
.bbb2:hover div						{ border-bottom:solid 1px #435269; color:#435269; }
.bbb3 div							{ border-bottom:solid 1px #CCCCCC; color:#999; }
.bbb3:hover div						{ border-bottom:solid 1px #cc6c6d; color:#cc6c6d; }
.bbb4 div							{ border-bottom:solid 1px #CCCCCC; color:#999; }
.bbb4:hover div						{ border-bottom:solid 1px #4179a5; color:#4179a5; }

.bbb1.selleiiosoi div				{ font-weight:700 !important; color:#719936; border-bottom:solid 1px #719936; }
.bbb2.selleiiosoi div				{ font-weight:700 !important; color:#435269; border-bottom:solid 1px #435269; }
.bbb3.selleiiosoi div				{ font-weight:700 !important; color:#cc6c6d; border-bottom:solid 1px #cc6c6d; }
.bbb4.selleiiosoi div				{ font-weight:700 !important; color:#4179a5; border-bottom:solid 1px #4179a5; }

.h150X 								{ height:150px; }
.h300X 								{ height:300px; }
.h300XX								{ overflow:auto; height:300px; position:relative; }

.oovii 								{ background-color: rgba(0, 0, 0, 0.5); color:#ccc; }
.oovii:hover						{ background-color: rgba(3, 111, 222, 0.3); color:#fff; }

.wide-container 					{ width:100%; height:300px; margin: 0 auto; }


.tabAll								{ width:100%; height:100%; display:table; position:relative; }
.tab								{ width:100%; display:table; position:relative; }
.tabIn								{ display:table-cell; width:; text-align:center; vertical-align:middle; }

.tab25								{ display:table-cell; width:25%; text-align:center; vertical-align:middle; }
.tab50								{ display:table-cell; width:50%; text-align:center; vertical-align:middle; }
.tab50a								{ display:table-cell; width:50%; text-align:center; vertical-align:middle; }

.fluArr								{ float:left; width:50%; }
.fluArr1							{ height:500px; }
.fluArr2							{ height:250px; }
.fluArr3							{ height:250px; }

.creditos							{ position:absolute; right:10px; bottom:10px; }
.trt a								{ display:inline-block; padding:5px 20px; }


.bVerde 							{ background-color:#255b10; }

.contiion 							{ height:400px; }


/* CSS Buscador*/
.form-wrapper					{ background:; width:100%; float:right;}
.form-wrapper input				{ width: 60%; height:10px; padding:10px 5px; float: right; margin-top:5px;  border: 0; background: #eee; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.form-wrapper input:focus 		{ outline: 0; background: #fff; -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;  -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset; box-shadow: 0 0 2px rgba(0,0,0,.8) inset; }
.form-wrapper input::-webkit-input-placeholder, .form-wrapper input:-moz-placeholder, .form-wrapper input:-ms-input-placeholder { color: #999; font-weight: normal; font-style: italic; }    
.form-wrapper button 			{ overflow: visible; position: relative; float: right; border: 0;padding: 0; cursor: pointer; height: 30px; width: 25%; margin-top:5px; font-weight:; color: #fff; text-transform:uppercase; background: #f7d118; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3); font-family:'centuryB', Arial, Helvetica, sans-serif; }   
.form-wrapper button:hover		{ background: #f6c602; }	
.form-wrapper button:active,
.form-wrapper button:focus		{ background: #f6931e; }    
.form-wrapper button:before  	{ position: absolute; border-width: 8px 8px 8px 0; border-style: solid solid solid none; border-color: transparent #d83c3c transparent; top: 12px; left: -6px; }    
.form-wrapper button:hover:before		{ border-right-color: #e54040; }
.form-wrapper button:focus:before		{ border-right-color: #c42f2f; }    
.form-wrapper button::-moz-focus-inner 	{ border: 0;  padding: 0; }

/* CSS Menu */
#menu							{ background:; max-width:960px; width:100%; height:auto; margin:10px auto 20px; color:#171b1c; padding:0; text-align:center; font-family:'centuryB', Arial, Helvetica, sans-serif; }
.optMenu						{ background:; width:auto; height:auto; padding:4px 8px; display:inline-block; color:#0044a5; text-align:center; font-size:1.286em; border-right:solid 1px #aaa; }
.optMenu:last-child				{ border-right:solid 0 #aaa; }
.optMenu:hover					{ color:#ea2400; }
.seli							{ color:#ea2400; }
						

/* CSS Inside */
#slide1							{ background:#0071D3; width:100%; height:auto; }
#slide1C						{ background:; max-width:960px; height:auto; margin:0 auto; }

.general1						{ background:#0071D3; width:100%; height:auto; padding:30px 0; }
.general2						{ background:#00479A; width:100%; height:auto; padding:30px 0; }
.general3						{ background:#00417C; width:100%; height:auto; padding:30px 0; }
.general4						{ background:#006EB7; width:100%; height:auto; padding:30px 0; }

.orange1						{ background:#F7931E; width:100%; height:auto; padding:30px 0; }
.orange2						{ background:#F7641E; width:100%; height:auto; padding:30px 0; }
.orange3						{ background:#F7491E; width:100%; height:auto; padding:30px 0; }
.orange4						{ background:#E66127; width:100%; height:auto; padding:30px 0; }

.trio							{ background:; width:30%; height:auto; float:left; margin:0 1% 0 2%; color:#FFF; text-align:center; font-size:1.5em; }


.centraion						{ background:; max-width:960px; height:auto; margin:0 auto; }
.centraion2						{ background:; max-width:720px; height:auto; margin:0 auto; }

.part-1							{ background:; width:49%; height:auto; float:left; }
.part-2							{ background:; width:49%; height:auto; float:right; }
.col1							{ background:#F7931E; width:42% !important; height:220px; padding:4%; float:left; }
.col2							{ background:#F15A24; width:42% !important; height:220px; padding:4%; float:left; }

.txtStd							{ color:#FFF; font-size:1.4em !important; text-align:justify; padding:5px 20px; }
.txtStd ul						{ color:#FFF; text-align:justify; padding:5px 20px; }
.col2 ul, .col1 ul				{ color:#FFF; text-align:justify; padding:5px 20px; margin-left:30px; font-size:1.4em !important; }
.col2 p, .col1 p				{ color:#FFF; text-align:justify; padding:5px 20px; font-size:1.4em !important; }
.more							{ color:#FBB03B !important; display:block; margin-top:20px; text-align:right; font-size:1.3em; font-family:'centuryBI', Arial, Helvetica, sans-serif; }

#works							{ background:#0084D7; width:100%; height:auto; padding:30px 0; }
#worksC							{ background:; max-width:960px; height:auto; margin:0 auto; }
.worksI							{ width:31%; height:auto; float:left; margin:1%; color:#FFF; }
.worksI:hover					{ background:#333; color:#f5d218; }
.titWork						{ background:; width:90%; height:25px; margin:5px auto 0; line-height:1em; overflow:hidden; font-size:2.2em; color:inherit; text-transform:uppercase; font-family:'century', Arial, Helvetica, sans-serif; }
.detWork						{ background:; width:90%; height:40px; margin:5px auto 10px; font-size:1.2em; color:inherit; overflow:hidden; text-transform:capitalize; }

#service						{ background:#006EB7; width:100%; height:auto; padding:30px 0 80px; }
#serviceC						{ background:; max-width:960px; height:auto; margin:0 auto; }
.serviceI						{ background:#0084D7; width:30%; height:auto; float:left; margin:0 1% 0 2%; color:#FFF; }
.serviceII						{ background:#0084D7; width:30%; height:auto; float:left; margin:0 1% 0 2%; color:#FFF; }
.serviceIII						{ background:#0084D7; width:30%; height:auto; float:left; margin:0 1% 0 2%; color:#FFF; }
.serviceI:hover,.serviceII:hover,.serviceIII:hover	{ background:#003e7c; color:#f5d218; }
.titService						{ background:; width:90%; height:75px; margin:5px auto 0; line-height:1em; overflow:hidden; text-align:center; font-size:2.2em; color:inherit; text-transform:uppercase; font-family:'century', Arial, Helvetica, sans-serif; }
.detService						{ background:; width:90%; height:auto; margin:20px auto 10px; font-size:1.2em; color:inherit; text-align:center; text-transform:uppercase; }

#human							{ background:#f8931f; width:100%; height:auto; padding:30px 0 80px; }
#humanC							{ background:; max-width:960px; height:auto; margin:0 auto; }
.humanI							{ background:; width:80%; height:auto; margin:0 auto; }
.vieHuman						{ background:; width:90%; height:auto; margin:15px auto 0; line-height:1em; overflow:hidden; text-align:right; font-size:2.2em; color:#FFF; text-transform:uppercase; font-family:'centuryB', Arial, Helvetica, sans-serif; }
.detHuman						{ background:; width:90%; height:auto; margin:20px auto 10px; font-size:1.2em; color:#FFF; text-align:; text-transform:; }

#end							{ background:#F2F2F2; width:100%; height:auto; padding:20px 0; }
#endC							{ background:; max-width:960px; height:auto; margin:0 auto; }
.endI							{ background:; width:30%; height:auto; margin:0 auto; float:left; text-align:center; }
.endII							{ background:; width:19%; height:auto; margin:0 auto; float:left; border-right:solid 2px #6f6f6f; }
.endIII							{ background:; width:50%; height:auto; margin:0 auto; float:left; }
.endII a						{ background:; width:80%; height:auto; margin:5px auto; display:block; text-align:right; color:#808080; text-transform:uppercase; }
.detEnd							{ background:; width:90%; height:auto; margin:0 auto 0; font-size:1.2em; color:#808080; text-align:; text-transform:; }
.BB								{ font-family:'centuryB', Arial, Helvetica, sans-serif; }


.titB1							{ color:#FFF; font-size:4em; line-height:1em; text-transform:capitalize; text-align:center; font-family:'centuryB', Arial, Helvetica, sans-serif; }
.titB2							{ color:#FFF; font-size:3.3em; line-height:1em; text-transform:capitalize; text-align:center; font-family:'centuryB', Arial, Helvetica, sans-serif; }
.titB3							{ color:#FFF; font-size:4.4em; line-height:1em; text-transform:capitalize; text-align:center; font-family:'centuryB', Arial, Helvetica, sans-serif; }


/* CSS Contacto*/
.formContacto					{}
.formContacto label				{ background:; margin-left:20px; width:100px; display:inline-block; margin-top:-20px; text-align:right; }
.inpTex							{ padding:10px 20px; width:60%; border:solid 1px #CCCCCC; margin-left:30px; display:inline-block; }
.inpAre							{ padding:10px 20px; width:60%; border:solid 1px #CCCCCC; margin-left:30px; display:inline-block; }
.inpSend						{ background:#009933; color:#FFF; cursor:pointer; width:12%; padding:1% 2%; font-weight:bold; border:solid 1px #c8c8c8; margin:0; display:inline-block; text-align:center; }
.error							{ text-align:center; color:#FC0; padding:10px; }
.vermas2						{ background:#fff; display:block; margin:0 auto; font-size:1.4em !important; padding:4% 5%; color:#E71C24; cursor:pointer; font-family:"centuryB", Arial, Helvetica, sans-serif;  }

/* CSS PreEnd */

/* CSS End */
#end							{}
::selection 					{ background: #f7d118; }
::-moz-selection 				{ background: #f7d118; }

.labelCon						{  }
.inputCon						{ padding:5px 5%; width:90%; margin:0 0 10px 0; border:solid 1px #CCCCCC; }
.inputCon2 						{ padding:5px 2.5%; width:95%; margin:0 0 10px 0; border:solid 1px #CCCCCC; }
.inputCon3 						{ padding:5px 2.5%; width:92.4%; margin:0 0 10px 0; border:solid 1px #CCCCCC; }
.m0 							{ margin:0; }
.p0 							{ padding:0; }
.iosdjdf  						{ width:85%; padding:13px 0; display:block; }
.rrr1 							{ background:#FFF; position:absolute; top:20px; right:0; z-index:84651651; border:solid 1px #ccc; width:34px; color:#666 !important; height:34px; overflow:hidden; border-right:0; }
.rrr1:hover						{ width:140px;  }
.rrr2 							{ background:#FFF; position:absolute; top:60px; right:0; z-index:84651651; border:solid 1px #ccc; width:34px; color:#666 !important; height:34px; overflow:hidden; border-right:0; }
.rrr2:hover						{ width:140px;  }



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* _______________________________________________________________________________________________________________________________________________ */

.videoWrapper {
	position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;
}
.videoWrapper iframe {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

/* _______________________________________________________________________________________________________________________________________________ */

/* TRANSITION */
.fluArr1 .t50Home, .fluArr2 .t50Home, .fluArr3 .t50Home, .aS2, .worksI,
.bbb1 div, .bbb2 div, .bbb3 div, .bbb4 div, .oovii, .rrr1, .rrr2
{
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

::selection			{ background: #c09f42; color:#FFF; }
::-moz-selection 	{ background: #c09f42; color:#FFF; }

/* PLACEHOLDER */
.inpSpecial::-webkit-input-placeholder 	{ color:#666; font-style:italic; }
.inpSpecial::-moz-placeholder 			{ color:#666; font-style:italic; } /* firefox 19+ */
.inpSpecial:-ms-input-placeholder 		{ color:#666; font-style:italic; } /* ie */
.inpSpecial:-moz-placeholder 			{ color:#666; font-style:italic; }


/* _______________________________________________________________________________________________________________________________________________ */

.aS									{ color:inherit; }
.aS:hover							{ text-decoration:none; color:#FC0; }
.aS2								{ color:inherit; }
.aS2:hover							{ text-decoration:none; color:#FFF; }
.cP									{ cursor:pointer; }
.dB									{ display:block; }
.dN									{ display:none; }
.tB									{ font-weight:700; }
.taC								{ text-align:center; }
.taL								{ text-align:left; }
.taR								{ text-align:right; }
.taJ								{ text-align:justify; }
.p5									{ padding:8px 0;}
.p10								{ padding:10px 20px;}
.p0									{ padding:0;}
.p20								{ padding:20px; }
.p30								{ padding:30px; }
.p50								{ padding:50px; }
.p5050								{ padding:50px; }
.p50Data							{ padding:50px; }
.pAA50								{ padding:50px 0; }
.pAA80								{ padding:80px 0; }
.pAA40								{ padding:40px 0; }
.padEsp100							{ padding:100px 0; }
.p40								{ padding:40px 20px;}
.p100								{ padding:100px 0;}
.pad6								{ padding:6px; }
.exito								{ text-align:center; font-weight:; color:#0C0; padding:50px; }
.loaddding							{ text-align:center; color:#FC0; padding:10px; }
.colorfff							{ color:#FFF; }
.color000							{ color:#000; }
.color999							{ color:#999; }
.color666							{ color:#666; }
.color333							{ color:#333; }
.colorccc							{ color:#ccc; }
.colorVerde							{ color:#4aa529; }
.bVerde								{ background-color:#4aa529; }
.mb5								{ margin-bottom:5px; }
.mb10								{ margin-bottom:10px; }
.mb20								{ margin-bottom:20px; }
.mb30								{ margin-bottom:30px; }


.oinfd img							{ width:200px; }
.oinfd:hover img					{ width:230px; }
.oinfd2 img							{ width:330px; }
.oinfd2:hover img					{ width:360px; }

/* _______________________________________________________________________________________________________________________________________________ */



/* FONT SIZE */
.t8 								{ font-size:0.6em; line-height:1em; }
.t10 								{ font-size:0.714em; line-height:1em; }
.t12 								{ font-size:0.857em; line-height:1em; }
.t14								{ font-size:1em; line-height:1em; }
.t16								{ font-size:1.143em; line-height:1em; }
.t18								{ font-size:1.286em; line-height:1em; }
.t20								{ font-size:1.429em; line-height:1em; }
.t24								{ font-size:1.714em; line-height:1em; }
.t30								{ font-size:2.143em; line-height:1em; }
.t40								{ font-size:2.71em; line-height:1em; }
.t50								{ font-size:3.571em; line-height:1em; }
.t50Home							{ font-size:3.571em; line-height:1em; }
.fluArr1:hover .t50Home				{ font-size:4em; line-height:1em; }
.fluArr2:hover .t50Home				{ font-size:4em; line-height:1em; }
.fluArr3:hover .t50Home				{ font-size:4em; line-height:1em; }
.t60								{ font-size:4.286em; line-height:1em; }
.t100								{ font-size:7.142em; line-height:1em; }
.t160								{ font-size:11.428em; line-height:1em; }
.tU 								{ text-transform:uppercase; }
.bS1								{ border:solid 1px #CCC; border-collapse:collapse; }
.bS2								{ border:solid 1px #CCC; border-right:0; border-collapse:collapse; }
.bS3								{ border:solid 1px #CCC; border-collapse:collapse; }

.ff1								{ font-family:"Open Sans", sans-serif; font-weight:400; }
.ff2								{ font-family:"Open Sans", sans-serif; font-weight:700; }
.ff3								{ font-family:"Open Sans", sans-serif; font-weight:300; }
.ff4								{ font-family:"Ubuntu", sans-serif; font-weight:500; }
.ff5								{ font-family:"Ubuntu", sans-serif; font-weight:700; }


.rr5								{ -webkit-border-radius: 5px; border-radius: 5px; }
.rr10								{ -webkit-border-radius: 10px; border-radius: 10px; }
.rr20								{ -webkit-border-radius: 20px; border-radius: 20px; }
.rr40								{ -webkit-border-radius: 40px; border-radius: 40px; }
.rr60								{ -webkit-border-radius: 60px; border-radius: 60px; }
.rr50								{ -webkit-border-radius: 50%; border-radius: 50%; }

.bFull	{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
}

.bContain	{
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
/* TRANSITION */
.bFull, .oinfd , .oinfd *, .oinfd2 , .oinfd2 *
{
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}



/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 45%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

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