/* ==================================================
   Main css
================================================== */
body, html {
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
	font-family:Verdana;
	color:#ffffff;
	background:#151515;
	-moz-user-select: none;
	-webkit-user-select:none;
}
span, p {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#mainHeader {
	width:100%;
	top:0%;
	height:10%;		
	margin-left:auto;
	margin-right:auto;
	position:relative;
}					
#mainSection {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
}				
#titleSection {
	background:url(../img/title.png);
	background-repeat:no-repeat;
	position:absolute;
	width:40%;
	min-height:30px;
	left:2%;
}		
.homeMain {
	background:url(../img/main.jpg); 
	background-size:100% 100%;
	background-repeat:no-repeat;
	position:relative;
}
.portfolioMain {
	background:url(../img/portfolio.jpg); 
	background-size:100% 100%;
	background-repeat:no-repeat;
	position:relative;
}
.proyectosMain {
	background:url(../img/proyectos.jpg); 
	background-size:100% 100%;
	background-repeat:no-repeat;
	position:relative;
}
#mainViewSection {
	width:100%;
	height:10%;
	position:relative;
	top:0%;
	margin-left:auto;
	margin-right:auto;
}
/* index */
#indexSection {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
}
#sectionLogo {
	width:100%;
	height:100%;
	background-color:white;
	position:absolute;
}
#sectionLogo img {
	position:relative;
	top:44%;
	transform:translateY(-58%);
	-webkit-transform:translateY(-58%);
	margin-left:auto;
	margin-right:auto;
}
/* menu */
#menu { 
    height:100%;
    width:100%;
}
#menu * { 
    padding:0; 
    margin:0; 
    list-style-type:none;
}
#menu a {
    display:block; 
    text-decoration:none; 
    color:#FFFFFF;
}
.bigSizeMenu {
	height:100%;
}
#menu a:hover {
	color:#F1C70C;
	cursor:pointer;
}
#menu ul li ul li {
    border:none; 
    padding-top:3px; 
    padding-bottom:3px; 
    padding-left:3px; 
    padding-right:3px; 
    z-index:1;
    background:rgba(20, 20, 20, 0.8);
}
#menu ul li ul li a { 
    padding-top:3px; 
    padding-bottom:3px;
}
#menu ul li {
    float:left; 
    margin-left:auto;
    margin-right:auto;
}
#menu ul li a { 
    height:100%;
    padding:4px 10px;
}
#menu li { 
    position:relative; 
    float:left;
}
#menu ul li ul, #menu:hover ul li ul, #menu:hover ul li:hover ul li ul { 
    display:none;
    list-style-type:none; 
}
#menu:hover ul, #menu:hover ul li:hover ul, #menu:hover ul li:hover ul li:hover ul { 
    display:block;
}
#menu:hover ul li:hover ul li:hover ul { 
    position:absolute;
}
#menu:hover ul li:hover ul { 
    position:absolute;
    margin-top:1px;
}
#menu>ul>li:hover>ul { 
    bottom:100%;
}
#ulIndustrial, #ulTerciario {
	bottom:0%;
}
#parentFooter {
	width:100%;
	height:4%;
	position:absolute;
	bottom:0;
}
#imgFooterSection {
	height:100%;
	display:table;
	vertical-align:middle;
	width:3%;
	float:left;
}
#imgFooterSection section {
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
#newFooter {
	width:96%;
	height:100%;
	float:left;
}
center {
	position:relative;
	height:100%;
	display:table;
}
#aPortfolio {
	display:table-cell;
	vertical-align:middle;
}
#menuMobileSection { 
	display:none;				
}
#mainMenuMob { 
	top:100%;				
}
/* Energy */
#enerSection {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
}
#energySection{
	background:rgba(20, 20, 20, 0.8);
	overflow-x:hidden;
	height:auto;
	padding-bottom:0px;
}
#energySection span{
	text-align:center;
	display:block;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
#energySection p{
	text-align:justify;
	display:block;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.enerMain {
	background:url(../img/energy.jpg); 
	background-size:100% 100%;
	background-repeat:no-repeat;
	position:relative;
}
#enerLabel:hover, #enerCloseLabel:hover {
	color:#F1C70C;
	cursor:pointer;
}
#enerLabel, #enerCloseLabel {
	text-decoration:underline;
	padding-bottom:8px;
	padding-top:5px;
}
#energySection #expandedText {
	display:none;
}
/* Portfolio */
.projectMain {
	background:#151515;
	position:relative;
}
#slideInformationVillaverde, #slideInformationUem{
	height:10%;
	width:50%;
	top:90%;
	position:relative;
	background-color:rgba(48, 48, 48, 0.6);
}
#viewTitleSection {
	width:80%;
	height:4%;
	left:20%;
	position:relative;
	top:76%;
}
#timeLapseSection {
	width:80%;
	height:5%;
	left:20%;
	position:relative;
	top:76%;
}
.slideDescription {
	height:100%;
	width:100%;
	left:0%;
	vertical-align:middle;
	overflow-y:hidden;
	position:absolute;
}
.slideDescription section {
	display:table;
	height:100%;
	float:right;
}
#newFooter {
	display:none;
}
#slideTitle {
	vertical-align:middle;
	display:table-cell;
	font-weight:bold;
	background-color:rgba(20, 20, 20, 0.8);
	padding-left:20px;
	padding-right:20px;
	height:100%;
}
#lapseTitle {
	vertical-align:middle;
	display:table-cell;
	background-color:rgba(20, 20, 20, 0.8);
	padding-left:20px;
	padding-right:20px;
	height:100%;
}
#descriptionParent {
	display:table;
	vertical-align:middle;
	height:100%;
	background-color:rgba(20, 20, 20, 0.8);
}
#descriptionParent div {
	padding-right:20px;
	vertical-align:middle;
	display:table-cell;
	padding-bottom:2px;
}
#descriptionLapseParent {
	display:table;
	vertical-align:middle;
	height:100%;
	background-color:rgba(20, 20, 20, 0.8);
}
#descriptionLapseParent div {
	padding-right:20px;
	vertical-align:middle;
	display:table-cell;
	padding-bottom:2px;
}
#sliderDiv {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
#imgDescription, imgFooter, #imgMenuMobile, #imgFooterBackground {
	display:inline-block;
	vertical-align:middle;
}
#imgDescription:hover, #imgFooter:hover, #imgMenuMobile:hover, #imgFooterBackground:hover {
	cursor:pointer;
}
#projectDescription {
	background: rgba(20, 20, 20, 0.8);
	overflow-x:hidden;
	padding-bottom:10px;
	top:15%;
	left:0;
	height:75%;
	width:18%;
	position:absolute;
}
#projectDescription span {
	text-align:center;
	display:block;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:15%;
}
#projectDescription p {
	text-align:justify;
	display:block;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:10%;
}
#projectDescription section {
	height:5%;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
/* Contact */
.contMain {
	background:url(../img/contacto.jpg); 
	background-size:100% 100%;
	background-repeat:no-repeat;
	position:relative;
}
.titleSection {
	position:relative;
	top:45%;
	transform:translateY(-55%);
	-webkit-transform:translateY(-55%);
	height:22%;
}
.titleSection section {
	position:relative;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	float:left;
}
.titleSection a {
	position:relative;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	float:left;
	padding-left:5px;
}
#parentContact {
	width:82%;
	left:9%;
	top:40%;
	height:30%;
	position:absolute;
	z-index:-1;
}
#contactTitle, #newsTitle {
	position:absolute;
	z-index:-0;
}	    	
#parentContact {
	height:40%;
}	    	
#contactMainSection {
	height:100%;
	width:100%;
}	    	
.contactRightSection {
	height:100%;
	float:right;
	padding-top:5px;
}
.contactLeftSection {
	height:100%;
	float:left;
	padding-top:5px;
}
.delegationSpan {
	height:10%;
	width:100%;
	color:#F1C70C;
	padding-left:3px;
}
.contactFirstBlock {
	height:30%;
	width:100%;
	padding-left:5px;
}
.contactSecondaryBlock {
	height:20%;
	width:100%;
	padding-left:5px;
}
.contactTerciaryBlock {
	height:50%;
	width:100%;
	position:relative;
	padding-left:5px;
}    	
.contactTopBlock, .zaragozaSpanContent, .madridSpanContent {
	top:0%;
	width:100%;
	position:absolute;
}
.contactBottomBlock {
	bottom:0%;
	width:100%;
	position:absolute;
}
.contactTopEmailBlock {
	top:0%;
	width:100%;
	position:absolute;
	color:#ffffff;
}
.contactAddressSection {
	bottom:0%;
	width:100%;
	position:absolute;
}
.contactAddressSection a {
	top:3px;
	position:relative;
}
#socialNetworksSection {
	width:90%;
	top:83%;
	height:6%;
	position:absolute;
	z-index:-1;
}
#socialNetworksSection section, #contactTitle section, #newsTitle section {
	position:relative;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.aNetwork {
	padding-left:11px;
}
/* Collapse */
#collapse {
  margin:50px auto;
  width:100%;
  height:100%;
  padding:0px;
  margin:0px;
  top:15%;
  position:absolute;
  z-index:999999;
}
.menu-item,  .menu-item-mobile{
  background:#fff;
  width:100%; 
}
.menu-item h4 {
  color:#fff;
  padding:10px 12px;
  border:1px solid #434648;
  background:#303030;
  font-size:11px;
}
.menu-item-mobile h4 {
  color:#fff;
  padding:12px 12px;
  border:1px solid #434648;
  background:#303030;
  font-size:11px;
}
.menu-item h4:hover, menu-item-mobile h4:hover {  
  background:#3B3C3C;
}
.menu-item h4 a, .menu-item-mobile h4 a {
  color:#fff;
  display:block;
  text-decoration:none;
  width:100%;
}
.menu-item ul, .menu-item-mobile ul {
  background:#757575;
  line-height:30px;
  height:0px;
  list-style-type:none;
  overflow:hidden;
  padding:0px;
  font-size:10px;
  -webkit-transition:height 1s ease;
  -moz-transition:height 1s ease;
  -o-transition:height 1s ease;
  -ms-transition:height 1s ease;
   transition:height 1s ease;
}
.menu-item ul li:hover, .menu-item-mobile ul li:hover {
	background:#F1C70C;
}
.menu-item:hover ul.terciario {
  height:217px;
}
.menu-item:hover ul.industrial {
  height:372px;
}
.menu-item-mobile:hover ul.proyectos {
  height:31px;
}
.menu-item ul a, .menu-item-mobile ul a {
  margin-left:20px;
  text-decoration:none;
  color:#fff;
  display:block;
  width:100%;
}
.menu-item li, .menu-item-mobile li {
  border-bottom:1px solid #eee;
}
.menu-item li:hover, .menu-item-mobile li:hover {
  background:#eee;
}
/* News */
#wrapper {
	min-height:100%;
	position:relative;
	background-color:#ffffff;
}
.newsSection {
	width:100%;
	height:40%;
	cursor:pointer;
	margin-bottom:25px;
	background:rgba(20, 20, 20, 0.1);
	padding:10px;
}
.leftNewsSec {
	height:15%;
	width:100%;
	color:#000000;
}
.leftNewsSec span {
	width:100%;
	float:left;
	height:100%;
	font-weight:bold;
}
.rightNewsSec {
	height:80%;
	width:100%;
}
.imgNewsSect {
	height:100%;
	width:40%;
	float:left;
}
.imgNewsSect img {
	height:100%;
	width:100%;
}
.imgNewsSect section {
	height:80%;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.textNewsSect {
	height:100%;
	width:60%;
	float:left;
	color:#000000;
}
.textNewsSect section {
	height:80%;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	position:relative;top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	text-align:left;
	overflow-x:hidden;
	white-space: normal;
	overflow-y:hidden;
	text-overflow:ellipsis;        	
}
#otherNewsSect {
	width:90%;
	height:95%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
}
.imgNewsSect {
	width:50%;
}
.textNewsSect {
	width:50%;
}	        
.textNewsSect p {
	text-align:justify;
	width:100%;
	height:100%;
}
#dateNews {
	width:100%;
	float:right;
	height:5%;
	bottom:0px;
}
/* News 01 */
#wrapper {
	min-height:100%;
	position:relative;
	z-index:1;
}
.downloadNewsBtn:hover {
	color:#F1C70C;
	cursor:pointer;
}
.downloadNewsBtn {
	text-decoration:underline;
	padding-bottom:8px;
	padding-top:5px;
}	
.newsParagraphTitle {
	font-weight:bold;
}	
#newsMainTitle {
	width:100%;
}
#newsMainSection {
	height:auto;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	color:#000000;
}
#newsMainSection p {
	text-align:justify;
}
#newsMainSection div {
	width:100%;
	text-align:center;
	font-weight:bold;
}
/* =================== Media Queries ======================= */
/* === Mobile ===*/
@media screen and (max-width: 420px){
	body, html {
		min-height:350px;
		min-width:280px;
	}
	#mainHeader {
		height:18%;
		min-height:70px;	
	}
	#titleSection {
		background: url(../img/logowebmovil.png);
		background-repeat:no-repeat;
		width:88%;
		height:80%;
		float:left;
		background-position:left;
		vertical-align:middle;
	}	
	#newTitleSection {
		background: url(../../img/logowebmovil.png);
		background-repeat:no-repeat;
		width:88%;
		height:80%;
		float:left;
		background-position:left;
		vertical-align:middle;
	}	
	#parentFooter { 
	    display:none;				
	}
	#menuMobileSection {
		display:inherit;
		height:100%;
		display:table;
		vertical-align:middle;
		float:right;
		width:12%;
		height:80%;
	}
	#menuMobileSection section {
		text-align:center;
		vertical-align:middle;
		display:table-cell;
		padding-bottom:1px;
	}
	#mainViewSection {
		position:absolute;
		top:4%;
	}
	/* index */
	#indexImg, #indexImgIpad {
		display:none;
	}
	#indexImgMobile {
		display:block;
	}
	/* Energy */
	#energySection {
		z-index:90;
		position:relative;
		background:#808080;
		top:72%;
	}
	#energySection span{
		font-size:9px;
	}
	#energySection p{
		font-size:8px;
	}
	/* Portfolio */
	#slideSectionTitle {
		height:100%;
		width:85%;
		float:right;
	}
	#timeLapseSectionTitle {
		height:100%;
		width:85%;
		float:right;
	}	
	.slideDescription {
		padding-left:15%;
		min-height:20px;
	}
	#slideInformationVillaverde, #slideInformationUem {
		width:100%;
	}
	#projectDescription {
		z-index:90;
		width:100%;
		background:#808080;
		height:auto;
		top:100%;
	}
	#projectDescription span{
		font-size:10px;
		padding-top:5%;
	}
	#projectDescription p{
		font-size:9px;
		padding-top:5%;
	}
	#viewTitleSection {
		top:85%;
		width:100%;
		left:0%;
	}
	#timeLapseSection {
		top:86%;
		width:100%;
		left:0%;
	}
	#slideTitle {
		font-size:10px;
	}
	#lapseTitle {
		font-size:9px;
	}
	.aitipSpan:after {
		content:"FUNDACIÓN AITIP";
	}
	.ideSpan:after {
		content:"CENTRO LOGÍSTICO IDE";
	}
	.alcaldeSpan:after {
		content:"ALCALDE CABALLERO";
	}
	.medicinaSpan:after {
		content:"ALMACÉN MEDICINA DEPORTIVA";
	}
	.transporteSpan:after {
		content:"CIUDAD DEL TRANSPORTE";
	}
	.empresariumSpan:after {
		content:"EMPRESARIUM";
	}
	.imsSpan:after {
		content:"ACEROS IMS";
	}
	.petnecSpan:after {
		content:"ALMACÉN LOGÍSTICO PÉTREO";
	}
	.plazaSpan:after {
		content:"CONJUNTO MULTIEMPR. PLAZA";
	}
	.villaverdeSpan:after {
		content:"CAMINO REAL, VILLAVERDE";
	}
	.uemSpan:after {
		content:"CENTRO POSTGRADOS, MADRID";
	}
	.casablancaSpan:after {
		content:"CASABLANCA, TORREJÓN (MAD)";
	}
	.cabanillasSpan:after {
		content:"SI-20, CABANILLAS (GUAD)";
	}
	.cosladaSpan:after {
		content:"PLAT. CROSS-DOCKING COSLADA";
	}
	.aldiSpan:after {
		content:"ALDI, VILLAVERDE (MADRID)";
	}
	.hondaSpan:after {
		content:"CONCESIONARIO HONDA";
	}
	.levantinaSpan:after {
		content:"SHOW ROOM LEVANTINA";
	}
	.tarazonaSpan:after {
		content:"D. COMERCIAL NP16, TARAZONA";
	}
	.mercadonaSpan:after {
		content:"MERCADONA, VILLAVERDE";
	}
	.utcSpan:after {
		content:"SEDE GRUPO UTC, MADRID";
	}
	/* Contact */
	.contMain {
		min-height:550px;
	}
	.projectMain {
		min-height:300px;
	}
	.titleSection a, .titleSection {
		float:left;
		top:50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		padding-left:5px;
	}
	.titleSection section, .titleSection a {
		top:10%;
		transform:translateY(-90%);
		-webkit-transform:translateY(-90%);
	}
	#imgMap {
		width:20px;
		height:20px;
	}
	* {
	  	margin: 0px;
	  	padding: 0px;
	}
	#parentContact {
		width:90%;
		left:5%;
		top:28%;
		height:40%;
	}	
	#contactTitle, #newsTitle {
		left:5%;
		top:12%;
		height:6%;
		font-size:16px;
	}
	#socialNetworksSection {
		top:20%;
		height:6%;
		left:5%;
		width:100%;
		text-align:left;
	}
	.contactRightSection, .contactLeftSection {
		width:100%;
		height:84%;
		left:5%;
		float:none;
		background-color:rgba(20, 20, 20, 0.8);
	}
	.delegationSpan, .contactBottomBlock, .contactAddressSection {
		font-size:11px;
	}
	.contactTopBlock, .contactTopEmailBlock, .madridSpanContent, .zaragozaSpanContent {
		font-size:10px;
	}
	.madridSpanContent:after {
		content:"Paseo de la Castellana 18, 7º. 28046. Madrid (Esp)";
	}
	.zaragozaSpanContent:after {
		content:"Paseo de la Mina 1, Principal. 50001. Zaragoza (Esp)";
	}
	.contactIcon {
		height:30px;
		width:30px; 
	}
	.aNetwork {
		padding-left:2px;
	}
	/* News */
	.rightNewsSec {
    	height:77%;
    }
	.leftNewsSec {
		font-size:12px;
		height:20%;
	}
	.leftNewsSec span {
    	font-size:10.5px;
    }
	.textNewsSect p {
		font-size:12px;
	}
    .newsSection {
    	height:165px;
    }
    #otherNewsSect {
    	width:125%;
    	margin-left:-12.5%;
    }
    .ellipsisSection p {
		font-size:13px;
	}
	#newsMainSection {
		margin-top:0px;
	}
	#dateNews {
		font-size:9px;
	}
	#ellipsisNews01 p:after {
		content:"Inversiones Montepino materializó la venta de la plataforma logística SI-20.";
	}
	#ellipsisNews02 p:after {
		content:"La firma aragonesa se ha consolidado como la principal empresa inmologística.";
	}
	#ellipsisNews03 p:after {
		content:"La plataforma SI20 única que ha obtenido estos reconocimientos energéticos.";
	}
	#ellipsisNews04 p:after {
		content:"Montepino ha obtenido recientemente el reconocimiento LEED Gold.";
	}
	#ellipsisNews05 p:after {
		content:"La primera piedra de la mayor plataforma de cross-docking en la última década.";
	}
	/* News 01 */
	#newsMainSection {
		margin-top:0px;
		z-index:1000000;
	}
	#newsMainTitle {
		font-size:16px;
	}
	#newsMainSection p, #newsSubTitle {
		font-size:14px;
	}
	.newsParagraphTitle {
		font-size:14px;
	}
	#parentFooter {
		height:25%;
	}
}
/* === Tablet ===*/
@media screen and (min-width: 420px) and (max-width: 760px){
	body, html {
		min-height:360px;
		min-width:480px;
	}
	#mainHeader {
		height:15%;
		min-height:65px;
	}
	#titleSection {
		width:100%;
		height:45%;
		bottom:15%;
		background: url(../img/titleipad.png);
		background-repeat:no-repeat;
	}
	#parentFooter { 
	    min-height:20px;				
	}
	#menu ul li a { 
	    height:100%;
	    padding:4px 5px;
	}
	#menu:hover ul li:hover ul li:hover ul { 
	    margin-left:82px;
	}
	#menu ul li {
	    padding-right:0px;
	    padding-left:0px;
	}
	#menu li { 
    	font-size:11px;
	}
	#menu ul li #parentUlIndustrial li {
		width:78px;
		font-size:9px;
	}
	#menu ul li #parentUlProyectos li {
		width:311px;
		font-size:9px;
	}
	#menu ul li #ulTerciario li {
		width:327px;
	}
	#menu ul li #ulIndustrial li {
		width:354px;
	}
	.aIndustrial {
		font-size:10px;
	}
	#newFooter {
		float:none;
	}
	#imgFooter, #imgFooterBackground {
		padding-left:5px;
	}
	#mainViewSection {
		top:3%;
	}
	/* index */
	#indexImg, #indexImgMobile {
		display:none;
	}
	#indexImgIpad {
		display:block;
	}
	/* Energy */
	.energyBody {
		min-height:450px;
	}
	.contactBody {
		min-height:450px;
		min-width:540px;
	}
	#energySection {
		position:absolute;
		top:15%;
		left:5%;
		width:64%;
	}
	#energySection span{
		font-size:9px;
	}
	#energySection p{
		font-size:8px;
	}
	/* Portfolio */
	#collapse, #collapseNav {
		display:none;
	}
	#projectDescription {
		width:40%;
		min-width:150px;
	}
	#projectDescription span {
		font-size:10px;
	}
	#projectDescription p {
		font-size:9px;
	}
	.slideDescription {
		min-height:25px;
	}
	#slideInformationVillaverde {
		width:30%;
	}
	#slideInformationUem {
		width:40%;
	}
	#slideTitle {
		font-size:11px;
	}
	#lapseTitle {
		font-size:10px;
	}
	.aitipSpan:after {
		content:"FUNDACIÓN AITIP";
	}
	.ideSpan:after {
		content:"CENTRO LOGÍSTICO IDE";
	}
	.alcaldeSpan:after {
		content:"ALCALDE CABALLERO";
	}
	.medicinaSpan:after {
		content:"ALMACÉN MEDICINA DEPORTIVA";
	}
	.transporteSpan:after {
		content:"CIUDAD DEL TRANSPORTE";
	}
	.empresariumSpan:after {
		content:"EMPRESARIUM";
	}
	.imsSpan:after {
		content:"ACEROS IMS";
	}
	.petnecSpan:after {
		content:"ALMACÉN LOGÍSTICO PÉTREO";
	}
	.plazaSpan:after {
		content:"CONJUNTO MULTIEMPR. PLAZA";
	}
	.villaverdeSpan:after {
		content:"CAM. REAL, VILLAVERDE";
	}
	.uemSpan:after {
		content:"CENTRO POSTGRADOS, MADRID";
	}
	.casablancaSpan:after {
		content:"CASABLANCA, TORREJÓN DE ARDOZ";
	}
	.cabanillasSpan:after {
		content:"SI-20, CABANILLAS DEL CAMPO";
	}
	.cosladaSpan:after {
		content:"PLAT. CROSS-DOCKING COSLADA";
	}
	.aldiSpan:after {
		content:"ALDI, VILLAVERDE (MADRID)";
	}
	.hondaSpan:after {
		content:"CONCESIONARIO HONDA";
	}
	.levantinaSpan:after {
		content:"SHOW ROOM LEVANTINA";
	}
	.tarazonaSpan:after {
		content:"D. COMERCIAL NP16, TARAZONA";
	}
	.mercadonaSpan:after {
		content:"CENTRO MERCADONA, MADRID";
	}
	.utcSpan:after {
		content:"SEDE GRUPO UTC, MADRID";
	}
	/* Contact */
	#imgMap {
		width:20px;
		height:20px;
	}
	.titleSection a, .titleSection {
		float:left;
		top:50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		padding-left:5px;
	}
	#parentContact {
		width:92%;
		left:4%;
		top:34%;
		height:45%;
	}
	#contactTitle {
		left:4%;
		top:28%;
		font-size:18px;
	}
	#newsTitle {
		left:4%;
		top:20%;
		font-size:18px;
	}
	#socialNetworksSection {
		left:4%;
		top:82%;
	}
	.contactRightSection, .contactLeftSection {
		width:42%;
	}
	.delegationSpan, .contactBottomBlock, .contactAddressSection {
		font-size:12px;
	}
	.contactTopBlock, .contactTopEmailBlock, .madridSpanContent, .zaragozaSpanContent {
		font-size:10px;
	}
	.madridSpanContent:after {
		content:"Paseo de la Castellana 18, 7º. 28046. Madrid";
	}
	.zaragozaSpanContent:after {
		content:"Paseo de la Mina 1, Principal. 50001. Zaragoza";
	}
	.contactIcon {
		height:32px;
		width:32px; 
	}
	#contactMainSection {
		background-color:rgba(20, 20, 20, 0.8);
	}
	.aNetwork {
		padding-left:5px;
	}
	/* News */
	.leftNewsSec {
		font-size:13px;
	}
	.leftNewsSec span {
    	font-size:13.5px;
    }
	.textNewsSect p {
		font-size:14px;
	}
    #otherNewsSect {
    	width:130%;
    	margin-left:-15%;
    }
    .newsSection {
    	height:220px;
    }
    .ellipsisSection p {
		font-size:14.5px;
	}
	#newsMainSection {
		margin-top:70px;
	}
	#dateNews {
		font-size:10px;
	}
	#ellipsisNews01 p:after {
		content:"Inversiones Montepino materializó el 4 de mayo la venta de uno de sus proyectos, la plataforma logística SI-20, con más de 240.000 m2, en Cabanillas del Campo.";
	}
	#ellipsisNews02 p:after {
		content:"La firma aragonesa se ha consolidado como la principal empresa inmologística de España tras el desarrollo y venta de su proyecto por más de 75 millones de euros.";
	}
	#ellipsisNews03 p:after {
		content:"La plataforma SI20, ocupada por varios de los mayores proveedores globales de transporte/logística, única en España que ha obtenido estos reconocimientos energéticos.";
	}
	#ellipsisNews04 p:after {
		content:"Inversiones Montepino ha obtenido recientemente el reconocimiento LEED Gold para el primero de los cuatro edificios que integran la plataforma MONTEPINO SI-20.";
	}
	#ellipsisNews05 p:after {
		content:"Asistieron el consejero de Transporte de la Comunidad de Madrid, el alcalde de Coslada, presidente y vicepresidente de Montepino, y el director general de Nacex.";
	}
	/* News 01 */
	#parentFooter {
		height:1%;
	}
	#newsMainSection {
		margin-top:50px;
	}
	#newsMainSection p, #newsSubTitle {
		font-size:14.5px;
	}
	#newsMainTitle {
		font-size:20px;
	}
	.newsParagraphTitle {
		font-size:15px;
	}	
}
/* === Desktop ===*/
@media screen and (min-width: 760px){		
	body, html {
		min-height:390px;
	}
	#mainHeader {
		min-height:50px;
		height:11%;
	}		
	#titleSection {
		background-repeat:no-repeat;
		bottom:-6px;
		width:50%;
	}
	#parentFooter { 
	    min-height:25px;				
	}
	#menu:hover ul li:hover ul li:hover ul { 
	    margin-left:94px;
	}
	#menu ul li {
	    padding-right:2px;
	    padding-left:2px;
	}
	#menu li { 
    	font-size:12px;
	}
	#menu ul li #parentUlIndustrial li {
		width:90px;
		font-size:9px;
	}
	#menu ul li #parentUlProyectos li {
		width:325px;
		font-size:9px;
	}
	#menu ul li #ulTerciario li {
		width:340px;
	}
	#menu ul li #ulIndustrial li {
		width:370px;
	}
	.aIndustrial {
		font-size:11px;
	}
	#imgFooter, #imgFooterBackground {
		padding-left:8px;
	}
	/* index */
	#indexImgMobile, #indexImgIpad {
		display:none;
	}
	#indexImg {
		display:block;
	}
	/* Energy */
	.energyBody, .contactBody {
		min-height:550px;
	}
	#energySection {
		position:absolute;
		top:16%;
		left:5%;
		width:58%;
	}
	#energySection span{
		font-size:11px;
	}
	#energySection p{
		font-size:10px;
	}
	/* Portfolio */
	#collapse, #collapseNav {
		display:none;
	}
	#projectDescription {
		width:30%;
		min-width:200px;
	}
	#projectDescription span{
		font-size:13px;
	}
	#projectDescription p{
		font-size:12px;
	}
	.slideDescription {
		min-height:25px;
	}
	#slideTitle{
		font-size:13px;
	}
	#lapseTitle{
		font-size:12px;
	}
	.aitipSpan:after {
		content:"CENTRO TECNOLÓGICO FUNDACIÓN AITIP";
	}
	.ideSpan:after {
		content:"CENTRO LOGÍSTICO IDE, ZUERA (ZARAGOZA)";
	}
	.alcaldeSpan:after {
		content:"ALCALDE CABALLERO";
	}
	.medicinaSpan:after {
		content:"ALMACÉN MATERIAL MEDICINA DEPORTIVA";
	}
	.transporteSpan:after {
		content:"CIUDAD DEL TRANSPORTE";
	}
	.empresariumSpan:after {
		content:"CONJUNTO MULTIEMPRESARIAL EMPRESARIUM";
	}
	.imsSpan:after {
		content:"CENTRO DE DISTRIBUCIÓN ACEROS IMS";
	}
	.petnecSpan:after {
		content:"ALMACÉN LOGÍSTICO/SHOW ROOM, PÉTREO";
	}
	.plazaSpan:after {
		content:"CONJUNTO MULTIEMPRESARIAL PLAZA (3 FASES)";
	}
	.villaverdeSpan:after {
		content:"CONJUNTO MULT. CAMINO REAL, VILLAVERDE";
	}
	.uemSpan:after {
		content:"CENTRO POSTGRADOS ALCOBENDAS, (MADRID)";
	}
	.casablancaSpan:after {
		content:"CASABLANCA, TORREJÓN DE ARDOZ";
	}
	.cabanillasSpan:after {
		content:"SI-20, CABANILLAS DEL CAMPO";
	}
	.cosladaSpan:after {
		content:"PLATAFORMA CROSS-DOCKING COSLADA";
	}
	.aldiSpan:after {
		content:"ALDI, VILLAVERDE (MADRID)";
	}
	.hondaSpan:after {
		content:"CONCESIONARIO HONDA EBRO-MOTOR";
	}
	.levantinaSpan:after {
		content:"SHOW ROOM LEVANTINA, ZARAGOZA";
	}
	.tarazonaSpan:after {
		content:"DESARROLLO COMERCIAL NP16, TARAZONA";
	}
	.mercadonaSpan:after {
		content:"CENTRO MERCADONA, VILLAVERDE (MADRID)";
	}
	.utcSpan:after {
		content:"SEDE GRUPO UTC, MADRID";
	}
	/* Contact */
	.titleSection {
		display:block;
	}
	#parentContact {
		width: 92%;
		left:4%;
	}
	#contactTitle {
		left:4%;
		top:34%;
		font-size:20px;
	}
	#newsTitle {
		left:10%;
		top:22%;
		font-size:20px;
	}
	#socialNetworksSection {
		left:4%;
	}
	.contactRightSection, .contactLeftSection {
		width:43%;
	}
	.delegationSpan, .contactBottomBlock, .contactAddressSection {
		font-size:13px;
	}
	.contactTopBlock, .contactTopEmailBlock, .madridSpanContent, .zaragozaSpanContent {
		font-size:12px;
	}
	.madridSpanContent:after {
		content:"Paseo de la Castellana 18, 7º. 28046. Madrid";
	}
	.zaragozaSpanContent:after {
		content:"Paseo de la Mina 1, Principal. 50001. Zaragoza";
	}
	#contactMainSection {
		background-color:rgba(20, 20, 20, 0.8);
	}
	/* News */
	.leftNewsSec {
		font-size:15px;
	}
	.leftNewsSec span {
    	font-size:15.5px;
    }
	.textNewsSect p {
		font-size:18px;
	}
	#otherNewsSect {
    	width:110%;
    	margin-left:-5%;
    }
    .newsSection {
    	height:250px;
    }
    .ellipsisSection p {
		font-size:16.5px;
	}
	#newsMainSection {
		margin-top:120px;
	}
	#dateNews {
		font-size:10.5px;
	}
	#ellipsisNews01 p:after {
		content:"Inversiones Montepino materializó el 4 de mayo la venta de uno de sus proyectos estrella, la plataforma logística SI-20, con más de 240.000 m2, en el municipio de Cabanillas del Campo.";
	}
	#ellipsisNews02 p:after {
		content:"La firma aragonesa se ha consolidado como la principal empresa inmologística de España tras el desarrollo y venta de su último proyecto por más de 75 millones de euros en Coslada (Madrid).";
	}
	#ellipsisNews03 p:after {
		content:"La plataforma SI-20, ocupada por algunos de los mayores proveedores globales de servicios de transporte y logística, es la única en España que ha obtenido estos reconocimientos energéticos.";
	}
	#ellipsisNews04 p:after {
		content:"Inversiones Montepino ha obtenido recientemente el reconocimiento LEED Gold para el primero de los cuatro edificios que integran la plataforma MONTEPINO SI-20, de más de 200.00 m2.";
	}
	#ellipsisNews05 p:after {
		content:"Al acto han asistido el consejero de Transporte, Infraestructuras y Vivienda de la Comunidad de Madrid, Pedro Rollán, el alcalde de Coslada, Ángel Viveros, el presidente y vicepresidente de Montepino, y el director general de Nacex, Pedro Fuillerat.";
	}
	/* News 01 */
	#parentFooter {
		height:1.50%;
	}
	#newsMainSection {
		margin-top:60px;
	}
	#newsMainSection p, #newsSubTitle {
		font-size:15px;
	}
	#newsMainTitle {
		font-size:24px;
	}
	.newsParagraphTitle {
		font-size:16px;
	}
}
/* === Big ===*/
@media screen and (min-width: 980px){			
	body, html {
		min-height:450px;
	}
	#titleSection {
		background: url(../img/title.png);
		background-repeat:no-repeat;
	}
	#parentFooter { 
	    min-height:25px;				
	}
	#menu:hover ul li:hover ul li:hover ul { 
	    margin-left:94px;
	}
	#menu ul li {
	    padding-right:5px;
	    padding-left:5px;
	}
	#menu li { 
    	font-size:13px;
	}
	#menu ul li #parentUlIndustrial li {
		width:90px;
		font-size:10px;
	}
	#menu ul li #parentUlProyectos li {
		width:320px;
		font-size:10px;
	}
	#menu ul li #ulTerciario li {
		width:340px;
	}
	#menu ul li #ulIndustrial li {
		width:356px;
	}
	.aIndustrial {
		font-size:12px;
	}
	/* Energy */
	.energyBody, .contactBody {
		min-height:600px;
	}
	#energySection {
		top:17%;
		width:36%;
	}
	#energySection span{
		font-size:12px;
	}
	#energySection p{
		font-size:10px;
	}
	/* Portfolio */
	#collapse, #collapseNav {
		display:none;
	}
	#projectDescription {
		width:22%;
		min-width:250px;
	}
	#projectDescription p{
		font-size:14px;
	}
	#projectDescription span{
		font-size:15px;
	}
	#slideTitle {
		font-size:16px;
	}
	#lapseTitle {
		font-size:15px;
	}
	.alcaldeSpan:after {
		content:"CONJUNTO MULTIEMPR. ALCALDE CABALLERO";
	}
	.medicinaSpan:after {
		content:"ALMACÉN DE MATERIAL DE MEDICINA DEPORTIVA";
	}
	.transporteSpan:after {
		content:"CONJUNTO MULTIEMPR. CIUDAD DEL TRANSPORTE";
	}
	.empresariumSpan:after {
		content:"CONJUNTO MULTIEMPRESARIAL EMPRESARIUM";
	}
	.imsSpan:after {
		content:"CENTRO DE DISTRIBUCIÓN ACEROS IMS";
	}
	.petnecSpan:after {
		content:"ALMACÉN LOGÍSTICO/SHOW ROOM, PÉTREO";
	}
	.plazaSpan:after {
		content:"CONJUNTO MULTIEMPRESARIAL PLAZA (3 FASES)";
	}
	.villaverdeSpan:after {
		content:"CONJUNTO MULT. CAMINO REAL, VILLAVERDE";
	}
	.uemSpan:after {
		content:"CENTRO POSTGRADOS ALCOBENDAS, (MADRID)";
	}
	.casablancaSpan:after {
		content:"CASABLANCA, TORREJÓN DE ARDOZ";
	}
	.cabanillasSpan:after {
		content:"SI-20, CABANILLAS DEL CAMPO";
	}
	.cosladaSpan:after {
		content:"PLAT. CROSS-DOCKING MONTEPINO COSLADA";
	}
	.aldiSpan:after {
		content:"ALDI, VILLAVERDE (MADRID)";
	}
	.hondaSpan:after {
		content:"CONCESIONARIO HONDA EBRO-MOTOR";
	}
	.levantinaSpan:after {
		content:"SHOW ROOM GRUPO LEVANTINA, ZARAGOZA";
	}
	.tarazonaSpan:after {
		content:"DESARROLLO COMERCIAL NP16, TARAZONA";
	}
	.mercadonaSpan:after {
		content:"CENTRO MERCADONA, VILLAVERDE (MADRID)";
	}
	.utcSpan:after {
		content:"SEDE GRUPO UTC, MADRID";
	}
	/* Contact */
	#parentContact {
		width:90%;
		left:5%;
	}
	#contactTitle {
		left:5%;
		font-size:22px;
	}
	#newsTitle {
		left:10%;
		top:22%;
		font-size:22px;
	}
	.contactRightSection, .contactLeftSection {
		width:40%;
	}
	#socialNetworksSection {
		left:5%;
	}    		
	.delegationSpan, .contactBottomBlock, .contactAddressSection {
		font-size:14px;
	}
	.contactTopBlock, .contactTopEmailBlock, .madridSpanContent, .zaragozaSpanContent {
		font-size:13px;
	}
	.madridSpanContent:after {
		content:"Paseo de la Castellana 18, 7º. 28046. Madrid (Esp)";
	}
	.zaragozaSpanContent:after {
		content:"Paseo de la Mina 1, Principal. 50001. Zaragoza (Esp)";
	}
	/* News */
	.leftNewsSec {
		font-size:15px;
	}
	.leftNewsSec span {
    	font-size:17px;
    }
	#otherNewsSect {
    	width:110%;
    	margin-left:-5%;
    }
    .newsSection {
    	height:250px;
    }
    .ellipsisSection p {
		font-size:18px;
	}
	#newsMainSection {
		margin-top:120px;
	}
	#dateNews {
		font-size:11px;
	}
	#ellipsisNews01 p:after {
		content:"Inversiones Montepino materializó el pasado 4 de mayo la venta de uno de sus proyectos estrella, la plataforma logística SI-20, que ocupa más de 240.000 metros cuadrados en el municipio de Cabanillas del Campo.";
	}
	#ellipsisNews02 p:after {
		content:"La firma aragonesa se ha consolidado como la principal empresa inmologística de España tras el desarrollo y venta de su último proyecto por más de 75 millones de euros en el municipio madrileño de Coslada.";
	}
	#ellipsisNews03 p:after {
		content:"La plataforma SI-20, ocupada por algunos de los mayores proveedores globales de servicios de transporte y logística, es la única en España que ha obtenido estos sobresalientes reconocimientos energéticos.";
	}
	#ellipsisNews04 p:after {
		content:"Inversiones Montepino ha obtenido recientemente el reconocimiento LEED Gold para el primero de los cuatro edificios que integran la plataforma MONTEPINO SI-20, de más de 200.00 m2, ubicada en Cabanillas del Campo.";
	}
	#ellipsisNews05 p:after {
		content:"Al acto han asistido el consejero de Transporte, Infraestructuras y Vivienda de la Comunidad de Madrid, Pedro Rollán, el alcalde de Coslada, Ángel Viveros, el presidente y vicepresidente de Montepino, Juan Vera y Juan José Vera y el director general de Nacex, Pedro Fuillerat, entre otros.";
	}
	/* News 01 */
	#parentFooter {
		height:1.90%;
	}
	#newsMainSection {
		margin-top:90px;
	}
	#newsMainSection p, #newsSubTitle {
		font-size:15.5px;
	}
	#newsMainTitle {
		font-size:28px;
	}
	.newsParagraphTitle {
		font-size:17px;
	}
}
/* === Huge ===*/
@media screen and (min-width: 1400px){	
	body, html {
		min-height:600px;
	}
	#parentFooter { 
	    min-height:30px;				
	}
	#menu:hover ul li:hover ul li:hover ul { 
	    margin-left:104px;
	}
	#menu ul li {
	    padding-right:10px;
	    padding-left:10px;
	}
	#menu li { 
    	font-size:15px;
	}	
	#menu ul li #parentUlIndustrial li {
		width:100px;
		font-size:12px;
	}
	#menu ul li #parentUlProyectos li {
		width:360px;
		font-size:12px;
	}
	#menu ul li #ulTerciario li {
		width:380px;
	}
	#menu ul li #ulIndustrial li {
		width:396px;
	}
	.aIndustrial {
		font-size:14px;
	}
	/* Energy */
	.energyBody {
		min-height:700px;
	}
	#energySection {
		top:26%;
		width:30%;
	}
	#energySection span{
		font-size:15px;
	}
	#energySection p{
		font-size:13px;
	}
	.alcaldeSpan:after {
		content:"CONJUNTO MULTIEMPRESARIAL ALCALDE CABALLERO";
	}
	.transporteSpan:after {
		content:"CONJUNTO MULTIEMPRESARIAL CIUDAD DEL TRANSPORTE";
	}
	.petnecSpan:after {
		content:"ALMACÉN LOGÍSTICO/SHOW ROOM, MATERIAL PÉTREO";
	}
	.villaverdeSpan:after {
		content:"CONJUNTO MULTIEMPRESARIAL CAMINO REAL, VILLAVERDE";
	}
	.uemSpan:after {
		content:"CENTRO DE POSTGRADOS DE ALCOBENDAS, (MADRID)";
	}
	.casablancaSpan:after {
		content:"PLATAFORMA LOGÍSTICA CASABLANCA, TORREJÓN DE ARDOZ";
	}
	.cabanillasSpan:after {
		content:"PLATAFORMA LOGÍSTICA SI-20, CABANILLAS DEL CAMPO";
	}
	.cosladaSpan:after {
		content:"PLATAFORMA CROSS-DOCKING MONTEPINO COSLADA";
	}
	.hondaSpan:after {
		content:"CONCESIONARIO HONDA EBRO-MOTOR, ZARAGOZA";
	}
	/* Portfolio */
	#projectDescription {
		width:20%;
		min-width:330px;
	}
	/* Contact */
	#contactTitle {
		font-size:25px;
	}
	#newsTitle {
		left:18%;
		top:25%;
		font-size:25px;
	}
	.delegationSpan, .contactBottomBlock, .contactAddressSection {
		font-size:16px;
	}
	.contactTopBlock, .contactTopEmailBlock, .madridSpanContent, .zaragozaSpanContent {
		font-size:14px;
	}
	.madridSpanContent:after {
		content:"Paseo de la Castellana nº18, 7º. 28046. Madrid (España)";
	}
	.zaragozaSpanContent:after {
		content:"Paseo de la Mina nº1, Principal. 50001. Zaragoza (España)";
	}
	/* News */
	.leftNewsSec {
		font-size:15px;
	}
	.leftNewsSec span {
    	font-size:18px;
    }
	.newsSection {
		height:250px;
	}       		
	#otherNewsSect {
    	width:90%;
    	margin-left:5%;
    }
    .newsSection {
    	height:280px;
    }
    .imgNewsSect section {
    	width:75%;
    }
	.ellipsisSection p {
		font-size:20px;
	}
	#newsMainSection {
		margin-top:150px;
	}
	#dateNews {
		font-size:11px;
	}
	#ellipsisNews01 p:after {
		content:"Inversiones Montepino materializó el pasado 4 de mayo la venta de uno de sus proyectos estrella, la plataforma logística SI-20, que ocupa más de 240.000 metros cuadrados en el municipio de Cabanillas del Campo (Guadalajara).";
	}
	#ellipsisNews02 p:after {
		content:"La firma aragonesa se ha consolidado como la principal empresa inmologística de España tras el desarrollo y venta de su último proyecto por más de 75 millones de euros en el municipio madrileño de Coslada.";
	}
	#ellipsisNews03 p:after {
		content:"La plataforma SI-20 en Guadalajara, ocupada por algunos de los mayores proveedores globales de servicios de transporte y logística, es la única en España que ha obtenido estos sobresalientes reconocimientos energéticos.";
	}
	#ellipsisNews04 p:after {
		content:"Inversiones Montepino ha obtenido recientemente el reconocimiento LEED Gold para el primero de los cuatro edificios que integran la plataforma MONTEPINO SI-20, de más de 200.00 metros cuadrados y ubicada en Cabanillas del Campo.";
	}
	#ellipsisNews05 p:after {
		content:"Al acto han asistido el consejero de Transporte, Infraestructuras y Vivienda de la Comunidad de Madrid, Pedro Rollán, el alcalde de Coslada, Ángel Viveros, el presidente y vicepresidente de Montepino, Juan Vera y Juan José Vera y el director general de Nacex, Pedro Fuillerat, entre otros.";
	}
	/* News 01 */
	#parentFooter {
		height:2%;
	}
	#newsMainSection {
		margin-top:100px;
	}
	#newsMainSection p, #newsSubTitle {
		font-size:16px;
	}
	#newsMainTitle {
		font-size:30px;
	}
	.newsParagraphTitle {
		font-size:18px;
	}
}