/*pantallas ebook*/
body{ border:0;}
aside { margin-top: 0px;}
@media (max-width:1294px) {body#quehacemos footer{top: 15em;}
}
@media (max-width:1274px){
aside { margin-right: 23px;}
section.q-somos article#quienes-somos {top:18.4em;}
body#quienessomos footer{top:110px;}
}
@media (max-width:1260px){body#quehacemos footer {top: 14em;}}
@media (max-width:1240px){
section#inicio article#quienes-somos, section#inicio article#que-hacemos, section#que-hacemos article{width:45%;}
}
@media (max-width:1190px){#index footer {top: 60px;}
}
@media (max-width:1140px){body{margin: 0.5em 0.5em 0em 0.5em;}
section#inicio article#quienes-somos, section#inicio article#que-hacemos {width: 44%;}
}
@media (max-width:1130px){
section#inicio article#quienes-somos, section#inicio article#que-hacemos, section#que-hacemos article#velux, section#que-hacemos article#tejados, section#que-hacemos article#quienes-somos{ width: 44%;}
.pad{padding-top:0em;}
}
@media (max-width:1102px){body{height:auto;}
}
@media (max-width:1094px){
#pager { right: 8em;}
#next, #prev{ right: 2em;}
.dslid-boton { top: 13em;}
body#quienessomos footer {top: 128px; width: 100%;}
}
@media (max-width:1050px){
div#hgroup{top:10em;}
section#inicio,section#que-hacemos{top: 15em;}
aside { top: 9em;}
}
@media (max-width:1040px){#index footer { top: 80px;width: 69%;}
}
@media (max-width:1013px){header#cabecera div#hgroup h2 {top: 6.5em;}
}
@media (max-width:1004px){
 .logo{top: 2em;}
 div#hgroup{top: 8em;}
 header#cabecera div#hgroup h2{top:8em;}
 aside { margin-right: 1em;}
 section#que-hacemos article#velux{ width: auto;}
 section#que-hacemos article#tejados{ width: 94%;}
 section#que-hacemos article#quienes-somos {width: 134%;}
 body#quehacemos footer {top: 16em;}
 ul.nonav {line-height: 1.2; text-indent: 2em;}
 h5 {line-height: 2.4em; padding-left: 1em;text-decoration: underline;}
}
@media (max-width:958px){body#quienessomos footer {top:142px;}
}
@media (max-width:950px){
section#inicio article#quienes-somos, section#inicio article#que-hacemos{ width: auto;}
#index aside {top: 0em;}
#galeria img {margin: 0.4em;}
}
@media (max-width:920px){blockquote.manifiesto{right:0.8em;}
body#quienessomos blockquote.manifiesto{right:1em;}
}
@media (max-width:914px){body{width: auto;}
aside {margin-right:0;right:33px;}
.fb_iframe_widget {right: 3em;}
body#index {padding:0;margin:0;}
body#index footer{top: -13px;width: 80%;}
body#quienessomos footer{width: auto;}
section#que-hacemos{width: 70%;}
}
@media (max-width:906px){
	body {margin:0;}
	body#quienessomos header#cabecera div#hgroup h1 {    width: 26%;}
	header#cabecera div#hgroup h2 {width: 68%;top: 8em;}
	section#inicio {width: 72%;}
	section article#quienes-somos {width: 68%;}
	aside {width:25%;}
	blockquote.manifiesto, body#quienessomos blockquote.manifiesto{right:0;width: 96%;}
	aside article {width: 96%;}
	#galeria img {padding:1px;margin:0.2em;width:44%;}
}
@media (max-width:810px){#menu{margin:0;padding:0;}
body#index footer{width: 98%;}
body#quienessomos header#cabecera div#hgroup h1{top:-22px;width: 28%;}
div.desc{padding-top: 0em;}
}
@media (max-width: 704px){
header#cabecera div#hgroup h1,header#cabecera div#hgroup h2 { width: 95%;top: -4.5em;}
header#cabecera div#hgroup h2 {background-color: transparent;border-top-width:1em;border-top-color: transparent;}
body#index div#hgroup {top: 9em;}
body#quienessomos div#hgroup {top: 1.5em; left: 70px;width: 90%; text-align: center;}
body#quienessomos header#cabecera div#hgroup h1 {top: 0px;width: 95%;}
body#quienessomos header#cabecera div#hgroup h2 {padding-top:0em;top:0em;width:95%;margin-top:9px;}
body#quienessomos div.dslid-content div#cycleContainer div.item div.desc {padding-top:22px;}
.logo {top: 0em;left: 0em; padding: 0.5em;}
.dslid-content {top: 5em;width: 94%;}
.dslid-boton {top: 150px;}
body#quienessomos .dslid-boton{top:184px;}
div#hgroup h3{top: 52px;width: 50%;left: 38%;}
aside {top: 13em;}
#index aside {right: 36px;}
#quienessomos article#quienes-somos {z-index: 7;}
.ocultar704{display: none;}
}
@media (max-width:644px){body{height: 263%;}
.logo{padding:0.5px;}
.dslid-content {width: 98%;}
#cycleContainer div.item img {width: 55%;}
.desc { padding: 0em; width: 44%; position: absolute; top: 0px; left: 57%;}
.dslid-boton {top: 182px;}
aside, #index aside{width: auto;position: absolute;top: 21em;}
section article, section#inicio, section article#quienes-somos, section#que-hacemos, section#que-hacemos article#quienes-somos {width: auto;}
section#inicio, #quienessomos section, section#que-hacemos {top: 23em;}
article#galeria{position: absolute;top: 34em;}
#galeria img {width: 31%;}
body#index footer{width: auto;top:50em;}
body#quehacemos footer {top: 23.5em;}
body#quehacemos footer article {width: auto;}
div#hgroup h3 {padding-top:0.6em;left:263px;}
body#quienessomos header#cabecera div#hgroup h1, body#quienessomos header#cabecera div#hgroup h2 {line-height: inherit;}
body#quienessomos header#cabecera div#hgroup h2 {padding-top: 14px;}
#quienessomos article#quienes-somos {top: 0em;}
#quienessomos article#galeria {top: 29em;}
body#quienessomos footer {top: 358px;z-index: 6;background: none;}
#quienessomos #copyright{top: 21em;position: relative;}
}
@media (max-width: 620px){header{width:98%}
div#hgroup h3{left: 248px;}
body#quienessomos div#hgroup {left: 60px;width: 92%;}
}
@media (max-width: 600px){div#hgroup h3 {left: 238px;}
}
@media (max-width: 554px){body#index #copyright {width: 80%;}
}
@media (max-width:541px){body#index .desc,body#quehacemos .desc{width: 47%;left: 56%;}
}
@media (max-width: 536px){body#index {padding:0.1px;}
body#index .dslid-boton, body#quehacemos .dslid-boton {right:1em;}
body#index #pager, body#quehacemos #pager{right:6em;}
}
@media (max-width: 502px){body#quehacemos{height:93em;}
header#cabecera div#hgroup {left: 0px;width: 100%;}
div#hgroup h3 {left: 0;width: 100%;padding-top:0.9em;}
.dslid-content {padding-top: 1em;}
#cycleContainer div.item img {width: 100%;}
body#index .dslid-boton, body#quienessomos .dslid-boton, body#quehacemos .dslid-boton{top:18em;background: white;}
#cycleContainer .item .desc {width:100%;left:2%;position:relative;top:-1em;}
body#quienessomos div.dslid-content div#cycleContainer div.item div.desc {padding-top: 0px;}
aside, #index aside{top:34em}
section#inicio, #quienessomos section, section#que-hacemos {top: 36em;}
article {height: 172%;}
body#index {height: 280%;}
body#index footer{top: 57em;}
body#quienessomos footer {top:18em;}
body#quehacemos footer {top: 38em;}
#quienessomos #copyright {top: 37em;}
.googlemap {right: 0em;}
}
@media (max-width: 450px){#galeria img {width: 44%;}
body#index footer {top: 71em;}
body#index {height: 370%;}
header#cabecera div#hgroup h1, header#cabecera div#hgroup h2 {width: 94%;}
.dslid-content {right: 1em;}
blockquote.manifiesto{top:0em;}
article {height: 320%;}
.googlemap {right: 0em;position: absolute; padding-top: 4em;}
}
@media (max-width: 400px){body#index {height: 406%;}
body#index div#hgroup {top: 8.6em;}
header { width: 97%;}
header#cabecera div#hgroup h1{ width: 98%;line-height: 1em;}
header#cabecera div#hgroup h2 {padding-left: 0em;padding-right: 0em;top:-3.6em;}
blockquote.manifiesto{width: 98%;margin:0;top:1em;}
body#index footer {top: 66em;}
#copyright {padding-top: 2em;}
.googlemap{padding-top: 6em;}
}
@media (max-width: 360px){body#index {height: 340%;}
body#quehacemos {height: 381%;}
body#quienessomos  {height: 312%;}
body#quienessomos div#hgroup {top: 1em;}
#menu {right: 2px;}
nav#menu ul li {padding-right: 0.5em;}
header {width: 100%;}
header#cabecera div#hgroup h1, header#cabecera div#hgroup h2, body#quienessomos header#cabecera div#hgroup h1, body#quienessomos header#cabecera div#hgroup h2  { width: 100%;}
body#quienessomos header#cabecera div#hgroup h1 {font-size: 1.3em;}
div#hgroup h3 {display:none;}
#quehacemos header#cabecera div#hgroup h1 {top:-5em;}
#quehacemos header#cabecera div#hgroup h2 {top:-4.5em;}
div#hgroup h3 {font-size:1.1em;line-height:0.8em;}
section#inicio {top: 39.5em;}
section#que-hacemos {top: 38em;}
#quienessomos section {top: 39em;}
aside, #index aside {top: 35em;}
body#quienessomos aside{top: 36.5em;}
blockquote.manifiesto {width: 100%;top:1.4em;}
article#galeria {top: 40em;}
#quienessomos article#galeria {top: 41em;}
body#quienessomos footer {top: 25em;}
@-moz-document url-prefix() {body#index article#galeria {top: 42em;}
}
}