html,body{
height: 100%;
margin:0;
padding:0;
overflow-x: hidden;
}
}
/* Clearfix */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* Basic Styles */ /* Estructura del sitio */
body {
background-image: url(images/bg-inside-gradient.jpg);
background-repeat: repeat;
background-position: top center;
background-size: 100% 150%;
padding-bottom:10%; /* Height of the footer */
font-family: 'Droid Sans', sans-serif, Helvetica, Arial;
line-height:auto;
margin: 0 auto;
padding: 0;
height: 100% !important;
font-size: 100%;
font-size: 14px;
z-index: -1;
}
p{
color: #2d2d2d;
}
p a{
color: #999;
text-decoration:none;
}
.wrapper {
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0% auto -15em;
}
#contentwrapperportafolio {
opacity: 0;
position: relative;
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
padding-top: 1%;
}
.contentwrapper {
position: relative;
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
padding-top: 1%;
}
.unacolumnacentrada {
margin: 0 auto;
position: relative;
width: 100%;
float: left;
clear: both ;
}
.doscolumnascentradas {
margin: 0 auto;
position: relative;
width: 80%;
clear: both ;
}
.container {
min-height:100%;
position:relative;
height:100%;
}
.box { float: left; }
/* Estilos del header */
.header {
background-image: url(images-header/bg-header.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% 100%;
width: 100%;
margin: 0 auto;
margin-top: 0%;
padding-bottom: 0.5%;
display: block;
position: relative;
z-index: 600;
}
.headercontent {
width: 100%;
margin: 0 auto;
display: block;
position: relative;
z-index: 800;
}
.lenguaje{
margin: 0 auto;
width:80%;
text-align:right;
padding-right:7%;
}
.idioma{
list-style:none;
display:inline-block;
position: relative;
margin: 0 auto;
padding-bottom:0.3%;
width:15%;
}
.idioma ul{
margin: 0 auto;
list-style: none;
display:inline-block;
}
.idioma li{
list-style: none;
display:inline-block;
opacity: 1;
text-align:center;
}
#contenedoridioma {
width:30%;
}
#idiomadivisor {
width:8%;
height:auto;
}
.idioma ul li {
display:inline-block;
}
.idioma ul li a{
display:inline-block;
}
.idioma li a:hover {
opacity: .5;
transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
}
/* Estilos del header menu */
.nav{
list-style:none;
margin: 0 auto;
text-align:center;
width:80%;
padding-top:0.1%;
padding-bottom:1%;
}
.nav li{
display:inline-block;
position: relative;
width:7%;
padding-right: 0.5%;
vertical-align: middle;
}
.nav li a{
display: inline-block;
width:100%;
}
.nav li a:hover {
opacity: .5;
transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
}
.nav li:first-child {
text-align:left;
width:30%;
padding-right: 10%;
}
.nav li:first-child a{
display:inline;
width:100%;
}
/* Estilos del footer */
.footer, .push {
height: 12%;
clear: both;
padding-top: 15%;
}
.bgfooter{
width: 100%;
background-image: url(images-footer/bg-footer.png);
background-repeat: no-repeat;
background-size:100% 100%;
background-position: center center;
position: relative;
padding-top:1.3%;
padding-bottom:2%;
clear: both;
}
#txtfooter{
color: #999;
}
.redessociales{
list-style:none;
margin: 0 auto;
text-align:center;
width:90%;
padding-top: 1%;
}
.redessociales li{
display:inline-block;
position: relative;
width:5%;
padding-right: 1%;
vertical-align: middle;
}
.redessociales li a{
display: inline-block;
width:100%;
}
.redessociales li a:hover {
opacity: .5;
transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
}
.redessociales li:first-child {
width:40%;
padding-right:8%;
}
.redessociales li:first-child a{
display:inline;
width:100%;
}
/* Estilos de sliders */
.sliderinicio{
position: relative;
margin: 0 auto;
width: 100%;
height: auto;
padding-top: 0%;
z-index: 200;
}
/* Estilos del inicio */
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
#tendencias { width: 45%; margin-right:5%; }
#videos { width: 45%; margin-right:5%; }
#logros { width: 45%; margin-left:5%; }
#logro { padding-top: 6%; }
#fbnews { width: 45%; margin-left:5%; }
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px; height: 0; overflow: hidden;
-moz-box-shadow: 0 0 4px #ccc;
-webkit-box-shadow: 0 0 4px #ccc;
box-shadow: 0 0 4px #ccc;
border: solid #fff 4px;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Estilos de nosotros */
#agencia { width: 100%; }
#oferta {
width: 100%;
background-image: url(images/nosotros-bg-oferta.png);
background-repeat: no-repeat;
background-position: top center;
background-size:100% 100%;
padding: 5% 0% 5% 0%;
}
#proceso { width: 100%; }
#agenciaslider {
width: 45%;
height:auto;
margin-right:5%;
}
#agenciatexto {
width: 45%;
margin-left:5%;
text-align:justify;
vertical-align:middle;
}
#ofertatitulo { width: 100%; }
#ofertatexto { width: 100%; }
#procesotitulo { width: 100%; }
#procesoimagen { width: 100%; }
/* Estilos de servicios */
#serviciostitulo { width: 100%; }
#serviciosmktinteligente { width: 100%; }
#serviciosmktinnovadora { width: 100%; }
#serviciosmktinteractiva { width: 100%; }
#mktinteligenteinfo { width: 50%; }
#mktinteligenteimagen { width: 50%; }
#mktinteligentedivisor { width: 100%; }
#mktinnovadoraimagen { width: 50%; }
#mktinnovadorainfo { width: 50%; }
#mktinnovadoradivisor { width: 100%; }
#mktinteractivainfo { width: 50%; }
#mktinteractivaimagen { width: 50%; }
#mktinteractivadivisor { width: 100%; }
p.indentada {
padding-left: 15%;
vertical-align: middle;
margin-top: 0.1em;
margin-bottom: 0.6em;
}
/* Estilos de portafolio */
#portafoliomenucontainingDiv { width:100%; max-width:750px; margin:0 auto; padding:10px 0 0 0; }
.doscolumnascentradasportafolio {
margin: 0 auto;
position: relative;
margin-left:100px;
width: 95%;
clear: both ;
}
.portafoliotitulo {
margin: 0 auto;
padding-bottom:1%;
width: 100%;
}
.portafoliotitulo p {
margin: 0 auto;
text-align:center;
font-size:140%;
font-weight:bold;
line-height:normal; }
.portafolioslider{ width: 40%; float: left;
margin-right:5%; border: 0;}
.portafoliotexto{ width: 50%; float: left; }
.portafoliodivisor { width: 100%; float: left; margin-top:0.5%; margin-bottom:-0.5%;}
p.indentadaportafolio {
padding-left: 1%;
vertical-align: middle;
margin-top: 0.1em;
margin-bottom: 0.6em;
}
/* Estilos de clientes */
#clientestitulo { width: 100%; }
.cliente { float: left; width: 33.33333333333333%; }
/* Estilos de contacto */
.bgmapa {
width: 100%;
margin: 0 auto;
margin-top:-5%;
padding-top:5%;
padding-bottom:7%;
margin-bottom:-5%;
background-image: url(images/bg-mapa-merkin.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
.mapa {
width: 50%;
margin: 0 auto;
}
#unete { width: 100%; margin-top:-9.6%; }
#unetetitulo { width: 100%; }
.uneteseccion { width: 31%; float: left; border:0; }
.unetedivisorvertical { width: 3.5%; float: left; }
.doscolumnascentradascontacto {
margin: 0 auto;
position: relative;
width: 80%;
clear:both;
}
#bgformacontacto {
width: 100%;
margin: 0 auto;
margin-top:-7%;
padding-top:4%;
padding-bottom:5%;
background-image: url(images/bg-formacontacto.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
.direccion {
width: 54%;
position: relative;
float:right;
padding-top: 2.3%;
}
.mascotamerkin{
width: 30%;
position: relative;
float:right;
margin-top:-24%;
z-index:400;
}
body, div, h1, form, fieldset, input, textarea {
margin: 0; padding: 0; border: 0; outline: none;
}
.formacontacto {
width: 40%;
margin-top:3%;
position:relative;
padding-top: 3%;
z-index:500;
}
input {
width: 89%;
height: 35px;
padding: 5px 20px 0px 20px;
margin: 0 0 10px 0;
background: #2c2e2f;
background: -moz-linear-gradient(top, #2c2e2f 0%, #333435 20%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2e2f), color-stop(20%,#333435)); /* webkit */
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 0px #f2f2f2;
-webkit-box-shadow: 0px 1px 0px #f2f2f2;
font-family: sans-serif;
font-size: 16px;
color: #f2f2f2;
text-shadow: 0px -1px 0px #334f71;
}
input::-webkit-input-placeholder {
color: #5a5a5a; text-shadow: 0px -1px 0px #38506b;
}
input:-moz-placeholder {
color: #5a5a5a; text-shadow: 0px -1px 0px #38506b;
}
textarea {
width: 89%; height: 180px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0;
background: #2c2e2f;
background: -moz-linear-gradient(top, #2c2e2f 0%, #333435 20%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2e2f), color-stop(20%,#333435)); /* webkit */
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
font-family: sans-serif; font-size: 16px;
color: #f2f2f2;
text-shadow: 0px -1px 0px #334f71;
}
textarea::-webkit-input-placeholder {
color: #5a5a5a; text-shadow: 0px -1px 0px #38506b;
}
textarea:-moz-placeholder {
color: #5a5a5a; text-shadow: 0px -1px 0px #38506b;
}
input:focus, textarea:focus {
background: #a6a6a6;
background: -moz-linear-gradient(top, #878787 0%, #a6a6a6 20%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(20%,#a6a6a6)); /* webkit */
}
input[type=submit] {
width: 185px;
height: 50px;
align: right;
padding: 10px 15px;
margin: 0 15px 0 0;
-moz-box-shadow: 0px 0px 5px #999;
-webkit-box-shadow: 0px 0px 5px #999;
border: 1px solid #556f8c;
background: -moz-linear-gradient(top, #0083c6 0%, #0066b5 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0083c6), color-stop(100%,#0066b5)); /* webkit */
text-transform: uppercase;
cursor: pointer;
font-weight: bolder;
}
/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
body { font-size: 100%; font-size: 14px; }
}
/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
body { font-size: 100%; font-size: 12px; }
#tendencias { width: 100%; }
#videos { width: 100%; }
#logros { width: 100%; }
#fbnews { width: 100%; }
/* Estilos de nosotros */
#agenciaslider { width: 100%; height:auto; }
#agenciatexto { width: 100%; margin-left:0%; text-align:justify; vertical-align:middle; }
/* Estilos de portafolio */
.portafolioslider{ width: 85%; margin: 0 auto; margin-left: 7.5%; border: 0;}
.portafoliotexto{ width: 100%; float: left; text-align:justify; }
.doscolumnascentradasportafolio { margin: 0 auto; position: relative; width: 100%; clear: both ; }
/* Estilos del header menu */
.nav{ list-style:none; margin: 0 auto; text-align:center; width:90%; padding-top:0.1%; padding-bottom:1%; }
.nav li{ display:inline-block; position: relative; width:17%; padding-right: 1%; vertical-align: middle; }
.nav li a{ display: inline-block; width:100%; }
.nav li a:hover { opacity: .5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
.nav li:first-child { text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child a{ display:inline; text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child img{ width:50%; }
}
/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
body { font-size: 100%; font-size: 13px; }
/* Estilos del inicio */
#tendencias { width: 100%; }
#videos { width: 100%; }
#logros { width: 100%; }
#fbnews { width: 100%; }
/* Estilos de nosotros */
#agenciaslider { width: 100%; height:auto; }
#agenciatexto { width: 100%; margin-left:0%; text-align:justify; vertical-align:middle; }
/* Estilos de portafolio */
.portafolioslider{ width: 85%; margin: 0 auto; margin-left: 7.5%; border: 0;}
.portafoliotexto{ width: 100%; float: left; text-align:justify; }
.doscolumnascentradasportafolio { margin: 0 auto; position: relative; width: 100%; clear: both ; }
/* Estilos del header menu */
.nav{ list-style:none; margin: 0 auto; text-align:center; width:90%; padding-top:0.1%; padding-bottom:1%; }
.nav li{ display:inline-block; position: relative; width:17%; padding-right: 1%; vertical-align: middle; }
.nav li a{ display: inline-block; width:100%; }
.nav li a:hover { opacity: .5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
.nav li:first-child { text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child a{ display:inline; text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child img{ width:50%; }
}
/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
body { font-size: 100%; font-size: 11px; }
/* Estilos del inicio */
#tendencias { width: 100%; }
#videos { width: 100%; }
#logros { width: 100%; }
#fbnews { width: 100%; }
/* Estilos de nosotros */
#agenciaslider { width: 100%; height:auto; }
#agenciatexto { width: 100%; margin-left:0%; text-align:justify; vertical-align:middle; }
/* Estilos de portafolio */
.portafolioslider{ width: 85%; margin: 0 auto; margin-left: 7.5%; border: 0;}
.portafoliotexto{ width: 100%; float: left; text-align:justify; }
.doscolumnascentradasportafolio { margin: 0 auto; position: relative; width: 100%; clear: both ; }
/* Estilos del header menu */
.nav{ list-style:none; margin: 0 auto; text-align:center; width:90%; padding-top:0.1%; padding-bottom:1%; }
.nav li{ display:inline-block; position: relative; width:17%; padding-right: 1%; vertical-align: middle; }
.nav li a{ display: inline-block; width:100%; }
.nav li a:hover { opacity: .5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
.nav li:first-child { text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child a{ display:inline; text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child img{ width:50%; }
}
/* iPad 3 & 4 Landscape */
@media only screen and (width: 481px) and (width: 1024px) and (orientation: landscape) {
body { font-size: 100%; font-size: 12px; }
/* Estilos del inicio */
#tendencias { width: 100%; }
#videos { width: 100%; }
#logros { width: 100%; }
#fbnews { width: 100%; }
/* Estilos de nosotros */
#agenciaslider { width: 100%; height:auto; }
#agenciatexto { width: 100%; margin-left:0%; text-align:justify; vertical-align:middle; }
/* Estilos de portafolio */
.portafolioslider{ width: 85%; margin: 0 auto; margin-left: 7.5%; border: 0;}
.portafoliotexto{ width: 100%; float: left; text-align:justify; }
.doscolumnascentradasportafolio { margin: 0 auto; position: relative; width: 100%; clear: both ; }
/* Estilos del header menu */
.nav{ list-style:none; margin: 0 auto; text-align:center; width:90%; padding-top:0.1%; padding-bottom:1%; }
.nav li{ display:inline-block; position: relative; width:17%; padding-right: 1%; vertical-align: middle; }
.nav li a{ display: inline-block; width:100%; }
.nav li a:hover { opacity: .5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
.nav li:first-child { text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child a{ display:inline; text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child img{ width:50%; }
}
/* iPad 3 & 4 Portrait */
@media only screen and (width: 481px) and (width: 1024px) and (orientation: portrait) {
body { font-size: 100%; font-size: 10px; }
/* Estilos del inicio */
#tendencias { width: 100%; }
#videos { width: 100%; }
#logros { width: 100%; }
#fbnews { width: 100%; }
/* Estilos de nosotros */
#agenciaslider { width: 100%; height:auto; }
#agenciatexto { width: 100%; margin-left:0%; text-align:justify; vertical-align:middle; }
/* Estilos de portafolio */
.portafolioslider{ width: 85%; margin: 0 auto; margin-left: 7.5%; border: 0;}
.portafoliotexto{ width: 100%; float: left; text-align:justify; }
.doscolumnascentradasportafolio { margin: 0 auto; position: relative; width: 100%; clear: both ; }
/* Estilos del header menu */
.nav{ list-style:none; margin: 0 auto; text-align:center; width:90%; padding-top:0.1%; padding-bottom:1%; }
.nav li{ display:inline-block; position: relative; width:17%; padding-right: 1%; vertical-align: middle; }
.nav li a{ display: inline-block; width:100%; }
.nav li a:hover { opacity: .5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
.nav li:first-child { text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child a{ display:inline; text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child img{ width:50%; }
}
/* iPhone 2G-3GS Landscape */
@media only screen and (width: 481px) and (width: 480px) and (orientation: landscape) {
body { font-size: 100%; font-size: 10px; }
/* Estilos del inicio */
#tendencias { width: 100%; }
#videos { width: 100%; }
#logros { width: 100%; }
#fbnews { width: 100%; }
/* Estilos de nosotros */
#agenciaslider { width: 100%; height:auto; }
#agenciatexto { width: 100%; margin-left:0%; text-align:justify; vertical-align:middle; }
/* Estilos de portafolio */
.portafolioslider{ width: 85%; margin: 0 auto; margin-left: 7.5%; border: 0;}
.portafoliotexto{ width: 100%; float: left; text-align:justify; }
.doscolumnascentradasportafolio { margin: 0 auto; position: relative; width: 100%; clear: both ; }
/* Estilos del header menu */
.nav{ list-style:none; margin: 0 auto; text-align:center; width:90%; padding-top:0.1%; padding-bottom:1%; }
.nav li{ display:inline-block; position: relative; width:17%; padding-right: 1%; vertical-align: middle; }
.nav li a{ display: inline-block; width:100%; }
.nav li a:hover { opacity: .5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
.nav li:first-child { text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child a{ display:inline; text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child img{ width:50%; }
}
/* iPhone 2G-3Gs Portrait */
@media only screen and (width: 481px) and (width: 480px) and (orientation: portrait) {
body { font-size: 100%; font-size: 8px; }
/* Estilos del inicio */
#tendencias { width: 100%; }
#videos { width: 100%; }
#logros { width: 100%; }
#fbnews { width: 100%; }
/* Estilos de nosotros */
#agenciaslider { width: 100%; height:auto; }
#agenciatexto { width: 100%; margin-left:0%; text-align:justify; vertical-align:middle; }
/* Estilos de portafolio */
.portafolioslider{ width: 85%; margin: 0 auto; margin-left: 7.5%; border: 0;}
.portafoliotexto{ width: 100%; float: left; text-align:justify; }
.doscolumnascentradasportafolio { margin: 0 auto; position: relative; width: 100%; clear: both ; }
/* Estilos del header menu */
.nav{ list-style:none; margin: 0 auto; text-align:center; width:90%; padding-top:0.1%; padding-bottom:1%; }
.nav li{ display:inline-block; position: relative; width:17%; padding-right: 1%; vertical-align: middle; }
.nav li a{ display: inline-block; width:100%; }
.nav li a:hover { opacity: .5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
.nav li:first-child { text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child a{ display:inline; text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child img{ width:50%; }
}
/* iPhone 4/4S Landscape */
@media only screen and (width: 569px) and (width: 480px) and (orientation: landscape) {
body { font-size: 100%; font-size: 8px; }
/* Estilos del inicio */
#tendencias { width: 100%; }
#videos { width: 100%; }
#logros { width: 100%; }
#fbnews { width: 100%; }
/* Estilos de nosotros */
#agenciaslider { width: 100%; height:auto; }
#agenciatexto { width: 100%; margin-left:0%; text-align:justify; vertical-align:middle; }
/* Estilos de portafolio */
.portafolioslider{ width: 85%; margin: 0 auto; margin-left: 7.5%; border: 0;}
.portafoliotexto{ width: 100%; float: left; text-align:justify; }
.doscolumnascentradasportafolio { margin: 0 auto; position: relative; width: 100%; clear: both ; }
/* Estilos del header menu */
.nav{ list-style:none; margin: 0 auto; text-align:center; width:90%; padding-top:0.1%; padding-bottom:1%; }
.nav li{ display:inline-block; position: relative; width:17%; padding-right: 1%; vertical-align: middle; }
.nav li a{ display: inline-block; width:100%; }
.nav li a:hover { opacity: .5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
.nav li:first-child { text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child a{ display:inline; text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child img{ width:50%; }
}
/* iPhone 4/4S Portrait */
@media only screen and (width: 569px) and (width: 480px) and (orientation: portrait) {
body { font-size: 100%; font-size: 8px; }
/* Estilos del inicio */
#tendencias { width: 100%; }
#videos { width: 100%; }
#logros { width: 100%; }
#fbnews { width: 100%; }
/* Estilos de nosotros */
#agenciaslider { width: 100%; height:auto; }
#agenciatexto { width: 100%; margin-left:0%; text-align:justify; vertical-align:middle; }
/* Estilos de portafolio */
.portafolioslider{ width: 85%; margin: 0 auto; margin-left: 7.5%; border: 0;}
.portafoliotexto{ width: 100%; float: left; text-align:justify; }
.doscolumnascentradasportafolio { margin: 0 auto; position: relative; width: 100%; clear: both ; }
/* Estilos del header menu */
.nav{ list-style:none; margin: 0 auto; text-align:center; width:90%; padding-top:0.1%; padding-bottom:1%; }
.nav li{ display:inline-block; position: relative; width:17%; padding-right: 1%; vertical-align: middle; }
.nav li a{ display: inline-block; width:100%; }
.nav li a:hover { opacity: .5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
.nav li:first-child { text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child a{ display:inline; text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child img{ width:50%; }
}
/* iPhone 5 Landscape */
@media only screen and (width: px) and (width: 568px) and (orientation: landscape) {
body { font-size: 100%; font-size: 8px; }
/* Estilos del inicio */
#tendencias { width: 100%; }
#videos { width: 100%; }
#logros { width: 100%; }
#fbnews { width: 100%; }
/* Estilos de nosotros */
#agenciaslider { width: 100%; height:auto; }
#agenciatexto { width: 100%; margin-left:0%; text-align:justify; vertical-align:middle; }
/* Estilos de portafolio */
.portafolioslider{ width: 85%; margin: 0 auto; margin-left: 7.5%; border: 0;}
.portafoliotexto{ width: 100%; float: left; text-align:justify; }
.doscolumnascentradasportafolio { margin: 0 auto; position: relative; width: 100%; clear: both ; }
/* Estilos del header menu */
.nav{ list-style:none; margin: 0 auto; text-align:center; width:90%; padding-top:0.1%; padding-bottom:1%; }
.nav li{ display:inline-block; position: relative; width:17%; padding-right: 1%; vertical-align: middle; }
.nav li a{ display: inline-block; width:100%; }
.nav li a:hover { opacity: .5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
.nav li:first-child { text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child a{ display:inline; text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child img{ width:50%; }
}
/* iPhone 5 Portrait */
@media only screen and (width: px) and (width: 568px) and (orientation: portrait) {
body { font-size: 100%; font-size: 8px; }
/* Estilos del inicio */
#tendencias { width: 100%; }
#videos { width: 100%; }
#logros { width: 100%; }
#fbnews { width: 100%; }
/* Estilos de nosotros */
#agenciaslider { width: 100%; height:auto; }
#agenciatexto { width: 100%; margin-left:0%; text-align:justify; vertical-align:middle; }
/* Estilos de portafolio */
.portafolioslider{ width: 85%; margin: 0 auto; margin-left: 7.5%; border: 0;}
.portafoliotexto{ width: 100%; float: left; text-align:justify; }
.doscolumnascentradasportafolio { margin: 0 auto; position: relative; width: 100%; clear: both ; }
/* Estilos del header menu */
.nav{ list-style:none; margin: 0 auto; text-align:center; width:90%; padding-top:0.1%; padding-bottom:1%; }
.nav li{ display:inline-block; position: relative; width:17%; padding-right: 1%; vertical-align: middle; }
.nav li a{ display: inline-block; width:100%; }
.nav li a:hover { opacity: .5; transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -webkit-transition: opacity .5s ease-out; -o-transition: opacity .5s ease-out; }
.nav li:first-child { text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child a{ display:inline; text-align:center; width:100%; margin-bottom:2%; }
.nav li:first-child img{ width:50%; }
}