.page404 .innerbanner{display:none}
.page404 #content .inc{min-height:400px}

.page404 #content .inc h2{font-size:6em; opacity:0.4; margin-top:1em}

.page404 #content .inc p{text-align:center !important}

.page404 #content .inc a { color: #111 !important;
	background-color:#f4b218;
	font-size:22px;
	margin:2em auto;
	padding: 10px 12px 12px 12px;
	width:fit-content;
	line-height:22px;
	border-radius:2px;
    display: block;
	text-decoration:none}


.swfcpbann{
	background-image: url("../img/web/portia-swfcp.jpg");
	background-position:50% 50%;
	background-size: cover;
	margin-top:90px;
	width:100%;
	height:40vw;
	background-color:#FABFD1;
	border-bottom: 40px solid #f4b218;
}

/*banner inicio*/
.bigbanner {
    background: #252118;
    border-bottom: 40px solid #f4b218;
}
.bigbanner, .bigbanner ul, .bigbanner ul li{
	height: 35vw;
    overflow: hidden !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 35vw;
    width: 100%;
	}
.bigbanner ul{position:absolute;}
.bigbanner .bannerdata {
    background-color: rgba(0,0,0,0.4);
    height: 35vw;
    margin-top: 0vw;
}
.bigbanner .bannerdata .inc {
    width: 60%;
    min-width: 1024px;
}
.bigbanner .bannerdata .inc {
    display: table;
    height: 100%;
}

.bigbanner .bannerdata p {
    font-size: 3em;
    color: #F3EFE3;
    line-height: 1.2em;
    display: table-cell;
    vertical-align: middle;
	font-family: 'Playfair Display' ,serif;
	font-style: italic; 
	text-align:center !important;
	text-shadow:1px 1px 2px rgba(0,0,0,0.8)
}

.bigbanner .bannerdata p b a {
    color: #111 !important;
    font-weight: 100;
	background-color:#f4b218;
	font-size:22px;
	margin:2em auto;
	padding: 10px 12px 12px 12px;
	width:fit-content;
	line-height:22px;
	border-radius:2px;
    display: block;
	font-style: normal; 
	text-shadow:none;
}
.bigbanner .bannerdata p b a:hover{
	 color: #f4b218 !important;
	 background-color:#111 !important;
	 }
/*--------------------------------------------------------*/

.horeca{position:absolute; margin-top:3em; right:25em; z-index:10; background-image:url("../img/nueva.etiqueta.portia.crianza.png"); background-size:100%; width:100px; height:100px}
.minihoreca{position:absolute; margin-top:1em; margin-left:1em; z-index:10; background-image:url("../img/nueva.etiqueta.portia.crianza.png"); background-size:100%; width:64px; height:64px}
.aminihoreca{position:absolute; background-image:url("../img/nueva.etiqueta.portia.crianza.png"); background-size:64px 64px; background-repeat:no-repeat; background-position:90% 15%; width:64px; height:64px; margin-top:80px}

.arregi #content{margin-top:90px !important}
.arregi .inc{width:100%; max-width:100%;}

.arregi .innerbanner, .arregi .innerbanner .slidercontent, .arregi .innerbanner .slidercontent >li, .arregi .innerbanner .slidercontent .sy-slides-wrap, .arregi .innerbanner .slidercontent .sy-slides-crop,.arregi .innerbanner .slidercontent .sy-slides-crop , arregi .innerbanner .sy-filler{height:70vh !important}

.arregi .cnt{padding: 0em}

.arregi .cnticon{display:none}

#arregi{width:80%; max-width:930px; margin:0 auto 0em auto;}

.arregibg { background-image:url("../img/bg-inigo.jpg"); background-size:100% !important; background-position: top 50%; padding-top:5em}

#arregi >div{display:inline-block; width:40%; vertical-align:middle; }
#arregi >div:last-child{width:50%; padding-left:3em}
#arregi p.eng{font-style:italic; color:#888 !important}

#arregi p{font-size:0.9em}

.arregiobrabg { background-color:#444;}


#arregiobra{ width:80%; max-width:930px;; margin:0 auto; padding-bottom:2em}

#arregiobra .galeria{width:100%; padding-top:2em;}
#arregiobra .galeria div{width:33%; display:inline-block; vertical-align: top; box-sizing:border-box; text-align:center; margin:1.5em auto}

#arregiobra .galeria div img{width:90%; cursor:pointer; opacity:0.8}
#arregiobra .galeria div img:hover{opacity:1;}
#arregiobra p, #arregiobra p b{color:#fff !important; text-align:center; line-height:1.1em !important; margin-bottom:1em}

#arregiobra p.eng{font-style:italic; color:#eee !important}


#thgal{position:fixed; width:100vw; height:100vh; z-index:9999; top:0; left:0;background-color:rgba(0,0,0,0.6); display:none; }
#close{position:absolute; top:19vh; background-color:#000; width:2vh; height:2vh; right: calc(50vw - 31vh); border:1px solid #444; cursor:pointer; background-image:url("../img/cancel.png"); background-position:50% 50%; background-size:160%}
#close:hover{background-color:#f4b218}
#fotobig{width:60vh; height: 60vh; background-repeat: no-repeat; background-size:cover; background-image:url(../img/1.jpg); margin-top:20vh; margin-left: calc(50vw - 30vh); padding:0;  background-position: 100% 50%}
#fotobig >div{box-sizing:border-box; width:49.55%; height:60vh; display:inline-block; vertical-align:top; cursor:pointer; background-size:50px 50px; background-repeat:no-repeat; }

#fotobig::selection{border:none !important}

#rwd{background-image:url("../img/back.png"); background-position: 00% 50%}
#fwd{background-image:url("../img/next.png"); background-position: 100% 50%}


.lact{height:70vh; margin-top:0px;background-position:50% 50%; background-size:cover; background-image:url("../img/web/PORTIA-Aerea_Septiembre_2014.jpg"); border-top:0em solid #000; cursor:default}

.lact ul{margin:0; padding:0; float:left; width:100%}
.lact ul li{list-style:none}

.lact ul li .info{position:absolute;top:calc(80vh + 60px + 4.75em); left:50vw; width:49vw; height:calc(70vh - 4.75em); background:rgba(0,0,0,0.6); display:none;z-index:1}
.lact ul li .info div{margin:3em 4em}
.lact ul li .inner{cursor:pointer;  background:#222; width:80%; margin:1em 0}

.lact ul li:first-child .inner{margin-top:4em}

.lact ul li .inner:hover, .lact ul li .inner.act{background:#f4b218}
.lact ul li .inner a{color:#fff; padding:1.5em 0.5em; display:inline-block; margin:0em 2em;}
.lact ul li .launch{margin-left:10%; width:40%}

.lact h2{margin-top:0em; font-size:2em; font-weight:300; text-align:center; color:#fff; background:#000; padding:0.5em 0 0 0}

.lact p{font-size:1.5em; margin:0em; color:#fff; text-align:center; background:#000; padding-bottom:0.5em }

.lact .info h3{color:#fff; margin-bottom:0.4em; font-size:2.1em; font-weight:300}
.lact .info h4{color:#fff; margin-top:0.2em; font-size:1.2em;}
.lact .info p{color:#fff; font-size:0.9em; background:none; text-align:left; line-height:1.2em}


.lact .linker{float:right;  margin:0em 0em !important; padding:1.5em 2em !important; background:rgba(0,0,0,0.2); display:none}
.lact .linker:hover{background:rgba(0,0,0,1)}

.lact .link{text-align:center; margin:1em auto !important}

.lact .actbtn{color:#000;background:#f4b218; text-align:center;padding:0.8em 2em }
.lact .actbtn:hover{background:#800; color:#fff}

.accept a{color:#555; text-decoration:underline}

/*widget noticias home*/

.videoblog ul.hv li div{min-height:350px;}

.imgcrop{width:400px; height:300px !important; min-height:200px !important; overflow:hidden;}

#webs li:last-child{display:none !important}

/*listado noticias*/
.not .innerbanner{display:none}
.not .inc{max-width:80%; width:80%}
ul.nwl{width:100%; text-align:left;font-family:'Dosis', sans-serif; text-align:left;}
ul.nwl li {width:31%; display:inline-block; vertical-align:top; margin-left:2%; margin-bottom:3em}
ul.nwl li img{width:100%}
ul.nwl li h3{min-height:3.6em;font-size:1.3em; font-family:'Playfair Display', serif;text-transform:uppercase; text-align:left; padding-bottom:0.8em; border-bottom:2px solid #222; margin-bottom:0.3em; font-weight:300}
ul.nwl li span{font-size:1em; font-style: italic; color:#222; text-align:left; display:block; margin-bottom:0.5em}
ul.nwl li div p{ line-height:1.2em; margin-bottom:0em;}
ul.nwl li div {min-height:8.2em; margin-bottom:1em}
ul.nwl li a.pln{background:#222; color:#fff !important; font-size:0.8em;; padding:0.5em 1em;text-decoration:none}


/*bases*/

.bases .innerbanner{display:none}
.bases .inc p, .bases .inc li{font-size:1em; line-height:1.3em; color:#444}
.bases .inc ul li{list-style:disc; margin-bottom:0.8em}
.bases .inc ol li{margin-bottom:1em}

.bases .inc img{width:100%}


#cookiediv{position:fixed; bottom:0px; background:rgba(0,0,0,0.95); z-index:190; width:100%}
#cookiediv p{color:#fff !important; padding:0.5em 2em; text-align:center }
#cookiediv p a{color:#fff; text-decoration:underline}
#cookiediv p a.buttoned{text-decoration:none; margin:1em auto;}


/*noticia abierta*/

.nta.innerbanner{background:#222; text-align:center; height:auto !important}
.nta.innerbanner img{width:100%; max-width:1180px; margin:0}
.nta.inc{width:100% ;max-width:1180px}
.nta.inc>div{display:inline-block; vertical-align:top}
.nta.inc>div:first-child{width:28%;margin-right:4%; margin-top:0.2em}
.nta.inc>div:first-child h3{min-height:3.6em;font-size:1.3em;text-transform:uppercase; text-align:left; padding-bottom:0.8em; border-bottom:2px solid #222; margin-bottom:0.3em}
.nta.inc>div:first-child span{font-size:1em; font-style: italic; color:#222; text-align:left; display:block; margin-bottom:0.5em; padding:0.3em; }
.nta.inc li a{text-decoration:underline; font-weight:600; color:#008}

#the .buttoned.cookie{width:75% !important; margin:1em 10% !important; padding:1em}
#the .edaddisabled, #the .edaddisabled:hover{background:#d1d1d1 !important; color:#bbb !important}

.nta.inc>div:first-child img{width:100%; cursor:pointer; opacity:0.8;}
.nta.inc>div:first-child img:hover{opacity:1}

.nta.inc>div:first-child span.pie{margin-bottom:2em; color:#fff; font-size:0.8em; background:#222; margin-top:-5px}

.nta.inc>div:last-child{width:67%;}

.nta.inc>div:last-child h4{margin:2.5em 0 0.8em 0; font-size:1.1em; color:#333}
.nta.inc>div:last-child li{ margin-left:4em}
.nta.inc>div:last-child .datos{padding:1em; background:#eee;}
.nta.inc>div:last-child ul{padding-bottom:1em}
.nta.inc>div:last-child p{margin-bottom:1.4em}

.nta.inc>div:last-child .datos p{font-size:0.9em}

@media only screen and (max-width: 1441px) {
	.imgcrop, .imgcrop img{width:350px !important; height:250px !important}
	.videoblog ul.hv li div{width:350px !important}

}

@media only screen and (max-width: 1280px) {
	.imgcrop, .imgcrop img{width:300px !important; height:250px !important}
	.videoblog ul.hv li div{width:300px !important}

}

@media only screen and (max-width: 1330px) {
	.horeca{ margin-top:10em; right:20em; width:128px; height:128px}
}


@media only screen and (max-width: 1024px) {
.lact{height:45vh; background-color:#fff;background-size:150% auto ; background-repeat:no-repeat; background-position: 50% bottom}
.lact h2{font-size:1em}
.lact ul{margin:0; padding:0; float:none; width:100%}
.lact .launch h2{margin-top:0em; font-size:1.5em !important; text-align:center; margin-left:0; padding-top:1em}
.lact .launch p{font-size:1.2em; margin:1em 0;text-align:center}

.lact ul li{margin-bottom:2em}
.lact ul li .info{width:0; height:0}
.lact ul li .info div{display:none}
.lact ul li .launch{margin-left:5%; width:90%}
.lact ul li .inner{width:100%; margin-bottom:1em}
.lact ul li .inner a{padding:1em 0em; margin:0em; font-size:1em; width:100%; text-align:center;}
.lact .linker{float:none ;  margin:0em 0em !important; padding:1em 0em !important; background:#000}
.not .inc{max-width:90%; width:90%; margin-top:0px}
	ul.nwl{width:100%; text-align:left; text-align:left;}
	ul.nwl li {width:48%; margin-left:1%; margin-bottom:3em}
	.nta.innerbanner{height:50vh}

	.imgcrop, .imgcrop img{width:300px !important; height:200px !important}
	.videoblog ul.hv li div{width:300px !important; height:auto !important; min-height: 280px;}
	
}

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

/*banner a visitas*/
.bigbanner {
    border-bottom: 20px solid #f4b218;
}
.bigbanner, .bigbanner  ul li {
    background-position: 50% top !important;
    background-size: auto 82vw;
}
.bigbanner, .bigbanner .direction, .bigbanner ul li, .bigbanner ul {
    height: 82vw !important;
}
.bigbanner .bannerdata {
    height: 82vw;
    margin-top: 0vw;
    box-sizing: border-box;
    background: transparent;
}
.bigbanner .bannerdata .inc {
    min-width: 320px;
}
.bigbanner .bannerdata p {
    padding-top: 0em;
    font-size: 25px;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle;
}

.bigbanner .bannerdata p b a {
	font-size:18px;
	text-decoration:none;
	margin:0.5em auto;
}
.fullbanner{margin-top:0 !important}


/*-------------------*/

	.not .inc{max-width:90%; width:90%; margin-top:20px}
	ul.nwl{width:100%; text-align:left;font-family:'Dosis', sans-serif; text-align:left;}
	ul.nwl li {width:100%; margin-left:0%; margin-bottom:3em}
	ul.nwl li a.pln{color:#fff}



	.nta.innerbanner{height:30vh}
.nta.innerbanner img{width:100%;margin:0}
.nta.inc{width:90%; margin: 0 auto}
.nta.inc>div{display:block;}
.nta.inc>div:first-child{width:100%;margin:0}
.nta.inc>div:first-child h3{min-height:3.6em;font-size:1.3em;text-transform:uppercase; text-align:left; padding-bottom:0.8em; border-bottom:2px solid #222; margin-bottom:0.3em}
.nta.inc>div:first-child span{font-size:1em; font-style: italic; color:#222; text-align:left; display:block; margin-bottom:0.5em; padding:0.3em; }
.nta.inc li a{text-decoration:underline; font-weight:600; color:#008}



.nta.inc>div:first-child img{display:none}
.nta.inc>div:first-child span.pie{display:none}

.nta.inc>div:last-child{width:100%;}

.nta.inc>div:last-child h4{margin:2.5em 0 0.8em 0; font-size:1.1em; color:#333}
.nta.inc>div:last-child li{ margin-left:4em}
.nta.inc>div:last-child .datos{padding:1em; background:#eee;}
.nta.inc>div:last-child ul{padding-bottom:1em}
.nta.inc>div:last-child p{margin-bottom:1.4em}

.nta.inc>div:last-child .datos p{font-size:0.9em}

.horeca{ margin-top:2.5em; right:2em; width:60px; height:60px}
		.minihoreca{margin-top:0.8em; margin-left:2.2em; z-index:2;width:32px; height:32px}
		.aminihoreca{background-size:48px 48px; margin-top:30px; margin-left:20px}
	


.arregibg { background-image:none;background-color:#eee padding-top:5em; background-repeat:no-repeat}

#arregi >div{display:block; width:100%; vertical-align:middle; }
#arregi >div:last-child{width:100%; padding-left:0em}
#arregi p.eng{font-style:italic; color:#888 !important}
#arregi img{width:100%}

#arregi p{font-size:1em}

#arregiobra{margin-top:2em}

#arregiobra .galeria{width:100%; text-align:center}
#arregiobra .galeria div{width:45%; display:inline-block; vertical-align: top; box-sizing:border-box; text-align:center}

#arregiobra .galeria div img{width:90%; cursor:pointer; opacity:0.8}
#arregiobra .galeria div img:hover{opacity:1;}
#arregiobra p, #arregiobra p b{color:#fff !important; text-align:center; line-height:1.1em !important; margin-bottom:1em}

#arregiobra p.eng{font-style:italic; color:#888 !important}


#thgal{position:fixed; width:100vw; height:100vh; z-index:9999; top:0; left:0;background-color:rgba(0,0,0,0.6); display:none; }
#close{position:absolute; top:calc(50vh - 49vw); background-color:#000; width:4vh; height:4vh; right: calc(50vw - 27vh); border:1px solid #444; cursor:pointer; background-image:url("../img/cancel.png"); background-position:50% 50%; background-size:160%}
#close:hover{background-color:#f4b218}
#fotobig{width:90vw; height: 90vw; background-repeat: no-repeat; background-size:cover; background-image:url(../img/1.jpg); margin-top: calc(50vh - 45vw); margin-left: 5vw; padding:0}
#fotobig >div{box-sizing:border-box; width:49%; height:90vw; display:inline-block; vertical-align:top; cursor:pointer; background-size:50px 50px; background-repeat:no-repeat }
#fotobig >div:hover{}
#rwd{background-image:url("../img/back.png"); background-position: 00% 50%}
#fwd{background-image:url("../img/next.png"); background-position: 100% 50%}

.arregi #content{margin-top:80px !important}


.arregi .innerbanner, .arregi .innerbanner .slidercontent, .arregi .innerbanner .slidercontent >li, .arregi .innerbanner .slidercontent .sy-slides-wrap, .arregi .innerbanner .slidercontent .sy-slides-crop,.arregi .innerbanner .slidercontent .sy-slides-crop , arregi .innerbanner .sy-filler{height:29vh !important}

}


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
.videoblog ul.hv li div div{width:300px;}
 .imgcrop, .imgcrop img{width:300px}
}