.icos {
    background: url(https://lh6.googleusercontent.com/-pbYbjokNYJc/U7RThVrkWlI/AAAAAAAACKQ/bzqm1Wp_ecg/s55-no/victor-doval-producciones-luminosas-processing-art-architecture.gif);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 55px;
    width: 55px;
	transition:left 2s,top 3s,margin 1s;
	display: none;
}
#ico:hover {
cursor:pointer;
}
.mobile.in .icos{
	top:50%;
	left:50%;
	background:url(https://lh3.googleusercontent.com/-Mn0hcTMEA3Q/Ux4hJ6hHMHI/AAAAAAAAB9U/PRWlYcGopBw/s40-no/ocblack.gif);
	display:block;
	}
.mobile .icos{
	top:50%;
	left:50%;
	display:none;
}
.in #bkki {
    height:0%;
   // background:none;

   
}
#bkki {
    width:100%;
    background:url(https://lh5.googleusercontent.com/-5oFmemK0TpM/Uy9_tkGfH8I/AAAAAAAACCk/tPllAvlRMK0/s1400/atardecer-programacion-arte-processing.png);

    height: 85%;
    position: absolute;
    background-size: 101% 100%;
   display: none;
}
body {
font: normal normal 14px 'Open Sans',Arial, Tahoma, Helvetica, FreeSans, sans-serif;
transition: background-color 3s;
}
body.in{
background:#fff;}

#jead a {
    color: #000;
}
#main {
    margin-bottom: 15px;
}
#HTML4 {
   
    

}
.content-inner {
    padding: 0;
}
.main-inner .column-center-inner .section {
    margin: 0;
}
.main-inner .column-center-inner {
    padding: 0;
}
header {
    position: fixed;
    z-index: 10;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    bottom: 0;
    padding-top: 20px;
	left:0;
}
html header .header-outer {
   
	left:50%;
}
#legaler {
    float: right;
}
.leg {
    padding: 8px 12px;
    display: block;
    font-size: 8pt;
    border-top: 1px solid #fff;
    padding-left: 1px;
	line-height: 12pt;
	opacity: 0.8;
	float: right;
}
#legal {
    margin-top: 20px;
	display:none;
}
.se #legal {
    margin-top: 20px;
	display:block;
}
.se #legal.oc {
    
	display:none;
}
h3.post-title{
   font-family: 'Raleway', sans-serif;
    font-size: 24px;
    }
    h2{
        
      font-family: 'Raleway', sans-serif;
      font:normal;
      font-weight: normal;
      margin-top:15px
    }
.date-outer{margin:5px;}
#sobre {
   
   
    bottom: 77px;
    max-width: 1128px;
    padding-top: 20px;
   
}
#HTML4 {
    margin-top: 50px;
	margin-bottom: 0px;
}
#navegar {
    position: fixed;
    /* min-width: 100%; */
    bottom: 78px;
    z-index:12;
}
#cc-tag {
   
	position: relative!important;
	float: right;
	right: inherit!important;
	bottom: inherit!important;
	margin-top: -1px;
}
footer {
    display: none;
}
/*body {
    background: #000;
}
.body-fauxcolumn-outer .cap-top {
background: #000 none repeat scroll top left;
}
.content-inner {
background-color: #000;
}
.post-title.entry-title {
    color: #fff!important;
}*/
header.vis{
   
   
	bottom: 0;
}
header {
   transition: bottom 1.5s;
    height: 270px;
    z-index:15;
	-webkit-transition: bottom 1.0s;
	-ms-transition: bottom 1.0s;
	bottom: -207px;
	
}
#header {
    width: 71%;
}
#header2 {
    width: 23%;
}
#Acceder.in{
	display:none;
}
#Cargando{
 display:none;}
	#Cargando.in{
 float: right;
    font-size: 19px;
    margin-top: -11px;
	display:block;}
	span#C_load {
    display: block;
    height: 40px;
    width: 40px;
   background: url(https://lh5.googleusercontent.com/-Mn0hcTMEA3Q/Ux4hJ6hHMHI/AAAAAAAAB9U/PRWlYcGopBw/s40/ocblack.gif);
   position: fixed;
   margin-left:-20px;
   margin-top:-20px;
top: 50%;
left: 50%;
}	
	header.oc #navegar {
    margin-top: 50px;
}
#Acceder {
	float: right;
	font-size: 19px;
	margin-top: -11px;
	cursor: pointer;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0;
	height: 85px;
	
}
#Acceder span{
position: fixed;
bottom: 33px;
right: 15%;}
#Acceder.no {
    float: right;
    font-size: 19px;

    margin-top: -11px;
	cursor: pointer;
	
	display:none;
}
#port{opacity:1; transition:opacity 1s;
-webkit-transition: opacity 1s;}
#port.no{opacity:0; transition:opacity 1s;-webkit-transition: opacity 1s; margin-top:10px;}
	.in	#p1{
	left: 583px;
	top: 112.83333333333334px;
	font-size: 34px;
	color:#fff;
	left: 40%;
	top: 15%;
	
	}
	#p1{
	left: 592.5070778164894px;
top: 564.079201672651px;
font-size: 4.417628073954764px;
left: 60%;
top: 95%;
	}
		#p2{
	left: 583px;
top: 112.83333333333334px;
font-size: 34px;
left: 40%;
top: 15%;
color: #fff;	
	}
	.in #p2{
	left: 592.5070778164894px;
top: 564.079201672651px;
font-size: 4.417628073954764px;
left: 60%;
top: 95%;
	}
#name {
font-family: 'Raleway', sans-serif;
font-size: 24px;
padding-right: 2px;
}
#PL {
font-family: 'Bebas Neue',impact,sans-serif;
color: #000;
}
#bar.oc{display:none;}
#bar li {
    float: left;
    list-style: none;
    padding: 10px 10px;
	cursor: pointer;
	height: 30px;
line-height: 20px;
margin-top: -10px;
}
#HTML6 {
    margin: 15px 5px 0px 0px;

}
#bar {
    float: right;
}
#bar ul {
    padding: 0;
}
#sobre .texto  {
    
    
   opacity: 0.5;
transition: opacity 0.5s;
  
   position: absolute;
right: 0;
}
#sobre .texto .social:hover {
    opacity: 1;
}

.social {
        display: inline-block;
    height: 40px;
    width: 40px;
    background: url(https://lh5.googleusercontent.com/-uYINm7oKPVg/VIgT01I97kI/AAAAAAAACOs/hu_ndOLrbG4/s346/iconitos2.png);
    background-position: -8px -292px;
    border: 1px solid #a7a067;
    
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
margin-left:5px;
 background-position-x: -3px;
}
.texto .social {
    clear: both;
    float: right;
    margin-bottom: 7px;
}
.fb{
    background-position: -3px -33px;
    
}
.fb:hover{
    background-position: -33px -33px;
    
}
.fb:visited{
    background-position: -63px -33px;
    
}
.twitter.social {
    background-position: -3px -93px;
}
.twitter.social:hover {
    background-position: -33px -93px;
}
.twitter.social:visited {
    background-position: -63px -93px;
}
.pint.social {
    background-position: -3px -153px;
}
.pint.social:hover {
    background-position: -33px -153px;
}
.pint.social:visited {
    background-position: -63px -153px;
}
.soundcloud{
    background-position: -3px -259px;
    
}
.soundcloud:hover{
    background-position: -33px -259px;
    
}
.soundcloud:visited{
    background-position: -63px -259px;
    
}
.youtube{
    background-position: -3px -319px;
    
}
.youtube:hover{
    background-position: -33px -319px;
    
}
.youtube:visited{
    background-position: -63px -319px;
    
}
.feed.social {
    background-position: -3px -214px;
}
.gplus.social {
   
	background-position: -3px -183px;
}
.feed.social:hover {
    background-position: -33px -214px;
}
.gplus.social:hover {
   
	background-position: -33px -183px;
}
.feed.social:visited {
    background-position: -63px -214px;
}
.gplus.social:visited {
   
	background-position: -63px -183px;
}
.dribbble.social {
    background-position: -3px -273px;
}
.dribbble.social:hover {
    background-position: -33px -273px;
}
.dribbble.social:visited {
    background-position: -63px -273px;
}
.tumblr.social {
    background-position: -3px -243px;
}
.tumblr.social:hover {
    background-position: -33px -243px;
}
.tumblr.social:visited {
    background-position: -63px -243px;
}
.social:hover{
    background-position-x: -33px;
   
    
}
.social:visited{
    background-position-x: -63px;
   
    
}
#sharer {margin-top:20px; float:left; margin-left:-5px}

#sharer > a.fb.social {
   
   
    background-position: -7px 231px;
    
}
#sharer > a.twitter.social {
  
    
    background-position: -7px 187px;
    
}

#sharer > a.gplus.social {
   
   
    background-position: -7px 118px;
  
}

#sharer > a.social {
    width: 20px;
    height: 20px;
    background-size: 400%;
    background-position: -7px 50px;
    clear: none;
    opacity:0.7;
    transition:opacity 0.4s;
    
}
#sharer > a.social:hover {

    opacity:1;
    
}
.hider {
    width: 100%;
    height: 13px;
    background: #fff;
    margin-top: -12px;
    z-index: 10;
    position: relative;
}
#quiero iframe{height:550px;}
#quiero {
    position: absolute;
        width: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,1);
}
#quiero_cont {
    position: absolute;
     width: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.6);
    -webkit-transform:rotateY(90deg);
	-webkit-transition: -webkit-transform 0.5s;
	-webkit-transform-origin: 100% 50%;
	width: 0%;
	overflow:hidden;
	
}
.mobile #quiero_cont {display:none;}
#quiero_cont.vis {
    width: 100%;
    -webkit-transform:rotateY(00deg);
	display:block;
	overflow:visible;
}
#f-close {
	position: absolute;
	right: 0;
	height: 50px;
	width: 50px;
	top: -40px;
	right: -50px;
	background: #fff url('https://lh6.googleusercontent.com/-gTVJp767Wro/Ux4qzgg3jzI/AAAAAAAAB9o/2aDiAn-FsFw/s40-no/iconitos-close.png') no-repeat center center;
	z-index: 100;
	border-radius: 25px;
	opacity: 0.5;
	cursor:pointer;
}

#navegar {
  
   
    
    float: right;
	
	/*display:none;*/
	margin-right: 20px;
}
#navegar ul {
    width: 320px;
    background: none;
    height: 145px;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
}
#navegar ul a {
    color: #444;    display: block;
    padding: 3px 3px
   
}
#navegar ul a:hover {
 background:#eee;
}
#navegar {
    position:relative;
   
    bottom: auto;
    clear: both;
    float: right;
    margin: 0;
   // margin-top: 30px;
	 display:none;
}
.vis #navegar {
   display:block;
}

#sobre {
    
}

#navegar ul a:hover {
    color: #000;
   text-shadow: 1px 1px #fff;
}
#navegar li {
    float: left;
    width: 150px;
	list-style: none;
	margin-left: 10px;
	padding: 0;
	
}

#sobre{
padding-top: 10px;
width: 100%;



padding: 0px;
margin: 0px;
overflow: hidden;
opacity: 0;

height: 0;
}
#sobre.vis {

}
#sobret {
    width: 470px;
    float: left;
	margin-left: 5px;
     
}
#slider {
    width: 100%;
	-webkit-transition:margin 2s;
	-webkit-transition-delay: 1s;
	transition:margin 2s;
	transition-delay: 1s;
	-ms-transition:margin 2s;
	-ms-transition-delay: 1s;
	margin-top:0;
	opacity:1;
		-webkit-transition:opacity 1s;
	transition:opacity 1s;
	-ms-transition:opacity 1s;
}
#slider.oc {
    height: 0;
	overflow:hidden;
	opacity:0;
	//margin-top:-200%;
	-webkit-transition:opacity 2s;
	transition:opacity 2s;
	-ms-transition:opacity 2s;
	
}
#slider li {

    list-style: none;
    float: left;
    padding: 0;
    margin: 5px;
	width: 150px;
		-webkit-transition:width 2s;
	
	transition:width 2s;
	
	-ms-transition:width 2s;
}
#slider li.vis {
   width: 100%;
}
.vis .slide-container {
    display: none;
}
.slide-container {
    width: 150px;
    height: 150px;
}

#slider .post-title.entry-title,  #slider .aller span {
font: 22px 'Raleway', Arial,Tahoma,Helvetica,FreeSans,sans-serif;
font: 16px bold 'Raleway';
font-family: "Raleway", sans-serif;
	font-size: 16px;
	/*position: absolute;*/
	width: 132px;
	margin: 0px;
	background: #fff;
	opacity: 0;
	padding: 5px 9px;
	filter: alpha(opacity=00);
	height: 150px;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
-ms-transition:
color: #000;
}
#slider .post-title.entry-title:hover, #slider .aller span:hover {
    opacity: 0.9;
	filter: alpha(opacity=90);
}
#slider .vis .post-title.entry-title{
	
	opacity: 1;
	height: auto;
	font-size: 19px;
	padding-left: 0;
	background: transparent;
	float: right;
    position: relative;  
    text-align: left;  
    width: 310px;  
    margin: 0;
	padding-right: 0;
}
#slider li.aller {
background: url(https://lh6.googleusercontent.com/-vdRJxR7vQVA/UzQcukQz5cI/AAAAAAAACDE/CeQJZst3Q4I/s60/Producciones-Luminosas-arquitectura-arte-dise%25C3%25B1o.png);
width: 60px;
height: 60px;
margin-top: 100px;
overflow: hidden;
}
#slider > ul > li.aller > span {
    display: block;
    cursor:pointer;
	width: 150px;
	height: 150px;
}
.mobile #slider .slide-desc-container {
    
-webkit-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

transform: rotateX(0deg);
opacity:0;    
transition:opacity 2s;   
transition-delay:2s;
}

.mobile #slider .vis .slide-desc-container {
    
-webkit-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

transform: rotateX(0deg);
opacity:1;    
transition:opacity 2s;
transition-delay:2s;
}
.view {
    width: 630px;
    min-height: 1px;
	float: left;
	margin-top: -30px;
}
.view img {
    width: 100%;
}
.view img {
    max-height: 550px;
    max-width: 100%;
    width: auto;
	opacity: 1;
   -webkit-transition: opacity 0.5s;
}
.view img:hover,.fotos img:hover {

box-shadow: 0px 0px 5px 0px #111;
}
.view   iframe.lumi{
max-height:315px;
min-height: 315px;}
img.on {
    opacity: 1;
}
video {
    width: 100%;
}
.view .s-iframe.vid  img {
    display: none;
}

.fotos video {
    display: none;
}
audio {
    width: 100%;
    height: 50px;
	padding: 5px 0px 20px 0px;
}
audio::-webkit-media-controls-panel {
height:50px}
audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {

height: 50px;
}
.view iframe {
    width: 100%;
	min-height: 450px;

}
.view iframe.audio2 {
    min-height: 0;
}
.view .caption img {
    width: 150px;
    float: right;
}
.view2 {
    width: 790px;   float: left;
	  margin-top: -30px;
    max-height: 550px;
	
}
.view2 img {
    max-height: 100%;
}
.i-caption {
     width: 470px;
    clear: both;
    float: left;
    margin-right: 10px;
    
    
}
.view .i-caption img {
    width: initial;  
    height: 100px;
    margin-right: 5px;
	float: left;
}
.view img.panel {
    max-height: none;
	width: 100%;
}
.Arquitectura .view img {
    width: 100%;
    max-height: none;

}
img.web {
    padding: 7%;  background: #131313;  
     border-radius: 25px;  
	 border: 1px solid #aaa; 
	 box-shadow: 2px 2px 2px;
	 max-width: 86%;
}
.texto {
float: right;
width: 310px;
text-align: justify;
//padding: 0px 5px;
clear: right;
padding-left:5px;
}
.otags {
    display: none;
}
.fotos {
   
    padding: 5px;
	width: 150px;
	float: right;
    margin-top: -30px;
	padding: 0px 5px 0px 10px;

}
.fotos.medi {
    width: 100px;
    margin-left: 50px;
}
.fotos.muchas {
    width: 75px;
    margin-left: 75px;
}
.fotos img, .fotos iframe {
    width: 100%;
	cursor: pointer;
	
}
.fotos img.web{border-radius: 5px;}
img.movil {
    padding: 5% 1% 7% 1%;
    border-radius: 15px;
    /* background: #111; */
    background: #131313;
    border: 1px solid #aaa;
box-shadow: 2px 2px 2px;
    
}
.fotos img.movil {
    padding: 6% 1% 10% 1%;
    border-radius: 4px;
    box-shadow: none;
    border: 0px;
  
}
.fotos iframe {
    width: 100%;
	cursor: pointer;
	height: 113px;
	border: 0;
	max-height: 113px;
}
.fotos iframe.s32 {
   
	height: 94px;
	
}
.fotos .foto {
    width: 100%;
    height: 212px;
}
.view .bloq {
    display: none;
}
.fotos .bloq img {
    width: 150px;
}

.view .foto {
    width: 100%;
    height: 550px;
	
}

iframe.audio {
    height: 50px;
    margin: 10px 0px;
	 width: 100%;
min-height: 50px;
}
.audio {
    width: 238px;
    float: right;
	margin-right: 10px;
	
}
.t-caption {
    width: 380px;
    float: right;
    text-align: justify;
    padding: 12px 0px;
}
.fotos .bloq {
    width: 155px;
    height: 118px;
    position: absolute;
	cursor: pointer;
}
.fotos .bloq.Sq {
    width: 155px;
    height: 155px;
    position: absolute;
	cursor: pointer;
}
.fotos .bloqv {
    width: 155px;
    height: 210px;
    position: absolute;
	cursor: pointer;
}
.fotos .caption {
    display: none;
}
.caption {
   text-align:justify;
   margin-top: 10px;
}

.u-cont {
    height: 150px;
    width: 150px;
transition: width 1.5s;
-webkit-transition: width 1.5s;
border-radius: 150px;
}
.vis .u-cont {
    width: 900px;
height:inherit;
//animation:myfirst 5s;
//-webkit-animation:myfirst 5s; /* Safari and Chrome */
}
body{min-width: 155px; overflow:hidden;
// background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/Port/PL-web-art-valencia-fs.png);}
body.se{min-height: 101%; overflow:visible;}
.slide-desc-container {
  //
	height:0px;
	width: 0px;
overflow: hidden;
perspective: 800px;
transform: rotateX(90deg);
transition: transform 2s;
-ms-perspective: 800px;
-ms-transform: rotateX(90deg);
-ms-transition: -ms-transform 2s;
-webkit-perspective: 800px;
-webkit-transform: rotateX(90deg);
-webkit-transition: -webkit-transform 2s;
transform-origin:50% 0%;
-ms-transform-origin:50% 0%; /* IE 9 */
-webkit-transform-origin:50% 0%; /* Safari and Chrome */
transition-delay: 1.5s;
-webkit-transition-delay: 1.5s;
}
#slider .vis .slide-desc-container {
/*margin-top: 40px;*/
    display: block;
width: 900px;
	height:inherit;
	-webkit-perspective: 800px;
	-webkit-transform: rotateX(0deg);
	-ms-perspective: 800px;
	-ms-transform: rotateX(0deg);
	perspective: 800px;
	transform: rotateX(0deg);
}
#Blog1 {
    display: none;
}
#HTML5 {
margin-left: 0;
}
#cc-notification.cc-light {
	border: 0px !important;
	height: 0px;
	height: 34px;
	border-bottom: 1px solid #eee!important;
	opacity: 1;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 1) !important;
}

#cc-notification.cc-light a, #cc-notification.cc-light a:visited {
    background: none repeat scroll 0% 0% #fff !important;
	color: #a1a1a1 !important;
}
a#cc-notification-moreinfo.cc-link:hover {
    color: #a1a1a1 !important;
}
#cc-notification.cc-light {
    font-family: 'Open Sans'!important;
}
#cc-notification.cc-light h2 {
    margin-bottom: 10px!important;
    margin-right: 80px!important;
	color: #ccc!important;
}
#cc-notification ul.cc-notification-buttons {
    margin-top: -10px!important;
}
#cc-notification #cc-notification-wrapper {
    padding: 5px 0px 1px 30px!important;
	max-width: 1110px;
	margin-left: -563px;
	left: 50%!important;
	background: #fff !important;
}
html .content-outer, .content-fauxcolumn-outer, html .region-inner{
	margin:auto;
}
html #blog-pager {
    display: none;
}
	.texto {
		float: right;
		text-align: justify;
		//padding: 0px 5px;
		margin-top: 10px;
	}
	 .vis .u-cont {
		width: 100%;
		height:inherit;
		}
		 #slider .vis .slide-desc-container{display:block;}
		
@media only screen and (min-width: 1777px) {
			html .content-outer, .content-fauxcolumn-outer, .region-inner{
		min-width: 90%;
		max-width: 90%;
		_width: 90%;
	}
	html header .header-outer{
			width:1600px;
			margin-left:-800px;
	}
	#slider .vis .slide-desc-container, #sobre{
		width:100%!important;
		display:block;}	
				#slider .vis .post-title.entry-title {
   width: 470px;
    padding-right:0;
}
	.texto {width: 470px;
       
	}
	.view { 			
			width: 49%;
	}
 iframe.lumi{min-height:800px;}
}
@media only screen and (max-width: 1777px) {
			html .content-outer, .content-fauxcolumn-outer, .region-inner{
		min-width: 1600px;
		max-width: 1600px;
		_width: 1600px;
	}
	html header .header-outer{
			width:1600px;
			margin-left:-800px;
	}
	#slider .vis .slide-desc-container, #sobre{
		width:100%;
		display:block;}	
	.texto {width: 310px;
       
	}
	.view { 			
			width: 950px;
	}

}
@media only screen and (max-width: 1600px) {
			html .content-outer, .content-fauxcolumn-outer, .region-inner{
		min-width: 1440px;
		max-width: 1440px;
		_width: 1440px;
	}
	html header .header-outer{
			width:1440px;
			margin-left:-720px;
	}
	
	.texto {width: 310px;
       
	}
	.view { 			
			width: 790px;
	}

}
@media only screen and (max-width: 1420px) {
			html .content-outer, .content-fauxcolumn-outer, .region-inner{
		min-width: 1280px;
		max-width: 1280px;
		_width: 12800px;
	}
	html header .header-outer{
			width:1280px;
			margin-left:-640px;
	}
		#slider .vis .post-title.entry-title {
  // width: auto;
   // padding-right: 0;
   // text-align: right;
}
	
	.texto {width: 310px;
       
	}
	.view , #sobret{ 			
			width: 630px;
	}

	.fotos, .view, .texto, .view2
{
   // margin-top: 5px;
}

}
@media only screen and (max-width: 1244px) {
			html .content-outer, .content-fauxcolumn-outer, .region-inner{
		min-width: 1120px;
		max-width: 1120px;
		_width: 1120px;
	}
	html header .header-outer{
			width:1120px;
			margin-left:-560px;
	}
	#slider .vis .post-title.entry-title {
    width: 99%;
    text-align: left;
    float: left;
}
	
	.texto {width: 150px;
       
	}
	.view { 			
			width: 630px;
	}
		#sobret { 			
			width: 470px;
	}

.fotos, .view, .texto
{
    margin-top: 5px;
}

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

html .content-outer, .content-fauxcolumn-outer, .region-inner{
min-width: 800px;
max-width: 800px;
_width: 800px;}
html header .header-outer{width:800px;
				margin-left:-400px;}
 .vis .u-cont {
    width: 795px;
height:inherit;}
#slider .vis .slide-desc-container, #sobre {
    display: block;
width: 795px;
}
.view {
		width: 470px;
		
	}
.view2 {
		width: 630px;
		margin-top: 20px;
		
	}
	#quiero .view2 {
    margin-top: -20px;
}
	
#sobre > div.texto .social {
    clear: none;
}
#sobre .texto {
    width: 470px;
    position: relative;
    margin-top: 24px;
}
	
}
@media only screen  and (max-width: 888px) {

	.view {
		margin-top: 0px;
	}
	.view2 {
		width: 470px;
		margin-top: 20px;
		
	}
	html .content-outer, .content-fauxcolumn-outer, .region-inner{
		min-width: 640px;
		max-width: 640px;
		_width: 640px;}
		html header .header-outer{width:640px;
				margin-left:-320px;}
	 .vis .u-cont {
		width: 635px;
		height:inherit;}
	#slider .vis .slide-desc-container, #sobre  {
		display: block;
		width: 635px;
		
	}
	.fotos, .fotos.muchas, .fotos.medi{
		width: 470px;
		margin-bottom: 5px;
		margin-left: 0px;
		padding-left: 0px;
	}
	.fotos img, .fotos .s-iframe {
		 max-height: 75px;
		width: auto;
		min-height: 75px;
		cursor: pointer;
	}


.fotos .s-iframe {
    float: left;
    margin-right: 5px;
    margin-left: 0px;
}
.fotos .s-iframe img {
    max-width: 100%;
}

.fotos .s-iframe iframe {
    height: 75px;
    width: 125px;
}
.fotos .s-iframe .bloq {
    height: 75px;
    width: 125px;
    overflow: hidden;
}
.fotos .s-iframe .bloq.Sq {
    height: 75px;
    width: 75px;
    overflow: hidden;
}
.fotos .s-iframe .bloq img {
    width: 100%;
   
}
.t-caption {
    width: 150px;
}

.fotos img.web {
padding: 3%;
background: #131313;
border-radius: 4px;
box-shadow: 1px 1px 1px;

}
.fotos img.movil {
padding: 4px 0 8px 0;
border-radius: 4px;
box-shadow: none;
border: 0px;
margin-left:5px
}
#sobret {
    width: 310px;
	font-size: 13px;
}
#sobre .texto {
    width: 310px;
    position: relative;
   
}

}

@media only screen  and (min-width: 710px) {
#cc-tag {
opacity:0!important;
display:none!important;
}
#cc-notification {
    //bottom: 0!important;
    //top: auto!important;
    height: inherit!important;
}
#cc-tag.jead {
    opacity: 1!important;
	display:block!important;
	position: relative!important;
	float: right;
	right: inherit!important;
	bottom:inherit!important;
	margin-top: -1px;
}
#sobre {
    position: fixed;
    background: #fff;
    bottom: 77px;
    
    padding-top: 20px;
    z-index:12;
	-webkit-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
transform: rotateX(-90deg);
transition: transform 0.5s,height 0.5s,width 0.5s,opacity 0.5s;
-webkit-transition: -webkit-transform 0.5s,height 0.5s,width 0.5s,opacity 0.5s;
-ms-transition: transform 0.5s, height 0.5s, width 0.5s, opacity 0.5s;
}
#sobre.vis{
float: left;
width: 100%;

padding-top: 10px;
height: 310px;
margin: 5px;
font-size: 14px;

text-align: justify;
opacity: 1;
-webkit-transform: perspective(400px)rotateX(0deg);
transform: perspective(400px)rotateX(0deg);
-ms-transform: perspective(400px)rotateX(0deg);
transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-webkit-transform-origin: 50% 0%;
-ms-transition: transform 0.5s, height 0.5s, width 0.5s, opacity 0.5s;
overflow: hidden;}

div.column-center-outer {
    margin-bottom: 65px;
}
.mobile .column-center-outer {

margin-bottom: 80px;
}
}
@media only screen  and (max-width: 710px) {

	html .content-outer, .content-fauxcolumn-outer, .region-inner{
		min-width: 480px;
		max-width: 480px;
		_width: 480px;}
		body > div.content > div.content-fauxcolumns {
    height: 75px;
    background: #fff;
	z-index: 1;
}
		html header{
			position:relative; 
			bottom:auto;
			height: inherit;}
		html header .header-outer{width:480px;
				margin-left:-240px;}
	
#PL {
    font-size: 17px!important;
}
#name {
    font-size: 18px;
}
#jead img {
    padding-left: 0px!important;
    width: 10px;
    margin-top:-10px
    
}
#quiero_cont.vis{
position:relative;
margin-top: 10px;}
#sharer {
    width: 100%;
}
.date-outer{margin:0px;}
#Acceder {
    top: 0;
    bottom: auto;
}
#Acceder > span {
    top: 21px;
    bottom: auto;
}
#cc-tag.jead {
    opacity: 1!important;
	display:none!important;
}
#cc-notification.cc-light.cc-top {
    bottom: 0!important;
    top: auto!important;
    height: inherit!important;
}
#HTML4 {
    margin-top: 0;
    margin-bottom: 0;
}
#HTML5 {
    margin-right: 10px;
	margin-bottom: 0px;
}
#HTML6 {
    margin-left: 0;
    margin-top: 7px;
}
#header2 {
    width: 141px;
}
	#header {
		width: 339px;
	}
	#sobre.vis {
    position: inherit;
    height: inherit;
	text-align: justify;
	opacity: 1;
    
	
}
	#sobret {
		width: 150px;
		min-height: 391px;
		margin-top: 5px;
	}
	#sobre .texto {
    position: relative;
	float: left;
	width: 300px;
	margin-top: -74px;
}
#quiero .texto {
    width: auto;
    margin: 5px;
}
.texto .social {
    clear: none;
}
	 #slider li {
		width: 70px;
	}
	.u-cont {
		width: 70px; 
		height: 70px; 
	}
 .slide-container {
    width: 70px;  
    height: 70px;
}
 #slider .post-title.entry-title,  #slider .aller span {
    width: 70px; 
    height: 70px;
    padding: 0;
    font-size: 12px;
}
	 .vis .u-cont {
		width: 475px;
		height:inherit;}
	#slider .vis .slide-desc-container, #sobre  {
		display: block;
		width: 475px;
			}
	.fotos , .fotos.muchas, .fotos.medi{
		width: 100%;
		float:none;
		margin-top:10px
			}
	.view {
		width: 100%;
		float:none;		
	}
	.texto {
		width: 100%;
		float:none;
		padding: 0;
			}
	#slider .vis .post-title.entry-title {
		width: 100%;
		text-align: left;
		float: none;
	}
	.fotos .s-iframe {
    margin-bottom: 10px;
}
#f-close {
    position: relative;
    top: 0;
    right: 0;
    padding-top: 5px;
    float: right;
    background-size:contain;
    width:20px;
    height:20px
}

.icos {
    top: 100px;
}
	.in	#p1{

	
font-size: 20px;
	left: 40%;
	top: 80px;
	
	}
	#p1{


left: 60%;
top: 95%;
	}
		#p2{
	

font-size: 20px;
left: 40%;
top: 80px;
	
	}
	.in #p2{

font-size: 4.417628073954764px;
left: 60%;

	}
	#quiero {
position: relative;}
body > div.content > div.content-outer > div.fauxborder-left.content-fauxborder-left > div.content-inner > div.main-outer > div.fauxborder-left.main-fauxborder-left > div.region-inner.main-inner > div > div.columns-inner > div.column-center-outer {
    margin-bottom: 50px;
}

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

html .content-outer, .content-fauxcolumn-outer, .region-inner{
min-width: 320px;
max-width: 320px;
_width: 320px;}
html header .header-outer{width:320px;
				margin-left:-160px;}
	#sobret {
		width: 100%;
		margin-top: 10px;
		min-height: 0px;
		margin-left: 0px;
	}
		#sobre .texto {
    position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.view2 {
		width: 100%;
		
		
	}
#Acceder span {
    left: 50%;
    right: auto;
    margin-left: -27px;
    top: 45px;
}
#Cargando.in {
    margin-right: 120px;
    padding-top: 5px;
}
			
 .vis .u-cont {
    width: 315px;
	width: 100%;
height:inherit;}
#slider .vis .slide-desc-container, #sobre  {
    display: block;
width: 315px;
width: 100%;
	
}
#header {
    height: 21px;
}
#header2 {
    width: 100%;
}
#HTML6 {
    margin: 11px 0px 0px -5px;
}
}


@media only screen and (max-width: 319px) {
html .content-outer, .content-fauxcolumn-outer, .region-inner{
	//min-width: 160px;
	//max-width: 160px;
	//_width: 160px;
	}
html header .header-outer{//width:160px;
				//margin-left:-80px;
				}
html header .header-outer {
    width: 98%;
    margin-left: -50%;
    padding: 0% 2%;
}
#header {
    width: 67%;
    height: inherit;
	width: 100%;
}
	#header2 {
		width: 100%;
}
	header {
		padding-top: 5px;
		bottom: -198px;
}
	#Acceder span {
		right: 2px;
		left: auto;
		bottom: auto;
		//position: relative;
		top: 48px;
		float: right;
		margin-right: 10px;
		
	}
	#Cargando.in{
		margin: 0px 10px;
		padding: 0;
		float: none;
		}
	.in #p1 {
    font-size: 14px;
	}
	#p2 {
    font-size: 14px;
	}
	#PL {
		display: block;
	}
	#jead span {
		font-size: 5px;
	}
	#jead #name {
		font-size: 18px;
	}
	#HTML6 {
margin: 0px;

}
	#slider li{margin:2px;}
	.vis .u-cont {
		width: 155px;
		height:inherit;
	}
	#slider .vis .slide-desc-container , #sobre {
		display: block;
		width: 155px;
		margin: 0px 5px;
	
	}
	#sobre > img {
		max-width: 100%;
	}
	#navegar > ul {
    width: 100%;
}


}

@keyframes myfirst
{
0%   {height:150px;width:150px;}
25%  {height:300px;width:150px;}
50%  {height:300px;width:900px;}
100% {height:400px;width:900px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {height:150px;width:150px;}
25%  {height:300px;width:150px;}
50%  {height:300px;width:900px;}
100% {height:400px;width:900px;}
}

.lih{
display:none;
}
.sect {
    float: left;
    width: 150px;
    height: 150px;
    overflow: hidden;
    -webkit-transition: width  5s,height 5s;
}
.sect:hover {
    width: 95%;
    height: inherit;
}
#slider ul {
    padding: 0;
    margin: 0;
}
 header.oc {
   // height: 91%;
	//height: 270px;
	width:100%;
	left:0;
}

./*in .slide-container {
   // position: fixed;
  //  z-index: 100;
    bottom:100px;
    left:100px;
}*/
#cc-notification {
    top: 0px;
    bottom: auto!important;
    height: 63px;
    background-color: rgba(255, 255, 255, 0.95)!important;
}
#cc-notification-wrapper {
    padding: 10px!important;
    margin-left: auto!important;
    margin-right: auto!important;
    text-align: center!important;
    width: auto!important;
    background-color: rgba(255, 255, 255, 0.95)!important;
   
}

#cc-notification, #cc-notification-wrapper  {
    background: none!important;
}
.tit	 { 
		position:absolute;
		text-align:center;
		bottom:0px;
		left:-100px;
		color:#000;
		transition: top 2s, left 4s, font-size 4s;
		display:none;
	}

	.plane{
	 width: 100%;
	 position: absolute;
	 display:none;
	}
	#land1 {
   
    //background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/LAND3.png); background-size: 200% 100%;
  background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/Port/PL-web-art-valencia-3.png); background-size: 150% 100%;
    bottom: 30px;
    height: 50%;
	opacity:0;
}
#land2 {
   
   /* background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/LAND2.png); background-size: 200% 100%;*/
   
    bottom: 20px;
   
	  background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/Port/PL-web-art-valencia-2.png);  
	  bottom: 30px;  height: 50%; opacity:0;background-size: 150% 100%;
	  opacity:0;
}
#land3 {
     
    //background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/LAND1.png);
	background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/Port/PL-web-art-valencia.png);
   background-size: 150% 100%;
    bottom: 0;
    height: 50%;
	opacity:0;
}
.in #land3, .in #land2, .in #land1 {
  
	opacity:1;
	
	}
#land2b {
  
	
	 background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/Port/PL-web-art-valencia-2b.png); 
	bottom: 30px;  
	height: 50%; opacity:1;
	background-size: 125% 100%;
	}
 
#land1b {
   // background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/LAND3b.png); 
 background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/Port/PL-web-art-valencia-3b.png);
	bottom: 10px;   
 height: 50%; opacity:1;
 background-size: 112% 100%;
}

#land3b {
   // background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/LAND1b.png); 
    background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/Port/PL-web-art-valencia-b.png); 
	bottom: 0px;   
 height: 50%; opacity:1;
 background-size: 150% 100%;
}
.in #land1b ,.in #land2b, .in #land3b{
  
	opacity:0;
	}
	#land1b , #land2b, #land3b ,#land1 , #land2, #land3{
  
	transition: opacity 2s;
	}
.mobile #land1, .mobile #land2, .mobile #land3, .mobile #land1b, .mobile #land2b, .mobile #land3b{
 background: none;
}
.mobile #land1{
 background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/Port/PL-net-art-valencia-b-mob.png); 
 opacity:1;
 background-size: cover;
 bottom: 0;
 background-repeat: no-repeat;
  background-position:right bottom;
}	
.in.mobile  #land1{
 background: url(https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/Port/PL-net-art-valencia-a-mob.png); 
 background-size: cover;
 background-repeat: no-repeat;
 background-position:right bottom;
}	
	#bkk {
    width: 100%;
    position: absolute;
    box-shadow: 0px 0px 300px 000px #000;
  display:none;
    transition: box-shadow 3s;
}
.in	#bkk {
    width: 100%;
    position: absolute;
    box-shadow: 0px 0px 300px 1000px #000;
  
    transition: box-shadow 3s;
}

#gview {
    width: 100%;
    height: 100%;
    background: #fff;
    /* text-align: center; */
    position: absolute;
    z-index: 25;
    top: 20px;
    left: 5%;
	
}
#gview.nop{display:none;}
#close_gview {
  position: fixed;
    height: 40px;
    width: 40px;
    top: 20px;
    right: 20px;
    background: #fff url('https://dl.dropboxusercontent.com/u/48894188/Producciones%20Luminosas/iconitos-close.png') no-repeat center center;
z-index: 100;
border-radius: 25px;
opacity: 0.5;
}
#gviewIn {
    width: 90%;
    height: 100%;
    position: absolute;
    z-index: 25;
}
#gviewIn img {
    width: 100%;
    height: auto;
    
}
.mobile .content {
margin-top: 0px!important;
}



#qcontact {
    display: none;
}
#qcontact.vis {
    display: block;
}
#qone {
    display: none;
}

#qone.vis {
    display: block;
}
#sobret .quiero {
     font-size: 20px; 
   
}
#slider li.test{
display:none;}

#Blog1 h3.post-title.entry-title {

    pacity: 1;
    height: auto;
    font-size: 19px;
    padding-left: 0;
    background: transparent;
    float: right;
    position: relative;
    text-align: left;
    width: 310px;
    margin: 0;
    padding-right: 0;
}

div#cookieChoiceInfo {
       font: normal normal 10px 'Open Sans',Arial, Tahoma, Helvetica, FreeSans, sans-serif!important; 
       background-color: #333!important;
}