/***********Cabecera general*************/

html {margin:0; width:100%; height:100%;}
body {width:100%; height:100%; font-family: 'Open Sans', Arial, sans-serif; font-size:14px; color: #FFF; margin:0 auto; position:relative; overflow-x: hidden; }
h1,h2 {text-transform:uppercase; font-size:1.7em; color:#EDC228; margin:5px; padding:0;}
h3 {text-transform:uppercase; font-size:1.3em; padding:0; text-align:center; color:#0E2A6B; font-weight:normal;}
a {transition: all 0.5s ease 0s;}
a:focus {outline: 0;}
a:active, a:hover {	outline: 0;}
img {display: block; width: 100%;}
#logo{ max-width:57px; float:left; margin-left:50px; } 

.back1top{ height:100%; background:#0E2865 }
.back2top{ height:1000px; background:#0E2865 url(../img/back2.jpg) center center fixed no-repeat;}
.back3top{ height:1000px; background:#0E2865 url(../img/back3.jpg) center center fixed no-repeat; position: relative;}
.back4top{ height:1000px; background:#0E2865 url(../img/back4.jpg) center center fixed no-repeat;}
.posback3{ position: absolute; top: 400px; height: 200px;}
.back3titulo{color: #fff; font-size: 3em; letter-spacing: 5px;}
.box { position:relative; float:none;}
.box p { line-height:25px;}
.flechadown{ background:url(../img/down.png) no-repeat 0 0; width:65px; height:87px; margin:20px auto;}

/********Header********/
header{ background: rgba(14, 40, 101, 0.85) none repeat scroll 0 0; overflow: hidden; padding: 20px 0 10px;position: fixed; top: 0; width: 100%; z-index: 100;}
header a{ width:100%; height:100%; display:block;}
#iconosheader{ list-style:none; float:right; width:350px; margin-right:50px;}
#iconosheader li { float:left; margin:0 5px; width:36px; height:34px;}
.icoheaderface{ background:url(../img/header/ico-face.png) no-repeat 0 0;}
.icoheadertwit{ background:url(../img/header/ico-twitter.png) no-repeat 0 0;}
.icoheaderpint{ background:url(../img/header/ico-pint.png) no-repeat 0 0;}
.icoheaderinst{ background:url(../img/header/ico-inst.png) no-repeat 0 0;}
.icoheadermenu{ background:url(../img/header/menu.png) no-repeat 0 0; cursor:pointer;  width:106px !important;}
.icoheaderface:hover{ background:url(../img/header/ico-face-over.png) no-repeat 0 -1px;}
.icoheadertwit:hover{ background:url(../img/header/ico-twitter-over.png) no-repeat 0 -1px;}
.icoheaderpint:hover{ background:url(../img/header/ico-pint-over.png) no-repeat -1px -1px;}
.icoheaderinst:hover{ background:url(../img/header/ico-inst-over.png) no-repeat 0 -1px;}
.icoheadermenu:hover{ background:url(../img/header/menu-over.png) no-repeat 0 0;  width:106px !important;}
#contbotoneraprin{display:none; background: rgba(14, 40, 101, 0.85) none repeat scroll 0 0; height: 100%; margin-top: 92px; overflow: hidden; position: fixed; width: 100%; z-index: 1000;}
#botoneraprin{line-height: 35px; list-style: outside none none; margin: 0 auto; max-width: 450px; padding-bottom: 30px; padding-top: 50px; text-align: center; width: 100%;}
#botoneraprin li{ border-bottom: 1px solid #fff; font-size: 2.3em; letter-spacing: 3px; padding: 15px 0; }
#botoneraprin li a{color: #FFF; font-weight: bold; text-decoration: none; width: 100%; height: 100%; display: block;}
#botoneraprin li a:hover{ color: #079392; font-weight: bold; text-decoration: none;}
.btninicio{ background:url(../img/menu/icobtn1.png) no-repeat 130px 21px;}
.btnagencia{background:url(../img/menu/icobtn2.png) no-repeat 115px 17px;}
.btnserv{background:url(../img/menu/icobtn3.png) no-repeat 97px 21px;}
.btnport{background:url(../img/menu/icobtn4.png) no-repeat 75px 21px;}
.btncontacto{background:url(../img/menu/icobtn5.png) no-repeat 90px 21px;}
.btninicio:hover{ background:url(../img/menu/icobtn1-over.png) no-repeat 130px 21px;}
.btnagencia:hover{background:url(../img/menu/icobtn2-over.png) no-repeat 115px 17px;}
.btnserv:hover{background:url(../img/menu/icobtn3-over.png) no-repeat 97px 21px;}
.btnport:hover{background:url(../img/menu/icobtn4-over.png) no-repeat 75px 21px;}
.btncontacto:hover{background:url(../img/menu/icobtn5-over.png) no-repeat 90px 21px;}

.bannernoshome { color: #fff !important; height: 115px;left: 50%; margin-left: -250px; margin-top: 150px; position: absolute; text-align: center; top: 50%; width: 530px;}


/********Box2********/

.backverde{ background:#019893 url(../img/backverde.jpg) repeat;width:100%;}
#box2{ overflow:hidden; min-height:600px; padding-bottom:100px;}
.txtcenter{ max-width:550px; margin:0 auto; overflow:hidden; margin-top:100px; position:relative;}
#backpunteado{ background: rgba(0, 0, 0, 0) url("../img/backpuntos.jpg") no-repeat scroll 0 0; height: 488px; left: 50%; margin-left: -231px; position: absolute; width: 462px; z-index: 0;}
.box2img1{left: 50%; margin-left: 0px; margin-top: 50px; max-width: 407px; position: absolute; top: 0; width: 30%; z-index: 10;}
.box2img2{left: 50%; margin-left: -340px; margin-top: 50px; top:0; position:absolute; width:30%; max-width:531px; z-index:10;}
#box2 ul{ height: 175px; list-style: outside none none; margin: 100px auto 30px; max-width: 850px; overflow: hidden; width: 90%;}
#box2 ul li{ float:left; position:relative;}
#box2 ul li:hover h2{ color:#F34930; font-size: 1.3em;}
#box2 ul h2{ color:#FFF; font-size: 1.3em;}
#box2 ul li p{ position:absolute; left:0; width:100%;}
.backicodiseno{ background:url(../img/ico-dgrafico.png) no-repeat 0 0; padding:5px 0 0 45px; width:175px;}
.backicodiseno:hover{ background:url(../img/ico-dgrafico-over.png) no-repeat 0 0; padding:5px 0 0 45px; width:175px;}
.backicoweb{ background:url(../img/ico-dweb.png) no-repeat 0 0; padding:5px 0 0 45px; width:175px;}
.backicoweb:hover{ background:url(../img/ico-dweb-over.png) no-repeat 0 0; padding:5px 0 0 45px; width:175px;}
.backicopubli{ background:url(../img/ico-publicidad.png) no-repeat 0 0; padding:5px 0 0 45px; width:250px;}
.backicopubli:hover{ background:url(../img/ico-publicidad-over.png) no-repeat 0 0; padding:5px 0 0 45px; width:250px;}
.mas{ width:50px; font-size:4em; text-align:center;}
.lineagruesa{ font-weight:bold; font-size:2em;}



/********Box3********/
#box3{ width:100%; padding-top:140px; padding-bottom:40px;}
.box3img1{left:50%; margin-left: -232px; margin-top: -85px; max-width: 464px; position: absolute; top: 0; width: 90%;}
.box3img2{left:5%; max-width: 82px;position: absolute; top: 50%; width: 50%;}
.backbco{ background:#FFF url(../img/backbco.jpg) repeat; width:100%;}
.txtbackbox3{ width:100%; max-width:850px; height:295px; margin:50px auto -50px; background:url(../img/backcuadro.jpg) no-repeat right top; opacity: 0;  }
.txtbackbox3 h2 { float: left; padding-top: 70px; width: 70%; }
.txtbox3{ width:95%; max-width:730px; margin:70px auto -50px; text-align:center; opacity: 1; }
.txtbox3 img{ margin:0 auto;}
.txtbox3 img{ width:51px; height:48px;}
.boldamarillo{color:#EDC228; font-weight:bold;}

#nosotrosgal{ list-style:none; padding:0; margin:0 auto; width:90%; max-width:1024px; overflow:unset; height: 525px;}
#nosotrosgal li { position:relative; float:left; margin:10px; width: 236px; height: 236px;}

.imgoff {opacity: 0; position: absolute; transition: all 0.6s ease-in; top: 0; left: 0; display:block;}

.rania:hover .imgoff{ opacity: 1; z-index: 0; }
.marco:hover .imgoff{opacity: 1;  z-index: 0;}
.mary:hover .imgoff{opacity: 1;  z-index: 0;}
.jessie:hover .imgoff{opacity: 1;  z-index: 0;}
.carlos:hover .imgoff{opacity: 1;  z-index: 0;}
.pedro:hover .imgoff{opacity: 1;  z-index: 0;}
.erick:hover .imgoff{opacity: 1; z-index: 0; }
.lalo:hover .imgoff{opacity: 1; z-index: 0; }
.gina:hover .imgoff{opacity: 1; z-index: 0; }

.ngalnombre{ position:absolute; z-index: 10; margin-top: 5px;}
.ngalazul{ color: #0e2a6b; font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin-left: -55px;}
.ngalverde{color: #009792; font-size: 1.1em; font-weight: bold; text-transform: uppercase; margin-left: -55px;}



/********Box4********/

#box4{ background:#0E2A6B url(../img/backcuadro4r.jpg) no-repeat left top; width:100%; height:550px; overflow:hidden;}
.backazul{ background:#0E2A6B; width:100%;  }
.derr-clientes{ position:absolute; left:50%; margin: -23px 0 0;}
.derr-clientes div { margin:-2px 0 0 0; padding:0; display:block;}
.derr-clientes img{ max-width:295px; height:297px; float:left; border:1px solid #FFF; margin:0; padding:0;}
.contclientes{ position:relative; margin:0; padding:0; float:none; overflow:hidden;}
.contnc{ height: 200px; left: 15%; overflow: hidden; position: absolute; top: 190px; width: 250px;}
.cblanco { color:#FFF !important; font-weight:normal !important; }
.alignleft{ margin-left:8px !important; margin-right:0 !important;}
.formbox h4{ margin:0; padding: 0; }
.formbox .lineagruesa { line-height: 0;}
.clientebox{ width: 295px; height: 277px; margin: 0 !important; padding:0; float: left; border: 1px solid #FFF;}
#cliente1{ background:url(../img/clientes/1.jpg) no-repeat left top;}
#cliente2{ background:url(../img/clientes/2.jpg) no-repeat left top;}
#cliente3{ background:url(../img/clientes/3.jpg) no-repeat left top;}
#cliente4{ background:url(../img/clientes/4.jpg) no-repeat left top;}
#cliente5{ background:url(../img/clientes/5.jpg) no-repeat left top;}
#cliente6{ background:url(../img/clientes/6.jpg) no-repeat left top;}
#cliente7{ background:url(../img/clientes/7.jpg) no-repeat left top;}
#cliente8{ background:url(../img/clientes/8.jpg) no-repeat left top;}
#cliente9{ background:url(../img/clientes/9.jpg) no-repeat left top;}
#cliente10{ background:url(../img/clientes/10.jpg) no-repeat left top;}
#cliente11{ background:url(../img/clientes/11.jpg) no-repeat left top;}
#cliente12{ background:url(../img/clientes/12.jpg) no-repeat left top;}
#cliente1:hover{ background:url(../img/clientes/1-over.jpg) no-repeat left top;}
#cliente2:hover{ background:url(../img/clientes/2-over.jpg) no-repeat left top;}
#cliente3:hover{ background:url(../img/clientes/3-over.jpg) no-repeat left top;}
#cliente4:hover{ background:url(../img/clientes/4-over.jpg) no-repeat left top;}
#cliente5:hover{ background:url(../img/clientes/5-over.jpg) no-repeat left top;}
#cliente6:hover{ background:url(../img/clientes/6-over.jpg) no-repeat left top;}
#cliente7:hover{ background:url(../img/clientes/7-over.jpg) no-repeat left top;}
#cliente8:hover{ background:url(../img/clientes/8-over.jpg) no-repeat left top;}
#cliente9:hover{ background:url(../img/clientes/9-over.jpg) no-repeat left top;}
#cliente10:hover{ background:url(../img/clientes/10-over.jpg) no-repeat left top;}
#cliente11:hover{ background:url(../img/clientes/11-over.jpg) no-repeat left top;}
#cliente12:hover{ background:url(../img/clientes/12-over.jpg) no-repeat left top;}


/********Box5********/
#box5{ width:100%; padding-top:80px; padding-bottom:0px;}
#box5 h2{ font-size:1.3em; text-align:center; text-transform:none;}
#box5 h3{ font-size:1.8em; text-align:center; font-weight:bold; margin:5px;}
.bottomverde{ background: #009792 none repeat scroll 0 0; height: 3px; margin: 20px auto 30px;width: 35px;}
/*.embed-container {position: relative; padding-bottom: 40%; height: 0; overflow: hidden;}*/
.embed-container { height: 580px !important; overflow: hidden; padding-bottom: 0; position: relative; margin-top:60px;}
.embed-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.overlay{background:transparent; position:relative; width:100%;height:540px; z-index:1;}
.formbox{background: rgba(0, 0, 0, 0) url("../img/backverde.png") repeat scroll 0 0; border: 3px solid #fff; height: 390px;left: 50%; position: absolute; top: 260px; width: 365px; z-index: 99; padding:30px 35px 45px; margin-left:30px;}
.txtform{ border-botoom:1px solid #FFF; border-left:0; border-right:0; border-top:0; background:none; width:275px; height:35px; color:#FFF;}
.formbox label{display: block; float: left; padding-top: 18px; text-transform: uppercase; width: 80px; font-weight:bold;}
.formbox textarea {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #fff; float: none;height: 100px; margin-top: 10px; padding: 15px; width: 90%; color:#FFF;}
.btnenviar{ margin:20px auto; display:block;}
#box5dir{ display: none;}
.icodir { background: url("../img/icodir.png") repeat scroll 0 0; height: 54px; left: 50%; margin-left: 468px; position: absolute; top: 300px; width: 56px; z-index: 99; cursor: pointer;}
.icoform{ width: 56px; height: 54px; background: url("../img/icoform.png") repeat scroll 0 0; left: 50%; position: absolute; margin-left: 468px; top: 365px; z-index: 99; cursor: pointer;}
.txtbox5{  text-align:center; opacity: 0; margin-bottom: -50px; }


/************Footer***************/
footer{ background:#0E2A6B; padding:50px 0}
.contformhomrvcard { color: #FFF; font-size: 0.74em; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; width:90%; max-width: 1024px; text-align:left;}
.msitemapformhome { color: #FFF; font-size: 1.2em; height: 30px; margin-left: 0; width: 100%; }
.tablamsformhome { color: #FFF; float: left; font-family: Arial,Helvetica,sans-serif; list-style: outside none none; width: 55px; margin: 9px 0 0 0;
 padding: 0 0 0 26px;}
.tabla li:first-child a { color: #fff;}
.tabla a { color: #FFF; text-decoration: none;}
.tabla a:hover { color: #FFF; text-decoration: underline;}
.creadofooter a { color:#FFF; text-decoration:none;}
.utablaformhome2 ul { list-style:none; margin:22px auto 0 auto; padding:0; overflow:hidden; width:150px;}
.utablaformhome2 ul li a { width:100%; height:100%; display:block;}
.utablaformhome2 ul li { margin:5px;}
.utablaformhome {float: left; list-style: outside none none; padding: 0 0 0 5px; width: 80px;}
.utablaformhome1 {float: left; list-style: outside none none; margin: 10px 0 0; padding: 0; width: 140px;}
.utablaformhome2 { float: left; text-align: center; width: 190px;}
.utablaformhome3 {float: left; width: 250px;}
.footerface { width:19px; height:21px; background:url(../img/footer/facebook.png) no-repeat center top; float:left;}
.footertwitter { width:19px; height:21px; background:url(../img/footer/twitter.png) no-repeat center top; float:left;}
.footerpinterest { width:19px; height:21px; background:url(../img/footer/pinterest.png) no-repeat center top; float:left;}
.footerskype { width:19px; height:21px; background:url(../img/footer/skype.png) no-repeat center top; float:left;}
.footeryoutube { width:19px; height:21px; background:url(../img/footer/youtube.png) no-repeat center top; float:left;}
.footerface:hover { width:19px; height:21px; background:url(../img/footer/facebook_over.png) no-repeat center top; float:left;}
.footertwitter:hover { width:19px; height:21px; background:url(../img/footer/twitter_over.png) no-repeat center top; float:left;}
.footerpinterest:hover { width:19px; height:21px; background:url(../img/footer/pinterest_over.png) no-repeat center top; float:left;}
.footerskype:hover { width:19px; height:21px; background:url(../img/footer/skype_over.png) no-repeat center top; float:left;}
.footeryoutube:hover { width:19px; height:21px; background:url(../img/footer/youtube_over.png) no-repeat center top; float:left;}
.margintrebol{ margin-top:1px; position:absolute;}
.iconderrft{ max-width:12px;}
.floatleft{ float:left; margin:3px 5px;}

/* Slider */
.slick-slider {position: relative;  display: block; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;-khtml-user-select: none; -ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
.slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block;height: auto; border: 0 solid transparent;}
.slick-arrow.slick-hidden { display: none;}

#animate2{ background: transparent none repeat scroll 0 0; display: inline-block; height: 25px; left: 50%; margin-left: -96px;  margin-top: -109px; position: absolute; text-align: center; vertical-align: middle; width: 25px;z-index: 100;} 
#animate3{ background: transparent none repeat scroll 0 0; display: inline-block; height: 25px; left: 50%; margin-left: -103px; margin-top:-138px;  position: absolute; text-align: center; vertical-align: middle; width: 25px;z-index: 100;} 
#animate4{ background: transparent none repeat scroll 0 0; display: inline-block; height: 25px; left: 50%; margin-left: -74px;  margin-top: -138px; position: absolute; text-align: center; vertical-align: middle; width: 25px;z-index: 100;} 
#animate5{ background: transparent none repeat scroll 0 0; display: inline-block; height: 25px; left: 50%; margin-left: -152px; margin-top: -109px; position: absolute; text-align: center; vertical-align: middle; width: 25px;z-index: 100;} 
#animate6{ background: transparent none repeat scroll 0 0; display: inline-block; height: 25px; left: 50%; margin-left: -39px; margin-top: -110px; position: absolute; text-align: center; vertical-align: middle; width: 25px;z-index: 100;} 
#animate7{ background: transparent none repeat scroll 0 0; display: inline-block; height: 25px; left: 50%; margin-left: -103px; margin-top: -138px; position: absolute; text-align: center; vertical-align: middle; width: 25px;z-index: 100;} 
#animate8{ background: transparent none repeat scroll 0 0; display: inline-block; height: 25px; left: 50%; margin-left: 4px; margin-top: -81px; position: absolute; text-align: center; vertical-align: middle; width: 25px;z-index: 100;} 
#animate9{ background: transparent none repeat scroll 0 0; display: inline-block; height: 25px; left: 50%; margin-left: -81px; margin-top: -82px; position: absolute; text-align: center; vertical-align: middle; width: 25px;z-index: 100;} 
#animate10{ background: transparent none repeat scroll 0 0; display: inline-block; height: 25px; left: 50%; margin-left: 40px; margin-top: -138px; position: absolute; text-align: center; vertical-align: middle; width: 25px;z-index: 100;} 
#animate11{ background: transparent none repeat scroll 0 0; display: inline-block; height: 25px; left: 50%; margin-left: -153px; margin-top: -109px; position: absolute; text-align: center; vertical-align: middle; width: 25px;z-index: 100;} 

/********Politica de privacidad**********/
.txtpolitica{color: #0e2a6b; font-size: 1em; font-weight: normal; padding: 30px;  text-align: left; width: 90%; max-width: 950px; margin:0 auto;}
.boxpriv{padding-bottom: 50px; padding-top: 50px; width: 100%;}
.boxpriv p {padding:0;}

/********Agencia de publicidad************/

/***Box2****/
.bolds{ font-weight:bold !important;}
#box2ag{ overflow:hidden; min-height:900px; padding-bottom:100px;}
#box2ag h2{font-size: 1.4em; font-weight:normal;} 



.box2agtxt{ width: 350px; float: left; position: relative; z-index:10; opacity: 0; margin-top:40px;}
.contbox2ag{ width: 90%; max-width: 880px; margin: 100px auto 20px; overflow: hidden;}
.box2agimg{ width: 480px; height: 325px; float: left; position: relative; z-index:10; }
.box2agtxt h2{ left: -70px; position: absolute; top: 25px;}
.box2agtxt p{ margin: 165px 0 0 15px; }
.box2agimg2{ width: 327px; float: left; position: relative; z-index:10; margin-right: 50px;}
.box2agtxt2 {float: left; margin-top: 90px; position: relative; width: 500px; z-index: 10;}
.box2agtxt2 ul{ list-style: none; margin: 0; padding: 0;}
.box2agtxt2 ul li{ text-align: left; padding-left: 70px; margin: 30px 0;}
.box2agtxt2 p{ padding: 0; margin: 0;}
.box2agtxt2 h2{ margin-bottom: 0;}
.alingcenter{ text-align: center; margin-bottom: 50px;}
.agmision{ background: url(../img/agencia-mision.png) no-repeat  0 25px; opacity:0; margin-top:40px;  }
.agvision{background: url(../img/agencia-vision.png) no-repeat  0 15px; opacity:0; margin-top:40px;}
.agvalores{background: url(../img/agencia-valores.png) no-repeat  0 15px; opacity:0; margin-top:40px;}


.back1topag{ height:800px; background:#0E2A6A; position: relative;}
.flash{ height: 460px; left: 67%; position: absolute; top: 40%; width: 298px;}
.bannernos1{ background: url(../img/banners/nosotros/iconos-1.png); width: 484px; height: 467px; position: absolute; left: 5%; top: 30%; z-index: 100;}
.bannernos2{ background: url(../img/banners/nosotros/iconos-2.png); width: 334px; height: 297px; position: absolute; left: 35%; top: 19%; z-index: 100;}
.bannernos3{ background: url(../img/banners/nosotros/iconos-3.png); width: 85px; height: 86px; position: absolute; left: 72%; top: 72%; z-index: 100;}
.bannernos4{ background: url(../img/banners/nosotros/iconos-4.png); width: 210px; height: 245px; position: absolute; left: 80%; top: 17%; z-index: 100;}
.bannernos5 { color: #fff !important; height: 150px; left: 50%; margin-left: -300px; position: absolute; text-align: center; top: 50%; width: 500px;}
.txtbanner h1 { color: #fff; font-size: 1.3em; font-weight: normal; letter-spacing: 2px;}
.txtbanner h2 { color: #fff; font-size: 3em; letter-spacing: 5px;}

/****Box3******/
.box3agtxtbackbox3{ width:100%; max-width:950px; height:295px; margin:0 auto; background:url(../img/agencia-colores.png) no-repeat right top; }
.box3agtxtbackbox3 h2 { float: left; padding-top: 100px; width: 70%; }
.box3agul{ list-style: none; margin: 70px auto 0; width: 90%; max-width: 990px; padding: 0; overflow: hidden; color: #1E345D; text-align: center;}
.box3agul li{ float: left; max-width: 200px;  padding-top: 60px;}
.box3agul h2{  font-size: 1.2em; font-weight: normal; text-align: center;}
.box3agb1{ background: url(../img/agencia-ico1.png) no-repeat 80px 0; opacity:0; margin-left:-50px; padding-right:50px; }
.box3agb2{ background: url(../img/agencia-ico2.png) no-repeat 75px 0; opacity:0; margin-left:-50px; padding-right:50px; }
.box3agb3{ background: url(../img/agencia-ico3.png) no-repeat 75px 0; opacity:0; margin-left:-50px; padding-right:50px; }
.box3agb4{ background: url(../img/agencia-ico4.png) no-repeat 75px 0; opacity:0; margin-left:-50px; }
.sepbox3{ width: 29px; height: 27px; margin: 7px 15px; background: url(../img/agencia-siguiente.png) no-repeat center 60px;}
.seppuntosazul{ width: 27px; height: 110px; margin: 50px auto; overflow: hidden; position: relative; background:url(../img/agencia-down.png) no-repeat center 0;  }


/****Box4*****/
#box4ag{ background:#0E2A6B url(../img/agencia-backazul.jpg) no-repeat center top fixed; width:100%; height:590px; overflow:hidden; padding: 100px 0 0;}
.alingcenter0{ text-align: center; margin-bottom: 0px; }
.backazul h1 { font-size:1.3em; color: #FFF; font-weight: normal; text-align: center; letter-spacing: 3px;}
#conttab { margin-top: 150px;}
.panel-container { margin: 0 auto; max-width: 900px;}
.tableft { float: left; margin-bottom: 30px; margin-right: 40px; width: 50%;}
.tab-container { float: left; width: 42%;}
#conttab ul {list-style: outside none none;margin: 0; padding: 0; text-align: left;}
.etabs { margin: 0 !important; padding: 0 !important;}
.tab { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; display: inline-block; height: 26px; text-indent: -9999px; width: 40px;}
.tab a { display: block;font-size: 14px; line-height: 2em; outline: medium none; padding: 0 10px;}
.tab.active {  border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom:1px solid #22396F; margin-bottom: 1px; position: relative; top: 2px;}
.icodgrafico { background: rgba(0, 0, 0, 0) url("../img/agencia/diseno_grafico.png") no-repeat scroll center center;}
.icodpubli { background: rgba(0, 0, 0, 0) url("../img/agencia/diseno_publicitario.png") no-repeat scroll center center;}
.icodeditorial { background: rgba(0, 0, 0, 0) url("../img/agencia/diseno_editorial.png") no-repeat scroll center center;}
.icodwebmultimedia { background: rgba(0, 0, 0, 0) url("../img/agencia/diseno_web.png") no-repeat scroll center center;}
.icodweb { background: rgba(0, 0, 0, 0) url("../img/agencia/desarrollo_web.png") no-repeat scroll center center;}
.tab.icodeditorial.active { background: rgba(0, 0, 0, 0) url("../img/agencia/diseno_editorial_over.png") no-repeat scroll center center;}
.tab.icodgrafico.active { background: rgba(0, 0, 0, 0) url("../img/agencia/diseno_grafico_over.png") no-repeat scroll center center;}
.tab.icodpubli.active { background: rgba(0, 0, 0, 0) url("../img/agencia/diseno_publicitario_over.png") no-repeat scroll center center;}
.tab.icodwebmultimedia.active { background: rgba(0, 0, 0, 0) url("../img/agencia/diseno_web_over.png") no-repeat scroll center center;}
.tab.icodweb.active { background: rgba(0, 0, 0, 0) url("../img/agencia/desarrollo_web_over.png") no-repeat scroll center center;}
#cuerpopanel{ border: 1px solid #FFF;}
#cuerpopanel div{ padding:  20px 25px 30px;}
#cuerpopanel ul li {background: rgba(0, 0, 0, 0) url("../img/agencia/agencia-bullet.png") no-repeat scroll left center; line-height: 22px; padding-left: 10px;}
#conttab h2 { color: #edc228; font-size: 1.2em; font-weight: normal; text-align: left;}

/******Box5*******/
#box5ag{ width:100%; padding-bottom: 80px; padding-top: 60px;}
.txtbox5ag{ width:95%; max-width:730px; margin:30px auto 50px; text-align:center; }
.txtbox5ag img{ margin:0 auto;}
.txtbox5ag img{ width:51px; height:48px;}


/*****Servicios*******/
.mleft0{ margin-left:0 !important;}
#box2serv,#box3serv,#box4serv{ overflow: hidden; max-width: 1024px; margin: 0 auto;}
.back1topsv{ height:981px; background:#0E2865 url(../img/banner-agencia.png) center center fixed no-repeat;}
.box2servimg1{  height: 770px; background: url(../img/nosotros-1.png) 50px 0 no-repeat;}
.box2servimg2{  height: 745px; background: url(../img/nosotros-2.png) 50px 0 no-repeat;}
.box2servimg3{ height: 755px; background: url(../img/nosotros-3.png) 50px 0 no-repeat;}
.boxright{ float: right; width: 40%;}
.boxright h2{margin-top: 100px;  margin-left: 0;}
.boxright h3{color: #fff; margin: 0; text-align: left;}
.boxright p{margin-top: 20px;}
.boxright img{ width: 75%; margin: 30px auto;}
.boxleft{ position:relative; overflow:hidden;}
.boxleft  h2{ font-size: 2.8em; margin-top: 135px;}
.boxleft  h3{  color: #edc228; font-weight: bold;margin-left: 15%; margin-top: 75px; text-align: left; width: 60%;}
.boxleft  p{ margin-left: 15%; margin-top: 30px; width: 70%; line-height: 23px;}
.contboxleft { float: left; width: 60%; min-height: 2020px;}
.botoneraservicios{ left: 50%; list-style: outside none none; margin: -60px 0 0 -180px; padding: 0; position: absolute; top: 100%; }
.botoneraservicios li { float: left; font-weight: bold;}
.botoneraservicios li a { color: #FFF; text-decoration: none;}
.servesp{ margin: 0 10px;}
.servactive{ color:#E94F2D !important;  }


.back1toserv{ height:800px; background:#0E2A6A; position: relative;}
.flashserv {height: 424px; left: 7%; position: absolute; top: 43%; width: 542px;}
.bannerserv1 { background: rgba(0, 0, 0, 0) url("../img/banners/servicios/iconos-1.png") no-repeat scroll 0 0; height: 145px; left: 25%; position: absolute; top: 30%; width: 147px;z-index: 100;}
.bannerserv2 { background: rgba(0, 0, 0, 0) url("../img/banners/servicios/iconos-2.png") no-repeat scroll 0 0; height: 167px; left: 45%; position: absolute; top: 23%; width: 367px; z-index: 100;}
.bannerserv3 { background: rgba(0, 0, 0, 0) url("../img/banners/servicios/iconos-3.png") no-repeat scroll 0 0; height: 131px; left: 47%; position: absolute; top: 67%; width: 283px; z-index: 100;}
.bannerserv4 { background: rgba(0, 0, 0, 0) url("../img/banners/servicios/iconos-4.png") no-repeat scroll 0 0; height: 162px; left: 73%; position: absolute; top: 46%; width: 83px; z-index: 100;}
.bannerserv5 { color: #fff !important; height: 150px; left: 50%; margin-left: -350px; position: absolute; text-align: center; top: 50%; width: 700px;}
.txtbanner h1 { color: #fff; font-size: 1.3em; font-weight: normal; letter-spacing: 2px;}
.txtbanner h2 { color: #fff; font-size: 3em; letter-spacing: 5px;}



/********Portafolio********/
.#box2port{ overflow:hidden; min-height:600px; padding-bottom:100px;}
.backporttop{ height:850px; background:#0E2865 url(../img/bannerportafolio.jpg) center center fixed no-repeat;}
.textcenter{ text-align: center !important;}
#filters{ height: auto; margin-left: 14% !important; max-width:910px;}
.back1toport{ height:800px; background:#0E2A6A; position: relative;}
.flashport { height: 423px; left: 10%; position: absolute; top: 34%; width: 891px;}
.bannerport1 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-1.png") no-repeat scroll 0 0; height: 270px; left: 66%; position: absolute; top: 20%; width: 248px; z-index: 100;}
.bannerport2 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-2.png") no-repeat scroll 0 0; height: 109px; left: 48%; position: absolute; top: 28%; width: 93px; z-index: 100;}
.bannerport3 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-3.png") no-repeat scroll 0 0; height: 126px; left: 32%; position: absolute; top: 17%; width: 153px; z-index: 100;}
.bannerport4 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-4.png") no-repeat scroll 0 0; height: 129px; left: 41%; position: absolute;  top: 70%; width: 152px; z-index: 100;}
.bannerport5 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-5.png") no-repeat scroll 0 0; height: 109px; left: 65%; position: absolute; top: 71%;  width: 110px; z-index: 100;}
.bannerport6 { color: #fff !important;height: 150px; left: 50%; margin-left: -350px; position: absolute;text-align: center; top: 50%; width: 700px;}
.txtbanner h1 { color: #fff; font-size: 1.3em; font-weight: normal; letter-spacing: 2px;}
.txtbanner h2 { color: #fff; font-size: 3em; letter-spacing: 5px;}


/********Contacto**********/
.back1tocont{ height:800px; background:#0E2A6A; position: relative;}
.flashcont { height: 337px; left: 67%; position: absolute; top: 16%; width: 344px;}
.bannercont1 { background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-1.png") no-repeat scroll 0 0; height: 126px; left: 45%; position: absolute; top: 20%; width: 162px; z-index: 100;}
.bannercont2 {background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-2.png") no-repeat scroll 0 0; height: 101px;  left: 25%; position: absolute; top: 35%; width: 77px; z-index: 100;}
.bannercont3 { background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-3.png")no-repeat scroll 0 0; height: 94px; left: 35%; position: absolute; top: 68%; width: 89px; z-index: 100;}
.bannercont4 {background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-4.png") no-repeat scroll 0 0; height: 146px; left: 54%; position: absolute; top: 70%; width: 100px; z-index: 100;}
.bannercont5 { background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-5.png") no-repeat scroll 0 0; height: 91px; left: 68%; position: absolute; top: 64%; width: 67px; z-index: 100;}
.bannercont6 { background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-6.png") no-repeat scroll 0 0; height: 223px; left: 18%;position: absolute; top: 66%; width: 193px; z-index: 100;}
.bannercont7 { color: #fff !important; height: 150px; left: 50%; margin-left: -300px; position: absolute; text-align: center; top: 50%; width: 600px;}
.txtbanner h1 { color: #fff; font-size: 1.3em; font-weight: normal; letter-spacing: 2px;}
.txtbanner h2 { color: #fff; font-size: 3em; letter-spacing: 5px;}


#plane { position: absolute; width: 460px; height: 400px; background: transparent url(../img/d_animada-16.png) 0 50px no-repeat; left:50%; margin-left: -230px; top: 50%; margin-top: -250px; z-index:50;}
#plane2 { position: absolute; width: 150px; height: 204px; background: transparent url(../img/submarino_contacto.png) 0 50px no-repeat; left:82%; top: 150px; z-index:5000;}

.scrollToTop2{ width:100%; height:100%; display:block;}
<!--------------Media queries------------------->

@media (min-width: 1200px){
	.embed-container { height: 580px !important; overflow: hidden; padding-bottom: 0; position: relative; margin-top:60px;}
	#plane2 { position: absolute; width: 150px; height: 204px; background: transparent url(../img/submarino_contacto.png) 0 50px no-repeat; left:82%; top: 150px; z-index:5000;}
	/*#plane2:hover { position: absolute; width: 167px; height: 266px; background:url(../images/kpic_over_flecha2.png) 0 50px no-repeat; left:82%; top: 150px; z-index:5000; }*/
}
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) { 
#filters{ height: auto; margin-left: 14% !important; max-width:748px;}
#plane2 { position: absolute; width: 150px; height: 204px; background: transparent url(../img/submarino_contacto.png) 0 50px no-repeat; left:82%; top: 150px; z-index:5000;}
/*#plane2:hover { position: absolute; width: 167px; height: 266px; background:url(../images/kpic_over_flecha2.png) 0 50px no-repeat; left:82%; top: 150px; z-index:5000; }*/
/************Home****************/

#box4{ background:#0E2A6B url(../img/back-agencia-web.jpg) no-repeat left top; width:100%; height:555px; overflow:hidden;}
#box2 ul li {float: left; height: 170px; overflow: hidden; position: relative;}
#box2 ul { height: auto; list-style: outside none none; margin: 100px auto 30px; max-width: 700px; overflow: hidden; width: 90%;}
.backicodiseno { background: rgba(0, 0, 0, 0) url("../img/ico-dgrafico.png") no-repeat scroll 0 0; padding: 5px 0 0 45px; width: 165px;}
.backicodiseno:hover{ background:url(../img/ico-dgrafico-over.png) no-repeat 0 0; padding:5px 0 0 45px; width:165px;}
.mas {display: block; font-size: 4em; text-align: center; width: 32px;}
.backicoweb { background: rgba(0, 0, 0, 0) url("../img/ico-dweb.png") no-repeat scroll 0 0; padding: 5px 0 0 45px; width: 160px;}
.backicoweb:hover { background: rgba(0, 0, 0, 0) url("../img/ico-dweb-over.png") no-repeat scroll 0 0; padding: 5px 0 0 45px; width: 160px;}
.backicopubli { background: rgba(0, 0, 0, 0) url("../img/ico-publicidad.png") no-repeat scroll 0 0; padding: 5px 0 0 45px; width: 166px;}
.backicopubli:hover { background: rgba(0, 0, 0, 0) url("../img/ico-publicidad-over.png") no-repeat scroll 0 0; padding: 5px 0 0 45px; width: 166px;}
.txtbackbox3 { background: rgba(0, 0, 0, 0) url("../img/backcuadro.jpg") no-repeat scroll right top; height: 295px; margin: 50px auto -50px; max-width: 850px; opacity: 0; width: 100%; background-size: 100% auto;}
#nosotrosgal { height: 525px; list-style: outside none none;margin: 0 auto; max-width: 515px; overflow: unset; padding: 0; width: 90%;}
.txtbox3 { margin: 30px auto 0px; max-width: 730px; opacity: 1; text-align: center; width: 95%; overflow: hidden; padding-top: 80px;}
.contnc { height: 200px; left: 3%;overflow: hidden;  position: absolute; top: 190px; width: 250px;}
.box3img2 { left: 1%; max-width: 82px; position: absolute; top: 50%; width: 50%;}
.derr-clientes {left: 40%; margin: -23px 0 0; position: absolute;}
.clientebox{ background-size: 100% auto; background-position: center !important;  width: 225px; }
.embed-container { height: 580px !important; overflow: hidden; padding-bottom: 0; position: relative; margin-top:60px;}
.formbox { background: rgba(0, 0, 0, 0) url("../img/backverde.png") repeat scroll 0 0; border: 3px solid #fff;height: 390px; left: 50%; margin-left: -180px; padding: 30px 35px 45px; position: absolute; top: 260px; width: 365px;z-index: 99;}
.icodir { background: rgba(0, 0, 0, 0) url("../img/icodir.png") repeat scroll 0 0; cursor: pointer; height: 54px; left: 50%; margin-left: 260px; position: absolute; top: 300px; width: 56px; z-index: 99;}
.icoform { background: rgba(0, 0, 0, 0) url("../img/icoform.png") repeat scroll 0 0; cursor: pointer; height: 54px;left: 50%; margin-left: 260px; position: absolute; top: 365px; width: 56px; z-index: 99;}


/************Agencia****************/

.contbox2ag { margin: 100px auto 20px; max-width: 690px; overflow: hidden; width: 90%;}
.box2agimg {float: left;height: 325px;position: relative; width: 335px; z-index: 10;}
.box2agimg2 { float: left; margin-right: 25px; position: relative; width: 275px; z-index: 10;}
.box2agtxt2 { float: left; position: relative; width: 370px; z-index: 10; margin-top: 40px;}
.box3agtxtbackbox3 { background: rgba(0, 0, 0, 0) url("../img/agencia-colores.png") no-repeat scroll right top / 100% auto; height: 295px; margin: 0 auto; max-width: 750px; width: 100%;}
.box3agtxtbackbox3 h2 {float: left; padding-top: 82px; width: 70%;}
.box3agul { color: #1e345d; list-style: outside none none; margin: 70px auto 0; max-width: 700px; overflow: hidden; padding: 0; text-align: center; width: 90%;}
.box3agul li { float: left; max-width: 281px; padding-top: 60px;}
.tableft {float: left; margin-bottom: 30px; margin-left: 5%; margin-right: 40px; width: 45%;}

/************Servicios****************/
.box2servimg1 {background: rgba(0, 0, 0, 0) url("../img/nosotros-1.png") no-repeat scroll 0 0 / 100% auto; height: 659px; width: 400px !important; margin-left: 10px !important;}
.box2servimg2 { background: rgba(0, 0, 0, 0) url("../img/nosotros-2.png") no-repeat scroll 0 0 / 100% auto; height: 637px; width: 400px !important; margin-left: 10px !important;}
.box2servimg3 { background: rgba(0, 0, 0, 0) url("../img/nosotros-3.png") no-repeat scroll 0 0 / 100% auto; height: 647px; width: 400px !important; margin-left: 10px !important;}
.boxleft h2 { font-size: 2.4em; margin-top: 105px;}
.boxleft h3 { color: #edc228; font-weight: bold; margin-left: 7%; margin-top: 45px; text-align: left; width: 85%;}
.contboxleft { float: left; min-height: 2020px; width: 54%;}
.contboxleft h3{ font-size: 1.1em;}
.boxleft p { font-size: 1em; line-height: 18px; margin-left: 7%; margin-top: 15px; width: 85%;}
.boxright { float: left; width: 44%;}
#box2serv, #box3serv, #box4serv { margin: 0 auto; max-width: 768px; overflow: hidden; position: relative;}

/***********Banners*****************/

/***********Agencia*****************/
.flash {height: 460px; left: 60%; position: absolute; top: 30%; width: 298px;}
.bannernos1 {background: rgba(0, 0, 0, 0) url("../img/banners/nosotros/iconos-1.png") repeat scroll 0 0; height: 467px; left: 5%; position: absolute; top: 36%; width: 484px; z-index: 100;}
.bannernos2{ display: none;}
.bannernos3 {background: rgba(0, 0, 0, 0) url("../img/banners/nosotros/iconos-3.png") repeat scroll 0 0; height: 86px; left: 52%; position: absolute; top: 30%; width: 85px; z-index: 100;}
.bannernos4{ display: none;}

/***********Servicios***************/
.bannerserv1 { background: rgba(0, 0, 0, 0) url("../img/banners/servicios/iconos-1.png") no-repeat scroll 0 0; height: 145px; left: 20%; position: absolute; top: 25%; width: 147px; z-index: 100;}
.bannerserv2 {background: rgba(0, 0, 0, 0) url("../img/banners/servicios/iconos-2.png") no-repeat scroll 0 0; height: 167px; left: 50%; position: absolute; top: 25%; width: 367px; z-index: 100;}
.bannerserv3 {display: none;}
.bannerserv4 { background: rgba(0, 0, 0, 0) url("../img/banners/servicios/iconos-4.png") no-repeat scroll 0 0; height: 162px; left: 80%; position: absolute; top: 56%; width: 83px; z-index: 100;}
.flashserv { height: 424px; left: 0; position: absolute; top: 45%; width: 542px;}

/***********Portafolio**************/

.flashport {height: 423px; left: 4%; position: absolute; top: 17%; width: 600px;}
.bannerport1{ display: none;}
.bannerport2 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-2.png") no-repeat scroll 0 0; height: 109px; left: 75%; position: absolute; top: 24%; width: 93px; z-index: 100;}
.bannerport3{ display: none;}
.bannerport4 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-4.png") no-repeat scroll 0 0; height: 129px; left: 10%; position: absolute; top: 70%; width: 152px; z-index: 100;}
.bannerport5 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-5.png") no-repeat scroll 0 0; height: 109px; left: 65%; position: absolute; top: 75%;  width: 110px;  z-index: 100;}

/************Contacto***************/
.bannercont3{ display: none;}
.bannercont4{ display: none;}
.bannercont1 { background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-1.png") no-repeat scroll 0 0; height: 126px; left: 20%; position: absolute; top: 20%;width: 162px; z-index: 100;}
.bannercont2 { display: none;}
.flashcont { height: 337px; left: 50%; position: absolute; top: 10%; width: 344px;}

}
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
#filters{ height: auto; margin-left: 14% !important; max-width:460px;}
h1, h2 { color: #edc228; font-size: 1.18em; margin: 5px; padding: 0; text-transform: uppercase;}
#plane2 { display: none;}
/*#plane2:hover { position: absolute; width: 167px; height: 266px; background:url(../images/kpic_over_flecha2.png) 0 50px no-repeat; left:82%; top: 150px; z-index:5000; }*/

/******Header********/
#iconosheader { float: none;list-style: outside none none; margin-left: auto; margin-right: auto; width: 300px; padding:0; overflow:hidden;}
#logo { float: none; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 57px;}
#botoneraprin {line-height: 35px; list-style: outside none none; margin: 0 auto; max-width: 450px; padding: 10px 20px 30px; text-align: center; width: 85%;}
#botoneraprin li {border-bottom: 1px solid #fff; font-size: 1.9em; letter-spacing: 3px; padding: 15px 0;}
#contbotoneraprin {background: rgba(14, 40, 101, 0.85) none repeat scroll 0 0; display: none; height: 100%;margin-top: 146px; overflow: hidden;  position: fixed; width: 100%; z-index: 1000;}
.icoheadermenu{ background:url(../img/header/menu-old.png) no-repeat 0 0; cursor:pointer; width: 36px !important;}
.icoheadermenu:hover{ background:url(../img/header/menu-over-old.png) no-repeat 0 0; width: 36px !important;}

/********Home**********/
.btnverde{ display:none !important;}
.box3img1 { left: 50%; margin-left: -140px; margin-top: -85px; max-width: 280px; position: absolute; top: 0; width: 90%;}
.txtcenter {margin: 100px auto 0; max-width: 550px; overflow: hidden; padding: 0 10px; position: relative;}
.btninicio { background: rgba(0, 0, 0, 0) url("../img/menu/icobtn1.png") no-repeat scroll 120px 21px;}
.btnagencia { background: rgba(0, 0, 0, 0) url("../img/menu/icobtn2.png") no-repeat scroll 105px 17px;}
.btnserv { background: rgba(0, 0, 0, 0) url("../img/menu/icobtn3.png") no-repeat scroll 90px 21px;}
.btnport { background: rgba(0, 0, 0, 0) url("../img/menu/icobtn4.png") no-repeat scroll 70px 21px;}
.btncontacto { background: rgba(0, 0, 0, 0) url("../img/menu/icobtn5.png") no-repeat scroll 85px 21px;}
.btninicio:hover{ background:url(../img/menu/icobtn1-over.png) no-repeat 120px 21px;}
.btnagencia:hover{background:url(../img/menu/icobtn2-over.png) no-repeat 105px 17px;}
.btnserv:hover{background:url(../img/menu/icobtn3-over.png) no-repeat 90px 21px;}
.btnport:hover{background:url(../img/menu/icobtn4-over.png) no-repeat 70px 21px;}
.btncontacto:hover{background:url(../img/menu/icobtn5-over.png) no-repeat 85px 21px;}
#box2 ul { height: 570px; list-style: outside none none; margin: 100px auto 30px; max-width: 260px; overflow: hidden; width: 90%;}
.mas { display: none; font-size: 4em; text-align: center; width: 50px;}
.backicodiseno { background: rgba(0, 0, 0, 0) url("../img/ico-dgrafico.png") no-repeat scroll 0 0; height: 200px; padding: 5px 0 0 45px; width: 175px;}
.backicoweb { background: rgba(0, 0, 0, 0) url("../img/ico-dweb.png") no-repeat scroll 0 0; height: 200px; padding: 5px 0 0 45px; width: 175px;}
.backicopubli { background: rgba(0, 0, 0, 0) url("../img/ico-publicidad.png") no-repeat scroll 0 0; height: 200px; padding: 5px 0 0 45px; width: 170px;}
.backicopubli:hover{ background:url(../img/ico-publicidad-over.png) no-repeat 0 0; padding:5px 0 0 45px; width:170px;}
.txtbackbox3 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 110px; margin: 0px auto 0px;  opacity: 0; padding: 10px; width: 95%;}
.txtbackbox3 h2 { float: left; padding-top: 20px; width: 100%;}
.box3img2{ display:none;}
#nosotrosgal{ height:auto; overflow:hidden; width: 310px; padding-left:15px;}
.contnc {display: none;}
.txtbox3 { margin: 70px auto 0; opacity: 1;}
.derr-clientes { left: 50%; margin: -24px 0 0 -149px; position: absolute;width: 340px;}
.embed-container {height: 300px !important; overflow: hidden; padding-bottom:0; position: relative; margin-top:60px;}
.formbox { background: rgba(0, 0, 0, 0) url("../img/backverde.png") repeat scroll 0 0; border: 0 none;  height: 530px;  left: 0; margin-left: auto; margin-right: auto;  margin-top: 50px; padding: 30px 35px 45px; position: relative;top: 60px; width: 340px; z-index: 99;}
.txtform {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-left: 0 none; border-right: 0 none; border-top: 0 none; color: #fff; height: 35px; width: 249px;}
.icodir { background: rgba(0, 0, 0, 0) url("../img/icodir.png") repeat scroll 0 0; cursor: pointer; height: 54px; left: 50%; margin-left: -205px; position: absolute; top: 206px; width: 56px; z-index: 99;}
.icoform { background: rgba(0, 0, 0, 0) url("../img/icoform.png") repeat scroll 0 0; cursor: pointer; height: 54px;  left: 50%; margin-left: -149px; position: absolute; top: 206px; width: 56px; z-index: 99;}
#nosotrosgal li { float: left; height: 236px; margin: 10px 10px 10px 45px; position: relative; width: 236px;}
.back2top{ display:none;}
.back3top{ display:none;}
.back4top{ display:none;}
.box2img1{ display:none;}
.box2img2{ display:none;}

/************Servicios****************/
.box2agimg { float: none; height: 220px; margin: 0 auto; position: relative; width: 288px; z-index: 10;}
.box2agtxt { float: none; margin: 0 auto;opacity: 0; position: relative; width: 300px; z-index: 10;}
.box2agtxt h2 { left: 0; position: absolute; top: -100px;}
.box2agtxt p { margin: 150px 0 0 15px;}
.contbox2ag { margin: 50px auto 20px; max-width: 880px; overflow: hidden; width: 90%;}
.box2agimg2 { float: none; margin-left: auto;margin-right: auto; position: relative; width: 200px; z-index: 10;}
.box2agtxt2 ul {list-style: outside none none; margin: 0; overflow: hidden; padding: 50px 0 0;}
.box2agtxt2 { float: none; margin: 0 auto; position: relative; width: 400px; z-index: 10;}
#box2ag { min-height: 900px; overflow: hidden; padding-bottom: 0;}
.box3agtxtbackbox3 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 120px; margin: -80px auto 0; max-width: 950px; width: 100%;}
.box3agtxtbackbox3 h2 { display: block; float: none; margin: 0 auto; padding-top: 11px; text-align: center; width: 70%;}
.box3agul { color: #1e345d; list-style: outside none none; margin: 0 auto; max-width: 450px; overflow: hidden; padding: 0; text-align: center; width: 90%;}
.sepbox3{ display:none;}
.box3agb1 { background: rgba(0, 0, 0, 0) url("../img/agencia-ico1.png") no-repeat scroll center 0; margin-left: -35px; opacity: 0; padding-right: 0;}
.box3agb2 { background: rgba(0, 0, 0, 0) url("../img/agencia-ico2.png") no-repeat scroll center 0; margin-left: 0; opacity: 0; padding-right: 0;}
.box3agb3 { background: rgba(0, 0, 0, 0) url("../img/agencia-ico3.png") no-repeat scroll center 0; margin-left: -35px; opacity: 0; padding-right:0;}
.box3agb4 { background: rgba(0, 0, 0, 0) url("../img/agencia-ico4.png") no-repeat scroll center 0; margin-left: 0; opacity: 0;}
#box4ag {background: #0e2a6b url("../img/agencia-backazul.jpg") no-repeat fixed center top;  height: auto; overflow: hidden; padding: 50px 0 30px; width: 100%;}
#conttab { margin-top: 50px;}
.tableft { float: none; margin-bottom: 30px; margin-left: auto; margin-right: auto; width: 90%;}
.tab-container { float: none; margin: 0 auto; width: 90%;}
.contboxleft { float: none; min-height: 450px; width: 100%;}
.boxright { float: none; margin: 0 auto; width: 90%;}
.boxleft h2 { font-size: 2.2em; margin-top: 40px; margin-left:15px;}
.boxright h2 { margin-left: 0; margin-top: 50px;}
.boxleft h3 { color: #edc228; font-weight: bold; margin-left: auto; margin-right: auto; margin-top: 30px; text-align: left; width: 90%;}
.boxleft p { line-height: 23px; margin-left: auto; margin-right: auto; margin-top: 30px; width: 90%;}
.box2servimg1 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 450px;}
.box2servimg2 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 637px;}
.box2servimg3 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 480px;}
.botoneraservicios { left: 5%; list-style: outside none none; margin: -60px 0 0; padding: 0; position: absolute; top: 100%;}
#box5ag { padding-bottom: 40px; padding-top: 0; width: 100%;}
.txtbox5ag {  margin: 0 auto 50px; max-width: 730px; text-align: center; width: 95%;}

/**********Banners**********/
.txtbanner h2 {color: #fff; font-size: 1.3em; letter-spacing: 5px;}
.txtbanner h1 { color: #fff;font-size: 0.8em;font-weight: normal; letter-spacing: 1px;}

/**********Contacto**********/
.bannercont1 {background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-1.png") no-repeat scroll 0 0;height: 126px; left: 25%; position: absolute; top: 63%; width: 162px; z-index: 100;}
.bannercont2 { display: none;}
.bannercont3 { display: none;}
.bannercont4 { display: none;}
.bannercont5 {background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-5.png") no-repeat scroll 0 0;height: 91px; left: 70%; position: absolute; top: 84%; width: 67px; z-index: 100;}
.bannercont6 {background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-6.png") no-repeat scroll 0 0 / 100% auto;height: 90px; left: 5%; position: absolute; top: 85%; width: 80px;z-index: 100;}
.bannercont7 { color: #fff !important; height: 150px; left: 50%; margin-left: -150px; position: absolute; text-align: center; top: 50%; width: 300px;}
.flashcont {height: 230px; left: 30%; position: absolute; top: 19%; width: 250px;}

/**********Agencia**********/

.bannernos1{ display: none;}
.bannernos2 { background: rgba(0, 0, 0, 0) url("../img/banners/nosotros/iconos-2.png") no-repeat scroll 0 0 / 100% auto; height: 297px; left: 1%; position: absolute; top: 63%; width: 300px; z-index: 100;}
.bannernos3 { background: rgba(0, 0, 0, 0) url("../img/banners/nosotros/iconos-3.png") repeat scroll 0 0; height: 86px; left: 60%; position: absolute; top: 60%; width: 85px; z-index: 100;}
.bannernos4{ display: none;}
.bannernos5 { color: #fff !important;height: 150px;left: 50%; margin-left: -150px; position: absolute; text-align: center; top: 50%; width: 300px;}

.flash { height: 230px; left: 33%; position: absolute; top: 20%; width: 150px;}

/***********Portafolio**************/

.flashport {height: 423px; left: 4%; position: absolute; top: 17%; width: 600px;}
.bannerport1{ display: none;}
.bannerport2 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-2.png") no-repeat scroll 0 0; height: 109px; left: 75%; position: absolute; top: 24%; width: 93px; z-index: 100;}
.bannerport3{ display: none;}
.bannerport4 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-4.png") no-repeat scroll 0 0; height: 129px; left: 10%; position: absolute; top: 70%; width: 152px; z-index: 100;}
.bannerport5 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-5.png") no-repeat scroll 0 0; height: 109px; left: 65%; position: absolute; top: 75%;  width: 110px;  z-index: 100;}


/**********Servicios**********/

.bannerserv1 {background: rgba(0, 0, 0, 0) url("../img/banners/servicios/iconos-1.png") no-repeat scroll 0 0; height: 145px; left: 5%;position: absolute; top: 60%; width: 147px; z-index: 100;}
.bannerserv2{ display: none;}
.bannerserv3{ display: none;}
.bannerserv4 { background: rgba(0, 0, 0, 0) url("../img/banners/servicios/iconos-4.png") no-repeat scroll 0 0; height: 162px; left: 60%; position: absolute; top: 75%; width: 83px; z-index: 100;}
.bannerserv5 {color: #fff !important; height: 80px; left: 50%; margin-left: -150px; position: absolute; text-align: center; top: 50%; width: 300px;}
.flashserv {height: 424px; left: 20%; position: absolute; top: 17%; width: 300px;}

}
/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) { 

#filters{ height: auto; margin-left: 14% !important; max-width:300px;}
h1, h2 { color: #edc228; font-size: 1.18em; margin: 5px; padding: 0; text-transform: uppercase;}
#plane2 { display:none;}
#plane { display: none;}


/******Header********/
#iconosheader { float: none;list-style: outside none none; margin-left: auto; margin-right: auto; width: 300px; padding:0; overflow:hidden;}
#logo { float: none; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 57px;}
#botoneraprin {line-height: 35px; list-style: outside none none; margin: 0 auto; max-width: 450px; padding: 10px 20px 30px; text-align: center; width: 85%;}
#botoneraprin li {border-bottom: 1px solid #fff; font-size: 1.9em; letter-spacing: 3px; padding: 15px 0;}
#contbotoneraprin {background: rgba(14, 40, 101, 0.85) none repeat scroll 0 0; display: none; height: 100%;margin-top: 146px; overflow: hidden;  position: fixed; width: 100%; z-index: 1000;}
.icoheadermenu{ background:url(../img/header/menu-old.png) no-repeat 0 0; cursor:pointer; width: 36px !important;}
.icoheadermenu:hover{ background:url(../img/header/menu-over-old.png) no-repeat 0 0; width: 36px !important;}
/********Home**********/
.btnverde{ display:none !important;}
.box3img1 { left: 50%; margin-left: -140px; margin-top: -85px; max-width: 280px; position: absolute; top: 0; width: 90%;}
.txtcenter {margin: 100px auto 0; max-width: 550px; overflow: hidden; padding: 0 10px; position: relative;}
.btninicio { background: rgba(0, 0, 0, 0) url("../img/menu/icobtn1.png") no-repeat scroll 50px 21px;}
.btnagencia { background: rgba(0, 0, 0, 0) url("../img/menu/icobtn2.png") no-repeat scroll 40px 17px;}
.btnserv { background: rgba(0, 0, 0, 0) url("../img/menu/icobtn3.png") no-repeat scroll 25px 21px;}
.btnport { background: rgba(0, 0, 0, 0) url("../img/menu/icobtn4.png") no-repeat scroll 3px 21px;}
.btncontacto { background: rgba(0, 0, 0, 0) url("../img/menu/icobtn5.png") no-repeat scroll 15px 21px;}
.btninicio:hover{ background:url(../img/menu/icobtn1-over.png) no-repeat 50px 21px;}
.btnagencia:hover{background:url(../img/menu/icobtn2-over.png) no-repeat 40px 17px;}
.btnserv:hover{background:url(../img/menu/icobtn3-over.png) no-repeat 25px 21px;}
.btnport:hover{background:url(../img/menu/icobtn4-over.png) no-repeat 3px 21px;}
.btncontacto:hover{background:url(../img/menu/icobtn5-over.png) no-repeat 15px 21px;}
#box2 ul {height: 570px; list-style: outside none none; margin: 100px auto 30px; max-width: 210px; overflow: hidden; padding: 0 0 0 10px; width: 90%;}
.box2agtxt2 { float: none;margin: 0 auto; position: relative; width: 280px; z-index: 10;}
.mas { display: none; font-size: 4em; text-align: center; width: 50px;}
.backicodiseno { background: rgba(0, 0, 0, 0) url("../img/ico-dgrafico.png") no-repeat scroll 0 0; height: 200px; padding: 5px 0 0 40px; width: 175px;}
.backicodiseno:hover{ background:url(../img/ico-dgrafico-over.png) no-repeat 0 0; padding:5px 0 0 40px; width:175px;}
.backicoweb { background: rgba(0, 0, 0, 0) url("../img/ico-dweb.png") no-repeat scroll 0 0; height: 200px; padding: 5px 0 0 45px; width: 175px;}
.backicopubli { background: rgba(0, 0, 0, 0) url("../img/ico-publicidad.png") no-repeat scroll 0 0; height: 200px; padding: 5px 0 0 45px; width: 150px;}
.backicopubli:hover{ background:url(../img/ico-publicidad-over.png) no-repeat 0 0; padding:5px 0 0 45px; width:150px;}

.txtbackbox3 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 110px; margin: 0px auto 0px;  opacity: 0; padding: 10px; width: 95%;}
.txtbackbox3 h2 { float: left; padding-top: 20px; width: 100%;}
.box3img2{ display:none;}
#nosotrosgal{ height:auto; overflow:hidden;}
.txtbox3 { margin: 70px auto -50px; opacity: 1;}
.derr-clientes { left: 50%; margin: -24px 0 0 -149px; position: absolute;width: 340px;}
.embed-container {height: 300px !important; overflow: hidden; padding-bottom:0; position: relative; margin-top:60px;}
.formbox { background: rgba(0, 0, 0, 0) url("../img/backverde.png") repeat scroll 0 0; border: 0 none; height: 530px; left: 0; margin-left: auto; margin-right:auto; margin-top: 50px; padding: 30px 35px 45px; position: relative; width: 290px;  z-index: 99; top:60px;}
.txtform {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-left: 0 none; border-right: 0 none; border-top: 0 none; color: #fff; height: 35px; width: 249px;}
.icodir {background: rgba(0, 0, 0, 0) url("../img/icodir.png") repeat scroll 0 0; cursor: pointer; height: 54px; left: 50%; margin-left: -179px; position: absolute; top: 206px; width: 56px; z-index: 99;}
.icoform { background: rgba(0, 0, 0, 0) url("../img/icoform.png") repeat scroll 0 0; cursor: pointer; height: 54px; left: 50%;  margin-left: -123px; position: absolute; top: 206px; width: 56px; z-index: 99;}
#nosotrosgal li { float: left; height: 236px; margin: 10px 10px 10px 45px; position: relative; width: 236px;}
.back1top { background: #0e2865 url("../img/back1.jpg") no-repeat fixed center 83px / 980px auto; height: 496px;}
.bannernoshome { display: none;}
.back2top{ display:none;}
.back3top{ display:none;}
.back4top{ display:none;}
.box2img1{ display:none;}
.box2img2{ display:none;}

/************Servicios****************/
.box2agimg { float: none; height: 220px; margin: 0 auto; position: relative; width: 288px; z-index: 10;}
.box2agtxt { float: none;margin-left: auto; margin-right: auto; margin-top: 40px; opacity: 0; position: relative;  width: 290px; z-index: 10;}
.box2agtxt h2 { left: 0; position: absolute; top: -135px;}
.box2agtxt p { margin: 180px 0 0 15px;}
.contbox2ag { margin: 50px auto 20px; max-width: 880px; overflow: hidden; width: 90%;}
.box2agimg2 { float: none; margin-left: auto; margin-right: auto; position: relative; width: 200px; z-index: 10;}
.box2agtxt2 ul {list-style: outside none none; margin: 0; overflow: hidden; padding: 50px 0 0;}
#box2ag { min-height: 900px; overflow: hidden; padding-bottom: 0;}
.box3agtxtbackbox3 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 120px; margin: -80px auto 0; max-width: 300px; width: 100%;}
.box3agtxtbackbox3 h2 { display: block; float: none; margin: 0 auto; padding-top: 11px; text-align: center; width: 70%;}
.box3agul { color: #1e345d; list-style: outside none none; margin: 0 auto; max-width: 300px; overflow: hidden; padding: 0; text-align: center; width: 90%;}
.sepbox3{ display:none;}
.box3agb1 { background: rgba(0, 0, 0, 0) url("../img/agencia-ico1.png") no-repeat scroll center 0; margin-left: 0; opacity: 0; padding-right: 0;}
.box3agb2 { background: rgba(0, 0, 0, 0) url("../img/agencia-ico2.png") no-repeat scroll center 0; margin-left: 0; opacity: 0; padding-right: 0;}
.box3agb3 { background: rgba(0, 0, 0, 0) url("../img/agencia-ico3.png") no-repeat scroll center 0; margin-left: 0; opacity: 0; padding-right:0;}
.box3agb4 { background: rgba(0, 0, 0, 0) url("../img/agencia-ico4.png") no-repeat scroll center 0; margin-left: 0; opacity: 0;}
#box4ag {background: #0e2a6b url("../img/agencia-backazul.jpg") no-repeat fixed center top;  height: auto; overflow: hidden; padding: 50px 0 30px; width: 100%;}
#conttab { margin-top: 50px;}
.tableft { float: none; margin-bottom: 30px; margin-left: auto; margin-right: auto; width: 90%;}
.tab-container { float: none; margin: 0 auto; width: 90%;}
.contboxleft { float: none; min-height: 450px; width: 100%;}
.boxright { float: none; margin: 0 auto; width: 90%;}
.boxleft h2 { font-size: 2.2em; margin-top: 40px; margin-left:15px;}
.boxright h2 { margin-left: 0; margin-top: 50px;}
.boxleft h3 { color: #edc228; font-weight: bold; margin-left: auto; margin-right: auto; margin-top: 30px; text-align: left; width: 90%;}
.boxleft p { line-height: 23px; margin-left: auto; margin-right: auto; margin-top: 30px; width: 90%;}
.box2servimg1 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 450px;}
.box2servimg2 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 637px;}
.box2servimg3 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 480px;}
.botoneraservicios { left: 5%; list-style: outside none none; margin: -60px 0 0; padding: 0; position: absolute; top: 100%;}
#box5ag { padding-bottom: 40px; padding-top: 0; width: 100%;}


/**********Banners**********/
.txtbanner h2 {color: #fff; font-size: 1.3em; letter-spacing: 5px;}
.txtbanner h1 { color: #fff;font-size: 0.8em;font-weight: normal; letter-spacing: 1px;}

/**********Contacto**********/
.bannercont1 {background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-1.png") no-repeat scroll 0 0;height: 126px; left: 25%; position: absolute; top: 63%; width: 162px; z-index: 100;}
.bannercont2 { display: none;}
.bannercont3 { display: none;}
.bannercont4 { display: none;}
.bannercont5 {background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-5.png") no-repeat scroll 0 0;height: 91px; left: 70%; position: absolute; top: 84%; width: 67px; z-index: 100;}
.bannercont6 {background: rgba(0, 0, 0, 0) url("../img/banners/contacto/iconos-6.png") no-repeat scroll 0 0 / 100% auto;height: 90px; left: 5%; position: absolute; top: 85%; width: 80px;z-index: 100;}
.bannercont7 { color: #fff !important; height: 150px; left: 50%; margin-left: -150px; position: absolute; text-align: center; top: 50%; width: 300px;}
.flashcont { height: 230px; left: 10%; position: absolute; top: 19%; width: 250px;}

/**********Agencia**********/

.bannernos1{ display: none;}
.bannernos2 { background: rgba(0, 0, 0, 0) url("../img/banners/nosotros/iconos-2.png") no-repeat scroll 0 0 / 100% auto; height: 297px; left: 1%; position: absolute; top: 63%; width: 300px; z-index: 100;}
.bannernos3 { background: rgba(0, 0, 0, 0) url("../img/banners/nosotros/iconos-3.png") repeat scroll 0 0; height: 86px; left: 60%; position: absolute; top: 60%; width: 85px; z-index: 100;}
.bannernos4{ display: none;}
.bannernos5 { color: #fff !important;height: 150px;left: 50%; margin-left: -150px; position: absolute; text-align: center; top: 50%; width: 300px;}
.flash { height: 230px; left: 33%; position: absolute; top: 20%; width: 150px;}


/**********Servicios**********/

.bannerserv1 {background: rgba(0, 0, 0, 0) url("../img/banners/servicios/iconos-1.png") no-repeat scroll 0 0; height: 145px; left: 5%;position: absolute; top: 60%; width: 147px; z-index: 100;}
.bannerserv2{ display: none;}
.bannerserv3{ display: none;}
.bannerserv4 { background: rgba(0, 0, 0, 0) url("../img/banners/servicios/iconos-4.png") no-repeat scroll 0 0; height: 162px; left: 60%; position: absolute; top: 75%; width: 83px; z-index: 100;}
.bannerserv5 {color: #fff !important; height: 80px; left: 50%; margin-left: -150px; position: absolute; text-align: center; top: 50%; width: 300px;}
.flashserv {height: 424px; left: 5%; position: absolute; top: 17%; width: 300px;}

/**********portafolio**********/

.bannerport1{ display: none;}
.bannerport2 {  background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-2.png") no-repeat scroll 0 0 / 100% auto; height: 109px; left: 63%; position: absolute; top: 27%; width: 80px; z-index: 100;}
.bannerport3 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-3.png") no-repeat scroll 0 0 / 100% auto; height: 126px; left: 10%; position: absolute; top: 65%; width: 110px; z-index: 100;}
.bannerport4 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-4.png") no-repeat scroll 0 0 / 100% auto; height: 129px; left: 10%; position: absolute; top: 80%; width: 130px; z-index: 100;}
.bannerport5 { background: rgba(0, 0, 0, 0) url("../img/banners/portafolio/iconos-5.png") no-repeat scroll 0 0; height: 109px; left: 60%; position: absolute; top: 68%; width: 110px; z-index: 100;}
.bannerport6 {color: #fff !important;height: 150px; left: 50%; margin-left: -150px; position: absolute; text-align: center; top: 50%; width: 300px;}
.flashport {height: 423px; left: 5%; position: absolute; top: 25%; width: 300px;}

}

@media (max-width: 325px) { 

}