@charset "UTF-8";

/*
 *   Tripoli is a generic CSS standard for HTML rendering.
 *   Copyright (C) 2007-2008 David Hellsing
 *
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 *   CSS Name: Reset Default - Frontend y Backend CMS Web 1.0
 *   Modificado por: ZORRAQUINO DESIGN STUDIO S.L.U.
**
_______________________________
RESET */

*{text-decoration:none;font-size:1em;margin:0;padding:0}code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}caption,th,td{text-align:left}html{background:#fff;color:#000;line-height:1;font-family:arial, sans-serif}/* \*/html{font-family:sans-serif}/* */q{quotes:"\201C""\201D""\2018""\2019"}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}

/*
_______________________________
DISABLE DEPRECATED HTML */

font,basefont{color:inherit;font:inherit;font-size:100%}center,*[align]{text-align:inherit}s,strike,u{text-decoration:inherit}img{border:none;margin:0}ol{list-style-type:decimal}body{background-color:transparent}tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}table[border],.contenedor table[border]{border-collapse:separate;border-spacing:0}nobr{white-space:normal}marquee{overflow:visible;}blink{text-decoration:none}

/*
_______________________________
GENERAL */

html{font-size:125%}body{font-size:50%}a{text-decoration:underline}strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:700}cite,em,dfn{font-style:italic}code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%}pre{white-space:pre}pre *{font-size:100%;white-space:pre}del{text-decoration:line-through}ins,dfn{border-bottom:1px solid #000}small,sup,sub{font-size:85%}big{font-size:125%;line-height:80%}abbr,acronym{text-transform:none;font-size:100%;}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}sup{vertical-align:super}sub{vertical-align:sub}blockquote{padding-left:2.2em}hr{display:none}:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}:lang(en){quotes:'\2018' '\2019' '\201C' '\201D'}:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}input,select,button{cursor:pointer}input[type='text'],input[type='password']{cursor:text}input[type='hidden']{display:none}strike,s{text-decoration:line-through;}

/*
_______________________________
CONTENEDOR */

u{text-decoration:underline}b{font-weight:700}.contenedor img{margin:0 -4px -4px 0;padding:0}.contenedor h1{font-size:1.6em;line-height:1;margin:1em 0 .5em}.contenedor h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}.contenedor h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em}.contenedor h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}.contenedor h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}.contenedor h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}.contenedor ul{list-style:disc}.contenedor ol{list-style:decimal}.contenedor table td,.contenedor table th{border:1px solid #000;padding:.8em}.contenedor address,.contenedor dl,.contenedor form,.contenedor hr,.contenedor img,.contenedor ol,.contenedor p,.contenedor pre,.contenedor table,.contenedor ul{margin-bottom:.8em}.contenedor fieldset{border:1px solid #000;margin:1.6em 0;padding:1.6em}.contenedor legend{padding-left:.8em;padding-right:.8em}.contenedor fieldset>:first-child{margin-top:0}.contenedor input{padding:.2em .1em}.contenedor select{padding:.2em .1em 0}.contenedor select[multiple]{margin-bottom:.8em}.contenedor option{padding:0 .4em .1em}.contenedor input[type=radio]{position:relative;bottom:-.2em}.contenedor dt{margin-top:.8em;margin-bottom:.4em}.contenedor ol,.contenedor ul{margin-left:2.2em}.contenedor ul ol,.contenedor ul ul,contenedor ol ol,contenedor ol ul{margin-bottom:0}

/*
_______________________________
END */


/*
 *   CSS Document
 *   Template Name: Frontend CMS Web 1.0
 *   Template Author: ZORRAQUINO DESIGN STUDIO S.L.U.
 *   Template Copyright: 2008 © ZORRAQUINO DESIGN STUDIO S.L.U.
 *
 *   http://www.zorraquino.com
**
*/


/* ==========================================================================
   $FONTS
   ========================================================================== */

@font-face {
	font-family: 'zFontRounded-Thin';
	src: url('../fonts/zFontRounded-Thin.eot');
	src: url('../fonts/zFontRounded-Thin.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/zFontRounded-Thin.woff') format('woff'),
	     url('../fonts/zFontRounded-Thin.ttf') format('truetype'),
	     url('../fonts/zFontRounded-Thin.svg#zFontRounded-Thin') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
@font-face {
	font-family: 'zFontRounded-Medium';
	src: url('../fonts/zFontRounded-Medium.eot');
	src: url('../fonts/zFontRounded-Medium.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/zFontRounded-Medium.woff') format('woff'),
	     url('../fonts/zFontRounded-Medium.ttf') format('truetype'),
	     url('../fonts/zFontRounded-v.svg#zFontRounded-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'zFontRounded-Bold';
	src: url('../fonts/zFontRounded-Bold.eot');
	src: url('../fonts/zFontRounded-Bold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/zFontRounded-Bold.woff') format('woff'),
	     url('../fonts/zFontRounded-Bold.ttf') format('truetype'),
	     url('../fonts/zFontRounded-Bold.svg#zFontRounded-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'zFontRounded-Black';
	src: url('../fonts/zFontRounded-Black.eot');
	src: url('../fonts/zFontRounded-Black.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/zFontRounded-Black.woff') format('woff'),
	     url('../fonts/zFontRounded-Black.ttf') format('truetype'),
	     url('../fonts/zFontRounded-Black.svg#zFontRounded-Black') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'zorraquino';
	src: url('../fonts/zorraquino.eot');
	src: url('../fonts/zorraquino.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/zorraquino.woff') format('woff'),
			 url('../fonts/zorraquino.ttf') format('truetype'),
			 url('../fonts/zorraquino.svg#zorraquino') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="font-icon-"],
[class*=" font-icon-"] {
	font-family: 'zorraquino';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.font-icon-facebook:before { content: "\e600"; }
.font-icon-twitter:before { content: "\e601"; }
.font-icon-linkedin-rnd:before { content: "\e604"; }
.font-icon-linkedin:before { content: "\e60a"; }
.font-icon-pinterest:before { content: "\e602"; }
.font-icon-youtube:before { content: "\e603"; }
.font-icon-whatsapp:before { content: "\e605"; }
.font-icon-play:before { content: "\e607"; }
.font-icon-close:before { content: "\e60b"; }
.font-icon-search:before { content: "\e608"; }
.font-icon-arrow-up:before { content: "\e60c"; }
.font-icon-arrow-right:before { content: "\e609"; }
.font-icon-arrow-down:before { content: "\e60d"; }
.font-icon-arrow-left:before { content: "\e606"; }

[class^="font-icon-"] span,
[class*=" font-icon-"] span { display: none; }






/* ==========================================================================
   $LINKS
   ========================================================================== */

a { }

a:link {
	color: #9E9E9E;
	text-decoration: none;
}

a:hover {
	color: #9E9E9E;
	/* text-decoration: line-through; */
	text-decoration: none;
}

a:visited {
	color: #9E9E9E;
	text-decoration: none;
}

a:active {
	color: #9E9E9E;
	text-decoration: none;
}

.contenedor .bloque a:link,
.contenedor .bloque a:hover,
.contenedor .bloque a:visited,
.contenedor .bloque a:active { color: #9E9E9E; }

.contenedor .bloque a:link { text-decoration: none; }
/* .contenedor .bloque a:hover { text-decoration: line-through; } */
.contenedor .bloque a:hover { text-decoration: none; }

.contacto a:link { text-decoration: none; }
/* .contacto a:hover { text-decoration: line-through; } */
.contacto a:hover { text-decoration: none; }






/* ==========================================================================
   GENERAL
   ========================================================================== */

html {
	background: #FFF;
	overflow-y: scroll;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
}

hr { display: none; }

.contenedor {
	font-size: 11px;
	width: 940px;
	margin: auto;
	color: #000;
}

/* #contenedor_cabecera { margin-bottom: -10px; } */

.contenedor p {
	margin-bottom: 21px;
	color: #222;
}
.contenedor .diccio-content p { margin-bottom: 5px ; }
.contenedor li { color: #222; }
.contenedor .diccio-content ul { margin-left: 0; }
.contenedor .diccio-content li { margin: 0; }
.contenedor .diccio-content .bloque li a { color: #222; }

.contenedor .bloque ul { margin-bottom: 21px; }
.contenedor .bloque li { margin-bottom: 0; }

p strong { color: #000; }

.contenedor, pre, input, textarea {
	color: #222;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	line-height: 21px;
}

h1,h2,h3,h4,h5,h6 {
	color: #000;
	font-weight: 700;
}

.contenedor h1 {
	display: none;
}

.contenedor h2 {
	font-family: "zFontRounded-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 28px;
	margin: 40px 0 16px;
	color: #000;
	text-transform: uppercase;
}

.contenedor h3,
.contenedor h4,
.contenedor h5,
.contenedor h6,
.contenedor dt {
	font-size: 14px;
	line-height: 1.2em;
	margin: 1.2em 0 .535em;
	color: #000;
}

.contenedor .bloque h3,
.contenedor .bloque h4,
.contenedor .bloque h5,
.contenedor .bloque h6,
.contenedor .bloque dt {
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 21px;
	color: #000;
}

.contenedor .bloque dt { margin-bottom: 0; }
.contenedor .bloque dd { margin-bottom: 21px; }

.col3_1 .bloque h2:first-child,
.col3_2 .bloque h2:first-child,
.col4_1 .bloque h2:first-child,
.col4_2 .bloque h2:first-child,
.col4_3 .bloque h2:first-child { margin-top: 0; }

.col3_1 + .col3_1 .bloque,
.col4_1 + .col4_1 .bloque { padding-top: 44px; }

.no-title .col3_1 + .col3_1 .bloque,
.no-title .col4_1 + .col4_1 .bloque { padding-top: 0; }

abbr,
acronym,
dfn,
abbr[title],
acronym[title],
dfn[title] {
	border: 0;
	color: #222;
}


/*
_______________________________
TABLAS */

.contenedor table td, .contenedor table th {
	border: 0px solid #000;
	padding: 0;
}

.contenedor table th {
	padding-right: 10px;
}

.contenedor table td {
	padding-left: 10px;
}


caption{
	display: none;
}

/*
_______________________________
CONTENIDO */

.animate-height {
	-webkit-transition: height .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	   -moz-transition: height .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	    -ms-transition: height .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	     -o-transition: height .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	        transition: height .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
}

.limpia { clear: both; height: 0; font-size: 0; margin: 0; padding: 0; }

.separador {
	background: #ebedef;
	height: 14px ;
}

.bloque {
	margin: 0 0 20px 0;
	padding: 0;
	display: block;
}
.bloque_2 {
	margin: 0;
	padding: 0 13px 0 15px;
	display: block;
}


.lista_logos {
	list-style: none;
	margin: 0 ;
	padding: 0 ;
}

.lista_logos li {
	margin: 5px 10px -5px 0 ;
	float: left;
	padding: 0 ;
	display: block;
	width: 147px;
	height: 125px;
}


.indice h2	{
	margin-top: 10px;
}

.indice a	{
	text-decoration: none;
}

.indice span a, .indice span a:link {
	font-style: italic;
	color: #999;
	position: relative;
	top: -7px;
}

/* .indice span a:hover { text-decoration: underline; } */

.imagen { border: solid 1px #ddd; }

.destacado p {
	font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
}

.entradilla p {
	margin-bottom: .6em ;
	line-height: 1.5em;
}

/* 1 COLUMNA */
/* .col1_1 { width: 956px; } */

/* 3 COLUMNAS */
.col3_3 { margin-top: 20px; }
.col3_1,
.col3_2 {
	float: left;
	background: #FFFFFF;
	margin-left: 20px;
}

.col3_1 { width: 300px; }
.col3_2 { width: 620px; }

.col3_1:first-child,
.col3_2:first-child { margin-left: 0; }

/* 4 COLUMNAS */
.col4_4 { margin-top: 20px; }
.col4_1,
.col4_2,
.col4_3 {
	float: left;
	margin-left: 20px;
}

.col4_1 { width: 220px; }
.col4_2 { width: 460px; }
.col4_3 { width: 700px; }

.col4_1:first-child,
.col4_2:first-child,
.col4_3:first-child { margin-left: 0; }

#info-proyecto .col4_1,
#info-proyecto-pre .col4_1 { width: 300px; }
#info-proyecto .col4_3,
#info-proyecto-pre .col4_3 { width: 620px; }
.col4_3 .col3_3 { margin-top: 0; }


/* 6 COLUMNAS */
.col6_1 { width: 160px; float: left; }
.col6_2 { width: 320px; float: left; }
.col6_3 { width: 480px; float: left; }
.col6_4 { width: 640px; float: left; }
.col6_5 { width: 800px; float: left; }
/* .col6_6 { width: 956px; } */

/* SI ES FORMULARIO */
/* .contenedor caption, .contenedor form div { padding-bottom: 0; } */

.nota, .fecha {
	/* font-style: italic; */
	color: #9E9E9E;
}

.linea {
	height: 1px;
	padding: 0;
	background: #E5E5E5;
	position: relative;
	z-index: 1;
}




/*
_______________________________
HEADER */

header {
	background-color: rgba(255,255,255,1);
	-webkit-transition: border-color .1s ease-in;
	   -moz-transition: border-color .1s ease-in;
	        transition: border-color .1s ease-in;
}

header.lock {
	position: fixed;
	position: -webkit-sticky;
	position: sticky;
	width: 100%;
	top: 0;
	z-index: 100;
}

header.lock + * { padding-top: 100px; }
.csspositionsticky header.lock + * { padding-top: 0; }

#cabecera {
	position: relative;
	height: 30px;
	color: #FFF;
	padding: 50px 0 30px;
}

#cabecera #logo {
	position: relative;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
	float: left;
	font-family: "zFontRounded-Black", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 30px;
	text-decoration: none;
	color: #000;
	padding: 0;
	line-height: 1em;
	margin: 0;
	-webkit-transition: all .1s ease-in;
	   -moz-transition: all .1s ease-in;
	        transition: all .1s ease-in;
}

#logo .logo-wrp {
	position: relative;
	display: block;
	/* overflow: hidden; */
/*
	-webkit-animation-duration: .15s;
	   -moz-animation-duration: .15s;
	        animation-duration: .15s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-name: logoOut;
	   -moz-animation-name: logoOut;
	        animation-name: logoOut;
*/
}

#cabecera #logo .logo-wrp:before {
	content: "";
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateY(30px);
	   -moz-transform: translateY(30px);
	        transform: translateY(30px);
}

#cabecera #logo .logo-wrp:after {
	content: "ZORRAQUINO";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateY(60px);
	   -moz-transform: translateY(60px);
	        transform: translateY(60px);
}

/* #cabecera #logo:hover { } */

#cabecera #logo:hover .logo-wrp {
/*
	-webkit-animation-name: logoIn;
	   -moz-animation-name: logoIn;
	        animation-name: logoIn;
*/
}

#cabecera #logo:hover .logo-wrp:before {
	-webkit-transform: translateY(0px);
	   -moz-transform: translateY(0px);
	        transform: translateY(0px);
}


@-webkit-keyframes logoIn {
  0% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(-100%); }
}

@-webkit-keyframes logoOut {
  0% { -webkit-transform: translateY(-100%); }
  100% { -webkit-transform: translateY(-200%); }
}

#cabecera #logo img {
	float: left;
	display: none;
}

#cabecera span#slogan {
	float: left;
	font-family: "zfont_pronormal", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	height: 16px;
	margin: 5px 0 0 2px;
	padding: 1px 0 3px 12px;
	color: #000;
	font-size: .8em;
	border-left: solid 1px #999;
	width: 140px;
}



#menuMobile {
	display: none;
	position: absolute;
	right: 0;
	width: 36px;
	height: 36px;
	margin-top: -3px;
	z-index: 10;
}

#menuMobile.lock {
	position: fixed;
	z-index: 100;
}

#menuMobile .bars {
	position: absolute;
	width: 46px;
	height: 36px;
	top: 0;
	left: 0;
	background-color: #FFF;
	cursor: pointer;
}
#menuMobile .bars .x,
#menuMobile .bars .y,
#menuMobile .bars .z {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 24px;
	height: 4px;
	background-color: #000;
	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	-webkit-transform-origin: center center;
		    transform-origin: center center;
	-webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform-style: preserve-3d;
}

#menuMobile .bars .x {
	-webkit-transform-origin: center 4px;
}
#menuMobile .bars .z {
	top: 20px;
	-webkit-transform-origin: center -4px;
}

@-webkit-keyframes openMobileBarX {
	0% { -webkit-transform: rotateZ(0deg) translate(0px,0px); }
	50% { -webkit-transform: rotateZ(0deg) translate(0px,4px); }
	100% { -webkit-transform: rotateZ(45deg) translate(1px,4px); }
	/* 1,4 */
}

@-webkit-keyframes closeMobileBarX {
	0% { -webkit-transform: rotateZ(45deg) translate(1px,4px); }
	50% { -webkit-transform: rotateZ(0deg) translate(0px,4px); }
	100% { -webkit-transform: rotateZ(0deg) translate(0px,0px); }
}

@-webkit-keyframes openMobileBarY {
	0% { width: 12px; left: 0px; }
	50% { width: 12px; left: 0px; }
	100% { width: 0px; left: 6px; }
}

@-webkit-keyframes closeMobileBarY {
	0% { width: 0px; left: 6px; }
	50% { width: 12px; left: 0px; }
	100% { width: 12px; left: 0px; }
}


@-webkit-keyframes openMobileBarZ {
	0% { -webkit-transform: rotateZ(0deg) translate(0px,0px); }
	50% { -webkit-transform: rotateZ(0deg) translate(0px,-4px); }
	100% { -webkit-transform: rotateZ(-45deg) translate(-2px,-5px); }
	/* -2,-5 */
}

@-webkit-keyframes closeMobileBarZ {
	0% { -webkit-transform: rotateZ(-45deg) translate(-2px,-5px); }
	50% { -webkit-transform: rotateZ(0deg) translate(0px,-4px); }
	100% { -webkit-transform: rotateZ(0deg) translate(0px,0px); }
}

.openMobileBarX,
#menuMobile .open .x {
  -webkit-animation-name: openMobileBarX;
  				animation-name: openMobileBarX;
}
.closeMobileBarX,
#menuMobile .close .x {
	-webkit-animation-name: closeMobileBarX;
					animation-name: closeMobileBarX;
}

.openMobileBarY,
#menuMobile .open .y {
	-webkit-animation-name: openMobileBarY;
					animation-name: openMobileBarY;
}
.closeMobileBarY,
#menuMobile .close .y {
	-webkit-animation-name: closeMobileBarY;
					animation-name: closeMobileBarY;
}

.openMobileBarZ,
#menuMobile .open .z {
	-webkit-animation-name: openMobileBarZ;
					animation-name: openMobileBarZ;
}
.closeMobileBarZ,
#menuMobile .close .z {
	-webkit-animation-name: closeMobileBarZ;
					animation-name: closeMobileBarZ;
}







/* ==========================================================================
   $MENU
   ========================================================================== */

#menu_principal {
	margin: 2px 0 0;
	float: right;
	text-transform: uppercase;
	font-family: "zFontRounded-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

#menu_principal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu_principal li {
	float: left;
	margin: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	padding: 0;
}

#menu_principal li a {
	text-decoration: none;
	float:left;
	cursor: pointer;
	outline: none;
	color: #000;
	margin: 0;
	padding: 3px 15px;
	position: relative;
	float:left;
	font-size: 13px;
}

#menu_principal li.last a { padding-right: 0; }

/*
#menu_principal li a:hover,
#menu_principal li.activo a { text-decoration: line-through; }
*/
/*
#menu_principal li a:hover,
#menu_principal li.activo a { color: #9E9E9E; }
*/
#menu_principal li a:active { text-decoration: none; }

/*
#menu_principal li.activo a span,
#menu_principal li a:hover span,
#menu_principal li a:active span { background-color: #000; }
*/

.menu_idiomas {
	margin: 0;
	float: right;
}





/* ==========================================================================
   $COLUMNAS CSS3
   ========================================================================== */

.columnas {
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	   -moz-column-count: 2;
	   -moz-column-gap: 20px;
	        column-count: 2;
	        column-gap: 20px;
}

/*
-------------------------------
SUBMENU SECCIONES */

.contenido .submenu { margin: -5px 14px 7px -2px; }

.contenido .submenu h2 { float: left; }

.contenido .submenu ul, .contenido .submenu li {
	padding: 0;
	margin: 0;
}

.contenido .submenu ul {
	list-style: none;
	margin: 0;
	margin-top: 0.6em;
	padding: 0;
	float: right;
}

.contenido .submenu li {
	display: block;
	padding: 0 5px;
	margin-left: 5px;
	float: left;
	position: relative;
/*	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; */
}

.contenido .submenu .activo {
	background: #F4F4F4;
}

.contenido .submenu li:hover, .contenido .submenu #menu_back li:hover {
	background: #F4F4F4;
	cursor: pointer;

}

.contenido .submenu li:active {  }

.contenido .submenu li a {padding: 8px 12px; display: block;}

.contenido .submenu li a:link, .submenu li a:visited {
	text-decoration: none;
	color: #000000;

}
.contenido .submenu li a:hover { color: #000000; }

.contenido .submenu .destacado { background: #000000; }

.contenido .submenu .destacado a { color: #fff; }

/*
.contenido .submenu .destacado:hover, .contenido .submenu .destacado:active, .contenido .submenu #menu_back .destacado:hover, .contenido .submenu #menu_back .destacado:active  {
	background: #000000;
}
*/

/*
.contenido .submenu .destacado a:hover, .contenido .submenu .destacado a:active, .contenido .submenu #menu_back .destacado a:hover, .contenido .submenu #menu_back .destacado a:active {
	color: #fff;
}
*/

/*
.destacado-activo, .destacado-activo:hover {
	background: #000000 ;
}
*/

.contenido .submenu .destacado-activo a {
	color: #fff ;
}

.contenido .submenu .destacado-activo a:hover, .contenido .submenu .destacado-activo a:active {
	color: #fff;
}

/*
.contenido .contenido_background {
	background: #fff;
	padding: 15px 0 6px 0;
	min-height: 300px;
}
*/


.contenido_background_glosario {
	background: #fff;
	padding: 15px 0;
	min-height: 50px;
}


.menu_top {
	margin: -3px 0 0 0 ;
}

.social_bottom {
	display: block;
	margin: 5px 17px 0 17px;
	padding-top: 10px;
	border-top: 1px solid #F1F1F1;
}

.social_bottom ul {
	margin: -3px 0 0 0 ;
}


.img_proyecto img {
	display: block;
	margin: 0;
}




/*
-------------------------------
HERO */


#hero {
	color: #000;
	font-family: "zfont_pronormal", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	min-height: 230px;
}

.hero-home { min-height: 110px!important; }

.wrapper {
	margin: auto;
	width: 940px;
	position: relative;
}


.textazo {
	font-family: "zFontRounded-Thin", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 58px;
	font-weight: normal;
	padding: 60px 0 40px 0;
	margin-left: -2px;
	line-height: 1em;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

#cultura .textazo {
	padding-top: 30px;
	padding-bottom: 0px;
}
.textazo + .fecha { margin-top: -2px; }
/*
.textazo + .fecha a:link,
.textazo + .fecha a:hover { color: #000; }
*/

/*
.textazo strong {
	font-family: "zFontRounded-Medium", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
*/


.textazo-np { padding-right: 0; }

.textazo .subtext {
	font-family: "Open Sans", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #000;
	font-size: .3em;
	font-size: 14px;
	font-weight: normal;
	margin: 20px 0 0 4px;
	display:block;
	line-height: 1.2em;
	text-transform: initial;
}


/*
-------------------------------
NUEVOS */

.contentHeader {
	margin: 0 15px 15px;
	padding-bottom: 7px;
	border-bottom: 1px solid #F1F1F1;
}

.contentHeader h2 {
	float: left;
  margin: 0.45em 0 0 ;
  padding: 0 17px 0 0;
}

.contentHeader .submenu {
	float: right;
	margin: 0;
}

.blespecial h3 { margin-top: 18px; }

.blespecial h4 { margin-top:1.6em; }

.serv_dest h3 { margin: 20px 0 15px; }






/*
-------------------------------
FORMULARIOS */

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #9E9E9E;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #9E9E9E;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #9E9E9E;
}

.control-group {
	position: relative;
	margin: 0 0 15px;
	display: inline-block;
}

.control-group .input {
	position: relative;
	float: left;
}

label {
	display: block;
	margin-bottom: 5px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	position: relative;
	z-index: 3;
	/* margin: 0 0 15px; */
	margin: 0;
	/* padding: 8px 16px; */
	padding: 7px 16px 9px;
	border: 1px solid #9E9E9E;
/* 	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px; */
	-webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
	     -o-appearance: none;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
}

/* input[type="date"] { height: 21px; } */
input[type="date"] {
	line-height: 19px;
	height: 21px;
}

input[type="tel"]::-webkit-outer-spin-button,
input[type="tel"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="date"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
	margin: 0;
}

select { margin: 0; }

select[disabled],
select.disabled { cursor:not-allowed; }

select.hasCustomSelect { z-index: 10; }

.customSelect {
	position: relative;
	z-index: 3;
	background-color: #FFF;
	height: 21px;
	line-height: 21px;
	/* margin: 0 0 15px; */
	margin: 0;
	/* padding: 8px 16px; */
	padding: 7px 16px 9px;
	border: 1px solid #9E9E9E;
/*	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px; */
}

.customSelect [class^="font-icon-"],
.customSelect [class*=" font-icon-"] {
	position: absolute;
	top: 12px;
	right: 16px;
}

.customSelectInner {
	width: 100%!important;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


.fileInput {
	position: relative;
	/* margin-bottom: 15px; */
	cursor: pointer;
}
.fileInput .boton {
	display: block;
	position: relative;
	z-index: 3;
	width: 200px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

.fileInput.lleno .boton { font-weight: normal; }

/* .fileInput.lleno { background-color: #009FE3; } */

.fileInput input[type="file"] {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 0;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor: pointer;
}


.check-option {
	position: absolute;
	top: 0;
	right: 0;
}

.check-option input {
	width: auto!important;
	margin-right: 5px;
}




#formNewsletter input[type="text"],
#formNewsletter input[type="email"] {
	width: 230px;
}

#formNewsletter .control-group {
	margin: 0 15px 0 0;
	float: left;
}

#formEmpleo input,
#formEmpleo .customSelect { width: 246px; }
#formEmpleo select.hasCustomSelect { width: 100%!important; }
#formEmpleo .fileInput input[type="file"] { width: 100%; }

#formEmpleo button { display: block; }

#estudios_01,
#estudios_02 { display: none; }






.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #CC0000;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea,
.control-group .error,
.control-group .error + .customSelect {
  color: #CC0000;
  border-color: #CC0000;
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus,
.control-group .error:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #CC0000;
  background-color: #f2dede;
  border-color: #CC0000;
}
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
  -moz-box-shadow: 0 0 6px #7aba7b;
  box-shadow: 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

/*
.help-block,
span.error { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
*/

span.error {
	font-size: 12px;
	line-height: 1.4;
	display: block;
}

form span.error{
	background-color: #FAE5E5;
	color: #CC0000;
	position: relative;
	top: -3px;
	/* padding: 10px 16px; */
	padding: 11px 16px 9px;
/*	border-radius: 3px; */
	display: block;
	z-index: 1;
	max-height: 16px;
}

.help-block + span.error { margin: 0; }

.slegal + span.error { top: 5px; }

/* .fileInput span.error { top: -3px; } */

.validation-icon {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 3;
}











/*
-------------------------------
MENU LINEAS */

/*
ul.menu_lineas {
	margin: 12px 0 -15px 0;
	list-style: none;
}

ul.menu_lineas li {
	border-bottom: solid 1px #E5E5E5;
	border-top: solid 1px #E5E5E5;
	margin: 0 15px -1px 0 ;
}


ul.menu_lineas li a {
	display: block;
	color: #222;
	padding: 7px 0 6px 0;
	text-decoration: none;
}

ul.menu_lineas li a:hover {
	color: #000;
	font-weight: bold;
}

ul.menu_lineas li a.activo {
	color: #000;
	font-weight: bold;
}

ul.menu_lineas .header {
	font-size: 14px;
	color: #222;
	padding-bottom: 18px;
}

ul.menu_lineas .header a { padding: 0; }

ul.menu_lineas img { margin:0 10px -5px ; }
*/

/*
-------------------------------
CONTENIDO LINEAS */

ul.contenido_lineas {
	margin: 12px 0 -15px 0;
	list-style: none;
}

ul.contenido_lineas li {
	border-bottom: solid 1px #E5E5E5;
	border-top: solid 1px #E5E5E5;
	margin: 0 15px -1px 0 ;
}

/*
_______________________________
LISTAS */





/*
_______________________________
COMENTARIOS */
.autor_comentario{
	font-weight: bold;
	display: block;
	margin-bottom: 0.5em;
}
.fecha_comentario{
	font-style: italic;
	display:block;
}
#idComentario{
	width: 100%;
	max-width: 100%;
	resize: vertical;
}

.lista_comentarios { height: 335px; }

.contenido .lista_comentarios li {
	margin-bottom: 16px;
}


/*
_______________________________
BOTÓN */

/* BOTONES */

.bt_mas_informacion {
	font-weight: bold;
	margin-top: 5px;
}

.boton,
.boton:visited,
.bt_mas_informacion,
.bt_mas_informacion:visited,
.bt_enviar,
.bt_enviar:visited {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700;
	position: relative;
	background-color: #000000;
	color: #FFF!important;
	border: none;
	display: inline-block;
	text-decoration: none;
	padding: 8px 64px 10px 16px;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: geometricPrecision;
/*	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px; */
/*
	-webkit-transition: all .1s ease-in;
	   -moz-transition: all .1s ease-in;
	        transition: all .1s ease-in;
*/
}

/*
.boton:hover,
.boton:active,
.bt_mas_informacion:hover,
.bt_mas_informacion:active,
.bt_enviar:hover,
.bt_enviar:active,
.fileInput:hover .boton,
.fileInput:active .boton {
	background-color: #666;
	text-decoration: none!important;
}
*/

.boton:focus,
.bt_mas_informacion:focus,
.bt_enviar:focus,
.fileInput:focus .boton { outline: none; }

.boton [class^="font-icon-"],
.boton [class*=" font-icon-"] {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 21px;
	padding: 9px 16px 9px 0;
}

button.boton {
	padding-top: 9px;
	padding-bottom: 11px;
}



.tweets {
	height: 295px;
	overflow: hidden;
	margin-left: 0 ;
}

.tweets li {
	margin-left: 0 ;
}

.tweets li {
	margin-bottom: 16px;
}

.btn_comentarios {
	position: absolute;
	bottom: 38px;
	font-size: 12px;
	line-height: 1.6em;
	right: 30px;
/*	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px; */
	background-color: #F1F1F1;
	padding: 0 8px;
	color: #222666 ;
}

.last .btn_comentarios { right: 10px; }

.indice_proyectos_home .btn_comentarios {
	bottom: 29px;
	right: 10px;
}

.indice_proyectos_home .last .btn_comentarios { right: 10px; }





/*
_______________________________
AGENCIA */

#clientes .col4_4 + .col4_4 { margin-top: 0; }

.col4_1 .logo-cliente,
figure .img-equipo,
figure .logo-cliente {
	width: 100%;
	margin: 0;
	display: block;
	display: none;
}

#equipo .figure-list figure,
#clientes .figure-list figure {
	position: relative;
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#equipo .affiliation { display: none; }
#equipo .figure-list figure.isFour,
#clientes .figure-list figure.isFour { margin-right: 0; }

#clientes .figure-list figure.isPreLast,
#clientes .figure-list figure.isLast { display: none; }

figure img + figcaption { margin-top: 11px; }

/*
#equipo .figure-list figcaption {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding-top: 10px;
	margin-bottom: -5px;
	background-color: #FFF;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translateY(100%);
	   -moz-transform: translateY(100%);
	        transform: translateY(100%);
	-webkit-transition: -webkit-transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	   -moz-transition:    -moz-transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	        transition:         transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
}
*/
#equipo .figure-list figcaption {
	width: 100%;
	padding-top: 8px;
	padding-bottom: 4px;
	background-color: #FFF;
}
#equipo .figure-list figcaption p { margin: 0; }

#equipo .figure-list figcaption p strong:first-child {
/*
	font-family: "zFontRounded-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
*/
	text-transform: uppercase;
	/* line-height: 28px; */
}

#clientes .bloque { position: relative; }

.img-wrp { position: relative; }
.anim-wrp {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	overflow: hidden;
	-webkit-transition: padding .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	   -moz-transition: padding .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	        transition: padding .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
}

.censor-tag {
	position: absolute;
	top: calc(100% - (100%/1.618));
	left: 50%;
	margin-top: -21px;
	margin-left: -121px;
	display: block;
	width: 242px;
	height: 42px;
	background-color: #000;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	   -moz-transition:    -moz-transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	        transition:         transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
}


#equipo .figure-list figure:hover .censor-tag {
	-webkit-transform: translateY(-130px);
	   -moz-transform: translateY(-130px);
	        transform: translateY(-130px);
}

/*
#equipo .figure-list figure:hover figcaption {
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	        transform: translateY(0);
}
*/

#equipo .figure-list figure.empleo .img-wrp {
	background-color: #F8F8F8;
}

#equipo .figure-list figure.empleo img {
	visibility: hidden;
}



/*
_______________________________
EMPLEO */

#empleo .col4_2 .bloque p,
#empleo .col4_2 .bloque li {
	padding-right: 30px;
}

#empleo .top-hueco {
	margin-top: 107px;
}

#empleo .col4_4 + .oferta-empleo,
#empleo + .col4_4 { margin-top: 60px; }






/*
_______________________________
PIE */

#pie {
	padding: 80px 0 40px;
	line-height: 1.4em;
	position: relative;
}

#pie a {
	color: #222;
	text-decoration: none;
}
/* #pie a:hover { text-decoration: line-through; } */
#pie a:hover { text-decoration: none; }

/*
#pie .social-links a:hover {
	text-decoration: none;
	background-color: #000;
}
*/

/*
#pie .social-links a:hover {
	text-decoration: none;
	background-color: #000;
}
*/

#pie .dir { float: left; }

#pie .sep { padding: 0 10px; }

#pie p {
	font-size: 12px;
	margin-bottom: 2px ;
	line-height: 16px;
	margin: 3px 0;
}

#pie .bloque {
	margin: auto;
	width: 930px;
}

#pie address { }

.datos_contacto p {
	margin-bottom: 0.3em ;
}

.datos_contacto .h2  {
	font-size: 1em;
	padding-top: 98px;
	margin-bottom: 0;
	line-height: 1em;
}

.h2 strong {
	color: #000 ;
}

.datos_contacto a {
	display: block;
	margin-top: 30px;
}

#pie #copyright { float: right; }

#copyright p { text-align: right; }

#zorraquino, #zorraquino a {
	display: none;
}

#navicons {
	float: left;
}

#navicons a {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-left: 1px;
	background-color: #000;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all .1s ease-in;
	   -moz-transition: all .1s ease-in;
	        transition: all .1s ease-in;
}

#navicons a:hover,
#navicons a:active,
#navicons a:visited { text-decoration: none; }

#navicons a:hover,
#navicons a:active { background-color: #000; }

#navicons a:first-child { margin-left: 0; }

#navicons a [class^="font-icon-"],
#navicons a [class*=" font-icon-"] {
	font-size: 1.15em;
	color: #000;
	line-height: 30px;
	-webkit-transition: all .1s ease-in;
	   -moz-transition: all .1s ease-in;
	        transition: all .1s ease-in;
}

#navicons a:hover [class^="font-icon-"],
#navicons a:active [class^="font-icon-"],
#navicons a:hover [class*=" font-icon-"],
#navicons a:active [class*=" font-icon-"] { color: #FFF; }

.navicon {
	display: block;
	float: left ;
	margin: 0 ;
	padding: 0 0 0 5px ;
}

.pie-text { float: left; }
.navicon + .pie-text { margin-left: 20px; }


/*
_______________________________
PÁGINA DE CONTACTO */

#map, #map2{
	height: 260px;
	width: 690px;
	margin: 13px 0 19px 0;
	border: 1px solid #E5E5E5;
}

#map img, #map2 img{
	background: transparent;
	border: 0;
}

/*
_______________________________
ACCESIBILIDAD WEB */

.accesible {
	display: none;
}
/*
_______________________________
GLOSARIO */

.termino_descripcion ul{
	list-style-type: disc ;
	margin-left: 50px;
	margin-bottom: 20px;
	}
.termino_descripcion li{
	list-style-type: disc ;
	margin-bottom: 10px;
	}


/*
_______________________________
PÁGINA SITEMAP */

.lista_sitemap ul li {
	margin-left: 10px ;
}

/*
_______________________________
GALERIA */

#imgs-proyecto { }

#imgs-proyecto img {
	display: block;
	display: none;
	width: 100%;
	margin: 0;
}

#info-proyecto,
#info-proyecto-pre { margin-top: 40px; }

#info-proyecto .col3_2 .bloque,
#info-proyecto-pre .col3_2 .bloque { width: 470px; }

/*
#info-proyecto .col3_1 .bloque { padding-top: 86px; }
#info-proyecto .col3_2 .bloque { padding-top: 44px; }
*/
#info-proyecto .col3_1 .bloque,
#info-proyecto-pre .col3_1 .bloque { padding-top: 42px; }
#info-proyecto .col3_2 .bloque,
#info-proyecto-pre .col3_2 .bloque { padding-top: 0; }
#info-proyecto .col3_1:first-child .bloque,
#info-proyecto-pre .col3_1:first-child .bloque,
#info-proyecto .col3_2:first-child .bloque,
#info-proyecto-pre .col3_2:first-child .bloque { padding-top: 0; }

.extra-bottom { display: none; }


.proyect-awwards dl { text-align: right; }


/*
_______________________________
INDICE */

ul.indice {
	margin: 0;
}

ul.indice li {
	list-style-type: none;
}

ul.no-list {
	list-style: none;
	margin-left: 0;
}

/*
_______________________________
BREADCRUMB */

.breadcrumb {
	position: relative;
	margin-bottom: 8px;
	padding: 0;
}

.breadcrumb, .breadcrumb a {
	color: #222;
	padding-top: 10px;
	padding-bottom: 0;
	height: 20px;
	font-size: 13px;
}

.breadcrumb a,
.breadcrumb_pie a {
	color: #222;
	text-decoration: none;
}

.breadcrumb a:hover { text-decoration: line-through; }

.breadcrumb #menu_principal a {
	color: #000;
	font-style: normal;
	height: auto;
	margin-top: 0;
	font-size: 12px;
}

.bc-arrow { color: #9E9E9E; }






/*
_____________ AVISOS CABECERA_________________*/

.aviso_cabecera {
	background-color: #FFF;
	border-left: 6px solid #FFF;
	display: block;
	clear: both;
	margin-top: 20px;
	padding: 15px 20px 15px 20px;
	color: #000;
}
.aviso_cabecera strong { color: #000; }
.aviso_cabecera .titulo {
	display: block;
	font-weight: bold;
}

.aviso_error {
	background-color: #FAE5E5;
	color: #CC0000!important;
	border-left-color: #CC0000;
}
.aviso_error strong { color: #CC0000; }
.aviso_error a {
	color: #CC0000;
	text-decoration: underline;
}

.confirmacion {
	background-color: #EAF5EF;
	color: #339966!important;
	border-left-color: #339966;
}
.confirmacion strong { color: #339966; }
.confirmacion a {
	color: #339966;
	text-decoration: underline;
}

.advertencia {

}

.advertencia a {
	/* color: #339966; */
	text-decoration: underline;
}

/*
_______________________________
INDICE PROYECTOS */


#list-proyectos { margin-top: 20px; }

#list-proyectos article {
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
}

#list-proyectos .entry-image {
	width: 460px;
	max-height: 286px;
	/* background-color: #F8F8F8; */
}

#list-proyectos article a {
	position: relative;
	display: block;
}
#list-proyectos .entry-image img {
	position: relative;
	z-index: 10;
	display: block;
	display: none;
	width: 100%;
	margin: 0;
/*
	opacity: 1;
	-webkit-transition: opacity .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	   -moz-transition: opacity .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	        transition: opacity .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
*/
}

#list-proyectos .entry-image .bn-img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#list-proyectos .isTwo { margin-right: 0; }

#list-proyectos .isImpar.last { display: none; }

#list-proyectos .entry-image canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
#list-proyectos article h2 {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #222;
	line-height: 21px;
	text-transform: none;
	position: absolute;
	width: 100%;
	bottom: 0;
	padding-top: 10px;
	margin-bottom: -5px;
	background-color: #FFF;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translateY(100%);
	   -moz-transform: translateY(100%);
	        transform: translateY(100%);
	-webkit-transition: -webkit-transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	   -moz-transition:    -moz-transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	        transition:         transform .2s cubic-bezier(0.280, 0.000, 0.115, 1.000);
}
*/

#list-proyectos article h2 {
/*
	font-family: "zFontRounded-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
*/
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;

	/* line-height: 21px; */

	width: 100%;
	margin: 0;
	padding-top: 5px;
	background-color: #FFF;
}


#list-proyectos article h2 .entry-type {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #222;
	text-transform: none;
	/* margin-left: 10px; */
}

#list-proyectos article .censor-tag {
	font-family: "zFontRounded-Bold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #FFF;
	line-height: 42px;
	text-transform: uppercase;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(195px);
	   -moz-transform: translateY(195px);
	        transform: translateY(195px);
}

/*
#list-proyectos article:hover entry-image {

}
*/

#list-proyectos article:hover .entry-image img {
	/* display: none!important; */
	visibility: hidden;
}
#list-proyectos article:hover .entry-image .bn-img { visibility: visible; }

#list-proyectos article:hover .anim-wrp { padding-bottom: 10px; }

#list-proyectos article:hover .censor-tag {
	-webkit-transform: translateY(-5px);
	   -moz-transform: translateY(-5px);
	        transform: translateY(-5px);
}

/*
#list-proyectos article:hover h2 {
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translateY(-10px);
	   -moz-transform: translateY(-10px);
	        transform: translateY(-10px);
}
*/

#list-proyectos article a:hover { text-decoration: none; }




#analytics {
	position: absolute;
	visibility: hidden;
	top: -20px;
}




/*
_______________________________
END */


/* VIDEO */


.hidden {
	display: none ;
	visibility: hidden ;
}

/* TIPSY */

.tipsy { padding: 5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/js/jquery/plugins/tipsy/tipsy.gif); margin: -1px 0 0 5px; line-height: 13px; }
  .tipsy-inner { padding: 7px 8px 6px 8px; background-color: black; color: white; max-width: 220px; text-align: center; }
/*  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } */
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }


/* NOTAS */
.marked { background: #fff555; padding: 2px 0px; /*display: inline; padding: 2px 0px;*/ }

/*
_______________________________
END */






/* ==========================================================================
   $MEDIA-QUERIES
   ========================================================================== */


/* 1180PX
----------------------------------------------- */

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

	.contenedor { width: 1180px; }
	.wrapper { width: 1180px; }

	.hero-home { min-height: 140px!important; }

	/* 3 COLUMNAS */
	.col3_1 { width: 380px; }
	.col3_2 { width: 780px; }

	/* 4 COLUMNAS */
	.col4_1 { width: 280px; }
	.col4_2 { width: 580px; }
	.col4_3 { width: 880px; }

	#info-proyecto .col4_1,
	#info-proyecto-pre .col4_1 { width: 280px; }
	#info-proyecto .col4_2,
	#info-proyecto-pre .col4_2 { width: 580px; }
	#info-proyecto .col4_3,
	#info-proyecto-pre .col4_3 { width: 880px; }

	.lista_comentarios { height: 380px; }

	.tweets { height: 340px; }

	.textazo { padding-right: 240px; }

	/* INDICE PROYECTOS */

	.indice_proyectos_home li.isFour { margin-right: 20px; }
	.indice_proyectos_home li.isFive { display: block; }

	.indice_proyectos li.isFour { margin-right: 20px; }
	.indice_proyectos li.isFive { margin-right: 0; }


	#list-proyectos .entry-image {
		width: 380px;
		max-height: 360px;
	}

	#list-proyectos .isTwo { margin-right: 20px; }
	#list-proyectos .isThree { margin-right: 0; }
	#list-proyectos .isImpar.last { display: block; }

	#list-proyectos.home .isFour { display: none; }

	#list-proyectos article .censor-tag {
		-webkit-transform: translateY(140px);
		   -moz-transform: translateY(140px);
		        transform: translateY(140px);
	}


	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { width: 590px; }


	/* AGENCIA */

	#equipo .figure-list figure,
	#clientes .figure-list figure {
		float: left;
		width: 280px;
		margin-right: 20px;
	}
	#equipo .figure-list figure.isFour,
	#clientes .figure-list figure.isFour { margin-right: 0; }

	#equipo .figure-list figure:hover .censor-tag {
		-webkit-transform: translateY(-160px);
		   -moz-transform: translateY(-160px);
		        transform: translateY(-160px);
	}


	#formEmpleo input,
	#formEmpleo .customSelect { width: 326px; }

	.fileInput .boton { width: 280px; }





	#pie #copyright p { text-align: right; }
	#copyright p:first-child { display: block; }

	#pie p { margin-bottom: 0 ; }
	#pie p:first-child { margin-bottom: 2px ; }

	.pie-text,
	#pie #copyright { margin-top: -4px; }

}


/* 1420PX
----------------------------------------------- */

@media only screen and (min-width: 1680px) {

	.contenedor,
	.wrapper { width: 1420px; }
	.hero-home { min-height: 140px!important; }

	/* 3 COLUMNAS */
	.col3_1 { width: 460px; }
	.col3_2 { width: 940px; }

	/* 4 COLUMNAS */
	.col4_1 { width: 340px; }
	.col4_2 { width: 700px; }
	.col4_3 { width: 1060px; }

	.textazo { padding-right: 480px; }


	/* INDICE PROYECTOS */

	#list-proyectos .entry-image {
		width: 460px;
		max-height: 286px;
	}

	#list-proyectos .isTwo { margin-right: 20px; }
	#list-proyectos .isThree { margin-right: 0; }
	#list-proyectos .isImpar.last { display: block; }

	#list-proyectos.home .isFour { display: none; }

	#list-proyectos article .censor-tag {
		-webkit-transform: translateY(165px);
		   -moz-transform: translateY(165px);
		        transform: translateY(165px);
	}



	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { width: 720px; }


	/* AGENCIA */

	#equipo .figure-list figure,
	#clientes .figure-list figure { width: 268px; }
	#equipo .figure-list figure.isFour,
	#clientes .figure-list figure.isFour { margin-right: 20px; }
	#equipo .figure-list figure.isFive,
	#clientes .figure-list figure.isFive { margin-right: 0; }

	#clientes .figure-list figure.isPreLast,
	#clientes .figure-list figure.isLast { display: block; }


	#equipo .figure-list figure:hover .censor-tag {
		-webkit-transform: translateY(-155px);
		   -moz-transform: translateY(-155px);
		        transform: translateY(-155px);
	}

	#formEmpleo input,
	#formEmpleo .customSelect { width: 406px; }

	.fileInput .boton { width: 360px; }


}



/* TABLET LAYOUT
----------------------------------------------- */

/* @media only screen and (min-width: 768px) and (max-width: 960px) { */
@media only screen and (min-width: 768px) and (max-width: 1000px) {


	.contenedor,
	.wrapper { width: 700px; }

	#menuMobile { display: block; }
	#menuMobile.lock {
		left: 664px;
		margin: 0 auto;
	}

	#menu_principal {
		display: none;
		position: absolute;
		width: 100%;
		margin: 0;
		padding-bottom: 10px;
		/* top: 25px; */
	}

	#menu_principal li {
		float: none;
		width: 100%;
		display: block;
		margin: 0;
		line-height: 1em;
		/* text-align: right; */
	}

	#menu_principal li a {
		float: none;
		padding: 0;
		font-family: "zFontRounded-Thin", 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 30px;
		margin-left: -2px;
		line-height: 1em;
	}
	#menu_principal li a:hover,
	#menu_principal li a:active,
	#menu_principal li.activo  a { text-decoration: none; }


	.hero-home { min-height: 100px !important; }

	.textazo {
		font-size: 44px;
		padding-right: 0;
	}


	/* 3 COLUMNAS */
	.col3_1,
	.col3_2 {
		float: none;
		width: 100%;
		margin: 0;
		min-height: 0;
	}

	.col3_1 .bloque,
	.col3_2 .bloque { padding-right: 20px; }

	.col3_3 + .col3_3 { margin-top: 0; }

	/* 4 COLUMNAS */
	.col4_1 { width: 340px; }
	.col4_2 { width: 700px; margin-left: 0; }
	.col4_3 { width: 700px; margin-left: 0; }

	.col3_1 + .col3_1 .bloque { padding-top: 0; }
	.col4_1 + .col4_1 + .col4_1 .bloque { padding-top: 0; }

	.col3_1 + .col3_1 .bloque h2:first-child,
	.col3_1 + .col3_2 .bloque h2:first-child,
	.col3_2 + .col3_1 .bloque h2:first-child,
	.col4_1 + .col4_1 .bloque h2:first-child,
	.col4_1 + .col4_2 .bloque h2:first-child,
	.col4_1 + .col4_3 .bloque h2:first-child,
	.col4_2 + .col4_1 .bloque h2:first-child,
	.col4_2 + .col4_2 .bloque h2:first-child,
	.col4_3 + .col4_1 .bloque h2:first-child { margin-top: 40px; }

	.contenido .menu {
		width: 700px;
	}

	.lista_comentarios { height: 220px; }

	.tweets { height: 220px; }

	.metodo-list-1,
	.metodo-list-2 { min-height: 0; }

	.boton { margin-bottom: 21px; }



	/* INDICE PROYECTOS */

	.indice_proyectos_home li.isFive { display: none; }
	.indice_proyectos_home li.isFour { display: none; }
	.indice_proyectos_home li.isThree { margin-right: 0; }

	.indice_proyectos li.isFive { margin-right: 20px; }
	.indice_proyectos li.isFour { margin-right: 20px; }
	.indice_proyectos li.isThree { margin-right: 0; }

	#list-proyectos .entry-image {
		width: 340px;
		max-height: 210px;
	}

	#list-proyectos .isTwo { margin-right: 0; }
	#list-proyectos .isImpar.last { display: none; }



	/* PROYECTO */

	#info-proyecto .col3_1,
	#info-proyecto-pre .col3_1,
	#info-proyecto .col3_2,
	#info-proyecto-pre .col3_2 { width: 100% }

	#info-proyecto .col3_1 .bloque,
	#info-proyecto-pre .col3_1 .bloque,
	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { padding-top: 0; }

	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { width: 100%; }


	.columnas {
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
	}

	.proyect-awwards dl { text-align: left; }


	/* AGENCIA */

	#equipo .figure-list figure,
	#clientes .figure-list figure { width: 220px; }
	#equipo .figure-list figure.isFour,
	#clientes .figure-list figure.isFour { margin-right: 20px; }
	#equipo .figure-list figure.isThree,
	#clientes .figure-list figure.isThree { margin-right: 0; }

	#clientes .figure-list figure.isPreLast { display: block; }
	#clientes .figure-list figure.isLast { display: none; }

	#equipo .figure-list figure:hover .censor-tag {
		-webkit-transform: translateY(-130px);
		   -moz-transform: translateY(-130px);
		        transform: translateY(-130px);
	}


	#empleo .top-hueco { margin-top: 0px; }

	#empleo .col4_4 + .oferta-empleo,
	#empleo + .col4_4 { margin-top: 40px; }



	.control-group-pair .control-group {
		margin-left: 36px;
	}

	.control-group-pair .control-group:first-child {
		margin-left: 0;
	}

	#formEmpleo input,
	#formEmpleo .customSelect { width: 286px; }

	.fileInput .boton {
		width: 240px;
		margin: 0;
	}

	#formEmpleo button.boton {
		position: relative;
		top: 35px;
		margin-left: 36px;
		display: inline-block;
	}

	.pie-text { float: none; }

	#pie address { display: inline-block; }

	#pie #copyright {
		/* float: left; */
		float: none;
		margin-top: 5px;

	}
	#copyright p { text-align: left; }


	.nmOnTablet { margin: 0; }
	.hideOnTablet { display: none; }
	.showOnTablet { display: block; }

}



/* MOBILE LAYOUT (PORTRAIT/320PX)
----------------------------------------------- */

@media only screen and (max-width: 767px) {

	.contenedor,
	.wrapper {
/*
		width: 86%;
		padding: 0 7%;
*/
		width: 87.5%;
		padding: 0px 6.25%;
	}

	/* header.lock { top: -10px; } */
	header.lock + * { padding-top: 70px; }
	.csspositionsticky header.lock + * { padding-top: 0; }
	/* header.lock { background: none; } */

	#cabecera { padding: 30px 0 20px; }

	/* #cabecera #logo { display: none; } */

	#menuMobile { display: block; }
	#menuMobile.lock { right: 6.25%; }

	#menu_principal {
		display: none;
		position: absolute;
		width: 100%;
		margin: 0;
		/* top: 25px; */
	}

	#menu_principal li {
		float: none;
		width: 100%;
		display: block;
		margin: 0;
		line-height: 1em;
		/* text-align: right; */
	}

	#menu_principal li a {
		float: none;
		padding: 0;
		font-family: "zFontRounded-Thin", 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 30px;
		margin-left: -2px;
		line-height: 1em;
	}
	#menu_principal li a:hover,
	#menu_principal li a:active,
	#menu_principal li.activo  a { text-decoration: none; }






	#hero { min-height: 0; }

	.hero-home { min-height: 50px!important; }

	.textazo {
		font-size: 30px;
		padding-bottom: 10px;
		padding-right: 10%;
	}

	.textazo br { content: ""; }
	.textazo br:before { content: " "; }


	#main { overflow: hidden; }

	.breadcrumb { display: none; }

	pre,
	input,
	textarea,
	.contenedor,
	.contenedor h3,
	.contenedor .bloque h3,
	.contenedor .bloque h4,
	.contenedor .bloque h5,
	.contenedor .bloque h6,
	.contenedor .bloque dt { font-size: 15px; }

	.contenedor h2 { font-size: 24px; }

	/* 3 COLUMNAS */
	.col3_1,
	.col3_2 {
		float: none;
		width: 100%;
		margin: 0;
		min-height: 0;
	}

	.col3_3 + .col3_3 { margin-top: 0; }

	/* 4 COLUMNAS */
	.col4_1,
	.col4_2,
	.col4_3 {
		float: none;
		width: 100%;
		margin-left: 0;
		padding: 0;
	}

	.col3_1 + .col3_1 .bloque,
	.col4_1 + .col4_1 .bloque { padding-top: 0; }

	.col3_1 + .col3_1 .bloque h2:first-child,
	.col3_1 + .col3_2 .bloque h2:first-child,
	.col3_2 + .col3_1 .bloque h2:first-child,
	.col4_1 + .col4_1 .bloque h2:first-child,
	.col4_1 + .col4_2 .bloque h2:first-child,
	.col4_1 + .col4_3 .bloque h2:first-child,
	.col4_2 + .col4_1 .bloque h2:first-child,
	.col4_2 + .col4_2 .bloque h2:first-child,
	.col4_3 + .col4_1 .bloque h2:first-child { margin-top: 40px; }

	#info-proyecto .col3_1,
	#info-proyecto-pre .col3_1,
	#info-proyecto .col3_2,
	#info-proyecto-pre .col3_2 { width: 100% }

	#info-proyecto .col3_1 .bloque,
	#info-proyecto-pre .col3_1 .bloque,
	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { padding-top: 0; }

	#info-proyecto .col3_2 .bloque,
	#info-proyecto-pre .col3_2 .bloque { width: 100%; }

	.proyect-awwards dl { text-align: left; }


	.bt_mas_informacion,
	.bt_enviar { font-size: 14px; }

	.lista_comentarios { height: 220px; }

	.tweets { height: 220px; }

	.metodo-list-1,
	.metodo-list-2 { min-height: 0; }

	.boton { margin-bottom: 21px; }


	/* INDICE PROYECTOS */

	.indice_proyectos_home li.isTwo { display: none; }
	.indice_proyectos_home li.isThree { display: none; }
	.indice_proyectos_home li.isFour { display: none; }
	.indice_proyectos_home li.isFive { display: none; }


	/* #list-proyectos article { margin-bottom: 0; } */
	#list-proyectos .entry-image {
		width: 100%;
		max-height: none;
	}

	#list-proyectos .entry-image img,
	#list-proyectos .entry-image canvas {
		width: 116%;
		margin: 0 -8%;
	}

	#list-proyectos article:hover .entry-image img { visibility: visible; }
	#list-proyectos article:hover .entry-image .bn-img { visibility: hidden; }

	#list-proyectos .isThree { margin-right: 0; }
	#list-proyectos .isTwo { margin-right: 0; }
	#list-proyectos article {
		width: 100%;
		margin-right: 0;
	}
	#list-proyectos .isImpar.last { display: block; }

	#list-proyectos.home .isFour { display: none; }


	.anim-wrp {
		width: 116%;
		margin: 0 -8%;
	}

/*
	#list-proyectos article h2 {
		width: 86%;
		padding: 0 7%;
	}
*/
	#list-proyectos article h2 {
		width: 100%;
		padding: 5px 0 0;
	}

	#list-proyectos article .censor-tag,
	#list-proyectos article:hover .censor-tag {
		-webkit-transform: translateY(-165px);
		   -moz-transform: translateY(-165px);
		        transform: translateY(-165px);
	}

/*
	#list-proyectos article h2,
	#list-proyectos article:hover h2 {
	-webkit-transform: translateY(100%);
	   -moz-transform: translateY(100%);
	        transform: translateY(100%);
	}
*/


	#list-proyectos article.hover .censor-tag,
	#list-proyectos article.hover:hover .censor-tag {
		-webkit-transform: translateY(0px);
		   -moz-transform: translateY(0px);
		        transform: translateY(0px);
	}

/*
	#list-proyectos article.hover-up .censor-tag,
	#list-proyectos article.hover-up:hover .censor-tag {
		-webkit-transform: translateY(165px);
		   -moz-transform: translateY(165px);
		        transform: translateY(165px);
	}
*/

	#list-proyectos article.hover h2,
	#list-proyectos article.hover:hover h2 {
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		        transform: translateY(0);
	}

/*
	#list-proyectos article.hover-up h2,
	#list-proyectos article.hover-up:hover h2 {
		-webkit-transform: translateY(100%);
		   -moz-transform: translateY(100%);
		        transform: translateY(100%);
	}
*/



	/* PROYECTO */

	.gal_proyecto { margin: 0 -13%; }

	.columnas {
		-webkit-column-count: 1;
		-webkit-column-gap: 20px;
		-moz-column-count: 1;
		-moz-column-gap: 20px;
		column-count: 1;
		column-gap: 20px;
	}

	.ver-web { display: none; }


	/* AGENCIA */

	#equipo .figure-list figure,
	#clientes .figure-list figure {
		width: 100%;
		margin: 0 0 20px 0;
	}
	#clientes .figure-list figure { overflow: hidden; }

	figure .img-equipo,
	figure .logo-cliente {
		width: 116%;
		margin: 0 -8%;
	}
	figure .logo-cliente { margin: -40px -8%; }
	/* figure .logo-cliente { margin: -10% -8%; } */

	#equipo .figure-list figure.isFour,
	#clientes .figure-list figure.isFour,
	#equipo .figure-list figure.isThree,
	#clientes .figure-list figure.isThree,
	#equipo .figure-list figure.isTwo,
	#clientes .figure-list figure.isTwo { margin: 0 0 20px 0; }

	#clientes .figure-list figure.isPreLast,
	#clientes .figure-list figure.isLast { display: none; }

	figure .anim-wrp {
		width: 116%;
		margin: 0 -8%;
	}

/*
	#equipo .figure-list figcaption {
		width: 86%;
		padding: 5px 7% 0;
	}
*/
	#equipo .figure-list figcaption { width: 100%; }


	#empleo .top-hueco { margin-top: 0px; }

	#empleo .col4_4 + .oferta-empleo,
	#empleo + .col4_4 { margin-top: 40px; }


	.cliente-kutxabank .logo-cliente { margin: -40px -8% -50px; }
	.cliente-euskaltel .logo-cliente { margin: -50px -8% -58px; }
	.cliente-museo-guggenheim-bilbao .logo-cliente { margin: -58px -8% -55px; }
	.cliente-eroski .logo-cliente { margin: -55px -8% -40px; }
	.cliente-saunier-duval .logo-cliente { margin: -40px -8%; }
	.cliente-kaspersky-lab .logo-cliente { margin: -40px -8% -50px; }
	.cliente-bathco .logo-cliente { margin: -50px -8%; }
	.cliente-bodeboca .logo-cliente { margin: -40px -8%; }
	.cliente-vidrala .logo-cliente { margin: -40px -8%; }
	.cliente-ide .logo-cliente { margin: -40px -8%; }



	.control-group { display: block; }
	.control-group .input { float: none; }

	#formNewsletter .control-group {
		margin: 0 0 15px;
		float: none;
	}

	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.fileInput {
		width: 100%;
		box-sizing: border-box;
	}


	#formNewsletter input[type="text"],
	#formNewsletter input[type="email"],
	#formEmpleo input,
	#formEmpleo select,
	#formEmpleo .customSelect {
		width: 100%;
		box-sizing: border-box;
	}

	/* #formNewsletter input[type="text"] { margin-bottom: 15px; } */

/*
	#formEmpleo button,
	#formNewsletter button {
		text-align: center;
		padding-right: 16px
	}
*/

	.fileInput .boton {
		margin: 0;
		width: 100%;
		box-sizing: border-box;
	}

	input[type="date"] { height: 39px; }
	.customSelect { height: 39px; }


	/* FOOTER */

	#navicons,
	.pie-text { display: block; }

	.pie-text,
	#pie #copyright {
		width: 100%;
		margin-left: 0;
	}

	.pie-text {
		float: none;
		width: auto;
	}
	#pie .dir { float: none; }
	#pie #copyright {
		float: none;
		width: auto;
	}
	#copyright p { text-align: left; }

	.pie-text .dir p:first-child { display: none; }

	#pie p {
		line-height: 20px;
/*
		line-height: 24px;
		font-size: 14px;
*/
	}

	#pie .blockOnMobile { margin-bottom: 2px; }

	.blockOnMobile { display: block; }
	.hideOnMobile { display: none; }

	.no-br-portrait br { content: ""; }
	.no-br-portrait br:before { content: " "; }

}


/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX)
----------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {


	/* 4 COLUMNAS */
	.col4_1,
	.col4_2,
	.col4_3 {
		float: none;
		width: 100%;
		margin-left: 0;
		padding: 0 10px 0 0;
		box-sizing: border-box;
	}

	.col4_1.isTwo { padding: 0 0 0 10px; }

	.col4_1 + .col4_1 .bloque { padding-top: 44px; }
	.col4_1 + .col4_1 + .col4_1 .bloque { padding-top: 0; }

	.textazo { padding-right: 15%; }

	.lista_comentarios { height: 220px; }

	.tweets { height: 220px; }


	/* INDICE PROYECTOS */

	.indice_proyectos_home li.isTwo { display: block; }
	.indice_proyectos_home li.isThree { display: none; }
	.indice_proyectos_home li.isFour { display: none; }
	.indice_proyectos_home li.isFive { display: none; }

	/* #list-proyectos .entry-image, */


	#list-proyectos article {
		width: 50%;
		margin: 0 0 20px 0;
		padding: 0 10px 0 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#list-proyectos .isTwo { padding: 0 0 0 10px; }
	#list-proyectos .isImpar.last { display: none; }

	#list-proyectos.home .isFour { display: block; }

	#list-proyectos .entry-image img,
	#list-proyectos .entry-image canvas {
		width: 100%;
		margin: 0;
	}

	#list-proyectos article h2 {
		width: 100%;
		padding: 5px 0 0;
	}

	.anim-wrp {
		width: 100%;
		margin: 0;
	}



	/* PROYECTO */

	.gal_proyecto { margin: 0; }


	#info-proyecto .col4_1,
	#info-proyecto-pre .col4_1,
	#info-proyecto .col4_3,
	#info-proyecto-pre .col4_3 {
		width: 100%;
		padding: 0;
	}

	#list-proyectos article h2 .entry-type { display: none; }



	/* AGENCIA */

	#equipo .figure-list figure,
	#clientes .figure-list figure {
		width: 50%;
		margin: 0;
		padding: 0 10px 0 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	}

	#equipo .figure-list figure.isFour,
	#clientes .figure-list figure.isFour { padding: 0 10px 0 0; }
	#equipo .figure-list figure.isThree,
	#clientes .figure-list figure.isThree { padding: 0 10px 0 0; }
	#equipo .figure-list figure.isTwo,
	#clientes .figure-list figure.isTwo { padding: 0 0 0 10px; }

	figure .img-equipo,
	figure .logo-cliente {
		width: 100%;
		margin: 0;
	}

	.cliente-kutxabank .logo-cliente,
	.cliente-euskaltel .logo-cliente,
	.cliente-museo-guggenheim-bilbao .logo-cliente,
	.cliente-eroski .logo-cliente,
	.cliente-saunier-duval .logo-cliente,
	.cliente-kaspersky-lab .logo-cliente,
	.cliente-bathco .logo-cliente,
	.cliente-bodeboca .logo-cliente,
	.cliente-vidrala .logo-cliente,
	.cliente-ide .logo-cliente { margin: -20px 0; }




	/* FOOTER */

	#navicons,
	.pie-text { display: block; }

	.pie-text { width: auto; }

	#pie p { margin: 0 0 3px; }
	.pie-text { margin-top: 0; }
	.pie-text { margin-top: -4px; }


	.no-br-portrait br { content: " "; }
	.no-br-portrait br:before { content: ""; }

}

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {

}


/* MOBILE LAYOUT (<320PX)
----------------------------------------------- */

@media only screen and (max-width: 319px) {

	.contenedor,
	.wrapper {
		width: 274px;
		padding: 0 23px;
	}

}




/* ==========================================================================
   $RETINA OVERRIDES
   ========================================================================== */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}