@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,400italic,500,500italic,300italic,300,100italic,100,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,600,500,900,700,800);

html {background-color: #9297a5}

body {margin: 0;}

header {background-color: #fcf9d3; margin: 0%; padding-left: 2rem; padding-top: 0.4rem; background-image: url(IMG_2622.jpg); padding: 1rem; overflow: hidden;}

header img {height: 70px; margin-left: 2rem}

header ul {list-style: none; float: right; margin-top: 1.8rem; margin-right: 15rem; display: inline-table;}
header li {display: inline; clear: right; margin-right: 4rem; color: rgb(0, 0, 0);font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 14px;}
header li a {text-decoration: none; color: #000; font-family: 'Raleway', sans-serif;}
header li a:hover {text-decoration: none; color: #fff; font-family: 'Raleway', sans-serif;}

#acerca {color: #fff;}

div img {clear: both; display: block; width: 100%; margin: 0px; padding-bottom: 1rem; background-color: #d1d1d1; }

nav ul {list-style: none; text-align: right; margin: 0; padding: 0.9rem; background-color: #343a41; padding-right: 20rem}

nav ul li {display: inline; color: #c7c7c7; padding: 0.9rem; padding-right: 1rem; padding-left: 1rem; font-family: 'Roboto', sans-serif; }

nav ul li#inicio {background: rgb(121,134,150); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(121,134,150,1) 0%, rgba(52,58,65,1) 16%, rgba(52,58,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(121,134,150,1)), color-stop(16%,rgba(52,58,65,1)), color-stop(100%,rgba(52,58,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(121,134,150,1) 0%,rgba(52,58,65,1) 16%,rgba(52,58,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(121,134,150,1) 0%,rgba(52,58,65,1) 16%,rgba(52,58,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(121,134,150,1) 0%,rgba(52,58,65,1) 16%,rgba(52,58,65,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(121,134,150,1) 0%,rgba(52,58,65,1) 16%,rgba(52,58,65,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#798696', endColorstr='#343a41',GradientType=1 ); /* IE6-9 */
display: inline; color: white; padding: 0.9rem; padding-right: 1rem; padding-left: 1rem; font-family: 'Roboto', sans-serif;}

nav ul li a {display: inline; color: #c7c7c7; padding: 0.9rem; padding-right: 1rem; padding-left: 1rem; font-family: 'Roboto', sans-serif; text-decoration: none; }

nav ul li a:hover {display: inline; color: #fff; padding: 0.9rem; padding-right: 1rem; padding-left: 1rem; font-family: 'Roboto', sans-serif; text-decoration: none; background: rgb(121,134,150); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(121,134,150,1) 0%, rgba(52,58,65,1) 16%, rgba(52,58,65,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(121,134,150,1)), color-stop(16%,rgba(52,58,65,1)), color-stop(100%,rgba(52,58,65,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(121,134,150,1) 0%,rgba(52,58,65,1) 16%,rgba(52,58,65,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(121,134,150,1) 0%,rgba(52,58,65,1) 16%,rgba(52,58,65,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(121,134,150,1) 0%,rgba(52,58,65,1) 16%,rgba(52,58,65,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(121,134,150,1) 0%,rgba(52,58,65,1) 16%,rgba(52,58,65,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#798696', endColorstr='#343a41',GradientType=1 ); /* IE6-9 */}

main div p#galeriaalumno {margin-left: 12rem; color: #dedede; display: flex; font-family: raleway, sans-serif; font-size: 20px; font-weight: 500; margin-top: 5rem}

main div p#click {margin-left: 12rem; color: #dedede; display: flex;font-family: raleway, sans-serif; font-style: italic; font-size: 12px}

main div#primerafoto { margin-left: 12rem;}

main div#primerafoto img {width: 12rem; display: inline; padding: 0; margin-top: 1rem;}

main div#primerafoto img:active {width: 45rem; display: inline-block}


main a#volverarriba {font-family: raleway, sans-serif; text-decoration: overline; font-size: 2rem; float: right; margin: 10rem; color: #fff;}


main {margin-bottom: 4rem; margin-top: 2rem; padding-bottom: 15rem;}

main h1 {font-family: raleway, sans-serif; font-size: 25px; margin-left: 12rem; color: #fff}

main p {margin-left: 12rem; display: inline-block; color: #dedede; margin-right: 32rem; font-family: roboto, sans-serif; font-size: 15px;}

main img#izquierda {float: left; height: 300px; margin-left: 12rem; margin-top: 2rem; clear: left;}

main img#derecha {float: right; height: 300px; margin-right: 25rem; margin-top: 2rem; clear: right;}

main div#textoizq {padding-top: 2rem; margin-left: 26rem; margin-bottom: rem; overflow: hidden;}

main div#textoder {padding-top: 2rem; margin-right: 1.5rem; text-align: right; margin-right: 38.5rem; overflow: hidden;}

main div#textoizq h3 {font-family: raleway, sans-serif; font-weight: 700; color: #d0dda6}

main div#textoder h3 {font-family: raleway, sans-serif; font-weight: 700; color: #d0dda6}

main div#textoizq h4 {font-family: raleway, sans-serif; font-weight: 600; color: #e3e3e3;}

main div#textoder h4 {font-family: raleway, sans-serif; font-weight: 600; color: #e3e3e3;}

main div#textoizq h2 a {font-family: raleway, sans-serif; font-weight: 600; color: #e3e3e3; text-decoration: none; font-size: 14px}

main div#textoder h2 a {font-family: raleway, sans-serif; font-weight: 600; color: #e3e3e3; text-decoration: none; font-size: 14px}

#Flyer1 {width: 40%; margin: 2rem; padding: 1rem; background-color: #d1d1d1; float: left;}

#Rotulos {padding: 1rem; margin-right: 3rem; display: inline-block; float: right; background: rgb(209,209,209); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(209,209,209,1) 0%, rgba(209,209,209,1) 96%, rgba(249,249,249,1) 99%, rgba(249,249,249,1) 99%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,1)), color-stop(96%,rgba(209,209,209,1)), color-stop(99%,rgba(249,249,249,1)), color-stop(99%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(209,209,209,1) 96%,rgba(249,249,249,1) 99%,rgba(249,249,249,1) 99%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(209,209,209,1) 96%,rgba(249,249,249,1) 99%,rgba(249,249,249,1) 99%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(209,209,209,1) 96%,rgba(249,249,249,1) 99%,rgba(249,249,249,1) 99%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(209,209,209,1) 0%,rgba(209,209,209,1) 96%,rgba(249,249,249,1) 99%,rgba(249,249,249,1) 99%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
;}

#Rotulos h1 {font-family: Roboto, sans-serif; font-weight: 900; font-size: 20px; padding-top: 1rem}

#Rotulos a {font-family: Roboto, sans-serif; font-weight: 400; color: #fff; text-decoration: none;}

#Rotulos a:hover {font-family: Roboto, sans-serif; font-weight: 400; color: #3c438d; text-decoration: none;}

footer {clear: both; margin: 0px; padding: 0px; background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 5%, rgba(241,241,241,1) 5%, rgba(225,225,225,1) 7%, rgba(225,225,225,1) 7%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(5%,rgba(241,241,241,1)), color-stop(5%,rgba(241,241,241,1)), color-stop(7%,rgba(225,225,225,1)), color-stop(7%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 5%,rgba(241,241,241,1) 5%,rgba(225,225,225,1) 7%,rgba(225,225,225,1) 7%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 5%,rgba(241,241,241,1) 5%,rgba(225,225,225,1) 7%,rgba(225,225,225,1) 7%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 5%,rgba(241,241,241,1) 5%,rgba(225,225,225,1) 7%,rgba(225,225,225,1) 7%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 5%,rgba(241,241,241,1) 5%,rgba(225,225,225,1) 7%,rgba(225,225,225,1) 7%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
padding: 2rem}



div#noticias {padding: 1rem; margin: rem; display: inline-block; float: left; background-color: #d1d1d1; margin-left: 2rem; background: rgb(209,209,209); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(209,209,209,1) 0%, rgba(209,209,209,1) 96%, rgba(249,249,249,1) 99%, rgba(249,249,249,1) 99%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,1)), color-stop(96%,rgba(209,209,209,1)), color-stop(99%,rgba(249,249,249,1)), color-stop(99%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(209,209,209,1) 96%,rgba(249,249,249,1) 99%,rgba(249,249,249,1) 99%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(209,209,209,1) 96%,rgba(249,249,249,1) 99%,rgba(249,249,249,1) 99%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(209,209,209,1) 96%,rgba(249,249,249,1) 99%,rgba(249,249,249,1) 99%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(209,209,209,1) 0%,rgba(209,209,209,1) 96%,rgba(249,249,249,1) 99%,rgba(249,249,249,1) 99%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

div#noticias h1 {font-family: Roboto, sans-serif; font-weight: 900; font-size: 25px}

div#noticias dt {list-style: none; font-family: Roboto, sans-serif; font-weight: 300; color: #3c438d; margin: 0; padding: 0px; font-size: 13px; margin-bottom: 0.2rem;}


footer {overflow: hidden;}

footer ul {list-style: none; display: inline-table; margin-left: 2rem; float: left; clear: }

footer ul li#titulo {font-family: raleway,sans-serif; font-weight: 700; font-size: 18px; color: #7b7b7b; margin-bottom: 0.5rem;}

footer ul li a {text-decoration: none; font-family: raleway,sans-serif; color: #797979; font-weight: 100; font-size: 13px}

footer ul li a:hover {text-decoration: none; font-family: raleway,sans-serif; color: #565b80; font-weight: 500; font-size: 13px;}

footer img {width: 300px; background-color: transparent; float: right; opacity: 0.2;}


footer div {float: left; font-family: raleway,sans-serif; color: #797979; font-weight: 100; font-size: 10px; margin-top: 1rem; clear: left}

#alumno {font-weight: 700}

main img#clases {width: 35rem; margin-left: 12rem; margin-top: 1rem; padding: 0;}


main div a#clases {margin-left: 12rem; text-decoration: none; font-family: raleway, sans-serif; color: #1800a2}

main div a#clases:hover {margin-left: 12rem; text-decoration: none; font-family: raleway, sans-serif; color: #00caff}