/*OCUS*/
/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
body{
margin: 0;
padding: 0
}
html {height:100%}
.site-name{
	display:none;
	}
#page {
    overflow-x: hidden;
}
.responsive-layout-mobile .region-content ul.flippy {
	visibility:hidden;
	top:600px;
}
.responsive-layout-mobile #block-block-10 {
	visibility:hidden;
	top:600px
}
#zone-user-wrapper{
	display:none;
	}
#zone-branding-wrapper {
    background-color: #ED0F00;
    height: 91px;
	position:fixed;
	z-index:103;
	width:100%;	
}

#zone-branding{
	width:100%;
	text-align:center;
	z-index:99;
}
.responsive-layout-mobile #zone-branding{
	width:100%;
	text-align:center;
	z-index:99;
	position:absolute;
	top:0;
	left:0;
}
#zone-branding #region-branding{
	opacity:1;
	}
#zone-preface{
	width:100%;
	text-align:center;
	}
#zone-preface .grid-12{
	width:100%;
	}
.logo-img {
    float: none;
    margin-left: auto !important;
    margin-right: auto;
	position:relative;
}
#zone-branding-wrapper #region-branding .region-inner {
	background-color:#000;
	text-align:center;
	}
#region-branding{
	opacity:1!important;
	}
#zone-branding-wrapper .grid-3 {
    display: inline;
    float: left;
    margin-left: 0px!important;
    margin-right: 0px!important;
    position: relative;
}
body .grid-12 {
    display: inline;
    float: left;
    margin-left: 0px!important;
    margin-right: 0px!important;
    position: relative;
}
@font-face {
    font-family: "bree";
    src: url("fonts/BreeSerif_Reg.otf");
}
.front #zone-content-wrapper{
	
	}
.front #zone-content{
	width:100%;
	text-align:center;
	}
.front #zone-content .grid-12{
	width:100%;
	}
#zone-postscript{
	width:100%;
	background-image:url("images/bg-contacto.jpg");
	}
#zone-postscript .grid-12{
	width:100%;
	}
#page-title{
	display:none;
	}
.breadcrumb {
    display: none;
    padding-bottom: 0.5em;
}
#zone-footer-wrapper{
	background-color:#EE3124;
	color:#f5f5f5;
	text-align:center;
	}
#zone-footer-wrapper a{
	text-decoration:none;
	color:#f5f5f5;
	}
#block-block-12 {
    padding-bottom: 30px;
    padding-top: 30px;
}
/*main menu*/
#block-block-1 {
    margin-top: 32px;
    padding-left: 20px;
	width:150%;
}
#new-main-menu {
    height: 20px;
    margin-left: 15px;
    padding-bottom: 7px;
    padding-top: 16px;
}
#new-main-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
#new-main-menu ul li {
    display: block;
    float: left;
    margin-top: 0;
    padding-top: 0;
}
#new-main-menu ul li a {
    color: #FFFFFF;
    font-family: helvetica;
    font-size: 12px;
    font-weight: bold;
    margin-right: 27px;
    opacity: 0.9;
    text-decoration: none;
}
#new-main-menu ul li a:hover {
    color: #FFFFFF;
    font-family: helvetica;
    font-size: 12px;
    font-weight: bold;
    margin-right: 27px;
    opacity: 1;
    text-decoration: none;
}
/*menu internas*/
#block-block-7 {
    margin-top: 32px;
    padding-left: 20px;
	width:150%;
}
#new-main-menu-int {
    height: 20px;
    margin-left: 15px;
    padding-bottom: 7px;
    padding-top: 16px;
}
#new-main-menu-int ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
#new-main-menu-int ul li {
    display: block;
    float: left;
    margin-top: 0;
    padding-top: 0;
}
#new-main-menu-int ul li a {
    color: #FFFFFF;
    font-family: helvetica;
    font-size: 12px;
    font-weight: bold;
    margin-right: 27px;
    opacity: 0.9;
    text-decoration: none;
}
#new-main-menu-int ul li a:hover {
    color: #FFFFFF;
    font-family: helvetica;
    font-size: 12px;
    font-weight: bold;
    margin-right: 27px;
    opacity: 1;
    text-decoration: none;
}
/*menu contacto y cotiza*/
#block-views-contacto-block{
	width:100%;
	background-image:url("images/bg-shadow-contacto.png");
	background-repeat:repeat-x;
	background-position:bottom;
	}
.responsive-layout-mobile #block-views-contacto-block .block-inner{
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
}
#zone-branding .grid-4 {
    margin-right: 0;
}
#region-header-first {
    background-color: #D80A05;
    float: right;
    min-height: 90px;
    right: 0;
    visibility: hidden;
    width: 486px;
}
#block-block-2 {
    margin-top: 32px;
    padding-left: 20px;
	float:left;
}
#block-block-2 img{
    margin-top:-5px;
}
#block-block-19 {
    margin-top: 32px;
    padding-left: 20px;
	float:left;
}
#block-block-19 img{
    margin-top:-5px;
}
#block-block-18 {
    background-color: #000000;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    height: 58px;
    margin-top: 0;
    padding-left: 10px;
    padding-top: 33px;
	float:left;
}
#block-block-18 img{
	margin-right:10px;
	margin-top:-5px;
	}

#second-menu {
    height: 20px;
    margin-left: 15px;
    padding-bottom: 7px;
    padding-top: 16px;
}
#second-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
#second-menu ul li {
    display: block;
    float: left;
    margin-top: 0;
    padding-top: 0;
}
#second-menu ul li a {
    color: #FFFFFF;
    font-family: helvetica;
    font-size: 12px;
    font-weight: bold;
    margin-right: 16px;
    opacity: 0.9;
    text-decoration: none;
}
#second-menu ul li a:hover {
    color: #FFFFFF;
    font-family: helvetica;
    font-size: 12px;
    font-weight: bold;
    margin-right: 16px;
    text-decoration: none;
}
/*Portafolio*/
#region-preface-second{
	background-color:#fff;
	}
#block-views-portafolio-block img {
    background-color: #FAFAFA;
    float: left;
    vertical-align: bottom;
}
#block-views-portafolio-block img:hover {
    background-color: #F6F6F6;
}
#block-views-portafolio-block .view-content{
	width:100%;
	overflow:hidden;
	}
#block-views-portafolio-block .views-row {
    display: inline-block;
    margin: 0;
    width: 98%;
}
#block-views-portafolio-block img{
	width:100%
	}

/*titulos bloques*/
.section-head {
    background-image: url("images/bg-shadow-servicios.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    min-height: 140px;
    padding-bottom: 10px;
    padding-top: 35px;
}
#block-views-portafolio-block .section-head{
	color: #A8A8A8;
	background-color:#F5F5F5;
	background-image:url("images/bg-shadow-portafolio.png")
	}
#block-views-portafolio-block .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #595959;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#region-content .section-head {
    background-color: #1A1A1A;
    background-image: url("images/bg-shadow-contacto.png");
    color: #FAFAFA;
}
#servicios-ocus .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #FAFAFA;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
.subtitle {
    font-family: helvetica;
    font-size: 21px;
    font-weight: lighter;
}
/*servicios*/
.front #region-content{
	background-color: #FAFAFA;
	}
.front.responsive-layout-mobile #region-content{
	background-color: #FAFAFA;
	}
.front.responsive-layout-mobile  #region-content img{
	width:100%;
	text-align:left;
	}
.front #zone-content {
    background-color: #EE3124;
	color:fafafa;
}
#servicios-listado{
	margin-left:auto;
	margin-right:auto;
}
.servicio {
    color: #DADADA;
    float: none;
    margin-top: 70px;
	margin-bottom:40px;
}
.servicio .tit{
	font-family:bree, helvetica, arial;
	font-size:33px;
	color:#fafafa;
	margin-top:20px;
	}
.servicio .txt {
    margin-left: auto;
    margin-right: auto;
	width:90%;
	min-height:78px;
}
/*Contacto*/
.submitted{
	display:none;
	}
.view-contacto .node-title{
	display:none;
	}
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background-clip: padding-box;
    background-color: #F4F4F4;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    color: #9A9A9A;
    font-family: Arial,sans-serif;
    font-size: 13px;
    height: 40px;
    outline: 0 none;
    padding: 2px 3px;
    width: 100%;
}
label {
    color: #A8A8A8;
    font-family: mpbc,helvetica,arial;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
}
.form-textarea-wrapper textarea {
    -moz-box-sizing: border-box;
    display: block;
    height: 150px;
    margin: 0;
    width: 100%;
}
.resizable-textarea .grippie {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../../misc/grippie.png") no-repeat scroll center 2px #EEEEEE;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    cursor: s-resize;
    display: none;
    height: 9px;
    overflow: hidden;
}
button, input[type="reset"], input[type="submit"], input[type="button"] {
    background-image: url("images/bg-enviar.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #EE3124;
    cursor: pointer;
    float: right;
    font: lighter 23px/1.2 bree;
    height: 37px;
    margin-bottom: 30px;
    outline: 0 none;
    overflow: visible;
    padding-top: 11px;
    text-align: left;
    text-shadow: none;
    width: 200px;
}
.form-actions input:hover{
    background-image: url("images/bg-enviar.png");
    background-position: right center;
    background-repeat: no-repeat;
	background-color:transparent;
    border: medium none;
    border-radius: 0;
    color: #EE3124;
    cursor: pointer;
    float: right;
    font: lighter 23px/1.2 bree;
    height: 37px;
    margin-bottom: 30px;
    outline: 0 none;
    overflow: visible;
    padding-top: 11px;
    text-align: left;
    text-shadow: none;
    width:200px;;
}
.webform-component {
    float: left;
    width: 100%;
}

#webform-component-mensaje{
	width:100%;
	}
#block-block-3{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
#block-block-3 .section-head{
	color: #a8a8a8;
	background-image:url("images/bg-shadow-contacto.png");
	}
#block-block-3 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #fafafa;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#block-block-4{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	}
#concentro-tit {
    color: #F4F4F4;
    font-family: helvetica,arial;
    font-size: 21px;
    font-weight: lighter;
}
#concentro-txt {
    color: #A8A8A8;
    font-family: helvetica,arial,sans-serif;
    font-size: 13px;
    font-weight: lighter;
}
#concentro-txt a {
    color: #EE2E24;
    font-family: bree,helvetica;
    font-size: 16px;
    font-weight: lighter;
    text-decoration: none;
}
#concentro-txt a:hover{
    text-decoration:underline;
}
/*responsive menu*/
.responsive-layout-mobile #block-block-1 {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}
.responsive-menus.responsified span.toggler {
    background: none repeat scroll 0 0 #333333;
    border-radius: 0;
    box-shadow: 0 0 0 #000000;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 1.35em;
    margin-left: auto;
    margin-right: auto;
    outline: medium none;
    padding: 5px;
    text-align: center;
    width: 100%;
}
.responsive-menus.responsified .responsive-menus-simple li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #FFFFFF;
    display: block;
    font-size: 0.75em;
    height: 11px;
    margin: 0;
    padding: 4px 5% 1em;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}
.responsive-menus.responsified .responsive-menus-simple li {
    height: auto;
}
#new-main-menu .desaparecer{
	visibility:visible;
	}
.mean-container .mean-bar {
    background: none repeat scroll 0 0 transparent;
    float: left;
    min-height: 42px;
    padding: 4px 0;
    position: fixed;
    width: 50%;
    z-index: 999998;
	right:0px;
	margin-top:20px;
}
/*slideshow*/
#region-preface-first {
    height: 550px;
}
#block-views-slideshow-block .views-field-field-img-slide img {
    height: auto;
    min-width: 1200px;
    width: 100%;
}
#zone-preface .container-12 {
    width: 100% !important;
}
.container-12 .grid-12 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}
.container-12 .block .omega-grid, .container-16 .block .omega-grid, .container-24 .block .omega-grid {
    margin-left: 0;
    margin-right: 0;
}
#block-views-slideshow-block .skin-default {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    overflow: hidden;
    padding-bottom: 0;
}
#block-views-slideshow-block .views-slideshow-cycle-main-frame {
    height: 430px;
    overflow: visible;
    width: 100% !important;
}
#block-views-slideshow-block .views-slideshow-cycle-main-frame-row {
    height: auto;
    width: 100% !important;
}
.views-slideshow-cycle-main-frame-row-item {
    margin: 0 auto;
    width: 100%;
}
#block-views-slideshow-block .views-field-body {
    height: auto;
    margin-right: auto !important;
    padding-top: 26px;
    position: relative;
    width: 100% !important;
    z-index: 10;
}
.white-wrapper {
    background-color: rgba(255, 255, 255, 0.9);
    color: #EE2E24;
    height: 220px;
    margin-top: 289px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
    text-align: center;
    width: 100%;
}
.main-txt {
    font-family: bree,helvetica;
    font-size: 32px;
}
.secondary-txt {
    color: #333333;
    font-family: helvetica;
    font-size: 19px;
    margin-top: -25px;
}
#block-views-slideshow-block .views-field-field-img-slide {
    height: auto;
    position: absolute;
    width: 100%;
    z-index: 0;
}
#block-views-slideshow-block .views-field-body .field-content {
    color: #FFFFFF;
    font-size: 29px;
    margin-top: 65px;
    text-align: center;
    width: 100%;
}
#widget_pager_bottom_slideshow-block {
    background-repeat: no-repeat;
    color: #515255;
    font-weight: bold;
    height: 15px;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 87px;
    padding: 0 0 18px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 81px;
    z-index: 12;
}
#widget_pager_bottom_slideshow-block #slide-pager {
    background-image: url("images/pager-off.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 15px;
    margin-left: 5px;
    margin-right: 5px;
    width: 17px;
}
#widget_pager_bottom_slideshow-block .active #slide-pager {
    background-image: url("images/pager-on.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 15px;
    margin-left: 5px;
    margin-right: 5px;
    width: 17px;
}
/*google maps*/
#block-block-5 {
    margin-bottom: -5px;
    opacity: 0.5;
}
#block-block-5:hover{
	opacity:.8;
	-moz-transition:1s opacity 1;
	}
/*equipo*/
#block-block-6{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-image:url("images/bg-equipo-head.jpg");
	}
#block-block-6 .section-head{
	color: #a8a8a8;
	background-image:url("images/bg-shadow-contacto.png");
	}
#block-block-6 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #fafafa;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
.responsive-layout-mobile #block-block-6 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #FAFAFA;
    font-family: bree,helvetica,arial;
    font-size: 36px;
    height: 66px;
}
.responsive-layout-mobile .section-title {
    font-size: 36px;
}
.integrante-wrapper {
    margin-bottom: 6px;
}
.integrante-txt-wrapper-wrapper{
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
.integrante-txt-wrapper {
    background-color: #F2F2F2;
    height: auto;
    min-height: 200px;
    padding: 10px 10px 10px 15px;
    width: 45%;
}
#block-views-integrantes-block .views-row-even .integrante-txt-wrapper {
    margin-left:50%;
}
.nombre-i{
	font-family:bree,helvetica,arial;
	font-size:26px;
	color:#EE3124;
	}
.puesto-i {
    color: #262626;
    font-family: helvetica;
    font-size: 17px;
    font-weight: lighter;
    margin-top: -25px;
}
.descripcion-i{
	font-family:helvetica;
	font-weight:lighter;
	font-size:13px;
	color:#808080;
	}
#michael{
	background-image:url("images/bg-e-michael.jpg");
	background-position:center;
	}
#alicia{
	background-image:url("images/bg-e-alicia.jpg");
	background-position:center;
	}
#casus{
	background-image:url("images/bg-e-casus.jpg");
	background-position:center;
	}
#bety{
	background-image:url("images/bg-e-bety.jpg");
	background-position:center;
	}
#bruno{
	background-image:url("images/bg-e-bruno.jpg");
	background-position:center;
	}
#mayra{
	background-image:url("images/bg-e-mayra.jpg");
	background-position:center;
	}
/*anchors*/
#portafolio, #servicios, #equipo, #contacto {
    border: 1px solid #FF0000;
    margin-top: -90px;
    position: absolute;
}
/*Portafolio Nodo*/
.context-portafolio #zone-content{
	width:100%;
	}
.context-portafolio #zone-content .grid-12{
	width:100%;
	}
.ds-1col{
	width:100%;
	}
.not-front #region-content {
    background-color: transparent;
}
.not-front #zone-preface{
	display:none;
	}
.fieldset-legend{
	display:none;
	}
.node_portafolio_full_group_titulo {
    background-color: #F5F5F5;
    background-image: url("images/bg-shadow-portafolio.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    min-height: 140px;
    padding-bottom: 0;
    padding-top: 25px;
    text-align: center;
}
.field-name-title h2{
    display: block;
	background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #595959;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
	font-weight:lighter;
}
.field-name-field-tagline{
    font-family: helvetica;
    font-size: 21px;
    font-weight: lighter;
	color:#A8A8A8;
}
.field-name-field-logo .field-items, .field-name-field-img-papeleria .field-items, .field-name-field-img-web .field-items, .field-name-field-img-fachada .field-items, .field-name-field-img-extras .field-items {
    margin-left: auto;
    margin-right: auto;
	width:100%;
	text-align:center;
}

#node_portafolio_full_group_descripcion{
	margin-bottom:0px;
	}
.node_portafolio_full_group_descripcion{
	margin-bottom:0px;
	}
.field-name-field-img-papeleria{
	background-color:#f5f5f5;
	background-image:url("images/pestana-papeleria.png");
	background-position:top left;
	background-repeat:no-repeat;
	}
.field-name-field-img-web{
	background-color:#E5E5E5;
	background-image:url("images/pestana-web.png");
	background-position:top left;
	background-repeat:no-repeat;
	}
.field-name-field-img-fachada{
	background-color:#DBDBDB;
	background-image:url("images/pestana-fachada.png");
	background-position:top left;
	background-repeat:no-repeat;
	}
.field-name-field-img-extras {
    background-color: #F5F5F5;
    background-image: url("images/pestana-extras.png");
    background-position: left top;
    background-repeat: no-repeat;
}
.field-name-field-img-papeleria img, .field-name-field-img-web img, .field-name-field-img-fachada img, .field-name-field-img-extras img{
	width:100%;
	}
.field-name-field-logo img, .field-name-field-logo-blanco img{
	width:320px;
}
.field-name-field-sitio-web-link {
    background-color: #E5E5E5;
    color: #EE2E24;
    margin-bottom: 40px;
    margin-top: -72px;
    text-align: center;
}
.field-name-field-sitio-web-link a{
	text-decoration:none;
	color:#595959;
	font-family:bree, helvetica, arial;
	font-size:21px;
	}
.field-name-field-sitio-web-link a:hover{
	color:#EE2E24;
	}
/*fieldset groupo descripcion y logo blanco*/
/*
.field-name-field-logo-blanco{
	float:left;
	margin-left:auto;
	margin-right:auto;
	}
.field-name-field-descripci-n {
    color: #FFFFFF;
    float: left;
    height: 235px;
    padding-top: 150px;
    vertical-align: baseline;
    width: 30%;
	margin-left:auto;
	margin-right:auto;
}
*/
#node_portafolio_full_group_descripcion .fieldset-wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}
.node_portafolio_full_group_descripcion .fieldset-wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}
.field-name-field-logo-blanco{
	width:100%;
	float:none;
}
.field-name-field-descripci-n {
    color: #FFFFFF;
    float: left;
    padding: 50px 5% 30px;
    width: 90%;
}
/*important shit*/
.logo-img {
    float: none;
    margin-left: auto !important;
    margin-right: auto;
	position:relative;
}
.not-front #zone-content-wrapper{
	margin-top:91px;
	}
/*cotiza*/
.submitted{
	display:none;
	}
#webform-client-form-23{
	width:480px;
	margin-left:auto;
	margin-right:auto;
	}
.responsive-layout-mobile #webform-client-form-23{
	width:310px;
	margin-left:auto;
	margin-right:auto;
	}
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background-clip: padding-box;
    background-color: #F4F4F4;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    color: #9A9A9A;
    font-family: Arial,sans-serif;
    font-size: 13px;
    height: 40px;
    outline: 0 none;
    padding: 2px 3px;
    width: 100%!important;
}
label {
    color: #A8A8A8;
    font-family: mpbc,helvetica,arial;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
}
.form-textarea-wrapper textarea {
    -moz-box-sizing: border-box;
    display: block;
    height: 150px;
    margin: 0;
    width: 100%;
}
.resizable-textarea .grippie {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../../misc/grippie.png") no-repeat scroll center 2px #EEEEEE;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    cursor: s-resize;
    display: none;
    height: 9px;
    overflow: hidden;
}
button, input[type="reset"], input[type="submit"], input[type="button"] {
    background-image: url("images/bg-enviar.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #EE3124;
    cursor: pointer;
    float: right;
    font: lighter 23px/1.2 bree;
    height: 37px;
    margin-bottom: 30px;
    outline: 0 none;
    overflow: visible;
    padding-top: 11px;
    text-align: left;
    text-shadow: none;
    width: 200px;
}
.form-actions input:hover{
    background-image: url("images/bg-enviar.png");
    background-position: right center;
    background-repeat: no-repeat;
	background-color:transparent;
    border: medium none;
    border-radius: 0;
    color: #EE3124;
    cursor: pointer;
    float: right;
    font: lighter 23px/1.2 bree;
    height: 37px;
    margin-bottom: 30px;
    outline: 0 none;
    overflow: visible;
    padding-top: 11px;
    text-align: left;
    text-shadow: none;
    width:200px;;
}
#webform-client-form-23 .webform-component {
    width: 100%!important;
}

#webform-component-mensaje{
	width:100%;
	}
#block-block-3{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
#block-block-3 .section-head{
	color: #a8a8a8;
	background-image:url("images/bg-shadow-contacto.png");
	}
#block-block-3 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #fafafa;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#webform-client-form-23 .form-managed-file .form-submit {
    margin: 0;
	display:none;
}
/*titulo-cotiza*/
#block-block-8 .section-head {
    background-color: #F5F5F5;
    background-image: url("images/bg-shadow-portafolio.png");
    color: #A8A8A8;
}
.context-cotizacion .front #zone-content{
	width:100%;
	text-align:center;
	}
.context-cotizacion .front #zone-content .grid-12{
	width:100%;
	}
#block-block-8{
	width:100%;
	}
.context-cotizacion #zone-content{
	width:100%;
	}
#block-block-8 {
	text-align:center;
	}
#block-block-8 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #595959;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#block-block-8 .subtitle {
    font-family: helvetica;
    font-size: 21px;
    font-weight: lighter;
}
/*cotiza*/
.submitted{
	display:none;
	}
#webform-client-form-144{
	width:480px;
	margin-left:auto;
	margin-right:auto;
	}
.responsive-layout-mobile #webform-client-form-144{
	width:310px;
	margin-left:auto;
	margin-right:auto;
	}
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background-clip: padding-box;
    background-color: #F4F4F4;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    color: #9A9A9A;
    font-family: Arial,sans-serif;
    font-size: 13px;
    height: 40px;
    outline: 0 none;
    padding: 2px 3px;
    width: 100%!important;
}
label {
    color: #A8A8A8;
    font-family: mpbc,helvetica,arial;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
}
.form-textarea-wrapper textarea {
    -moz-box-sizing: border-box;
    display: block;
    height: 150px;
    margin: 0;
    width: 100%;
}
.resizable-textarea .grippie {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../../misc/grippie.png") no-repeat scroll center 2px #EEEEEE;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    cursor: s-resize;
    display: none;
    height: 9px;
    overflow: hidden;
}
button, input[type="reset"], input[type="submit"], input[type="button"] {
    background-image: url("images/bg-enviar.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #EE3124;
    cursor: pointer;
    float: right;
    font: lighter 23px/1.2 bree;
    height: 37px;
    margin-bottom: 30px;
    outline: 0 none;
    overflow: visible;
    padding-top: 11px;
    text-align: left;
    text-shadow: none;
    width: 200px;
}
.form-actions input:hover{
    background-image: url("images/bg-enviar.png");
    background-position: right center;
    background-repeat: no-repeat;
	background-color:transparent;
    border: medium none;
    border-radius: 0;
    color: #EE3124;
    cursor: pointer;
    float: right;
    font: lighter 23px/1.2 bree;
    height: 37px;
    margin-bottom: 30px;
    outline: 0 none;
    overflow: visible;
    padding-top: 11px;
    text-align: left;
    text-shadow: none;
    width:200px;;
}
#webform-client-form-144 .webform-component {
    width: 100%!important;
}

#webform-component-mensaje{
	width:100%;
	}
#block-block-3{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
#block-block-3 .section-head{
	color: #a8a8a8;
	background-image:url("images/bg-shadow-contacto.png");
	}
#block-block-3 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #fafafa;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#webform-client-form-144 .form-managed-file .form-submit {
    margin: 0;
	display:none;
}
/*titulo - Como nos fue*/
#block-block-17 .section-head {
    background-color: #F5F5F5;
    background-image: url("images/bg-shadow-portafolio.png");
    color: #A8A8A8;
}
.context-como-nos-fue .front #zone-content{
	width:100%;
	text-align:center;
	}
.context-como-nos-fue .front #zone-content .grid-12{
	width:100%;
	}
#block-block-17{
	width:100%;
	}
.context-como-nos-fue #zone-content{
	width:100%;
	}
#block-block-17 {
	text-align:center;
	}
#block-block-17 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #595959;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#block-block-17 .subtitle {
    font-family: helvetica;
    font-size: 21px;
    font-weight: lighter;
}
/*titulo-rediseno*/
#block-block-13 .section-head {
    background-color: #F5F5F5;
    background-image: url("images/bg-shadow-portafolio.png");
    color: #A8A8A8;
}
.context-rediseno .front #zone-content{
	width:100%;
	text-align:center;
	}
/*.context-cotizacion .front #zone-content .grid-12{
	width:100%;
	}*/
#block-block-13{
	width:100%;
	}
.context-rediseno #zone-content{
	width:100%;
	}
#block-block-13 {
    margin-top: -130px;
    text-align: center;
}
#block-block-13 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #595959;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#block-block-13 .subtitle {
    font-family: helvetica;
    font-size: 21px;
    font-weight: lighter;
}
/*titulos rediseño antes y despues*/
#block-block-13 .section-head {
    background-color: #F5F5F5;
    background-image: url("images/bg-shadow-portafolio.png");
    color: #A8A8A8;
}
.context-rediseno .front #zone-content{
	width:100%;
	text-align:center;
	}
/*.context-cotizacion .front #zone-content .grid-12{
	width:100%;
	}*/
#block-block-14{
	width:100%;
	}
.context-rediseno #zone-content{
	width:100%;
	}
#block-block-14 {
	text-align:center;
	}
#block-block-14 .section-title {
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #595959;
    display: inline;
    font-family: bree,helvetica,arial;
    font-size: 25px;
    height: 66px;
    margin-left: 260px;
    margin-right: 260px;
}
#block-block-14 .section-head {
    background-color: #e1e1e1;
    background-image: none;
    color: #fafafa;
    height: 56px;
    margin-top: 0;
    min-height: 30px;
    position: relative;
    width: 100%;
}
#block-block-14 .subtitle {
    font-family: helvetica;
    font-size: 21px;
    font-weight: lighter;
}
/**/
#rediseno {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	text-align:center;
}
#rediseno .even{
	background-color: #fafafa;
	}
#rediseno img{
	width:100%;
	}
.page-node-137 #block-block-10{
	display:none;
	}
/**/
#vermapa{
	text-align:center;
	margin-bottom:20px;
	}
#vermapa a{
	text-decoration:none;
	color:#EE2E24;
	font-family:bree, helvetica, arial;
	font-size:21px;
	}
/*Portafolio page popup*/
.page-portafolio .view-portafolio img {
    background-color: #FAFAFA;
    float: left;
    vertical-align: bottom;
}
.page-portafolio .view-portafolio img:hover {
    background-color: #F6F6F6;
}
.page-portafolio .view-portafolio img {
    margin: 0.1%;
    width: 99.8%;
}
/*.page-portafolio #zone-branding-wrapper{
	display:none;
	}
.page-portafolio #zone-content-wrapper{
	margin-top:0px;
	}
.page-portafolio #zone-postscript{
	display:none;
	}*/
.alpha-resize-indicator {
    background: url("../images/resize-handle.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 80px;
    position: fixed;
    right: 0;
    width: 80px;
    z-index: 998;
	display:none;
}
.page-portafolio .mean-container .mean-bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin-top: 20px;
    min-height: 42px;
    padding: 4px 0;
    position: fixed;
    right: 0;
    width: 50%;
    z-index: 999998;
}

/*portafolio pager*/
.region-content ul.flippy {
    background-image: url("images/bg-flippy.png");
    background-position: right center;
    background-repeat: no-repeat;
    height: 220px;
    margin: auto;
    padding-left: 1px;
    padding-right: 0;
    padding-top: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 40%;
    width: 68px;
    z-index: 99;
}
ul.flippy li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-table;
    height: 87px;
    list-style-image: none;
    list-style-type: none;
    margin: 20px 0 0 15px;
    padding: 5px;
    white-space: nowrap;
}
.flippy a {
    color: #A8A8A8;
    font-family: bree,helvetica,arial;
    font-size: 40px;
    text-decoration: none;
}
.ul.flippy li .prev{
	margin-top:20px;
	}
.ul.flippy li .next{
	
	}
.flippy .empty {
    color: #D6D6D6;
    font-family: bree,helvetica,arial;
    font-size: 40px;
    text-decoration: none;
	cursor:pointer;
}
#block-block-10 {
    margin-right: 14px;
    margin-top: 97px;
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 100;
}
#zone-postscript-wrapper{
	position:relative;
	z-index:102;
	}
/*404*/
.page-node-36 #zone-content-wrapper{
	background-image:url("images/bg-404.jpg");
	text-align:center;
	}
/*403*/
.page-node-37 #zone-content-wrapper{
	background-image:url("images/bg-403.jpg");
	text-align:center;
	}
.confirmacion {
    color: #A8A8A8;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
}
.confirmacion .section-title {
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #595959;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#block-views-portafolio-block{
	width:100%;
	margin:0;
	}
.mollom-privacy a{
	color:#6A6A6A;
	}
.mollom-privacy a:hover{
	color:#F4F4F4;
	text-decoration:underline;
	}
/*Temporal para borrar*/
.field-name-field-logo-blanco {
    float: left;
    width: 100%!important;
}
/**/
.page-node-137 #zone-content-wrapper{
	margin-top:193px;
	}
#facebook {
    margin-top: -62px;
    position: absolute;
}
#facebook a {
    color: #EE2E24;
    font-family: bree,helvetica;
    font-size: 16px;
    line-height: 0;
    text-decoration: none;
}
/*brief*/
.submitted{
	display:none;
	}
#webform-client-form-140{
	width:480px;
	margin-left:auto;
	margin-right:auto;
	}
.responsive-layout-mobile #webform-client-form-140{
	width:310px;
	margin-left:auto;
	margin-right:auto;
	}
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background-clip: padding-box;
    background-color: #F4F4F4;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    color: #9A9A9A;
    font-family: Arial,sans-serif;
    font-size: 13px;
    height: 40px;
    outline: 0 none;
    padding: 2px 3px;
    width: 100%!important;
}
label {
    color: #A8A8A8;
    font-family: mpbc,helvetica,arial;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
}
.form-textarea-wrapper textarea {
    -moz-box-sizing: border-box;
    display: block;
    height: 150px;
    margin: 0;
    width: 100%;
}
.resizable-textarea .grippie {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../../misc/grippie.png") no-repeat scroll center 2px #EEEEEE;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    cursor: s-resize;
    display: none;
    height: 9px;
    overflow: hidden;
}
button, input[type="reset"], input[type="submit"], input[type="button"] {
    background-image: url("images/bg-enviar.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 0;
    color: #EE3124;
    cursor: pointer;
    float: right;
    font: lighter 23px/1.2 bree;
    height: 37px;
    margin-bottom: 30px;
    outline: 0 none;
    overflow: visible;
    padding-top: 11px;
    text-align: left;
    text-shadow: none;
    width: 200px;
}
.form-actions input:hover{
    background-image: url("images/bg-enviar.png");
    background-position: right center;
    background-repeat: no-repeat;
	background-color:transparent;
    border: medium none;
    border-radius: 0;
    color: #EE3124;
    cursor: pointer;
    float: right;
    font: lighter 23px/1.2 bree;
    height: 37px;
    margin-bottom: 30px;
    outline: 0 none;
    overflow: visible;
    padding-top: 11px;
    text-align: left;
    text-shadow: none;
    width:200px;;
}
#webform-client-form-140 .webform-component {
    width: 100%!important;
}

#webform-component-mensaje{
	width:100%;
	}
#block-block-3{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
#block-block-3 .section-head{
	color: #a8a8a8;
	background-image:url("images/bg-shadow-contacto.png");
	}
#block-block-3 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #fafafa;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#webform-client-form-140 .form-managed-file .form-submit {
    margin: 0;
	display:none;
}
/*titulo-brief*/
#block-block-15 .section-head {
    background-color: #F5F5F5;
    background-image: url("images/bg-shadow-portafolio.png");
    color: #A8A8A8;
}
.context-brief .front #zone-content{
	width:100%;
	text-align:center;
	}
.context-brief .front #zone-content .grid-12{
	width:100%;
	}
#block-block-15{
	width:100%;
	}
.context-brief #zone-content{
	width:100%;
	}
#block-block-15 {
	text-align:center;
	}
#block-block-15 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #595959;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#block-block-15 .subtitle {
    font-family: helvetica;
    font-size: 21px;
    font-weight: lighter;
}
/*titulo portafolio web*/
#block-block-16 .section-head {
    background-color: #F5F5F5;
    background-image: url("images/bg-shadow-portafolio.png");
    color: #A8A8A8;
}
.context-cotizacion .front #zone-content{
	width:100%;
	text-align:center;
	}
.context-cotizacion .front #zone-content .grid-12{
	width:100%;
	}
#block-block-16{
	width:100%;
	}
.context-cotizacion #zone-content{
	width:100%;
	}
#block-block-16 {
	text-align:center;
	}
#block-block-16 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #595959;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#block-block-16 .subtitle {
    font-family: helvetica;
    font-size: 21px;
    font-weight: lighter;
}
.context-portafolio-web #zone-content{
	width:100%;
	}
/* Portafolio Web */
.views-field-field-sitio-web-link a{
	text-decoration:none;
	color:#595959;
	font-family:bree, helvetica, arial;
	font-size:21px;
	}
.views-field-field-sitio-web-link a:hover{
	color:#EE2E24;
	}

.view-portafolio-web .view-content{
	text-align:center;
	}
.view-portafolio-web .views-field-field-logo {
    margin-bottom: -140px;
}
.view-portafolio-web .views-field-field-img-web {
    margin-bottom: -150px;
}
.view-portafolio-web .views-row {
    height: 973px;
    padding-bottom: 60px;
}
.view-portafolio-web .views-row-even{
	background-color:#F5F5F5;
	}
.mini-subtit {
    font-size: 16px;
    margin-top: -20px;
}
.mini-subtit a{
	color:#ED0F00;
	text-decoration:none;
	}*/
	
.mean-container .mean-nav ul li a {
    background-color: #ed0f00;!important
    border-top: 1px solid #cf0000;
    color: #fff;
    display: block;
    float: left;
    margin: 0;
    padding: 1em 5%;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 90%;
}
#block-block-21 {
    background-color: #000000;
    padding-bottom: 40px;
    padding-top: 20px;
}
#block-block-21 img{
	float:left;
}
#mentores-logos {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.mentores-tit {
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #fafafa;
    font-family: bree,helvetica,arial;
    font-size: 32px;
    font-weight: lighter;
    height: 66px;
}
/*ayuda*/
#block-block-22{
	width:100%;
	}
.context-cotizacion #zone-content{
	width:100%;
	}
#block-block-22 {
	text-align:center;
	}
#block-block-22 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #595959;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#block-block-22 .subtitle {
    font-family: helvetica;
    font-size: 21px;
    font-weight: lighter;
}
#block-block-22 .section-head {
    background-color: #f5f5f5;
    background-image: url("images/bg-shadow-portafolio.png");
    color: #a8a8a8;
}
.context-ayuda #zone-content{
	width:100%;
	}
.context-ayuda .view-tutoriales-clientes {
	text-align:left;
	padding-top:40px;
	padding-bottom:40px;
}
.context-ayuda .view-tutoriales-clientes a{
    color: #595959;
    font-family: bree,helvetica,arial;
    font-size: 21px;
    text-decoration: none;
}
.context-ayuda .view-tutoriales-clientes a:hover{
	color: #ED0F00;
}
.context-ayuda #zone-content #block-system-main{
	width:350px;
	margin-left:auto;
	margin-right:auto;
	}
.context-ayuda #page-title {
    display: block;
	width:350px;
	margin-left:auto;
	margin-right:auto;
    font-family: bree,helvetica;
    font-size: 32px;
	margin-top:20px;
}
.page-ayuda #page-title{
	display:none;
	}
.btn-portafolio {
    margin-bottom: 16px;
    margin-top: -15px;
    right: 0;
}
.btn-portafolio a {
    border: 1px solid #ed0f00;
    color: #ed0f00;
    font-family: bree,helvetica,arial;
    font-size: 18px;
    margin-left: 13px;
    padding: 8px 10px 5px;
    text-decoration: none;
}

/*titulo portafolio fachadas*/
#block-block-24 .section-head {
    background-color: #F5F5F5;
    background-image: url("images/bg-shadow-portafolio.png");
    color: #A8A8A8;
}
.context-cotizacion .front #zone-content{
	width:100%;
	text-align:center;
	}
.context-cotizacion .front #zone-content .grid-12{
	width:100%;
	}
#block-block-24{
	width:100%;
	}
.context-cotizacion #zone-content{
	width:100%;
	}
#block-block-24 {
	text-align:center;
	}
#block-block-24 .section-title {
    background-image: url("images/decor-reddot.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #595959;
    font-family: bree,helvetica,arial;
    font-size: 47px;
    height: 66px;
}
#block-block-24 .subtitle {
    font-family: helvetica;
    font-size: 21px;
    font-weight: lighter;
}
.context-portafolio-web #zone-content{
	width:100%;
	}
/*fachadas*/
.page-portafolio-fachadas .view-portafolio-web .views-row {
    height: auto;
    min-height: 658px;
    padding-bottom: 60px;
}
.page-portafolio-fachadas .view-portafolio-web .views-field-field-logo {
    margin-bottom: 0;
}
#overlay-content{
	background-color:#03F
	}

#overlay-content #zone-postscript-wrapper{
	display:none;
	}