body{background:#fff;font-family:arial;font-size:1em}#contenedor-principal{background:#4f4f4f;margin:0 auto;padding:10px;position:relative;width:960px}header{position:relative;}header figure{margin:10px 0 15px 3px;}header figure img{-webkit-border-radius:8px}header .texto-login{color:#f1f4f5;font-size:1em;font-weight:bold;margin:0 0 0 10px}header form input{border:0 solid;-webkit-border-radius:8px;color:#227090;padding:.4em;margin:0 0 10px 10px;}header form input.ingresar{background:#4d680f;-webkit-border-radius:0;color:#f1f4f5;padding:.6em;-o-transition:0.5s background;-ms-transition:0.5s background;-moz-transition:0.5s background;-webkit-transition:0.5s background;width:84px;}header form input.ingresar:hover{background:#ffa500;color:#fff}header form input.registro{background:#b7c1a1;-webkit-border-radius:0;color:#1f1f20;padding:.6em;-o-transition:0.5s background;-ms-transition:0.5s background;-moz-transition:0.5s background;-webkit-transition:0.5s background;}header form input.registro:hover{background:#808000;color:#f1f4f5}header form a{color:#227090;font-weight:bold;margin:0 0 0 10px}header #slider{float:right;position:absolute;top:0;left:15.6em;width:700px}nav{background:#d38c1a;-webkit-border-radius:1em;width:700px;float:right;position:relative;top:10px;right:10px;}nav li{display:inline-block;padding:2px 10px 2px 10px;}nav li a{color:#f1f4f5;font-weight:bold;text-decoration:none;}nav li a:hover{color:#808000}#navlateral{margin:0 0 0 -36px;}#navlateral li{background:#353738;display:block;height:24px;margin:0 0 3px 0;padding:12px 0 6px 20px;-o-transition:0.5s background;-ms-transition:0.5s background;-moz-transition:0.5s background;-webkit-transition:0.5s background;width:210px;}#navlateral li:hover{background:#1a5d65;cursor:pointer}#navlateral li a{color:#f1f4f5;text-decoration:none}.izquierda{color:#f6f6f6;font-family:arial,verdana;float:left;position:absolute;top:20em;left:16em;width:470px;}.izquierda .texto-bienvenida{margin:0 0 10px 10px}.izquierda .cursos{float:left;margin:0 0 0 10px;}.izquierda .cursos .cursitos{background:#fff;height:120px;padding:5px;text-align:center;width:200px;}.izquierda .cursos .cursitos .img1{margin-top:3px}.izquierda .cursos .cursitos .img2{margin-top:15px}.izquierda .cursos .cursitos .img3{margin-top:5px}.izquierda .cursos .cursitos .img4{margin-top:17px}.izquierda .cursos .cursitos .img5{margin-top:14px}.izquierda .cursos .cursitos .img6{margin-top:15px}.izquierda .cursos .cursitos .img7{margin-top:15px}.izquierda .cursos .cursitos .img8{margin-top:15px}.izquierda .leyenda{background:#688816;font-size:14px;margin:0 0 10px 0;padding:8px;text-align:center;}.izquierda .leyenda a{color:#fffefe;text-decoration:none}aside{background:#f00;float:left;position:absolute;top:22em;left:46em;width:220px;height:840px}footer{background:#181818;margin-top:10em;position:relative;}footer:before{border-left:30em solid transparent;border-right:30em solid transparent;border-bottom:2em solid #181818;content:"";position:absolute;top:-2em;left:0}footer article{display:inline-block;margin:8px;vertical-align:top;width:300px;}footer article .contacto{color:#ee5c23;margin-left:10px;margin-top:3em}footer article .text-contac{color:#195459;margin-left:14px;margin-top:3em}footer article .text-redes{color:#d9b36f;margin-top:3em;text-align:center}footer article .fb{opacity:1;-ms-filter:none;filter:none;}footer article .fb:hover{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70)}footer article .tw{opacity:1;-ms-filter:none;filter:none;}footer article .tw:hover{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}footer article form{margin-left:3em;margin-top:16px;}footer article form .name{background:#fff;border:0 solid;color:#505050;padding:6px;margin-bottom:5px}footer article form .email{background:#fff;border:0 solid;color:#505050;padding:6px;margin-bottom:5px}footer article form .text-tarea{background:#fff;border:0 solid;color:#505050;padding:6px;margin-bottom:5px}footer article form .enviar{background:#f15c25;border:0 solid;color:#f8f8f8;float:right;font-weight:bold;padding:10px;position:relative;-o-transition:0.5s background;-ms-transition:0.5s background;-moz-transition:0.5s background;-webkit-transition:0.5s background;right:.7em;width:90px;}footer article form .enviar:hover{background:#808000}