/* CSS Document */

/*.region-content { min-height:1000px; } */ /* BORRAR */

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: .3;
  z-index: 2; }

a:hover,
a:focus {
	text-decoration:none;
}
.page-node .region-content a { border-bottom:1px dotted #d1d1d1 !important; }
.page-node .region-content a.hvr-underline-from-center { border-bottom:none !important; }
.page-node .region-content a:hover,
.page-node .region-content a:focus {
	border-bottom-color:#333 !important;
}
blockquote {
	font-family:'Lora';
}

/* Animate.css -> Cargar elemento oculto */
.hidden-load { visibility:hidden; }
.hidden-load.animated { visibility:visible; }
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive { display: none; }
.pace .pace-progress {
  background: #231f20;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

/* Responsive Image */
.node.node-portfolio .field-name-field-imagenes img,
.node.node-full .field-name-field-vista .views-row img,
#block-views-contenidos-block-3 .content img {
  display:inline-block;
	width:100%;
  height:auto;
}

/* Formularios */
.node-webform { padding:1vw 4vw; }
.webform-client-form { padding:1vw 0; }
.form-item { margin-bottom:20px; }
.form-control {
	-webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.form-control:focus {
  border-color:transparent;
  outline: 0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
.webform-client-form .checkbox input[type="checkbox"] { margin-left:0; }
.webform-client-form fieldset.captcha {
	border:none;
	box-shadow:none;
}
.webform-client-form fieldset.captcha .panel-heading { display:none; }

.main-container {
	position:relative;
	padding-bottom:64px;
}
.page-header {
	border-bottom:none;
	font-size:18px;
	padding:20px;
	margin:0;
	background-color:#fff;
}
.region-sidebar-first {
	background-color:#f9f9f9;
	color:#231f20;
	margin-top:2vw;
}
.region-sidebar-first a,
.region-sidebar-first a:hover,
.region-sidebar-first a:focus {
	color:#231f20;
}
.btn {
	font-family:'Roboto';
	font-weight:700;
	text-transform:lowercase;
	border:none;
	-webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}
.btn:hover {
	-webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}

.breadcrumb { margin-bottom:0; }
.lead {
	font-family:'Roboto';
	font-weight:700;
}
.alert { margin-top:20px; }
.nav-tabs { margin-bottom:0; }

.owl-carousel { position:relative; }
.owl-carousel .owl-controls {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	font-family:"Open Sans", "open-sans", sans-serif;
	font-weight:300;
	padding:10px 10px 5px 10px;
}
.owl-theme .owl-controls .owl-page span { background:#231f20; }

.navbar { min-height:inherit; }
.navbar .menu.navbar-nav li a.portfolio {
	padding:3px 10px;
	margin:7px 5px;
	display:inline-block;
	min-width:150px;
	background-color:#231f20;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	line-height: 19px;
	color:#fff;
}
.navbar-default {
	background-color:rgba(51,51,51,0.9);
	font-family:'Roboto';
	border:none;
}
.navbar-default .menu.navbar-nav { text-align:center; }
.navbar-default .menu.navbar-nav .active { font-weight:700; }
.navbar-btn {
	margin-top:9px;
	margin-bottom:9px;
}
.navbar-brand { display:none; }
.navbar-toggle {
	padding:6px 0;
	margin-top:9px;
	margin-bottom:9px;
}

.footer {
	background-color:#fff;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	padding-top:10px;
  padding-bottom:10px;
	z-index:100;
	font-family:'Roboto';
	font-weight:700;
}

/* NODOS */
.listado-nodes-full .node h2 {
	/*
	font-family:'Lora';
	font-style:italic;
	*/
	text-align:center;
	padding:4vw 0;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:1vw;
}
.node.node-full .field-name-body { padding:4vw 0; }
.node.node-full .field-name-field-vista { display:none; }
.node.node-full .field-name-field-vista .views-row { padding:0; }
.node .field-name-field-tags .field-item { display:inline; }
.node .field-name-field-tags .field-item:after { content: " / "; }
.node .field-name-field-tags .field-item:last-child:after { content: ""; }
/* Portfolio */
.node-portfolio.node-full .field-name-field-tags,
.node-portfolio.node-full .field-name-field-enlace {
	font-weight:600;
	background-color:#231f20;
	text-align:center;
	color:#fff;
	padding:5px 10px;
}
.node-portfolio.node-full .field-name-field-tags a,
.node-portfolio.node-full .field-name-field-enlace a {
	color:#fff;
}
.node-portfolio.node-full .field-name-field-enlace a {
	display:block;
	width:24px;
	height:32px;
	background:url(../images/link-external.png) no-repeat center center;
	border-bottom:none !important;
	margin:0 auto;
	
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	font-size:0px;
}
.node-portfolio.node-full .field-name-field-tags { margin-bottom:20px; }
.node-portfolio.node-full .field-name-field-enlace { margin-top:20px; }
/* Mensajes Portada */
.front .node-mensajes-portada.node-teaser { display:none; }

#node-48 .overlay { opacity:0.2; }

/* VISTAS */
.grid-porfolio .row { }
.grid-porfolio .row .col { padding:0; }
.grid-porfolio .row .col .node { position:relative; }
.grid-porfolio .row .col .node.node-portfolio img {
	width:100%;
	height:auto;
}
.grid-porfolio .row .col .node.node-portfolio .content {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	z-index:10;
}
.grid-porfolio .row .col .node.node-portfolio .content > a {
	display:block;
	padding:2vh 2vw;
	background-color:rgba(255,255,255,0.8);
}
.grid-porfolio .row .col .node.node-portfolio .content h2 {
	margin-top:0;
	font-size:18px;
	margin-bottom:5px;
}
.grid-porfolio .row .col .node.node-portfolio .content .field-name-field-tags {
	text-transform:lowercase;
	font-size:12px;
}
/* Portada - Primer elemento Portfolio - teimaginas.com */
.view-id-frontpage.view-display-id-page .row .col:first-child {
	background-color:#fff;
	height:160px;
}
.front-site-name-box {
	position:relative;
	height:100%;
}
.front-site-name-box img {
	margin-top:4vw;
	margin-left:2.5vw;
}
.front-site-name-box .lead {
	position:absolute;
	bottom:2vw;
	right:2vw;
	text-transform:uppercase;
	font-size:16px;
}

#message-wrapper {
	position:fixed;
	top:64px;
	left:10%;
	width:80%;
	z-index:100;
	opacity:0.9;
}

/* BLOQUES */
#block-ohmodule-ohshowmenu {
	position:absolute;
	top:15px;
	right:30px;
	z-index:20;
}
.front #block-ohmodule-ohshowmenu { right:10px; }
#block-ohmodule-ohshowmenu .content a {
	display:block;
	/*
	width:40px;
	height:36px;
	background:#231f20 url(../images/list2.png) no-repeat center center;
	*/
	width:55px;
	height:30px;
	background:url(../images/list-te.png) no-repeat center center;
	opacity:0.8;
	-webkit-transition:opacity 0.5s, -webkit-transform 1s;
	transition:opacity 0.5s, transform 1s;
}
.front #block-ohmodule-ohshowmenu .content a { background-image:url(../images/list-te_front.png); }
#block-ohmodule-ohshowmenu .content a:hover { opacity:1; }
#block-ohmodule-ohshowmenu .content a span { display:none; }
.hidemenu {
	float:right;
	font-size:22px;
	font-weight:300;
	color:#fff;
	padding:6px 10px;
	margin-top:9px;
	margin-bottom:9px;
	margin-left:10px;
	line-height:18px;
}
.hidemenu:hover,
.hidemenu:focus {
	color:#fff;
}
.sharebutton {
	float:right;
	margin:9px 0;
	position:relative;
}
.sharebutton > a,
.sharebutton > a:hover,
.sharebutton > a:focus {
	color:#fff;
}
.sharebutton > a {
	display:block;
	padding:3px 10px;
	background:url(../images/share2.png) no-repeat center center;
	height:26px;
}
.sharebutton > a > span { display:none; }
.social-share-links {
	position:absolute;
	top:25px;
	left:-5px;
	width:100%;
	display:none;
}
.social-share-links .share-link {
	display:none;
	margin-bottom:0;
}
.social-share-links .share-link a {
	display:block;	
	background-repeat:no-repeat;
	background-position:center center;
	height:25px;
	padding:0 15px;
}
.social-share-links .share-link a span.texto { display:none; }
.social-share-links .share-link.share-email a { background-image:url(../images/envelop.png); }
.social-share-links .share-link.share-twitter a { background-image:url(../images/twitter.png); }
.social-share-links .share-link.share-facebook a { background-image:url(../images/facebook.png); }
.social-share-links .share-link.share-gplus a { background-image:url(../images/google-plus.png); }
#block-views-contenidos-block .content {
	padding:30px;
	font-family:'Lora';
	font-style:italic;
	font-size:14px;
	line-height:normal;
}
#block-views-contenidos-block-1 .view-content ul {
	list-style:none;
	padding:0 2vw;
	font-size:16px;
	font-weight:300;
	/*
	font-family:'Lora';
	font-style:italic;
	font-size:18px;
	*/
	margin:0;
	text-align:center;
}
#block-views-contenidos-block-1 .view-content ul li { border-bottom:1px solid #f1f1f1; }
#block-views-contenidos-block-1 .view-content ul li.views-row-last { border-bottom:none; }
#block-views-contenidos-block-1 .view-content ul li a {
	display:block;
	padding:2vw;
}
#block-views-contenidos-block-1 .view-content ul li .field-name-field-image { display:none; }
#map-canvas { height:750px; } /* Bloque Mapa Contacto */
#block-contactinfo-hcard {
	padding:2vw 4vw;
	padding-bottom:0;
}
#block-contactinfo-hcard .content {
	padding:4vw 2vw;
	background-color:#fff;
}
#block-contactinfo-hcard .content .vcard {
	background:url(../images/logo-front.png) no-repeat center top;
	padding-top:120px;
	text-align:center;
}
#block-contactinfo-hcard .content .vcard .fn,
#block-contactinfo-hcard .content .vcard .tagline,
#block-contactinfo-hcard .content .vcard .tel {
	font-family:'Roboto';
	font-size:18px;
	font-weight:300;
}
#block-contactinfo-hcard .content .vcard .tagline { margin-bottom:10px; }
#block-contactinfo-hcard .content .vcard .fn,
#block-contactinfo-hcard .content .vcard .tel {
	font-weight:700;
}
#block-contactinfo-hcard .content .vcard .tel { margin-top:10px; }
#block-contactinfo-hcard .content .vcard .tel { display:inline-block; }
#block-contactinfo-hcard .content .vcard .phone .separator {
	font-weight:bold;
	font-size:18px;
  margin:0 5px;
}
#block-contactinfo-hcard .content .vcard .fn.org,
#block-contactinfo-hcard .content .vcard .country-name,
#block-contactinfo-hcard .content .vcard .tel > abbr {
	display:none;
}
.social-share-links.inline { margin:0; }
#block-ohmodule-copyright .content,
#block-menu-menu-pie .content {
	text-align:center;
	font-size:12px;
}
#block-menu-menu-pie .content .nav > li { display:inline-block; }
#block-menu-menu-pie .content .nav > li > a { padding:5px; }
#block-menu-menu-pie .content .nav > li > a.facebook,
#block-menu-menu-pie .content .nav > li > a.twitter {
	display:inline-block;
  vertical-align: bottom;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:20px;
	height:20px;
}
#block-menu-menu-pie .content .nav > li > a.facebook { background:#3b5998 url(../images/facebook-w.png) no-repeat 1px 1px; }
#block-menu-menu-pie .content .nav > li > a.twitter { background:#55acee url(../images/twitter-w.png) no-repeat center center; }
#block-ohmodule-ssl-icon-script .content {
	text-align:center;
	margin:10px 0;
}
#block-ohmodule-ssl-icon-script .content img { height:28px; }

#sliding-popup .popup-content #popup-text h2,
#sliding-popup .popup-content #popup-text p {
	margin:5px 0;
}
#sliding-popup .popup-content #popup-buttons button {
	
  display:inline-block;
  margin-right:5px;
  margin-top:15px;
  vertical-align:middle;
  overflow:visible;
  width:auto;

  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  background:none;
  background:none;
  filter:none;
	color:#ffffff;
	background-color:#231f20;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:0;
  border:none;
	font-family:'Roboto';
  font-weight:700;
	font-size:12px;
  padding:4px 8px;
  text-decoration:none;
  text-shadow:none;
}
#sliding-popup .popup-content #popup-buttons button:hover {
  background:none;
  background:none;
  filter:none;
	background-color:#231f20;
}

@media (min-width:768px) {
	
	/* Underline From Center */
	.hvr-underline-from-center {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden;
		padding-bottom:2px;
	}
	.hvr-underline-from-center:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 50%;
		right: 50%;
		bottom: 0;
		background: #fff;
		height: 2px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
		left: 0;
		right: 0;
	}
	.btn {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden;
	}
	.btn:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 50%;
		right: 50%;
		bottom: 0;
		background: #fff;
		height: 2px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.btn:hover:before, .btn:focus:before, .btn:active:before {
		left: 0;
		right: 0;
	}
	/* Overline From Center */
	.hvr-overline-from-center {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		position: relative;
		overflow: hidden;
	}
	.hvr-overline-from-center:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 50%;
		right: 50%;
		top: 0;
		background: #fff;
		height: 3px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
		left: 0;
		right: 0;
	}

	.main-container { padding-bottom:70px; }
	.region-sidebar-first { margin-top:0; }

	.page-header {
		font-size:22px;
		padding:30px;
	}
	.navbar-collapse { padding-right:20px; }
	.navbar-btn img {
		width:auto;
		height:20px;
	}
	.navbar .menu.navbar-nav li a.portfolio {
		min-width:inherit;
		-webkit-transition: background-color 200ms linear;
		-moz-transition: background-color 200ms linear;
		-o-transition: background-color 200ms linear;
		-ms-transition: background-color 200ms linear;
		transition: background-color 200ms linear;
	}
	.navbar .menu.navbar-nav li a.portfolio:hover,
	.navbar .menu.navbar-nav li a.portfolio:focus {
		background-color:#231f20;
	}
	.navbar-default .menu.navbar-nav { font-size:12px; }
	
	.sharebutton > a,
	.navbar .menu.navbar-nav li a.portfolio {
		color:#fff;
		opacity:0.8;
		-webkit-transition:opacity 0.5s, -webkit-transform 1s;
		transition:opacity 0.5s, transform 1s;
	}
	.sharebutton > a:hover,
	.sharebutton > a:focus,
	.navbar .menu.navbar-nav li a.portfolio.active,
	.navbar .menu.navbar-nav li a.portfolio:hover,
	.navbar .menu.navbar-nav li a.portfolio:focus {
		opacity:1;
	}
	
	/* NODOS */
	.listado-nodes-full .node h2 {
		text-align:right;
		padding:2vw 0;
		margin:0 4vw;
	}
	.node.node-full .field-name-body,
	.node.node-full .field-name-field-vista {
		display:block;
		padding:2vw 4vw;
	}
	.node.node-full .field-name-field-vista .field-name-field-imagenes-servicios { background-color:#231f20; }
	.node.node-full .field-name-field-vista .field-name-field-imagenes-servicios a {
		display:block;
		overflow:hidden;
	}
	.node.node-full .field-name-field-vista .field-name-field-imagenes-servicios img {
		opacity:1;
		-webkit-transition:opacity 1s, -webkit-transform 1s;
		transition:opacity 1s, transform 1s;
	}
	.node.node-full .field-name-field-vista .field-name-field-imagenes-servicios img:hover {
		opacity:0.9;
		-webkit-transform:scale3d(1.2,1.2,1);
		transform:scale3d(1.2,1.2,1);
	}
	
	
	.node-webform.node-full .field-name-body { padding:0; }
	/* Mensajes Portada */
	.node-mensajes-portada.node-teaser .content {
		padding:4vw;
		color:#f1f1f1;
		background-color:#231f20;
	}
	.node-mensajes-portada.node-teaser .content a,
	.node-mensajes-portada.node-teaser .content a:hover,
	.node-mensajes-portada.node-teaser .content a:focus {
		color:#fff;
	}
	.node-mensajes-portada.node-teaser .content .field-name-body {
		font-family:'Roboto';
		font-weight:700;
		font-size:16px;
	}
	.node-mensajes-portada.node-teaser .content .field-name-field-autor,
	.node-mensajes-portada.node-teaser .content .field-name-field-enlace {
		margin-top:1vw;
		font-size:18px;
		display:inline-block;
		width:50%;
	}
	.node-mensajes-portada.node-teaser .content .field-name-field-autor {
		font-weight:300;
		text-align:right;
		float:right;
	}
	.node-mensajes-portada.node-teaser .content .field-name-field-enlace a {
		padding-right:25px;
		background:url(../images/redo2.png) no-repeat right center;
	}
	
	/* VISTAS */
	.grid-porfolio .row { }
	.view-id-frontpage.view-display-id-page .row .col:first-child,
	.grid-porfolio .row .col {
		height:26.5vw;
	}
	.grid-porfolio .row .col { overflow:hidden; }
	.grid-porfolio .row .col .node {
		width:101%;
		height:100%;
		display:table;
		background-color:#231f20;
	}
	.grid-porfolio .row .col .node.node-mensajes-portada-con-imagen {
		position:relative;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}
	.node-mensajes-portada.node-teaser.node-mensajes-portada-con-imagen .content {
		background-color:transparent;
		position:relative;
		z-index:5;
	}
	.grid-porfolio .row .col .node.node-portfolio img {
		position:absolute;
		top:0;
		left:0;
		max-width:none;
		opacity:1;
		-webkit-transition:opacity 1s, -webkit-transform 1s;
		transition:opacity 1s, transform 1s;
	}
	.grid-porfolio .row .col .node.node-portfolio:hover img {
		opacity:0.6;
		-webkit-transform:scale3d(1.3,1.3,1);
		transform:scale3d(1.3,1.3,1);
	}
	.grid-porfolio .row .col .node.node-portfolio .content {
		position:static;
		left:auto;
		bottom:auto;
		width:auto;
		z-index:auto;
		display:table-cell;
		vertical-align:middle;
	}
	.grid-porfolio .row .col .node.node-portfolio .content > a {
		position:relative;
		z-index:10;
		margin-left:auto;
		margin-right:auto;
		width:60%;
		padding:3vh 2vw;
		background-color:rgba(255,255,255,0.9);
		opacity:0;
		-webkit-transition:opacity 1s, -webkit-transform 1s;
		transition:opacity 1s, transform 1s;
	}
	.grid-porfolio .row .col .node.node-portfolio:hover .content > a { opacity:1; }
	.grid-porfolio .row .col .node.node-portfolio .content h2 {
		margin-bottom:0.5vw;
		font-size:1.4vw;
	}
	.front-site-name-box .lead { font-size:1.4vw; }
	
	#block-ohmodule-ohshowmenu {
		top:25px;
		right:30px;
	}
	.front #block-ohmodule-ohshowmenu {
		top:2.5vw;
		left:50%;
		margin-left:-105px;
	}
	.hidemenu {
		font-size:20px;
		font-weight:300;
		color:#fff;
		margin:0;
		line-height:normal;
		padding:8px 10px;
	}
	.sharebutton { margin:7px 0; }
	#block-views-contenidos-block-1 .view-content ul {
		text-align:left;
		font-size:18px;
		padding:2vw;
	}
	#block-views-contenidos-block-1 .view-content ul li {
		margin-bottom:1vw;
		border-bottom:none;
	}
	#block-views-contenidos-block-1 .view-content ul li a {
		padding:1vw;
		-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
	}
	#block-views-contenidos-block-1 .view-content ul li.active,
	#block-views-contenidos-block-1 .view-content ul li a:hover {
		background-color:#f1f1f1;
	}
	#block-views-contenidos-block-1 .view-content ul li .field-name-field-image {
		display:block;
		float:right;
	}
	#block-views-contenidos-block-1 .view-content ul li .field-name-field-image img {
		height:100%;
		width:auto;
	}
	
	#block-contactinfo-hcard .content { padding:2vw; }
	#block-contactinfo-hcard .content .vcard {
		background-position:right top;
		text-align:left;
	}
	#block-views-contenidos-block .content { font-size:16px; }
	
	#block-ohmodule-copyright .content,
	#block-menu-menu-pie .content {
		font-size:14px;
	}
	#block-menu-menu-pie .content .nav > li > a { padding:5px 10px; }
	#block-menu-menu-pie .content .nav > li > a.facebook,
	#block-menu-menu-pie .content .nav > li > a.twitter {
		text-indent:inherit;
		white-space:inherit;
		overflow:inherit;
		width:inherit;
		height:inherit;
		background:inherit;
		vertical-align:inherit;
		-webkit-transition: background-color 200ms linear;
		-moz-transition: background-color 200ms linear;
		-o-transition: background-color 200ms linear;
		-ms-transition: background-color 200ms linear;
		transition: background-color 200ms linear;
	}
	#block-menu-menu-pie .content .nav > li > a.facebook:hover,
	#block-menu-menu-pie .content .nav > li > a.facebook:focus {
		color:#fff;
		background-color:#3b5998;
	}
	#block-menu-menu-pie .content .nav > li > a.twitter:hover,
	#block-menu-menu-pie .content .nav > li > a.twitter:focus {
		color:#fff;
		background-color:#55acee;
	}

}
@media (min-width:992px) {

	.page-header {
		font-size:26px;
		padding:40px;
	}
	
	.navbar-default .menu.navbar-nav { font-size:14px; }
	
	#message-wrapper {
		width:50%;
		left:25%;
	}
	
	/* BLOQUES */
	#block-ohmodule-ohshowmenu {
		top:40px;
		right:40px;
	}
	.sharebutton { margin:7px 15px; }
	.sharebutton > a {
		padding:3px 10px 3px 30px;
		background:#231f20 url(../images/share2.png) no-repeat 8px center;
		height:auto;
	}
	.sharebutton > a > span {
		display:inline;
		text-transform:uppercase;
		font-size:11px;
		font-weight:700;
		line-height:19px;
	}
	.social-share-links { left:0; }
	#block-views-contenidos-block .content { font-size:18px; }
	
	/* NODOS */
	.node-mensajes-portada.node-teaser .content { padding:3vw; }
	.node-mensajes-portada.node-teaser .content .field-name-body { font-size:22px; }
	.node-page.node-full .field-name-body { line-height:30px; }
	.node-article.node-full .field-name-body { line-height:24px; }
	
	/* Portfolio */
	.node-portfolio.node-full { position:relative; }
	.node-portfolio.node-full .field-name-field-tags,
	.node-portfolio.node-full .field-name-field-enlace {
		position:absolute;
		z-index:100;
	}
	.node-portfolio.node-full .field-name-field-enlace a {
		opacity:0.8;
		-webkit-transition:opacity 0.5s, -webkit-transform 1s;
		transition:opacity 0.5s, transform 1s;
	}
	.node-portfolio.node-full .field-name-field-enlace a:hover,
	.node-portfolio.node-full .field-name-field-enlace a:focus {
		opacity:1;
	}
	.node-portfolio.node-full .field-name-field-tags {
		top:2vw;
		left:2vw;
	}
	.node-portfolio.node-full .field-name-field-enlace {
		top:2vw;
		right:2vw;
		margin-top:0;
	}

}
@media (min-width:1200px) {

	.main-container { padding-bottom:50px; }
	
	.page-header {
		font-size:30px;
		padding:50px;
	}
	.page-node.node-type-portfolio .page-header,
	.page-node.node-type-portfolio .highlighted {
		float:left;
		width:50%;
	}
	.front #block-ohmodule-ohshowmenu { left:33%; }
	.page-node.node-type-portfolio #block-ohmodule-ohshowmenu { left:50%; }
	
	.navbar .menu.navbar-nav li a.portfolio.first-portfolio { margin-left:50px; }
	
	.view-id-frontpage.view-display-id-page .row .col:first-child,
	.grid-porfolio .row .col {
		height:17.5vw;
	}
	.grid-porfolio .row .col .node.node-portfolio .content .field-name-field-tags { font-size:14px; }
	.front-site-name-box .lead { font-size:1vw; }
	
	/* NODOS */
	.node-mensajes-portada.node-teaser .content { padding:3vw; }
	.node-mensajes-portada.node-teaser .content .field-name-body { font-size:1.2vw; }
	
	/* BLOQUES */
	#block-ohmodule-ohshowmenu {
		top:1.5vw;
		margin-left:-105px;
	}
	#block-views-contenidos-block-1 .view-content ul { font-size:1.2vw; }
	#block-contactinfo-hcard .content .vcard {
		background-position:right center;
		padding-top:0;
	}
	#block-ohmodule-copyright {
		display:inline-block;
		padding:5px 10px;
	}
	#block-ohmodule-ssl-icon-script { display:inline-block; }
	#block-ohmodule-ssl-icon-script .content { margin:0; }
	#block-menu-menu-pie { float:right; }
	
}