body {font-family: 'Open Sans', sans-serif; margin:0;}
#wrapper { width:1280px; margin:0 auto;}
img {border:0;}
/*****parte superior***/
.top { width:100%; height:1482px; background:url(../img/fondo-top.jpg) 0 0 no-repeat; overflow:hidden }
h1 { color:#fff; font-weight:normal; font-size:4em; margin:215px 0 0 85px;}
h1 sup {font-size:.7em}
.ayuda { margin:43px auto;padding-left:37px; display:block;}

.dormir { display:block; margin:50px auto; padding-left:55px;}
/****parte central****/
.middle { float:left; width:94%; background:#fff;padding:0 3%;-webkit-box-shadow: 0px -25px 20px -20px rgba(50, 50, 50, 0.5);-moz-box-shadow: 0px -25px 20px -20px rgba(50, 50, 50, 0.5);box-shadow:0px -25px 20px -20px rgba(50, 50, 50, 0.5)}
.middle .left { float:left; margin-top:-45px; width:46%;}
.middle .left p { color:#23408f; font-size:1.72em;margin:.3em 0 .5em;letter-spacing:-1px}
.middle .left p small { font-size:0.5em;}
.middle .left p.small { line-height:0.75em;letter-spacing:-0.2px} 
.middle .right {float:right;width:54%;margin-top:-100px;}

/****parte inferior****/

.bottom{width:100%; height:729px; background:url(../img/fondo-bottom.jpg) 0 0 no-repeat;overflow:hidden}
.bottom ul {margin:55px auto;width:71%;list-style:none}
.bottom ul li {color:#fff;font-size:2.4em;background:transparent url(../img/estrella.png) no-repeat 0 0;padding-left:65px}

/****pie de página****/

footer { float:left; width:92%;padding:20px 4% 60px;background-color:#393335;color:#fff;}
footer a {color:#fff;padding:0 5px}
footer a:hover {text-decoration:none}
footer p {margin:.2em 0 .8em}
footer .left {float:left;width:30%;padding-right:7%;border-right:1px solid #fff}
footer .left .social {padding-top:22px}

footer .right {float:left;width:58%;padding-left:4%}
footer .right .grupoIndukern {padding-top:22px}

.logo {padding-left:7%}