.anuloordenadorytablet{ display:none;}
html,body{font-family: 'BenchNine', sans-serif; left:0; margin:0; top:0; background-image:url(../fondo/main_bg.png); }
ul,li{ list-style:none;}a{ text-decoration:none;}a img {border:0; outline:none;border-style:none;}
.opacidad{ background-color:#000; width:100%; height:100%; left:0; top:0; opacity:0.8;}

header{ width:100%; height:470px; top:0; left:0; /*background-color:red;*/ min-height:470px; max-height:470px; 
        overflow:hidden;background: url(../fondo/tri_4.jpg) no-repeat  center ;   -webkit-background-size: cover;  
        -moz-background-size: cover; -o-background-size: cover;  background-size: cover; 
        box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
                     -webkit-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
                     -moz-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);}
.menu{ width:100%; opacity:0.8; height:100px; background-color:#E56500;
      
      position:relative; z-index:9999;}
.logo{ width:200px; height:100px; left:50px; position:absolute; }
.nav{ width:100%; margin:0 auto; text-align: center;}
.nav li{display:inline-block; padding:40px 0px;}
.nav li a{  color:#fff; font-size:26px;  transition:all 1s;padding:40px 20px 25px 20px;}
.nav li a i{ font-size:20px;}
.nav li a:hover{ background-color:#FFF; color:#000;}
.nav .black a{color:#000; font-size:26px;  transition:all 1s;padding:40px 20px 25px 20px;}
.nav .black a:hover{background-color:#000; color:#FFF;}
.nav li a:hover i{color:#E56500;}
.nav .black a:hover i{color:#E56500;}
.navidiomas{ position:absolute; float:right; display:inline-block; height:100px; width:50px; right:20px;top:-1px;}
.bandera{ width:25px;border:1px solid #E56500; border-radius:2px; transition:all 1s; height: 15px;}
.bandera:hover{border:1px solid #FFF;}
h1{ width:100%; background-color:#E56500; height:50px; text-align:center; font-size:35px; 
    text-transform:uppercase; z-index:8000; top:397px; position:absolute; opacity:0.8; color:#fff;}
/*socilales*/
.socials{ height:150px; width:50px; /*background-color:#333;*/ z-index:9995; position:fixed; margin-top:100px; 
         float:right; right:0;}
.face{ color:#fff; font-size:14px;  position:relative; right:10px;height:30px; width:1px; background-color:#E56500; 
      border:2px solid #000;border-radius:2px;}
.face a{ color:#fff;transition:1s all;}
.face a:hover{ color:#000;}
.face span{ position:relative; top:5px; right:25px;}

.googleplus{ color:#fff; font-size:14px;  position:relative; right:10px;height:30px; width:1px; background-color:#E56500; 
            border:2px solid #000;border-radius:2px;}
.googleplus a{ color:#fff; transition:1s all;}
.googleplus a:hover{ color:#000;}
.googleplus span{ position:relative; top:5px; right:25px;}

.linkedin{color:#fff; font-size:14px;  position:relative; right:10px;height:30px; width:1px; background-color:#E56500; 
         border:2px solid #000;border-radius:2px;}
.linkedin a{ color:#fff;transition:1s all;}
.linkedin a:hover{ color:#000;}
.linkedin span{ position:relative; top:5px; right:25px;}

.cuerpo_index{ width: 1150px; margin: 20px auto; height: 200px; }
.titulos{ font-size: 19px;}
.cuerpo_index h3{ font-weight: normal; font-size: 17px; text-align: justify;}
.desacargar_pdf{ float: right; margin-right: 20px;}
.desacargar_pdf a {color:#E56500; transition: all 1s; font-style: italic;}
.desacargar_pdf a:hover{color:#000;}
.desacargar_pdf i{color:#000;transition: all 1s;}.desacargar_pdf i:hover{color:#E56500;}

.fotos_pisos_index{ width: 1150px; height: 315px;  margin: 20px auto;}
.slider_pisos_index{ width: 700px; height: 310px;  float: left; position:relative;}
.sidebar_der_pisos{ float: left; position:relative; width: 420px; margin-left: 20px;height: 300px;
                    margin-top: 10px;}
.tp-banner-container{width:100%; position:relative; padding:0;}
.tp-banner{ width:100%;	position:relative;}.tp-banner1{ width:100%;position:relative;}
.tp-banner-fullscreen-container {width:100%;position:relative;	padding:0;}
.sidebar_der_pisos .fa-star-o{color:#E56500; margin-right: 5px;}
.linea_naranja{ width: 100%; background-color: #E56500; height: 1px;}

footer{width:100%; height:420px;background: url(../fondo/jaumeiii.jpg) no-repeat  center ;   -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
.interiorfooter{ width:1200px; margin:0 auto; height:350px; position:relative; top:40px; }
.titulo{color:#FFF; width:100%; height:20px; border-bottom:1px solid #FFF; font-size:16px;}
.titulo i{color:#E56500; margin-right:5px;}
.cuerpofooter{ float: left; position:relative; color:#FFF; width:380px; margin-right:10px;}
.map1{ width:100%; height:150px;}
.map1 iframe{ width:100%; height:150px;}
.cuerpofooter a{color:#E56500; transition:all 1s;}
.cuerpofooter a:hover{color:#FFF; transition:all 1s;}
.g-plus{   width:auto; height:auto;}
.fb-share-button{ overflow:hidden; position:relative;}

/*subir*/
.back-to-top {  position: fixed; bottom: 40px; text-decoration: none; color: #FFF; right:0px;  background-color:#333; border:1px solid #FFF;  font-size: 14px; /*padding: 1em; display: none;*/ opacity:0.4;	/*box-shadow: inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6);*/-webkit-transition: opacity 1s ease-in-out;  -moz-transition: opacity 2s ease-in-out;  -o-transition: opacity 2s ease-in-out;  transition: opacity 2s ease-in-out; right:20px;height:30px;  width:40px;  z-index:5999;}
.back-to-top:hover { background-color:#333; opacity:1; }	
.back-to-top i{ transform:rotateY(0deg);   transition-duration: 2s;   -webkit-transform:rotateY(0deg);   -webkit-transition-duration: 2s; position:relative; margin-left:11px;} 
.back-to-top:hover i{color:#E56500; transform:rotateY(180deg);   transition-duration: 2s;   -webkit-transform:rotateY(180deg);   -webkit-transition-duration: 2s;}

/*find us*/
.findus_include{ width: 100%; margin: 20px auto; height: 490px;}

.fondo{width:50%; height:440px; top:0; left:0; min-height:440px; max-height:440px; overflow:hidden;
      background: url(../fondo/parque.jpg) no-repeat  center ;   -webkit-background-size: cover;  
      -moz-background-size: cover; -o-background-size: cover;  background-size: cover; margin-bottom:40px; 
        float:left; position: relative;}
.seccion_formulario{ width: 95%; margin-left: 2%;top: 20px; position: relative;height:380px; }
.seccion_formulario .tituloform{ width: 100%; color: #fff;}
.contacto{position:relative; color:#E56500; font-size:16px; float:left; width:100%;}
.contacto input[type=text]{ border:none; border-top:1px solid #E56500; outline:none; background-color:#000;  width:150%; margin-left:20px; outline:none;color:#FFF;font-family: 'BenchNine', sans-serif;font-size:18px;}
.contacto input[type=tel]{ border:none; border-top:1px solid #E56500; outline:none; background-color:#000;  width:150%; margin-left:20px; outline:none;color:#FFF;font-family: 'BenchNine', sans-serif;font-size:18px;}
.contacto textarea[type=multiline]{ border:none; border-top:1px solid #E56500; outline:none; background-color:#000;  width:150%; margin-left:20px; outline:none;color:#FFF;font-family: 'BenchNine', sans-serif;font-size:18px;}
.contacto input[type=submit]{ float:right; background:#000; color:#FFF; border:1px solid #E56500; cursor:pointer; width:100%;transition:all 1s; text-transform:uppercase; font-weight:bold; font-family: 'BenchNine', sans-serif;}
.contacto input[type=submit]:hover{color:#E56500; border:1px solid #FFF;}
label{ width:60px; display:block;color:#E56500; font-size:18px;}label:after { content: ": " }
.mapa{ width:50%; height:440px; float: left; position: relative;}
#google_map{width:100%; height:440px;}
/* map controls */
#map_controls {margin:0; padding:0; list-style:none; position:relative; width:auto;  margin-top:-255px; right:20px; 
               width:30px; background:#E56500; 
                border-radius:2px; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4); float:right;}
#map_controls li a {display:block; width:30px; height:30px;  text-align:center; border-top:1px solid #ccc;
      border-top:1px solid rgba(0,0,0,0.1); cursor:pointer;}
#map_controls li a:hover {background:#111; color:#fff;}
#map_controls li:first-child a {border-top:0;}
#map_controls li a span {margin-top:6px;}

.pisos_general_include{width: 1150px; margin: 20px auto; height: 820px;}
.piso{ width: 48%; float: left; position: relative; height: 140px; background-color: #fff; padding: 5px; 
      margin-bottom: 10px; margin-left: 5px;box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
                     -webkit-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
                     -moz-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);}
.letras{ border: 1px solid #FFF; height: 40px; width:40px;background:#E56500; color: #fff; font-size: 22px; 
         text-align:  center;  text-transform: uppercase; line-height:2; border-radius: 5px;
        float:left; position: relative; transition: all 1s;}
.letras:hover{background:#000; color: #E56500; }
a .letras { color: #fff;}
.caracteristica_piso{ margin-left: 50px; position: relative; height: auto; font-size: 17px; line-height: 0.9; top:-10px;}
.slider_pisos_general{ margin:20px auto; width: 1180px; height: 520px;}

.pisos_general_include1{width: 1150px; margin: 20px auto; height: 400px;}
.piso1{ width: 48%; float: left; position: relative; height: 180px; background-color: #fff; padding: 5px; 
      margin-bottom: 10px; margin-left: 5px;box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
                     -webkit-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
                     -moz-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);}
.video_slider{margin:20px auto; width: 1150px;height:255px;}
.slider_pisos_general1{ width: 49%; height: auto; float: left; position: relative; margin-right: 10px;}
.video{ float: left; position: relative;box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
                     -webkit-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
                     -moz-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);width: 48%;height:245px;
         background-color:#FFF;}
.video iframe{ width: 100%; height:240px; }
.video img{width: 100%; height: 240px;}
.video video{width: 100%; height: 240px;}

.pisos_particular_include{width: 1150px; margin: 20px auto; height: 180px;}
.gallery{float: left; position: relative; width: 48%;}
.gallery img{width: 140px; height: auto; margin-right: 5px; border: 5px solid #fff; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
            left:50px; position: relative;}

.mapa1{ width: 100%; height: 700px;box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
                     -webkit-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
                     -moz-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133); margin:20px auto;}
#map-canvas { height: 100%;  height: 700px; }
.foto_mapa{ width: 150px; height: auto; border: 1px solid #fff;box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);}
.info_content{ background-color:#e56500; color: #fff; padding: 10px; text-align: center; font-size: 14px;
            font-family: 'BenchNine', sans-serif;}
.big_slider{ margin-bottom: 20px;}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.logo{ width:100px; height:50px; left:5px; position:absolute; }
.logopequeno{ height:75px; width:125px; top:12px; position:relative;}
.nav{ width:100%; margin:0 auto; text-align: center;}
.nav li{display:inline-block; padding:40px 0px;}
.nav li a{  color:#fff; font-size:26px;  transition:all 1s;padding:40px 20px 25px 20px;}
.nav li a i{ font-size:20px;}
.nav li a:hover{ background-color:#FFF; color:#000;}
.nav .black a{color:#000; font-size:26px;  transition:all 1s;padding:40px 20px 25px 20px;}
.nav .black a:hover{background-color:#000; color:#FFF;}
.navidiomas{ position:absolute; float:right; display:inline-block; height:100px; width:5px;
            right:35px;top:-10px;}
.cuerpo_index{ width: 974px; margin: 20px auto; height: 200px; }
.fotos_pisos_index{ width: 700px; height: 600px;  margin: 20px auto;}
.slider_pisos_index{ width: 700px; height: 310px;   position:relative;}
.sidebar_der_pisos{  position:relative; width: 420px; margin-left: 20px;height: 150px;
                    margin-top: 10px;}
footer{width:100%; height:440px;}
.interiorfooter{ width:950px; margin:0 auto; height:350px; position:relative; top:40px; }
.cuerpofooter{ float: left; position:relative; color:#FFF; width:306px; margin-right:10px;}

.pisos_general_include{width: 974px; margin: 20px auto; height: 820px;}
.slider_pisos_general{ margin:20px auto; width: 974px; height: 420px;}

.pisos_general_include1{width: 974px; margin: 20px auto; height: 400px;}
.piso1{ width: 47%; float: left; position: relative; height: 180px;}

.video_slider{margin:20px auto; width: 974px;height:255px;}
.pisos_particular_include{width: 974px; margin: 20px auto; height: 180px;}
.gallery img{left:3px;width: 139px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.logo{width:100px; height:50px; left:5px; position:absolute; }
.logopequeno{ height:75px; width:125px; top:12px; position:relative;}
.nav{ width:100%; margin:0 auto; text-align: center;}
.nav li{display:inline-block; padding:40px 0px;}
.nav li a{  color:#fff; font-size:18px;  transition:all 1s;padding:40px 6px 33px 6px;}
.nav li a i{ font-size:20px;}
.nav li a:hover{ background-color:#FFF; color:#000;}
.nav .black a{color:#000; font-size:18px;  transition:all 1s;padding:40px 6px 33px 6px;}
.nav .black a:hover{background-color:#000; color:#FFF;}
.navidiomas{ position:absolute; float:right; display:inline-block; height:100px; width:30px; /*border:1px solid #FFF;*/ 
             right:5px;top:-10px;} 
.cuerpo_index{ width: 718px; margin: 20px auto; height: 220px; }
.fotos_pisos_index{ width: 700px; height: 600px;  margin: 20px auto;}
.slider_pisos_index{ width: 700px; height: 310px;   position:relative;}
.sidebar_der_pisos{  position:relative; width: 420px; margin-left: 20px;height: 150px;
                    margin-top: 10px;}
footer{width:100%; height:480px;background: url(../fondo/jaumeiii.jpg) no-repeat  center ;   -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
.interiorfooter{ width:700px; margin:0 auto; height:440px; position:relative; top:40px; }
.cuerpofooter{ float: left; position:relative; color:#FFF; width:228px; margin-right:5px;}

.findus_include{ width: 100%; margin: 20px auto; height: 900px;}
.fondo{width:100%;}
.mapa{ width:100%; height:440px;  position: relative; margin-top: -40px;}

.pisos_general_include{width: 718px; margin: 20px auto; height: 850px;}
.slider_pisos_general{ margin:20px auto; width: 718px; height: 320px;}
.piso{ width: 47%; float: left; position: relative; height: 150px; }

.pisos_general_include1{width: 718px; margin: 20px auto; height: 400px;}
.piso1{ width: 47%; float: left; position: relative; height: 180px;}

.video_slider{margin:20px auto; width: 718px;height:685px;}
.slider_pisos_general1{ width: 100%; height: auto; float: left; position: relative; margin-right: 10px; margin-bottom: 10px;}
.video{ width: 100%;height:345px;}
.video iframe{ width: 100%; height:340px;}.video img{ width: 100%; height:340px;}
.video video{width: 100%; height: 340px;}

.pisos_particular_include{width: 718px; margin: 20px auto; height: 180px;}
.gallery img{left:3px;width: 98px;}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.anuloordenadorytablet{ display:inherit !important;}
.menu{ display:none;}
.logo_menu_movil{left: 0px;background-color:#E56500;}
.socials{ margin-top:20px;}
/*menu swipeable para movil css*/
.container{position: relative;height:100%;width: 100%;left: 0;-webkit-transition: left 0.4s ease-in-out;-moz-transition: left 0.4s ease-in-out;-ms-transition: left 0.4s ease-in-out;-o-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out;z-index:9001;}
.container.open-sidebar {left:240px;z-index:10005; position:absolute;/*la posicion es muy importante*/}
#sidebar {position: absolute;left:-240px;/*background-image: url(../fondo/images.jpg);*/ background-color:#E56500;
          width:240px; /*height:1024px;*/box-sizing: border-box;z-index:10005;border-right:1px solid #fff; 
          /*overflow:scroll;*/ }
#sidebar ul {margin: 0;padding: 0;list-style: none;}
#sidebar ul li {margin: 0; }
#sidebar ul li a {padding: 15px 20px;font-size: 15px;font-weight: bold;color: #FFF;text-decoration: 
             none;display: block;border-bottom: 1px solid #FFF;-webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;transition: alll 0.3s ease-in-out; }
#sidebar ul li.black a{font-size: 15px;font-weight: bold;color: #000;text-decoration: none;display: block;
            -webkit-transition: background 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#sidebar ul li:hover a {background: #FFF; color:#000;}
#sidebar ul li:hover a i{color:#E56500;}
#sidebar ul li.black:hover a{background:#000;color: #FFF;}
#sidebar ul li .nav li a{ display:inline-block;}
.main-content {width: 100%;height: 100%;padding: 10px;box-sizing: border-box;-moz-box-sizing: border-box;position: relative;z-index:10005;}
.main-content .content{box-sizing: border-box;-moz-box-sizing: border-box;padding-left: 60px;width: 100%;}
/*.main-content .content h1{font-weight: 100;}
.main-content .content p{width: 100%;line-height: 160%;}*/
.main-content #sidebar-toggle {background: #E56500;border-radius: 3px;display: block;position: relative;
                               padding: 10px 7px;float: left; position:fixed;/*fijo importante*/border:1px solid #fff;}
.main-content #sidebar-toggle .bar{display: block;width: 18px;margin-bottom: 3px;height: 2px;
                                background-color: #fff;border-radius:1px;}
.main-content #sidebar-toggle .bar:last-child{margin-bottom: 0;}

#sidebar.navidiomas{ /*position:fixed; float:right;*/ display:block; height:100px; width:30px; 
                    /*border:1px solid #FFF;*/ right:25px;top:-10px;}
.bandera{ width:25px;border:1px solid #FFF; border-radius:3px; transition:all 1s;}
.bandera:hover{border:1px solid #F2AB41;}
#desactivado{ cursor:default; opacity:0.4;}
.logo{ border-bottom:1px solid #FFF;}
#sidebar.navidiomas{   display:block; height:100px; width:30px; /*border:1px solid #FFF;*/ right:25px;top:-10px;}
.bandera{ width:25px;border:1px solid #FFF; border-radius:3px; transition:all 1s;}
.bandera:hover{border:1px solid #F2AB41;}
#desactivado{ cursor:default; opacity:0.4;}

header{ width:100%; height:300px; margin-top:-20px; left:0; /*background-color:red;*/ min-height:300px; max-height:300px; overflow:hidden;background: url(../fondo/tri_4.jpg) no-repeat  center ;   -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover; }
h1{ width:100%; background-color:#E56500; height:50px; text-align:center; font-size:35px; text-transform:uppercase; z-index:8000; top:230px; position:relative; opacity:0.8; color:#fff;}
.cuerpo_index{ width: 590px; margin: 20px auto; height: 220px; }
.fotos_pisos_index{ width: 590px; height: 600px;  margin: 20px auto;}
.slider_pisos_index{ width: 590px; height: 280px;   position:relative;}
.sidebar_der_pisos{  position:relative; width: 390px; margin-left: 20px;height: 150px;
                    margin-top: 10px;}
footer{width:100%; height:800px;background: url(../fondo/jaumeiii.jpg) no-repeat  center ;   -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
.interiorfooter{ width:580px; margin:0 auto; height:350px; position:relative; top:40px; }
.titulo{color:#FFF; width:100%; height:20px; border-bottom:1px solid #FFF; font-size:16px;}
.titulo i{color:#F2AB41; margin-right:5px;}
.cuerpofooter{ float: left; position:relative; color:#FFF; width:280px; margin-right:10px;}
.map1{ width:100%; height:150px;}
.map1 iframe{ width:100%; height:150px;}
.cuerpofooter a{color:#E56500; transition:all 1s;}
.cuerpofooter a:hover{color:#FFF; transition:all 1s;}
.g-plus{   width:auto; height:auto;}
.fb-share-button{ overflow:hidden; position:relative; /*left:20px;*/}

.findus_include{ width: 100%; margin: 20px auto; height: 900px;}
.fondo{width:100%;}
.mapa{ width:100%; height:440px;  position: relative; margin-top: -40px;}

.pisos_general_include{width: 590px; margin: 20px auto; height: 900px;}
.slider_pisos_general{ margin:20px auto; width: 590px; height: 250px;}
.piso{ width: 47%; float: left; position: relative; height: 160px; }

.pisos_general_include1{width: 590px; margin: 20px auto; height: 440px;}
.piso1{ width: 47%; float: left; position: relative; height: 200px;}

.video_slider{margin:20px auto; width: 590px;height:565px;}
.slider_pisos_general1{ width: 100%; height: auto; float: left; position: relative; margin-right: 10px; margin-bottom: 10px;}
.video{ width: 100%;height:285px;}
.video iframe{ width: 100%; height:280px;}.video img{ width: 100%; height:280px;}
.video video{width: 100%; height: 280px;}

.pisos_particular_include{width: 590px; margin: 20px auto; height: 200px;}
.gallery img{left:3px;width: 98px;}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
.anuloordenadorytablet{ display:inherit !important;}
.menu{ display:none;}
.logo_menu_movil{left: 0px;background-color:#E56500;}
.socials{ margin-top:20px;}
/*menu swipeable para movil css*/
.container{position: relative;height:100%;width: 100%;left: 0;-webkit-transition: left 0.4s ease-in-out;-moz-transition: left 0.4s ease-in-out;-ms-transition: left 0.4s ease-in-out;-o-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out;z-index:9001;}
.container.open-sidebar {left:240px;z-index:10005; position:absolute;/*la posicion es muy importante*/}
#sidebar {position: absolute;left:-240px;/*background-image: url(../fondo/images.jpg);*/ background-color:#E56500;
          width:240px; /*height:1024px;*/box-sizing: border-box;z-index:10005;border-right:1px solid #fff; 
          /*overflow:scroll;*/ }
#sidebar ul {margin: 0;padding: 0;list-style: none;}
#sidebar ul li {margin: 0; }
#sidebar ul li a {padding: 15px 20px;font-size: 15px;font-weight: bold;color: #FFF;text-decoration: 
             none;display: block;border-bottom: 1px solid #FFF;-webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;transition: alll 0.3s ease-in-out; }
#sidebar ul li.black a{font-size: 15px;font-weight: bold;color: #000;text-decoration: none;display: block;
            -webkit-transition: background 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#sidebar ul li:hover a {background: #FFF; color:#000;}
#sidebar ul li:hover a i{color:#E56500;}
#sidebar ul li.black:hover a{background:#000;color: #FFF;}
#sidebar ul li .nav li a{ display:inline-block;}
.main-content {width: 100%;height: 100%;padding: 10px;box-sizing: border-box;-moz-box-sizing: border-box;position: relative;z-index:10005;}
.main-content .content{box-sizing: border-box;-moz-box-sizing: border-box;padding-left: 60px;width: 100%;}
/*.main-content .content h1{font-weight: 100;}
.main-content .content p{width: 100%;line-height: 160%;}*/
.main-content #sidebar-toggle {background: #E56500;border-radius: 3px;display: block;position: relative;
                               padding: 10px 7px;float: left; position:fixed;/*fijo importante*/border:1px solid #fff;}
.main-content #sidebar-toggle .bar{display: block;width: 18px;margin-bottom: 3px;height: 2px;
                                background-color: #fff;border-radius:1px;}
.main-content #sidebar-toggle .bar:last-child{margin-bottom: 0;}

#sidebar.navidiomas{ /*position:fixed; float:right;*/ display:block; height:100px; width:30px; 
                    /*border:1px solid #FFF;*/ right:25px;top:-10px;}
.bandera{ width:25px;border:1px solid #FFF; border-radius:3px; transition:all 1s;}
.bandera:hover{border:1px solid #F2AB41;}
#desactivado{ cursor:default; opacity:0.4;}
.logo{ border-bottom:1px solid #FFF;}
#sidebar.navidiomas{   display:block; height:100px; width:30px; /*border:1px solid #FFF;*/ right:25px;top:-10px;}
.bandera{ width:25px;border:1px solid #FFF; border-radius:3px; transition:all 1s;}
.bandera:hover{border:1px solid #F2AB41;}
#desactivado{ cursor:default; opacity:0.4;}    

header{ width:100%; height:300px; margin-top:-20px; left:0;  min-height:300px; max-height:300px; overflow:hidden;background: url(../fondo/tri_4.jpg) no-repeat  center ;   -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover; }
h1{ width:100%; background-color:#E56500; height:35px; text-align:center; font-size:25px; text-transform:uppercase; z-index:8000; top:250px; position:relative; opacity:0.8; color:#fff;}
.cuerpo_index{ width: 430px; margin: 20px auto; height: 220px; }
.fotos_pisos_index{ width: 430px; height: 470px;  margin: 20px auto;}
.slider_pisos_index{ width: 430px; height: 200px;   position:relative;}
.sidebar_der_pisos{  position:relative; width: 420px; margin-left: 20px;height: 100px;
                    margin-top: 10px;}
footer{width:100%; height:1050px;background: url(../fondo/jaumeiii.jpg) no-repeat  center ;   -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
.interiorfooter{ width:420px; margin:0 auto; height:350px; position:relative; top:40px; }
.titulo{color:#FFF; width:100%; height:20px; border-bottom:1px solid #FFF; font-size:16px;}
.titulo i{color:#F2AB41; margin-right:5px;}
.cuerpofooter{ float: left; position:relative; color:#FFF; width:420px; margin-right:10px;}
.map1{ width:100%; height:150px;}
.map1 iframe{ width:100%; height:150px;}
.cuerpofooter a{color:#E56500; transition:all 1s;}
.cuerpofooter a:hover{color:#FFF; transition:all 1s;}
.g-plus{   width:auto; height:auto;}
.fb-share-button{ overflow:hidden; position:relative; /*left:20px;*/}

.findus_include{ width: 100%; margin: 20px auto; height: 900px;}
.fondo{width:100%;}
.mapa{ width:100%; height:440px;  position: relative; margin-top: -40px;}
.contacto{position:relative; color:#E56500; font-size:16px; float:left; width:65%;}

.pisos_general_include{width: 430px; margin: 20px auto; height: 1400px;}
.slider_pisos_general{ margin:20px auto; width: 430px; height: 200px;}
.piso{ width: 100%; float: left; position: relative; height: 120px; }

.pisos_general_include1{width: 430px; margin: 20px auto; height: 610px;}
.piso1{ width: 100%; float: left; position: relative; height: 180px;}

.video_slider{margin:20px auto; width: 430px;height:375px;}
.slider_pisos_general1{ width: 100%; height: auto; float: left; position: relative; margin-right: 10px; margin-bottom: 10px;}
.video{ width: 100%;height:205px;}
.video iframe{ width: 100%; height:200px;}.video img{ width: 100%; height:200px;}
.video video{width: 100%; height: 200px;}

.pisos_particular_include{width: 430px; margin: 20px auto; height: 300px;}
.gallery{float: left; position: relative; width: 430px;}
.gallery img{left:12px;width: 118px;}
}
@media screen and (min-width: 320px) and (max-width: 479px) {
body{ overflow-x: hidden;}
.anuloordenadorytablet{ display:inherit !important;}
.menu{ display:none;}
.logo_menu_movil{left: 0px;background-color:#E56500;}
.socials{ margin-top:20px;}
/*menu swipeable para movil css*/
.container{position: relative;height:100%;width: 100%;left: 0;-webkit-transition: left 0.4s ease-in-out;-moz-transition: left 0.4s ease-in-out;-ms-transition: left 0.4s ease-in-out;-o-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out;z-index:9001;}
.container.open-sidebar {left:240px;z-index:10005; position:absolute;/*la posicion es muy importante*/}
#sidebar {position: absolute;left:-240px;/*background-image: url(../fondo/images.jpg);*/ background-color:#E56500;
          width:240px; /*height:1024px;*/box-sizing: border-box;z-index:10005;border-right:1px solid #fff; 
          /*overflow:scroll;*/ }
#sidebar ul {margin: 0;padding: 0;list-style: none;}
#sidebar ul li {margin: 0; }
#sidebar ul li a {padding: 15px 20px;font-size: 15px;font-weight: bold;color: #FFF;text-decoration: 
             none;display: block;border-bottom: 1px solid #FFF;-webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;transition: alll 0.3s ease-in-out; }
#sidebar ul li.black a{font-size: 15px;font-weight: bold;color: #000;text-decoration: none;display: block;
            -webkit-transition: background 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#sidebar ul li:hover a {background: #FFF; color:#000;}
#sidebar ul li:hover a i{color:#E56500;}
#sidebar ul li.black:hover a{background:#000;color: #FFF;}
#sidebar ul li .nav li a{ display:inline-block;}
.main-content {width: 100%;height: 100%;padding: 10px;box-sizing: border-box;-moz-box-sizing: border-box;position: relative;z-index:10005;}
.main-content .content{box-sizing: border-box;-moz-box-sizing: border-box;padding-left: 60px;width: 100%;}
/*.main-content .content h1{font-weight: 100;}
.main-content .content p{width: 100%;line-height: 160%;}*/
.main-content #sidebar-toggle {background: #E56500;border-radius: 3px;display: block;position: relative;
                               padding: 10px 7px;float: left; position:fixed;/*fijo importante*/border:1px solid #fff;}
.main-content #sidebar-toggle .bar{display: block;width: 18px;margin-bottom: 3px;height: 2px;
                                background-color: #fff;border-radius:1px;}
.main-content #sidebar-toggle .bar:last-child{margin-bottom: 0;}

#sidebar.navidiomas{ /*position:fixed; float:right;*/ display:block; height:100px; width:30px; 
                    /*border:1px solid #FFF;*/ right:25px;top:-10px;}
.bandera{ width:25px;border:1px solid #FFF; border-radius:3px; transition:all 1s;}
.bandera:hover{border:1px solid #F2AB41;}
#desactivado{ cursor:default; opacity:0.4;}
.logo{ border-bottom:1px solid #FFF;}
#sidebar.navidiomas{   display:block; height:100px; width:30px; /*border:1px solid #FFF;*/ right:25px;top:-10px;}
.bandera{ width:25px;border:1px solid #FFF; border-radius:3px; transition:all 1s;}
.bandera:hover{border:1px solid #F2AB41;}
#desactivado{ cursor:default; opacity:0.4;}

header{ width:100%; height:300px; margin-top:-20px; left:0;  min-height:300px; max-height:300px; overflow:hidden;background: url(../fondo/tri_4.jpg) no-repeat  center ;   -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover; }
h1{ width:100%; background-color:#E56500; height:30px; text-align:center; font-size:20px; text-transform:uppercase; z-index:8000; top:260px; position:relative; opacity:0.8; color:#fff;}
.cuerpo_index{ width: 280px; margin: 20px auto; height: 220px; }
.fotos_pisos_index{ width: 280px; height: 520px;  margin: 20px auto;}
.slider_pisos_index{ width: 280px; height: 130px;   position:relative;}
.sidebar_der_pisos{  position:relative; width: 280px; margin-left: 20px;height: 180px;
                    margin-top: 10px;}

footer{width:100%; height:1130px;background: url(../fondo/jaumeiii.jpg) no-repeat  center ;   -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover;
}
.interiorfooter{ width:300px; margin:0 auto; height:350px; position:relative; top:40px; }
.titulo{color:#FFF; width:100%; height:20px; border-bottom:1px solid #FFF; font-size:16px;}
.titulo i{color:#F2AB41; margin-right:5px;}
.cuerpofooter{ float: left; position:relative; color:#FFF; width:300px; margin-right:10px;}
.map1{ width:100%; height:150px;}
.map1 iframe{ width:100%; height:150px;}
.cuerpofooter a{color:#E56500; transition:all 1s;}
.cuerpofooter a:hover{color:#FFF; transition:all 1s;}
.g-plus{   width:auto; height:auto;}
.fb-share-button{ overflow:hidden; position:relative; /*left:20px;*/}

.findus_include{ width: 100%; margin: 20px auto; height: 900px;}
.fondo{width:100%;}
.mapa{ width:100%; height:440px;  position: relative; margin-top: -40px;}
.contacto{position:relative; color:#E56500; font-size:16px; float:left; width:65%;}

.pisos_general_include{width: 280px; margin: 20px auto; height: 1800px;}
.slider_pisos_general{ margin:20px auto; width: 300px; height: 140px;}
.piso{ width: 100%; float: left; position: relative; height: 160px; }

.pisos_general_include1{width: 280px; margin: 20px auto; height: 680px;}
.piso1{ width: 100%; float: left; position: relative; height: 210px;}

.video_slider{margin:20px auto; width: 280px;height:290px;}
.slider_pisos_general1{ width: 100%; height: auto; float: left; position: relative; margin-right: 10px; margin-bottom: 10px;}
.video{ width: 100%;height:155px;}
.video iframe{ width: 100%; height:150px;}.video img{ width: 100%; height:150px;}
.video video{width: 100%; height: 150px;}

.pisos_particular_include{width: 280px; margin: 20px auto; height: 400px;}
.gallery{float: left; position: relative; width: 280px;}
.gallery img{left:12px;width: 118px;}
}