* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style-type: none;
}

body {
    background-color: #F3F3F3;
}

#contenedor {
    max-width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin:auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 100vh;
}

/* ------ NAVEGACION -------- */ 

#inicio{
    padding-top: 1em;
    background-color: #1A344F;
    text-align: center;
    padding-bottom: 1em;
}

#logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack:end;
        -ms-flex-pack:end;
            justify-content:flex-end;
    height: 5em;
}

#link_logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.vac{
    max-height: 60%;
    margin-left: 3em;
    margin-right: 3em;
}

/* -------- FIN NAVEGACION --------- */

/* -------- PAGINA INICIO ---------- */

#main_inicio{
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-image: url(../imagenes/imagen_dgpc.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#bajada_tp {
    padding: 2em;
    background-color: rgba(26,52,79, .6);
    margin-top: 2em;
}

.texto_bajada {
    font:300 20px 'Raleway', sans-serif;
    text-align: center;
    margin-bottom: 0,5em;
    color: white;
}

.botones{
    margin: 6em auto;
}

#registrarse {
    padding: 1em;
    margin: 1em auto;
    max-width: 15em;
    text-align: center;
    background-color: whitesmoke;
    border: 3px solid #1A344F;
    border-radius: 1em;
}

#registrarse a {
    font-family: 'Merriweather', serif;
    letter-spacing: 0.2em;
    color: #1A344F;
}

#iniciarsesion {
    margin: auto;
    padding: 1em;
    max-width: 15em;
    text-align: center;
    background-color: #1A344F;
    border: 2px solid whitesmoke;
    border-radius: 1em;
}

#iniciarsesion a {
    font-family: 'Merriweather', serif;
    letter-spacing: 0.2em;
    color: whitesmoke;
}

/* -------- FIN PAGINA INICIO -------- */

/* ------ INICIO REGISTRARSE ------- */

.mainregistrarse{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: rgba(142, 114, 168, .2);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.container {
	max-width:100%;
	margin:0 auto;
	position:relative;
}

#contact input[type="text"], 
#contact input[type="email"], 
#contact input[type="tel"], 
#contact input[type="url"], 
#contact textarea, 
#contact button[type="submit"] 
{font:600 12px 'Raleway', sans-serif;}


#contact {
	padding:1em;
}

#contact h3 {
    text-align: center;
	color: #8E72A8;
	display: block;
	font: 600 30px 'Raleway', sans-serif;
    margin: auto auto 1em;
}

fieldset {
	border: medium none;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:2px solid #AAA;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact-submit[type="submit"] {
	cursor:pointer;
	width:80%;
	border:none;
	background:grey;
	color:#FFF;
	margin:0 2.5em;
	padding:10px;
	font-size:15px;
}

.enviar {
    color:white;
}

#contact-submit[type="submit"]:active { 
box-shadow:inset 0 1px 3px #8E72A8; 
}

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}

::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

.carrera {
	display: block;
	font: 600 20px 'Raleway', sans-serif;
    margin: auto auto 1em;
    color: #8E72A8;
}

li {
    margin: auto auto 1em;
    font: 15px 'Raleway', sans-serif;
}

/* ------ FIN REGISTRARSE ------- */

/* ------ INICIAR SESION ------- */

.mainsesion{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: rgba(142, 114, 168, .2);
    background-image: url(../../imagenes/fondo_categorias.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.containersesion {
	max-width:100%;
	margin:0 auto;
	position:relative;
}

#contactsesion input[type="text"], 
#contactsesion input[type="email"], 
#contactsesion input[type="tel"], 
#contactsesion input[type="url"], 
#contactsesion textarea, 
#contactsesion button[type="submit"] 
{font:600 12px 'Raleway', sans-serif;}


#contactsesion {
	padding:1em;
    margin-top: 7em;
}

#contactsesion h3 {
    text-align: center;
	color: #8E72A8;
	display: block;
	font: 600 30px 'Raleway', sans-serif;
    margin: auto auto 1em;
}

fieldset {
	border: medium none;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contactsesion input[type="text"], #contactsesion input[type="email"], #contactsesion input[type="tel"], #contactsesion input[type="url"], #contactsesion textarea {
	width:100%;
	border:2px solid #8E72A8;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contactsesion textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact-submitsesion[type="submit"] {
	cursor:pointer;
	width:88%;
	border:none;
	background:#8E72A8;
	color:#FFF;
	margin:8em 1em 0 1em;
	padding:10px;
	font-size:15px;
}

.enviar {
    color:white;
}

#contact-submitsesion[type="submit"]:active { 
box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); 
}

#contactsesion input:focus, #contactsesion textarea:focus {
	outline:0;
	border:1px solid #999;
}

::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

/* ------ FIN INICIAR SESION ------- */


/* ------ PRINCIPAL ------- */

.maincategorias{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}    
.categoriailustracion{
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-image:url(../imagenes/taller_ilustracion_09.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.categoriaaudiovisual{
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-image:url(../imagenes/grabacion.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.categoriaviviendas{
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-image:url(../imagenes/291.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.categoriatextil{
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-image:url(../imagenes/curso%20y%20talleres%20costura%20aprender%20a%20coser%20Madrid%2005.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#textocategorias {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;    
}

.cadacategoria{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: auto;
    border: 1px solid #E86758; 
}

.cadacategoria:hover {
    background-color: rgba(232, 103, 88, 0.3);
}

.click{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;   
}
    
figure{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height:100%;
    max-height: 100%;
    max-width: auto;
    margin-bottom: 2em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.iconoscategorias{
    margin-top: 6em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 5em;
}

.pngscategorias{
    max-height: 100%;
    max-width: auto;
    margin: auto;
}

/* ------ FIN PRINCIPAL ------- */

/* ------ TEXTIL --------*/
.maintextil{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: url(../imagenes/fondo_categorias.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#textotextil {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
   
}

.cadacategoria-textil{
    padding: 1em 0 0; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
     background-color: rgba(136, 155, 67, .4);
}

.pngstextil{
    max-height: 100%;
    max-width: auto;
    margin: auto;
}

.h1textil {
    font:600 30px 'Raleway', sans-serif;
    letter-spacing: 0.06em;
    color: rgb(136, 155, 67);
    text-align: center;
    margin-bottom: 0.4em;
}

.ptextil {
    font-family: 'Raleway', sans-serif;
    padding: 1em;
    background-color: rgb(136, 155, 67);
    text-align: center;
    color: white;
}

.programa-textil{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em 0;
    background-color: rgba(136, 155, 67, 0.05); 
    border-bottom: 2px solid rgba(136, 155, 67, 0.4);   
}

.info-programa-textil{
    margin-left: 1em;
}

.texto-programa-textil{
    font:300 13px 'Raleway', sans-serif;
    margin-top: 0.7em;
    letter-spacing: 0.04em;
}

.titulo-programa-textil {
    font:600 18px 'Raleway', sans-serif;
    color: rgb(136, 155, 67);
}

.contenedor-boton-textil {
    margin: auto;
}

.boton-textil{
    font:600 14px 'Raleway', sans-serif;
    padding: 0.5em;
    background-color: rgb(136, 155, 67);
    color: white;
    border-radius: 0.2em;
    border: 1px solid rgb(100, 100, 67);
}

.info-programa-textil {
    padding: 0.3em;
}

.mas-info-textil {
    font:600 14px 'Raleway', sans-serif;
    color: rgb(136, 155, 67);
}

/* ------ FIN TEXTIL --------*/

/* ------ AUDIOVISUAL --------*/
.mainaudiovisual{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: url(../imagenes/fondo_categorias.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#textoaudiovisual {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
   
}

.cadacategoria-audiovisual{
    padding: 1em 0 0; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
     background-color: rgba(232, 103, 88, .4);
}

.h1audiovisual {
    font:600 30px 'Raleway', sans-serif;
    letter-spacing: 0.06em;
    color: rgb(232, 103, 88);
    text-align: center;
    margin-bottom: 0.4em;
}

.paudiovisual {
    font-family: 'Raleway', sans-serif;
    padding: 1em;
    background-color: rgb(232, 103, 88);
    text-align: center;
    color: white;
}

.programa-audiovisual{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em 0;
    background-color: rgba(136, 155, 67, 0.05); 
    border-bottom: 2px solid rgba(232, 103, 88, 0.4);   
}

.info-programa-audiovisual{
    margin-left: 1em;
}

.texto-programa-audiovisual{
    font:300 13px 'Raleway', sans-serif;
    margin-top: 0.7em;
    letter-spacing: 0.04em;
}

.titulo-programa-audiovisual {
    font:600 18px 'Raleway', sans-serif;
    color: rgb(232, 103, 88);
}

.contenedor-boton-audiovisual {
    margin: auto;
}

.boton-audiovisual{
    font:600 14px 'Raleway', sans-serif;
    padding: 0.5em;
    background-color: rgb(232, 103, 88);
    color: white;
    border-radius: 0.2em;
    border: 1px solid rgb(200, 50, 30);
}

.info-programa-audiovisual {
    padding: 0.3em;
}

.mas-info-audiovisual {
    font:600 14px 'Raleway', sans-serif;
    color: rgb(232, 103, 88);
}
/* ------ FIN AUDIOVISUAL ----*/

/* ------ ILUSTRACION --------*/
.mainilustracion{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: url(../imagenes/fondo_categorias.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#textoilustracion {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
   
}

.cadacategoria-ilustracion{
    padding: 1em 0 0; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
     background-color: rgba(142, 114, 168, .4);
}

.h1ilustracion {
    font:600 30px 'Raleway', sans-serif;
    letter-spacing: 0.06em;
    color: rgb(142, 114, 168);
    text-align: center;
    margin-bottom: 0.4em;
}

.pilustracion {
    font-family: 'Raleway', sans-serif;
    padding: 1em;
    background-color: rgb(142, 114, 168);
    text-align: center;
    color: white;
}

.programa-ilustracion{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em 0;
    background-color: rgba(142, 114, 168, 0.05); 
    border-bottom: 2px solid rgba(142, 114, 168, 0.4);   
}

.info-programa-ilustracion{
    margin-left: 1em;
}

.texto-programa-ilustracion{
    font:300 13px 'Raleway', sans-serif;
    margin-top: 0.7em;
    letter-spacing: 0.04em;
}

.titulo-programa-ilustracion {
    font:600 18px 'Raleway', sans-serif;
    color: rgb(142, 114, 168);
}

.contenedor-boton-ilustracion {
    margin: auto;
}

.boton-ilustracion{
    font:600 14px 'Raleway', sans-serif;
    padding: 0.5em;
    background-color: rgb(142, 114, 168);
    color: white;
    border-radius: 0.2em;
    border: 1px solid rgb(102, 84, 128);
}

.info-programa-ilustracion {
    padding: 0.3em;
}

.mas-info-ilustracion {
    font:600 14px 'Raleway', sans-serif;
    color: rgb(142, 114, 168);
}

/* ------ VIVIENDAS --------*/
.mainviviendas{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: url(../imagenes/fondo_categorias.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#textoviviendas {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 100%;
   
}

.cadacategoria-viviendas{
    padding: 1em 0 0; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
     background-color: rgba(64, 141, 168, .4);
}

.h1viviendas {
    font:600 30px 'Raleway', sans-serif;
    letter-spacing: 0.06em;
    color: rgb(64, 141, 168);
    text-align: center;
    margin-bottom: 0.4em;
}

.pviviendas {
    font-family: 'Raleway', sans-serif;
    padding: 1em;
    background-color: rgb(64, 141, 168);
    text-align: center;
    color: white;
}

.programa-viviendas{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em 0;
    background-color: rgba(64, 141, 168, 0.05); 
    border-bottom: 2px solid rgba(64, 141, 168, 0.4);   
}

.info-programa-viviendas{
    margin-left: 1em;
}

.texto-programa-viviendas{
    font:300 13px 'Raleway', sans-serif;
    margin-top: 0.7em;
    letter-spacing: 0.04em;
}

.titulo-programa-viviendas {
    font:600 18px 'Raleway', sans-serif;
    color: rgb(64, 141, 168);
}

.contenedor-boton-viviendas {
    margin: auto;
}

.boton-viviendas{
    font:600 14px 'Raleway', sans-serif;
    padding: 0.5em;
    background-color: rgb(64, 141, 168);
    color: white;
    border-radius: 0.2em;
    border: 1px solid rgb(24, 101, 128);
}

.info-programa-viviendas {
    padding: 0.3em;
}

.mas-info-viviendas {
    font:600 14px 'Raleway', sans-serif;
    color: rgb(64, 141, 168);
}

/* ------ FIN VIVIENDAS ------*/

/* ------ FOOTER ------ */

footer div{
    height: 5em;
    width: 100%;
    padding: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.logos{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height:100%;
    max-height: 100%;
    max-width: 60%;
    margin: auto;
}

.logos img {
    max-width: auto;
    max-height: 70%;
    margin-left: 2em;
    margin-right: 2em;
    filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
-webkit-filter: Gray();
        filter: Gray(); /* IE4-8 and 9 */

-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.grises img:hover { 
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}


/* -------- FIN FOOTER -------- */