/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/responsive.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */


#block-system-main-menu ul.menu {
	background-color: rgba(0, 0, 0, .5);
	padding: 5px 20px;
	text-align: center;
	-moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
   position: absolute;
   margin: 0;
   bottom: 20px;
   left: 50px;
   right: 50px;	
}

h1#page-title,
.region-sidebar-second h2.block-title {
	background-color: rgba(0, 0, 0, .5);
	-moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
   color: white;
   display: table;
   padding: 0 20px !important;
   font-size: 1.5em;
   line-height: 1.5em;	
}

#block-system-main-menu ul.menu li {
	display: inline-table;
/*	width: 16%*/
	margin: 0 1%;
}

#block-system-main-menu ul.menu li a {
	color: white;
	font-size: 1.5em;
}
#block-system-main-menu ul.menu li a.active {
	text-decoration: underline;
}


body {
/*	background: white url('images/background-mapa.png') center center no-repeat;*/
	background: white url('images/mapa-europa.svg') center center no-repeat;
	background-size: contain;
	height: 100vh;
	color: #333333;	
}

body.front img.header__logo-image {
	position: fixed;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;	
}

body.front #outermain #main{
	display: none;	
}

#main {
/*	background-color: rgba(255, 255, 255, .8);*/
	background: url('images/background-main2.png');
}

#main article.node-page.view-mode-full {
/*	width: 49%;	*/
}

#block-block-3 {
	position: absolute;
	left: 50px;
	bottom: 70px;
	margin: 0;
	padding: 0;
	font-size: 1.2em;		
}

#block-block-2 img {
	position: fixed;
	right: 50px;
	bottom: 70px;
	margin: 0;
	padding: 0;
}


.equipo, .cargo {
	position: fixed;
	font-size: 18px;
	z-index: 100;
	color: white;	
}
.equipo a,
.cargo a {
	color: white;
}

.cargo {
	font-style: italic;
	font-size: 12px;	
}

.equipo1 {
	bottom: 425px;
	right: 275px;
	font-size: 32px;	
}
.cargo1 {
	bottom: 400px;
	right: 370px;
	font-size: 20px;	
}

.equipo2 {
	bottom: 300px;
	right: 410px;
	width: 90px;	
}
.cargo2 {
	bottom: 281px;
	right: 412px;	
}

.equipo3 {
	bottom: 325px;
	right: 210px;	
}
.cargo3 {
	bottom: 305px;
	right: 202px;	
}

.equipo4 {
	bottom: 300px;
	right: 75px;
	width: 90px;
	text-align: center;	
}
.cargo4 {
	bottom: 281px;
	right: 75px;	
}

#colorbox p {
	margin:0 0 0 90px;
	padding: 10px;
	background-color: white;
}
#colorbox .field-name-body h2 {
	margin: 10px 0;
	font-size: 18px;
}


.view-noticias .view-header {
	color:#1c63b7;
}

.view-noticias .view-content {
	margin-left: 30px;	
}

.view-noticias .views-row {
	clear: both;	
}
.view-noticias .views-row p {
	margin-top: 0;	
}

	
	
.view-noticias .view-content .views-field-field-image {
	float: left;
	margin-right: 15px;
	width: 160px;
	text-align: center;
}

.view-noticias .view-content .views-field-title a {
	font-size: 1.4em;
	line-height: 1.2em;
	color: #333;	
}


body.page-node .field-name-field-image {
	float: left;
	margin-right: 15px;
	margin-top: 1em;	
}
body.page-node .field-name-field-image img,
.view-noticias .view-content .views-field-field-image img {
	border: 1px solid #ddd; 
}

.bloque-azul ul {
	list-style: none;
	color: white;
}
.bloque-azul ul li {
	line-height: 1.8em;
}

div.bloque-azul {
	background-color: rgba(28,99,183,0.6);
	width: 100%;
	padding: 0;
	-moz-border-radius: 40px;
   -webkit-border-radius: 40px;
   -khtml-border-radius: 40px;
   border-radius: 40px;
   margin-top: 20px;
	float: left;
}
div.bloque-azul  ul {
	display: inline-block;
	margin: 24px 5%;
	padding: 0;
	vertical-align: top;
}
div.bloque-azul ul > li > ul {
	margin-right: 0;
}


div.bloque-azul.bloque2 {
	float: right;
/*	margin-top: 0;*/
/*	width: 46%;*/
}

table#colaboradores tr td {
	width: 50%;	
}
table#colaboradores tr td img {
/*		height: 100px;*/
		margin: 20px 0;
}

#cboxContent .node {
	padding: 20px;	
	-moz-border-radius: 40px;
   -webkit-border-radius: 40px;
   -khtml-border-radius: 40px;
   border-radius: 40px;
}

#cboxContent .node-12,
#cboxContent .node-29,
#cboxContent .node-30 {
	background: #55b9c7; /* Old browsers */
	background: -moz-linear-gradient(top,  #55b9c7 0%, #38549f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55b9c7), color-stop(100%,#38549f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #55b9c7 0%,#38549f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #55b9c7 0%,#38549f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #55b9c7 0%,#38549f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #55b9c7 0%,#38549f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b9c7', endColorstr='#38549f',GradientType=0 ); /* IE6-9 */	
}

#cboxContent .node-13,
#cboxContent .node-32,
#cboxContent .node-31 {
	background: #fdcc9a; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdcc9a 0%, #ffb353 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdcc9a), color-stop(100%,#ffb353)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdcc9a 0%,#ffb353 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdcc9a 0%,#ffb353 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdcc9a 0%,#ffb353 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdcc9a 0%,#ffb353 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcc9a', endColorstr='#ffb353',GradientType=0 ); /* IE6-9 */
}
#cboxContent .node-14,
#cboxContent .node-33,
#cboxContent .node-34 {
	background: #d6de23; /* Old browsers */
	background: -moz-linear-gradient(top,  #d6de23 0%, #6bc13d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6de23), color-stop(100%,#6bc13d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d6de23 0%,#6bc13d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d6de23 0%,#6bc13d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d6de23 0%,#6bc13d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d6de23 0%,#6bc13d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6de23', endColorstr='#6bc13d',GradientType=0 ); /* IE6-9 */
}

#cboxContent .node-15,
#cboxContent .node-28,
#cboxContent .node-27 {
	background: #ec297b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ec297b 1%, #a82b86 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ec297b), color-stop(100%,#a82b86)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ec297b 1%,#a82b86 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ec297b 1%,#a82b86 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ec297b 1%,#a82b86 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ec297b 1%,#a82b86 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec297b', endColorstr='#a82b86',GradientType=0 ); /* IE6-9 */
}


#cboxContent h2,
#cboxContent h2 a {
	color: white;
	font-style: italic;
	font-weight: normal;
}

#cboxContent h2 a {
	font-style: normal;	
}

#cboxClose {
	top: 20px;
	right: 20px	
}

#cboxTopLeft,#cboxTopCenter,#cboxTopRight,
#cboxMiddleLeft,#cboxMiddleRight,
#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight {
/*	display: none;	*/
	background-color: transparent;
}

#cboxWrapper,
#cboxContent,
#cboxLoadedContent {
/*	width: 100% !important;*/
/*	height: 100% !important;*/
	background-color: transparent;
}
#colorbox,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent {
	overflow: visible !important;
}

#cboxContent .field-name-body {
	overflow: auto;	
}

#cboxLoadedContent {
		margin-bottom: 0;
}
#cboxOverlay {
	background-color: #fff;	
}

.page-node.node-type-webform #logo {
	display: none;	
	}

.page-node.node-type-webform  #content .node.view-mode-full form {
	margin: 20px;
}

.page-node.node-type-webform h1#page-title {
	display: none;	
}

.page-node.node-type-webform  #content .node.view-mode-full {
	position: fixed;
	left: 440px;
	right: 50px;
	bottom: 100px;	
	border: 1px solid #4d4d4d;
	-moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
   background-color: white;
}
.page-node.node-type-webform  #content .node.view-mode-full input {
	width: 100%;
}
#block-block-4 {
	width: 360px;
	position: fixed;
	left: 50px;
	bottom: 100px;	
	background-color: white;
}


#block-block-4 .datos-contacto {
	margin: 50px 0 0 40px;	
	font-size: 0.9em;
/*	font-weight: bold;*/
}
	
#block-block-4 .datos-contacto h2,
#block-block-4 .datos-contacto p {
	margin: 0;
	line-height: 1.2em;
}
#block-block-4 .datos-contacto h2 {
	color: #1c63b7;
}	
#block-block-4 .datos-contacto a {
	color: #333;
}	

.page-node.node-type-webform  #content .node.view-mode-full #webform-component-titulo p {
	color: #1c63b7;
	font-size: 1.8em;
	margin: 0;	
}
	
.page-node-3 #content article.node-page ul li img {
	vertical-align: middle;
}	
.page-node-3 #content article.node-page ul li {
	list-style: none;	
	display: inline-block;
	margin: 25px;
	border: 5px dashed #1c63b7;
	-moz-border-radius: 100px;
   -webkit-border-radius: 100px;
   -khtml-border-radius: 100px;
   border-radius: 100px;
   width: 150px;
   height: 150px;
   line-height: 150px;
   vertical-align: middle;
   text-align: center;	
}

.page-node-3 #content article.node-page ul li:hover {
	background-color: #1c63b7;
	border: 5px dashed #1c63b7;
}

img.header__logo-image,
#block-block-4 img {
	max-width: 70%;
	margin-bottom: 10px; 	
}

#block-block-4 img {
	margin-left: 35px;
}

.node-webform .form-item {
	margin: 0.5em 0;	
}

.node-webform .form-item label {
	font-size: 0.9em;
}

.node-type-webform #main {
	background-image: none;	
}


body.low-height #block-block-2 h2.block-title {
/*	position: absolute;*/
/*	bottom: 335px;	*/
margin-bottom: 20px;
}

body.low-height #block-block-1 img {
	width: 190px;	
}
/*body.low-height .node-36.node img {
	height: 200px;	
}
*/

@media only screen and (max-width: 705px) {
	#block-block-1 {
		margin-top: 0;
	}

	#block-block-1 img {
		width: 190px;	
	}
	#block-block-1 p {
		text-align: center;
	}
	
	
	#page {
		padding-top: 90px !important;	
	}
	
	.views-field.views-field-field-image {
		max-width: 100px;	
	}	
	.view-noticias .view-content .views-field-title a {
		font-size: 1.5em;
		line-height: 1em;	
	}
	
}

@media only screen and (max-width: 850px) {
	div.bloque-azul {
		width: 100%;
		clear: both;
			
	}
	#block-block-5 {
		display: none;
	}	
}




/*@media only screen and (max-width: 850px) {*/
@media only screen and (max-width: 1004px) {
	.view-noticias .view-content {
		margin-left: 0;	
	}	
	
	a#logo.header__logo {
		margin: 0 auto;
		text-align: center;
		width: 100%;	
	}	
	
	#page {
		padding: 50px 0 0 0;	
	}

	#block-system-main-menu ul.menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: auto;
		border-radius: 0;
		padding: 5px;
	}
	#block-system-main-menu ul.menu li {
		width: auto; margin-right: 10px;	
	}	
	
	.page-node.node-type-webform #content .node.view-mode-full {
		position: static;
		width: 100%;	
	}
	#block-block-4 {
		text-align: center;
		position: static;
    	width: 100%;
    	clear: both;
    }
  	#block-block-4 img {
		text-align: center;
		margin-left: 0;  		
  	}
	#block-block-4 .datos-contacto {
		text-align: center;
		margin: 10px 0 0 0;
    }

	#block-block-3 {
		display: none;	
	}
	
	h1#page-title, .region-sidebar-second h2.block-title {
		margin: 0 auto;
		margin-bottom: 1.5em;
	}	
	
	.sidebar-second #content,
	.sidebar-second .region-sidebar-second {
		width: 100%;
		display: block;
		margin: 10px 0;
	}

	#block-block-2 img {
		display: none;
	}
	
	
	.equipo, .cargo {
		position: inherit;
		font-size: 1.2em;
		z-index: 100;
		color: inherit;
		text-align: center;
		width: 100%;	
	}
	.equipo a,
	.cargo a {
		color: inherit;
/*		font-size: 1em;*/
	}
	
	.cargo {
		font-style: italic;
		margin-bottom: 1.5em;
	}
		
	
}	


	body.low-height	#block-block-2 img {
		display: none;
	}
	
	
	body.low-height .equipo, 
	body.low-height .cargo {
		position: inherit;
		font-size: 1.2em;
		z-index: 100;
		color: inherit;
		text-align: center;
		width: 100%;	
	}
	body.low-height .equipo a,
	body.low-height .cargo a {
		color: inherit;
/*		font-size: 1em;*/
	}
	
	body.low-height .cargo {
		font-style: italic;
		margin-bottom: 0.5em;
	}

#header {
	position: relative;	
}

#block-locale-language {
	position: absolute;
	top: 0;
	right: 10px;
}

#block-locale-language ul.language-switcher-locale-url{
	padding: 0;
	margin: 0;
}

#block-locale-language .language-switcher-locale-url li {
	display: inline-table;
	text-decoration: none;
	}
#block-locale-language .language-switcher-locale-url li img {
	width: 22px;
	height: 15px;
	}
	
.page-node ul.links.inline { display: none; }	
	
	
	
body.page-node-16 #outermain {
	padding-top: 20px;	
}	

p, pre {
	margin: 1em 0;	
}

#block-block-5 {
/*	text-align: center;*/
	bottom: 30px;
	right: 50px;
	width: 250px;
   position: absolute;
/*   width: calc(100% - 120px);	*/
}

body.page-node-17 .field-name-body img,
body.page-node-22 .field-name-body img,
body.page-node-23 .field-name-body img {
	max-height: 80px !important;
	width: auto !important;
	max-width: 170px !important;
	height: auto !important;	
}

.field-name-field-clientes.field-type-field-collection > .field-items > div.field-item {
	display: inline-block;
	width: 25%;
	text-align: center;
	vertical-align: middle;
	margin: 0;	
}
/*.field-name-field-clientes.field-type-field-collection div.field-item img {
	max-width: none;
	text-align: center;
}
*/.field-name-field-clientes.field-type-field-collection .field-collection-view {
	border-bottom: none;
	padding: 0;
	margin: 0;	
}