html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section{display:block;}
a img{border:0;}
figure{position:relative;}
figure img{width:100%;}
.gigantic{font-size:110px;line-height:120px;letter-spacing:-2px;}
.huge,h1{text-align:center;font-size:19px;line-height:21px;}
.large,h2{font-size:18px;line-height:22px;font-weight:normal;}
.big,h3{font-size:26px;line-height:36px;}
.normal,body{font:13px Helvetica,Arial,sans-serif;}
.small{font-size:13px;line-height:18px;}
p,blockquote{margin-bottom:16px;}
ul{width:100%;}
a{color:#444;}
a:visited{color:#000;}
/*body{-webkit-tap-highlight-color:#ffff00;}
::selection{background:#ffff00;}
::-moz-selection{background:#ffff00;}*/
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
* html .clearfix,*:first-child+html .clearfix{zoom:1;}
.textShadow{text-shadow:#222222 0 -1px 0;}
/*.container{width:850px;margin:0 auto;}*/
.container{width:970px;margin:0 auto;}
.container3{width:100%;margin:0 auto;background:url(../images/background-footer.png)}
body{background:url(../images/background.jpg) repeat-y center #dbdbdc;color:#999;font-family:"Helvetica Neue","Arial",clean,sans-serif;}
header{width:100%;position:fixed;top:0;left:0;background-color:#000;width:100%;z-index:9999;background:url(../images/back-header.png) repeat-x;}
header .container{height:75px;}
header .logo {display:inline-block;background:url(../images/logo.png) no-repeat 0 2px ;text-indent:-9999px;width:260px;height:51px;margin-top:5px;}

/* ===========================================
	NAVIGATION
============================================== */
#mainNav {position:fixed; z-index: 999; top:54px; width:100%; left:0; }
#mainNav ul { list-style:none; text-align: center; display: inline-block; /* added by viljami */ *float: left; margin: 0 auto; height: 30px;}
#mainNav li { float: left; }
#mainNav a { font-size: 12px; font-weight: bold; letter-spacing:1px; border: 0; text-transform: uppercase; text-decoration: none; color: #363636; padding: 9px 12px 0; height: 30px; display: block; background: rgba(255, 255, 255, 0.01); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-font-smoothing: antialiased; }
#mainNav a:hover { color: #fff; height: 30px; padding: 9px 12px 5px; background: transparent url('../images/selected_menu.png') no-repeat 50% 0; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; }
#mainNav a:active { color: #fff; }
#mainNav a:focus { outline: 0; }
#mainNav.active ul { -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 15px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 15px 0; -o-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 15px 0; box-shadow: rgba(0, 0, 0, 0.4) 0 3px 15px 0; }

#mainNav.active { *position: absolute !important; *top: 205px !important; }

#mainNav-fijo {width:100%;position:fixed;top:70px; height:54px; z-index:999; background:url(../images/back-menu.png) repeat-x;}

/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Skip */
#skip { display: none; }

/*nav#mainNav{width:120px;height:120px;position:absolute;right:0;top:0;background:url(../images/nav.png) 0 top no-repeat;}nav#mainNav ul{margin:20px 20px 0 20px;width:80px;border-top:1px solid #a11539;}nav#mainNav ul li{list-style:none;text-align:center;}nav#mainNav ul li a{display:block;padding:6px 0;line-height:1;text-decoration:none;text-transform:uppercase;text-shadow:0px 1px #ccc;color:#fff;font-size:10px;letter-spacing:2px;border-bottom:1px solid #a11539;}*/

/*#top.container{padding-bottom:3em;}*/
span.websites{color:#2c2c2c;}
span.print{color:#eb6841;}
span.brand{color:#c61c05;}
article#introduction{padding:124px 0 0 0;color:#999;height:0;}article#introduction p.intro{text-align:center;font-size:17px;line-height:21px;}article#introduction p.intro span{font-weight:bold;}#introduction 
article#introduction h2{font-size:18px;font-weight:bold;}

article#introduction1{padding:124px 0 0 0;color:#999;height:0;}article#introduction1 p.intro{font-size:18px;line-height:22px;padding-bottom:10px;margin-bottom:10px;letter-spacing:normal;text-align:center;}

article#introduction div.column{width:850px;float:left;margin-left:120px;margin-bottom:8px;color:#000;line-height:19px;}article#introduction div.column a{text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999;}
article#introduction div.column a:hover{border-bottom-width:2px;}
article#introduction div.column h2{font-size:16px;line-height:23px;letter-spacing:0;font-weight:bold;border-bottom:dashed 1px #dd3a25;}
article#introduction div.column.last{margin-right:0px;}
article#introduction img{position:absolute;margin-left:-134px;max-width:130px;}
section#portfolio article{width:100%;float:left;padding-top:32px;padding-bottom:86px;border-top-width:18px;border-top-style:solid;background-repeat:no-repeat;}

article#casos{margin-top:70px;padding:64px 0 20px 0;color:#999;height:auto;}#casos p.casos{font-size:13px;line-height:20px;color:#000;}
article#casos h2{font-size:16px;font-weight:bold;}

section#portfolio article h1{letter-spacing:normal;text-transform:uppercase;font-weight:normal;font-size:28px;line-height:1;color:#fff;color:rgba(255, 255, 255, 0.85);margin:-84px 0 0 312px;position:relative;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;float:left;padding:10px 20px 0px	20px;text-shadow:rgba(0, 0, 0, 0.5) 0 -1px 0;border-left:1px solid rgba(255, 255, 255, 0.2);border-top:1px solid rgba(255, 255, 255, 0.2);border-right:1px solid rgba(0, 0, 0, 0.2);}
div.portfolioLeft{width:312px;margin-right:24px;float:left;overflow-y:hidden;margin-bottom:12px;}div.portfolioLeft img{width:100%;float:left;}
.portfolioCenter{width:312px;float:right;min-height:300px;}.portfolioCenter a{text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999;}
.portfolioCenter a:hover{border-bottom-width:2px;}
.portfolioCenter blockquote{font-family:Constantia,"Lucida Bright",Lucidabright,"Lucida Serif",Lucida,"DejaVu Serif," "Bitstream Vera Serif","Liberation Serif",Georgia,serif;font-style:italic;margin-bottom:8px;display:block;padding-top:16px;border-top-style:dotted;border-top-width:1px;float:left;width:100%;}
.portfolioCenter p.source{font-size:13px;line-height:18px;margin-bottom:32px;}.portfolioCenter p.source span{font-style:italic;}
.portfolioCenter ul{margin-bottom:8px;float:left;}.portfolioCenter ul li{margin-bottom:8px;list-style:none;padding-left:20px;}
.portfolioCenter a.portfolioSiteLink{font-family:"Lucida Grande","Helvetica","Arial",clean,sans-serif;font-size:12px;display:block;padding:5px 27px 0px 8px;height:18px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;float:left;text-decoration:none;line-height:1;font-weight:bold;border:1px solid;}
.portfolioRight{width:312px;float:left;}.portfolioRight ul{margin:0px;padding:0px;}.portfolioRight ul li{list-style:none;float:left;margin-right:10px;margin-bottom:10px;width:60px;height:60px;}.portfolioRight ul li a{margin-top:1px;display:block;width:60px;height:60px;border:1px rgba(0, 0, 0, 0.2) solid;text-indent:-9999px;-webkit-border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;}
.portfolioRight ul li a:hover{margin-top:0px;border:1px #fff solid;}
.portfolioRight ul li a:active{margin-top:2px;}
section#portfolio article#doorstep_dairy{background-color:#a3daff;border-color:#287da5;}section#portfolio article#doorstep_dairy div.portfolioLeft{-webkit-box-shadow:0px 0px 20px #287da5;-moz-box-shadow:0px 0px 20px #287da5;box-shadow:0px 0px 20px #287da5;}
section#portfolio article#doorstep_dairy .container{color:#225F8F;text-shadow:#D5ECFC 0 1px 0;}section#portfolio article#doorstep_dairy .container a{color:#225F8F;}
section#portfolio article#doorstep_dairy h1{background-color:#287da5;}
section#portfolio article#doorstep_dairy div.portfolioCenter a{border-bottom-color:#225F8F;}
section#portfolio article#doorstep_dairy div.portfolioCenter a.portfolioSiteLink{-webkit-box-shadow:0 0 7px #306692;-moz-box-shadow:0 0 7px #306692;box-shadow:0 0 7px #306692;color:#1E3D50;border-color:#a3daff;text-shadow:#a3daff 0 1px 0;background-color:#4FA8F6;}
section#portfolio article#doorstep_dairy div.portfolioCenter a.portfolioSiteLink:hover{background-color:#a3daff;}
section#portfolio article#ribbedtee{background-color:#333;border-color:#222;}section#portfolio article#ribbedtee div.portfolioLeft{-webkit-box-shadow:0px 0px 20px #000000;-moz-box-shadow:0px 0px 20px #000000;box-shadow:0px 0px 20px #000000;}
section#portfolio article#ribbedtee .container{text-shadow:#111111 0 -1px 0;color:#999;}section#portfolio article#ribbedtee .container a{color:#999;}
section#portfolio article#ribbedtee h1{background-color:#222;}
section#portfolio article#ribbedtee blockquote{border-color:#999;}
section#portfolio article#ribbedtee div.portfolioCenter a{border-bottom-color:#999;}
section#portfolio article#ribbedtee div.portfolioCenter a.portfolioSiteLink{-webkit-box-shadow:0 0 7px #000000;-moz-box-shadow:0 0 7px #000000;box-shadow:0 0 7px #000000;color:#000;border-color:#999;text-shadow:#aaa 0 1px 0;}
section#portfolio article#ribbedtee div.portfolioCenter a.portfolioSiteLink:hover{background-color:#666;}
section#portfolio article#vf_outlet{background-color:#e00009;color:#ffd4cc;border-color:#b30006;}section#portfolio article#vf_outlet div.portfolioLeft{-webkit-box-shadow:0px 0px 20px #000000;-moz-box-shadow:0px 0px 20px #000000;box-shadow:0px 0px 20px #000000;}
section#portfolio article#vf_outlet .container a{color:#ffd4cc;}
section#portfolio article#vf_outlet h1{background-color:#b30006;}
section#portfolio article#vf_outlet div.portfolioCenter a{border-bottom-color:#ffd4cc;}
section#portfolio article#vf_outlet div.portfolioCenter a.portfolioSiteLink{-webkit-box-shadow:0 0 7px #000000;-moz-box-shadow:0 0 7px #000000;box-shadow:0 0 7px #000000;color:#000;border-color:#b30006;text-shadow:#aaa 0 1px 0;}
footer{padding:0px 0 64px 0;background:url(../images/background-footer.png) repeat; width:100%;float:left;}footer a{border-bottom-color:#666;color:#ccc;}
footer a:visited{color:#fff;}
footer div.container{padding-top:16px;}
footer article{width:312px;float:left;padding-top:16px;}footer article h1{text-indent:-9999px;height:50px;margin-bottom:10px;}
footer article p{font-size:13px;line-height:18px;}
footer article.contactInfo h1{background:url(../images/logo-form.png) no-repeat; color:#eb6841;}
footer article.contactForm{margin-right:24px;}
footer article.contactInfo{margin-left:280px; margin-bottom:16px;font-size:13px;line-height:18px;}
footer form#contactForm ul{position:relative;}footer form#contactForm ul li{list-style:none;width:588px;margin-bottom:6px;}footer form#contactForm ul li label{font-size:13px;line-height:18px;text-shadow:0 1px #000;display:block;width:82px;text-align:right;float:left;padding:14px 12px 0 0;color:#fff;}
footer form#contactForm ul li input,footer form#contactForm ul li textarea{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:8px;width:454px;border-bottom:1px solid #444;border-top:2px solid #000;border-left:2px solid #000;border-right:0px;background-color:#333333;text-shadow:0 1px #000;color:#ccc;font-family:"Lucida Grande","Arial",sans-serif;line-height:1;}
footer form#contactForm ul li textarea{height:80px;line-height:1.2;overflow:auto;}
footer form#contactForm ul li input[required],footer form#contactForm ul li textarea[required]{background-color:#333333;}
footer form#contactForm ul li input:focus,footer form#contactForm ul li textarea:focus,footer form#contactForm ul li input[required]:focus,footer form#contactForm ul li textarea[required]:focus{background-color:#333333;color:#9d9d9d;text-shadow:none;}
footer form#contactForm button{float:right;margin-right:-255px;background:url(../images/footerFormBtn.png) 0 0 no-repeat;height:30px;width:101px;text-indent:-9999px;display:block;border:none;}
footer form#contactForm button:hover{background:url(../images/footerFormBtn.png) 0px -30px no-repeat;}
footer form#contactForm button:active{background:url(../images/footerFormBtn.png) 0px -60px no-repeat;}
ul.socialBadges{margin-top:12px;margin-bottom:12px;float:left;width:100%;}ul.socialBadges li{list-style:none;float:left;text-indent:-9999px;}ul.socialBadges li a{display:block;height:24px;width:24px;margin-right:10px;}
ul.socialBadges li a.twitter{background-position:-24px 0;}
ul.socialBadges li a.linkedin{background-position:-24px -48px;}
ul.socialBadges li a.dribbble{background-position:-24px -72px;}
ul.socialBadges li a.facebook{background-position:-24px -24px;}
ul.socialBadges li a:hover.twitter{background-position:0 0;}
ul.socialBadges li a:hover.linkedin{background-position:0 -48px;}
ul.socialBadges li a:hover.dribbble{background-position:0 -72px;}
ul.socialBadges li a:hover.facebook{background-position:0 -24px;}

.barra-titulo{
display:block;
height:75px;
width:100%;
background:url(../images/barra-titulo.png) repeat-x;
}

.tit-portfolio{
display:block;
height:48px;
width:100%;
margin-left:-35px;
background:url(../images/tit-portfolio.png) no-repeat center;
}

.tit-servicios{
display:block;
height:48px;
width:100%;
margin-left:-35px;
background:url(../images/tit-servicios.png) no-repeat center;
}

.tit-reconocimientos{
display:block;
height:48px;
width:100%;
margin-left:-35px;
background:url(../images/tit-reconocimientos.png) no-repeat center;
}
.espaciador-intro{width:100%;margin:0 auto;height:110px;background:url(../images/background-footer.png);}
.espaciador{width:100%;margin:0 auto;height:99px;}
.contenedor-work{width:100%;float:left;}
.contenedor-plano{width:100%;float:left;background:url(../images/background-claro.png) repeat;}
.casos p{font-size:13px;line-height:20px;color:#000;}
.accesibilidad{float:left; width:100%; padding-top:26px; text-align:center; color:#fff;}


@media only screen and (max-width: 980px){.container2{width:800px;margin:0 auto;}
.container{width:648px;margin:0 auto;}
article#introduction div.column{width:550px;margin-left:90px;}
footer article.contactInfo{margin-top:-320px; margin-bottom:16px;font-size:13px;line-height:18px; float:right;}
footer form#contactForm ul{margin-left:-50px;position:relative;}footer form#contactForm ul li{width:388px;}footer form#contactForm ul li label{font-size:14px;line-height:18px;text-shadow:0 1px #000;display:block;width:62px;}
footer form#contactForm ul li input,footer form#contactForm ul li textarea{width:274px;}
footer form#contactForm button{margin-right:-5px;}
article#introduction1{margin-top:0;padding:130px 0 0 0;background:none;height:auto;}article#introduction1 p.intro{font-size:18px;line-height:22px;padding-bottom:10px;margin-bottom:10px;letter-spacing:normal;text-align:center;}.espaciador-intro{height:auto;}}


@media only screen and (max-width: 767px){body{background:url(../images/background-movil.jpg) repeat-y center #dbdbdc;} .container{width:396px;-webkit-text-size-adjust:100%;} .container2{width:396px;-webkit-text-size-adjust:100%;} header{position:static;}header .container{height:100px;} header h1{font-size:14px;text-transform:uppercase;letter-spacing:2px;line-height:20px;text-align:center;}header h1 a{display:block;background-position:center 6px;width:100%;height:68px;} header h1 span.logoLeft{display:none;} header h1 span.logoRight{display:inline;}

.espaciador{width:100%;margin:0 auto;height:auto;background:none;}


/* ===========================================
	NAVIGATION
============================================== */
#mainNav, #mainNav.active { position: relative !important; top: auto !important; left: auto; float: left; right: auto; text-align: left; width: 85%; margin: 10% 7%;}
#mainNav ul { background: transparent none; border-bottom: none; color: #fff;}
#mainNav li { float: left; width: 100%; min-width: 260px; text-align: left; margin: 0 !important; }
#mainNav li a, #mainNav li a.selected { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; background: rgba(255, 255, 255, 0.05) url('../images/arrow.png') no-repeat right top; border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px !important; padding-bottom: 0 !important; height: 28px !important; color: #fff;}
#mainNav li a:hover { background: rgba(255, 255, 255, 0.2) no-repeat right top; }
#mainNav-fijo {display:none;}

#skip { display: inline; font-size: 13px; font-family: Helvetica,Arial,sans-serif; color: #0b8cb8; border-bottom: 1px solid #0b8cb8; }

/*nav#mainNav{display:none;}*/
article#introduction1{margin-top:-29px;padding:20px 0 20px 0;background:none;height:auto;}article#introduction1 p.intro{font-size:18px;line-height:22px;padding-bottom:10px;margin-bottom:10px;letter-spacing:normal;text-align:center;}

article#introduction{margin-top:-29px;padding:20px 0 20px 0;background:none;height:auto;}article#introduction p.intro{font-size:18px;line-height:22px;padding-bottom:10px;margin-bottom:10px;letter-spacing:normal;text-align:center;} article#introduction div.column{width:100%;margin-left:0px;margin-bottom:16px;}article#introduction div.column h2{font-size:16px;line-height:23px;font-weight:bold;border-bottom:none;} article#introduction img{position:static;float:left;margin:0;max-width:130px;}section#portfolio article{padding-top:12px;padding-bottom:86px;}section#portfolio article h1{font-size:26px;line-height:36px;margin:-62px 0 0 0px;float:left;padding:6px 12px 0px 12px;} div.portfolioLeft{width:100%;margin-right:0px;} .portfolioCenter{width:100%;float:left;padding-top:12px;}.portfolioCenter blockquote{margin-bottom:16px;} .portfolioCenter li{margin-bottom:8px;list-style:circle;padding-left:24px;} .portfolioCenter ul{margin-bottom:8px;float:left;} .portfolioRight{display:none;} footer{padding:0 0 64px 0;width:100%;float:left;}footer div.container{padding-top:12px;background-size:100% auto;} footer article{width:100%;padding-top:32px;margin:0px;}footer article h1{margin-bottom:0px;} footer form#contactForm ul{margin-left:0px;}footer form#contactForm ul li{width:100%;margin-bottom:0px;}footer form#contactForm ul li label{width:100%;text-align:left;padding-top:8px;} footer form#contactForm ul li input,footer form#contactForm ul li textarea{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:378px;} footer form#contactForm ul li input[required]{background-color:#333333;} footer form#contactForm ul li textarea[required]{background-color:#333333;} footer form#contactForm button{margin-right:0;margin-top:10px;} footer article.contactInfo{margin-left:0; margin-bottom:0;margin-top:0;}}

@media only screen and (max-width: 479px){.container{width:288px;} .container2{width:288px;} article#introduction p.intro{letter-spacing:-1px;} article#introduction div.column img{position:static;margin:0;max-width:130px;} footer div.container{padding-top:0;} footer article{padding-top:16px;}footer article.contactForm h1,footer article.contactInfo h1{text-indent:0;font-size:36px;} footer form#contactForm ul li{width:100%;margin-bottom:0px;}footer form#contactForm ul li input,footer form#contactForm ul li textarea{width:270px;}}

input:focus::-webkit-input-placeholder 
{
    color: transparent;
}