@charset "utf-8";

/* @media (DESKTOP)..............................................................*/

/*@media only screen and (min-width: 1018px) {*/

.gridContainer {
	width: 100%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
#topframe {
	width: 100%;
	height: 26px;
	background-color: #F5F5F5;
	background-image: url(images/topframefondot.png);
	background-repeat: repeat-x;
	background-position: center top;
	z-index:5;
}
#header {
	width: 100%;
	height: 99px;
	background-color: #FFFFFF;
}
#middleframe {
	width: 100%;
	height: 32px;
	background-color: #F5F5F5;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(images/middleframefondot.png);
}
#slider {
	width: 100%;
	height: 385px;
	background-color: #FFFFFF;
	background-image: url(images/slide01.jpg);
	background-position: center top;
	background-size: cover;
}
#slidermedic {
	width: 100%;
	height: 385px;
	background-color: #FFFFFF;
	background-image: url(images/slide/04a.jpg);
	background-position: center top;
	background-size: cover;
}
#servicestitle {
	width: 100%;
	height: 70px;
	background-color: #FFFFFF;
	background-image: url(images/titleservicesfondot.png);
	background-position: center top;
	background-repeat: repeat-x;
}
#services01 {
	width: 100%;
	height: 282px;
	background-color: #FFFFFF;
}
#services02 {
	width: 100%;
	height: 294px;
	background-color: #FFFFFF;
}
#deco {
	width: 100%;
	height: 110px;
	background-color: #21537A;
	background-image: url(images/slide/03.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat;
}
#decomedic {
	width: 100%;
	height: 110px;
	background-color: #21537A;
	background-image: url(images/slide/decomedic.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat;
}
#industriestext {
	width: 100%;
	height: 141px;
	background-color: #FFFFFF;
}
#industriesicons {
	width: 100%;
	height: 181px;
	background-color: #FFFFFF;
}
#clientes {
	width: 100%;
	height: 237px;
	background-color: #FFFFFF;
}
#direct {
	width: 100%;
	height: 207px;
	background-color: #FFFFFF;
}
#legals {
	width: 100%;
	height: 150px;
	background-color: #E4EFF8;
	background-image: url(images/legalsfondot.png);
	background-position: center top;
	background-repeat: repeat-x;
	overflow-y: auto;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
	display: none;
}

/*.........TOP FRAME ELEMENTS.......*/
#topframecent {
    width: 100%;
	max-width: 1207px;
	height: 26px;
    margin-left: auto;
	margin-right: auto;
}
#topicons {
	width: 300px;
	height: 20px;
	padding-top: 5px;
	text-align: right;
	margin-right: 42px;
	float: right;
}
#nav2 {
	width: 100%;
	max-width: 450px;
	height: 22px;
	position: relative;
	float: left;
	margin-left: 33px;
	padding-top: 4px;
	background-image: url(images/logo-s.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 116px;
	display: none;
}
#menusis2 {
}
.topinfo{
	font-family: "Futura Std Light";
	font-style: normal;
	color: #7d7d7d;
	font-size: 12px;
}

/*.........HEADER ELEMENTS.........*/
#headercent {
	width: 100%;
	max-width: 1207px;
	height: 99px;
	padding-top: 10px;
	background-image: url(images/headerfondoc.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: auto;
	margin-right: auto;
}
#Logo {
	position: relative;
	height: 49px;
	width: 143px;
	margin-left: 85px;
	margin-top: 15px;
	float: left;
	background-image: url(images/logo.png);
	background-size: contain;
}
#nav {
	width: 100%;
	max-width: 400px;
	height: 28px;
	position: relative;
	float: left;
	margin-left: 55px;
	margin-top: 33px;
}
#menusis {
}
.itemdemenu{
	width: 100px;
	float: left;
	font-family: "Myriad Pro Light";
	font-style: normal;
	color: #4a4a4a;
	font-weight: bold;
}

/*.........SLIDER ELEMENTS.........*/
#slideractive {
	width: 100%;
	height: 385px;
	background-position: center top;
	background-size: cover;
}
#sliderframe {
	width: 100%;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	background-image: url(images/opacity30.png);
	background-repeat: repeat;
}
#playreelcent {
	width: 100%;
	max-width: 553px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	padding-right: 89px;
}
#playreel {
	width: 189px;
	height: 65px;
	float: right;
	margin-top: 3px;
	margin-right: 12px;
	margin-left: 15px;
}
#slidernull {
	width: 100px;
	height: 126px;
	margin-left: auto;
	margin-right: auto;
}
#slidernull2 {
	width: 100px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
}
#slidernullancla {
	width: 100px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
}
.textreel {
	width: 288px;
	height: 100px;
	text-align: right;
	float: right;
	margin-right: 15px;
	margin-top: 2px;
}
.textreelhit {
	font-family: "Futura Std Heavy";
	font-size: 22px;
}

/*.........TITLE SERVICES ELEMENTS.........*/
#titleservicescent {
	margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1207px;
	height: 70px;
}
#titleservicestext {
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	text-align: center;
	font-family: "Futura Std Light";
	line-height: 91px;
	font-size: 20px;
	letter-spacing: 0.5px;
	font-weight: normal;
	color: #242424;
}
/*.........SERVICES 01 ELEMENTS............*/
#services01cent {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1030px;
	height: 282px;
}
#services02cent {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1030px;
	height: 294px
}
#servicesboxleft {
	position: relative;
	width: 150px;
	height: 210px;
	float: left;
	margin-left: 35px;
	text-align: center;
	margin-top: -2px;
	margin-bottom: 4px;
}
#servicesbox {
	position: relative;
	width: 175px;
	height: 210px;
	float: left;
	margin-left: 97px;
	text-align: center;
	margin-top: -2px;
	margin-bottom: 4px;
}
.servicesboxtitle{
	font-family: "Futura Std Bold";
	color: #2876A1;
	font-size: 65px;
	font-weight: normal;
	letter-spacing: -2px;
}
.servicesboxsubtitle{
	font-family: "Futura Std Heavy";
	color: #333333;
	font-size: medium;
	margin-top: -24px;
	line-height: 49px;
	letter-spacing: 0px;
	font-weight: bold;
	margin-bottom: -6px;
}
.servicesboxtext{
	font-family: "Myriad Pro Light";
	color: #717171;
	font-size: small;
	/*margin-top: -16px;*/
	letter-spacing: 0.3px;
	/*line-height: -1px;*/
	line-height: 0.3em;
}
.servicesboxtextcur{
	font-family: "Myriad Pro Light";
	color: #717171;
	font-size: small;
	/*margin-top: -16px;*/
	letter-spacing: 0.3px;
	/*line-height: -1px;*/
	line-height: 0.3em;
	font-style: italic;
}

/*.........INDUSTRIES TITLE ELEMENTS.........*/
#industriestextcent {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1207px;
	height: 141px;
}
#titleindustriestext {
	margin-left: auto;
	margin-right: auto;
	height: 141px;
	text-align: center;
}
.industriestitle{
	font-family: "Futura Std Heavy";
	font-style: normal;
	color: #215178;
	font-size: 29px;
	font-weight: bold;
	letter-spacing: -0.8px;
}
.industriestexto{
	text-align: center;
	font-family: "Futura Std Light";
	font-size: 21px;
	letter-spacing: 1px;
	margin-top: -22px;
	line-height: 26px;
}
/*.........INDUSTRIES ICONS ELEMENTS........*/
#industriescent {
	margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 940px;
	height: 181px;
}
#industriesboxleft {
	position: relative;
	width: 150px;
	height: 125px;
	float: left;
	margin-left: 2px;
	text-align: center;
	margin-top: -34px;
}
#industriesbox {
	position: relative;
	width: 150px;
	height: 125px;
	float: left;
	margin-left: 7px;
	text-align: center;
	margin-top: -34px;
}
.industriesboxsubtitle{
	font-family: "Futura Std Heavy";
	color: #333333;
	font-size: medium;
	line-height: 16px;
	letter-spacing: 0px;
	font-weight: normal;
}

/*.........CLIENTES ELEMENTS.........*/
#clientescentback {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 908px;
	height: 237px;
	background-image: url(images/clientsfondot.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: -56px;
}
#clientescent {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 850px;
	height: 237px;
}
#clientesboxtext {
	margin-left: auto;
	margin-right: auto;
	height: 141px;
}
.clientestitle{
	font-family: "Futura Std Heavy";
	font-style: normal;
	color: #215178;
	font-size: 29px;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: center;
	letter-spacing: -0.8px;
	padding-top: 35px;	
}
.clientestexto{
	text-align: justify;
	font-family: "Futura Std Light";
	font-size: large;
	letter-spacing: 0px;
	/*margin-top: 0px;*/
	line-height: 22px;
	margin-top: -16px;
	word-spacing: 22px;
	padding-left: 13px;
	padding-right: 13px;
}

/*.........DIRECTORY ELEMENTS.........*/
#directcent {
	margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1005px;
	height: 207px;
}
#boxdirhome {
	position: relative;
	width: 131px;
	height: 170px;
	float: left;
	text-align: left;
	font-family: "Futura Std Light";
	color: #577584;
	font-size: small;
	font-weight: normal;
	letter-spacing: 0px;
	padding-top: 29px;
	padding-left: 5px;
	line-height: 10px;
	background-image: url(images/indicator.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto auto;
}
#boxdirservices {
	position: relative;
	width: 130px;
	height: 190px;
	float: left;
	text-align: left;
	font-family: "Futura Std Light";
	color: #577584;
	font-size: small;
	font-weight: normal;
	letter-spacing: 0px;
	padding-top: 10px;
	padding-left: 37px;
	line-height: 19px;
	background-repeat: no-repeat;
}
#boxdirindustries {
	position: relative;
	width: 150px;
	height: 190px;
	float: left;
	text-align: left;
	font-family: "Futura Std Light";
	color: #577584;
	font-size: small;
	font-weight: normal;
	letter-spacing: 0px;
	padding-top: 10px;
	padding-left: 60px;
	line-height: 19px;
	background-repeat: no-repeat;
}
#boxdirsocial {
	position: relative;
	width: 65px;
	height: 190px;
	float: left;
	text-align: right;
	font-family: "Futura Std Heavy";
	color: #577584;
	font-size: small;
	font-weight: normal;
	letter-spacing: 0px;
	padding-top: 10px;
	padding-left: 60px;
	line-height: 19px;
	background-repeat: no-repeat;
	padding-right: 10px;
}
#boxdircontact {
	position: relative;
	width: 229px;
	height: 190px;
	float: left;
	text-align: left;
	font-family: "Futura Std Light";
	color: #577584;
	font-size: small;
	font-weight: normal;
	letter-spacing: 0px;
	padding-top: 10px;
	padding-left: 10px;
	line-height: 19px;
	background-repeat: no-repeat;
}
#linevert {
	position: relative;
	width: 10px;
	height: 190px;
	float: left;
	padding-top: 10px;
	background-repeat: no-repeat;
	padding-left: 14px;
}
#logovert {
	position: relative;
	width: 90px;
	height: 94px;
	float: left;
	padding-top: 106px;
	background-repeat: no-repeat;
	text-align: right;
}
.titledirtext{
	font-family: "Futura Std Condensed";
	color: #577584;
	font-size: medium;
	font-weight: normal;
	letter-spacing: 0px;
}
.titledircontact{
	font-family: "Futura Std Condensed";
	color: #1f4e73;
	font-size: medium;
	font-weight: 100;
	letter-spacing: 0px;
}
.contactdirtext{
	font-family: "Futura Std Book";
	font-style: normal;
	color: #1f4e73;
	font-size: 15px;
	font-weight: 200;
	letter-spacing: 0px;
	text-align: left;
	line-height: 20px;
}
.contactdirmail {
	text-align: left;
	font-family: "Futura Std Light";
	color: #1f4e73;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2px;
}
.contactdirmail a:link {
	color: #181818;
	font-size: 15px;
	text-decoration: underline;
}
.contactdirmail a:hover {
	color: #1f4e73;
	font-size: 15px;
	text-decoration: underline;
}
.contactmexico {
	text-align: left;
	font-family: "Futura Std Light";
	color: #1f4e73;
	font-size: small;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 23px;
}

/*.........LEGALS ELEMENTS.........*/
#legalscent {
	margin-left: auto;
	margin-right: auto;
    width: 100%;
	max-width: 1207px;
	height: 135px;
}
#legalnullancla {
	width: 100px;
	height: 2px;
	margin-left: auto;
	margin-right: auto;
}
.copyrightext{
	font-family: "Futura Std Light";
	font-style: normal;
	color: #577584;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	padding-left: 34px;
	padding-top: 15px;
}
.legaltext{
	font-family: "Futura Std Light";
	font-style: normal;
	color: #7d7d7d;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	padding-left: 34px;
	padding-top: 7px;
	text-align: justify;
	padding-right: 43px;
	line-height: 14px;
}
.legaltextcur{
	font-family: "Futura Std Light";
	font-style: italic;
	color: #7d7d7d;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	/*padding-left: 34px;*/
	padding-top: 7px;
	text-align: justify;
	/*padding-right: 48px;*/
	line-height: 14px;
}
/*DEMO REEL WINDOW--------------------------------------------- */
#videoreelwin {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	/*display: block;*/
	bottom: 0px;
	right: 0px;
	color: #000;
	position: fixed;
	background-image: url(images/opacity85.png);
	background-repeat: repeat;
	z-index: 7;
	text-align: right;
	display:none;
}
#videoreelcent {
	/*width: 100%;*/
	/*width: 740px;*/
	width: 970px;
	height: 538px;
	margin-left: auto;
	margin-right: auto;
/*	padding-right: 89px;*/
}
#videoreel {
	width: 923px;
	height: 538px;
	float: left;
	margin-left: 15px;
}
#closereel {
	width: 25px;
	height: 80;
	float: left;
}
#player {
	width: 920px;
	height: 538px;
}
#slidernullr {
	width: 100px;
	height: 57px;
	margin-left: auto;
	margin-right: auto;
}
#slidernullr2 {
	width: 100px;
	height: 52px;
	margin-left: auto;
	margin-right: auto;
}

/*}*/