@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------------------------*/

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

@media all and (min-width:1px) and (max-width:640px) {

body {
	 background-image: url(imagenes/fondotriangulos.jpg);
     font-family: 'Roboto', 'Helvetica', sans-serif;
	 font-size: 12px;
	 line-height: 14px;
	 color: #666666; 
     width: 100%;
     height: 100%;
     min-height: 100%;
     min-width: 100%;
     text-decoration: none;}

/* ESTILOS PÁGINA */
div#pagina {
	width: 100%;
    height: 100%;
	margin: auto;} 

    /* Clases header */

header#top{
	width: 96%;
    float: left;
	background: #a7d9c4;}

/* COMIENZO DE HEADER */
    
/* COMIENZO DE HEADER */
header{
    width: 100%;
    padding-top: 1%;}
	
nav{
    margin: 0%;
    padding: 0%;}

ul{
    margin: 0%;
    padding: 0%;
    list-style: none;}

li{
    margin: 0;
    padding: 0%;}

a{
     margin: 0%;
     padding: 0%;}

div#logo{ 
    width: 97%;
    height: auto;
    float: left;
    margin-left: 2%;
    margin-top: 2%;}	

#logo img{
    width: 35%;
    float: left;
    margin-right: 3%;}

#logo h1{
    width: 53%;
    float: left;
    font-size: 16pt;
    margin-top: 5%;}

#logo p{
    width: 50%;
    float: left;
    font-size: 8.6pt;
    margin: 0;}

.navArriba{
    width: 100%;
    height: 25%;
    float: right;}
	
.redes_nav{
	width: 20%;
	height:auto;
    margin-left: 78%;}

.redes_nav li{
    width: 17%;
    height: 50%;
    float: right;
    margin: 2%;}

.redes_nav li img{
    width: 100%;}
    

/*COMIENZO DE MENU DESPLEGABLE*/
.navAbajo{
    width: 100%;
    float: left;
    height: 15%;}

.nav_principal{
	width:70%;
    margin-top: 2%;
    font-size: 8pt;
    font-weight: bold;
    margin-left: 2%;}

.nav_principal ul{list-style-type:none}

.nav_principal ul li a{
    padding: 1%;
    background-color: #a7d9c4;
    text-decoration: none;
    color: #a06da3;
    float: left;}

.nav_principal ul li a:hover{
	background:#52bacc;
	color:#FFF;}

.nav_principal ul li ul{
    display: none;
    position: absolute;
    min-width: 140px;
}

.nav_principal li:hover>ul{
    display: block;
    margin-top: 25px;}

.des_1{
    margin-top: 30px;}

.des_1 a{
    width: 100%;
    height: 30px;}

.des_2{
    margin-top: 25px;
    margin-left: 70px;
}

.des_2 a {
    width: 100%;
    height: 30px;}


/*FIN DE MENU DESPLEGABLE*/

nav#navSecundaria{
	width: 42%;
    height: auto;
    margin-left: 57%;}

nav#navSecundaria ul{
	list-style: none;
	width: 100%;}

nav#navSecundaria ul li{
	display: inline-block;
	font-family: 'Roboto', 'Helvetica', sans-serif;
	font-size: 9px;
    margin: 2%;}

nav#navSecundaria ul li a{
	text-decoration:none;
	color: #7F7F85;}

nav#navSecundaria ul li a:hover{
	text-decoration:none;
	color: #FF8504;}


/* BUSCADOR */
nav#buscador{
	width: 27%;
    height: 25px;
    float: right;
    margin-top: 2%;}

nav#buscador form{
	padding: 0px 0 0 0;}

nav#buscador input.inpBuscar{
    width: 70%;
    height: 15px;
	border: none;
	font-size: 12px;
	color: #7F7F85;
	font-family: 'Roboto', 'Helvetica', sans-serif;}

nav#buscador input.submit{
	width: 22%;
	height: 15px;
	border: none;
	background: url(imagenes/Lupa.svg) no-repeat left top;
	cursor: pointer;}

/* FIN DE BUSCADOR*/
/* FIN DE HEADER */
/*LINEA1*/

.linea1 hr{
	width:95%;
  	background-color:#ff6767;
  	height: 2px;
    margin-top: 2%;
    margin-left: 0px;}
/*FIN DE LINEA1*/

/* COMIENZO DE SLIDER */
.bienvenidosfoto{
    background-image: url(imagenes/foto_bienvenidos.jpg);
    width: 96%;
    height: 400px;
    margin-top: 2%;}

.info_bienvenidos{
    width:35%;
    float: right;
    margin: 10% 7% 0% 0%;}

.info_bienvenidos h1{
    width:84%;
    background-color: #ff6767;
    font-size: 15px;
    text-align: center;
    padding: 8%;
    color: #152144;
    margin: 0;}

.info_bienvenidos p{
    width: 92%;
    color: #020000;
    background-color: #a7d9c4;
    font-size: 11px;
    line-height: 110%;
    font-weight: medium;
    padding: 4%;
    margin-top: 3%;
}

div#infobienvenido{
    width: 100%;
    border-bottom: 2px solid black;
    margin-top: 3%;
}
/* FIN DE SLIDER */

/* COMIENZO DE SECCION DE NOTAS HOME */
/* comienzo de noticias */

.notas_home{
	width:97%;
    margin-top: 1%;
	height:auto;}

.Conocenos{
    font-family: 'Roboto', 'Helvetica', sans-serif;
    width: 100%;
    float: right;
    background-color: #152144;}

.Conocenos h1{
    width: 96%;
    color: #ff6767;
    font-size: 14pt;
    padding-left: 3%;}

.tres_notas{
    width:100%;
    margin-top: 5%;}

.notas_home .noticias_home{
	width: 100%;
    margin-top: 2%;
	background-color:#FFF;
    float: left;}
	
.noticias_home .imagen{
	width:100%;
	height:auto;}

.noticias_home .texto_nota1{
	width:90%;
	height:40%;
    margin: 5%;}
	
.noticias_home .texto_nota1 h4{
	color:#ff6767;
    font-size: 18px;}
	
.noticias_home a{
	color:#f75e5e}
	
.noticias_home p{
	margin-bottom:10px;
    font-weight:300;}
/* fin de noticias home*/

/* comienzo de noticia 2 */
.notas_home .noticia2_home{
	width:100%;
    margin-top: 2%;
    margin-bottom: 2%;
	background-color:#FFF;
    float: left;}
	
.notas_home .noticia2_home .participa{
	background-color:#ff6767;
	width:100%;
	height:55px;}
		
.notas_home .noticia2_home .participa h4{
	float:left;
	text-decoration:none;
	font-size:18px;
    color: #FFF;
    margin-left: 6%;}
		
.noticia2_home h2{
	color:#152144;
	font-size:16px;
    margin-left: 5%;}
	
.noticia2_home p{
	color:#152144;
	margin-left:15px;
	margin-right:10px;}
	
.noticia2_home .lineaenvivo{
	margin-left:15px;
	width:85%;
	height:1px;
	background-color:#152144;}

.noticia2_home .imagen{
	width:100%;
	height:auto;}

/* fin de noticia2*/		

/* comienzo de noticia3 */		
.notas_home .noticia3_home{
	width:100%;
    overflow: hidden;
	background-color:#a7d9c4;}

.notas_home .noticia3_home a img{
    width: 100%;
    height: auto;}
	
.nota3_texto{
    width: 90%;
    margin: 4%;}

.noticia3_home .nota3_texto h4{
    color: #ff6767;
    font-size: 18px;}
	
.noticia3_home .nota3_texto p{
    width: 90%;
    font-weight: 300;}
	
.noticia3_home .nota3_texto a{
    color:#ff6767;  
	text-decoration: underline;}

.noticia3_home .nota3_texto a:hover{
	color:#52bacc;
	text-decoration:none;}

/* fin de noticia3*/
/* fin de seccion noticias home*/

/* comienzo de aside*/
.aside_home{
	width:97%;
    margin-top: 2%;}
/* fin de login */

/* comienzo de registo */
.registro_index{
	width:98%;
    height: 180px;
    padding: 1%;
	background-color:#a7d9c4;}
	
.registrotitulo h2{
	color:#ff6767;
	font-size:16px;
	margin-left:15px;}

.registrotitulo p{
    width: 90%;
	color:#FFF;
	margin-left:15px;
    font-size: 12px;}

.registro_index .registro_form .normal_get{
	background-color:#FFF;
	width:80%;
	height:20%;
	color:#666;
	margin-top:10px;
	margin-left:15px;}

.registro_index .registro_form .login{
	margin-top:10px;
	background-color:#ff6767;
	color:#FFFFFF;
	width:30%;
	height:10%;
	text-align:center;
	margin-left:15px;}	

/* Fin de registro */
	
/* comienzo de datos */
.datos_utiles{
	width:100%;
	height:auto;
    background-color: rgba(88,25,82,0.7);
	color:#FFF;}

.datos_utiles p{
	width:90%;
    font-weight: 300;
    margin: 2%;
	font-size:10px}
/* fin de datos */
/* fin de aside */
/* FIN DE SECTION NOTAS HOME */

/* COMIENZO DE FOOTER */
footer{
	width:92%;
    height: 65px;
    overflow: hidden;
    padding: 2%;
	background-color:#52bacc;
    font-family: 'Roboto', 'Helvetica', sans-serif;
    margin-top: 5%;}

.footer_item{
    width: 100%;
    height: 80%;}

.footer_item .derechos{
	width:80%;
	color:#FFF;
    float: left;}
	
.footer_item .derechos p{
    font-size:9px;
    width: 100%;
    color: #152144;
    margin: 0; }

.footer_item .derechos p a{
	text-decoration:none;
	color:#FFF}

.footer_item .derechos p a:hover{color:#ff6767;}
	
.footer_item .footer_nav{
    color: #FFF;
    float: right;
    border-left: 2px solid #FFF;}

.footer_item .footer_nav ul{list-style-type: none}

.footer_item .footer_nav ul li a{
    width: 100%;
	font-size:10px;
    color: #FFF;
    margin-left: 3%;
    text-decoration: none;}

.footer_item .footer_nav ul li a:hover{color:#ff6767;}
/* FIN DE FOOTER */
}

/*hereda las reglas anteriores y se modifica lo especifico con dispositivos hasta 640px*/

@media all and (min-width:640px) and (max-width:840px) {

body {
	 background-image: url(imagenes/fondotriangulos.jpg);
     font-family: 'Roboto', 'Helvetica', sans-serif;
	 font-size: 12px;
	 line-height: 14px;
	 color: #666666; 
     width: 100%;
     height: 100%;
     min-height: 100%;
     min-width: 100%;
     text-decoration: none;}

/* ESTILOS PÁGINA */
div#pagina {
	width: 100%;
    height: 100%;
	margin: auto;} 

    /* Clases header */

header#top{
	width: 90%;
    float: left;
    margin-left: 2.5%;
	background: #a7d9c4;}

/* COMIENZO DE HEADER */
    
/* COMIENZO DE HEADER */
header{
    width: 100%;
    padding-top: 1%;}
	
nav{
    margin: 0%;
    padding: 0%;}

ul{
    margin: 0%;
    padding: 0%;
    list-style: none;}

li{
    margin: 0;
    padding: 0%;}

a{
     margin: 0%;
     padding: 0%;}

div#logo{ 
    width: 50%;
    height: auto;
    float: left;
    margin-left: 2%;}	

#logo img{
    width: 35%;
    float: left;
    margin-right: 3%;}

#logo h1{
    width: 53%;
    float: left;
    font-size: 13pt;
    margin-top: 10%;}

#logo p{
    width: 60%;
    float: left;
    font-size: 8.5pt;
    margin: 0;}

.navArriba{
    width: 100%;
    height: auto;}
	
.redes_nav{
	width: 20%;
	height:auto;
    margin-left: 79%;}

.redes_nav li{
    width: 15%;
    height: 50%;
    float: right;
    margin: 2%;}

.redes_nav li img{
    width: 100%;}
    

/*COMIENZO DE MENU DESPLEGABLE*/
.navAbajo{
    width: 99%;
    float: left;
    height: 15%;
    margin: 1%;}

.nav_principal{
	width:75%;
    font-size: 12px;
    font-weight: bold;}

.nav_principal ul{list-style-type:none}

.nav_principal ul li a{
    padding: 1%;
    background-color: #a7d9c4;
    text-decoration: none;
    color: #a06da3;
    float: left;}

.nav_principal ul li a:hover{
	background:#52bacc;
	color:#FFF;}

.nav_principal ul li ul{
    display: none;
    position: absolute;
    min-width: 140px;
}

.nav_principal li:hover>ul{
    display: block;
    margin-top: 25px;}

.des_1{
    margin-top: 30px;}

.des_1 a{
    width: 100%;
    height: 30px;}

.des_2{
    margin-top: 25px;
    margin-left: 95px;
}

.des_2 a {
    width: 100%;
    height: 30px;}


/*FIN DE MENU DESPLEGABLE*/

nav#navSecundaria{
	width: 28%;
    height: auto;
    margin-left: 71%;}

nav#navSecundaria ul{
	list-style: none;
	width: 100%;}

nav#navSecundaria ul li{
	display: inline-block;
	font-family: 'Roboto', 'Helvetica', sans-serif;
	font-size: 10px;
    margin: 2%;
    float: right;}

nav#navSecundaria ul li a{
	text-decoration:none;
	color: #7F7F85;}

nav#navSecundaria ul li a:hover{
	text-decoration:none;
	color: #FF8504;}


/* BUSCADOR */
nav#buscador{
	width: 17%;
    height: 25px;
    float: right;
    margin-right: 1%;}

nav#buscador form{
	padding: 0px 0 0 0;}

nav#buscador input.inpBuscar{
    width: 75%;
    height: 20px;
	border: none;
	font-size: 12px;
	color: #7F7F85;
	font-family: 'Roboto', 'Helvetica', sans-serif;}

nav#buscador input.submit{
	width: 20%;
	height: 20px;
    padding: 4%;
	border: none;
	background: url(imagenes/Lupa.svg) no-repeat left top;
	cursor: pointer;}

/* FIN DE BUSCADOR*/
/* FIN DE HEADER */
/*LINEA1*/

.linea1 hr{
	width:89.9%;
  	background-color:#ff6767;
  	height: 2px;
    margin-top: 2%;
    margin-left: 2.5%;}
/*FIN DE LINEA1*/

/* COMIENZO DE SLIDER */
.bienvenidosfoto{
    background-image: url(imagenes/foto_bienvenidos.jpg);
    width: 90%;
    height: 400px;
    padding: 1px;
    margin-top: 2%;
    margin-left: 2.5%;}

.info_bienvenidos{
    width:35%;
    float: right;
    margin: 10% 7% 0% 0%;}

.info_bienvenidos h1{
    width:84%;
    background-color: #ff6767;
    font-size: 25px;
    text-align: center;
    padding: 8%;
    color: #152144;
    margin: 0;}

.info_bienvenidos p{
    width: 92%;
    color: #020000;
    background-color: #a7d9c4;
    font-size: 12px;
    line-height: 110%;
    font-weight: medium;
    padding: 4%;
    margin-top: 3%;
}

.linea2{
    width: 90%;
    border-bottom: 2px solid;
    margin-left: 2.5%;
}
/* FIN DE SLIDER */

/* COMIENZO DE SECCION DE NOTAS HOME */
/* comienzo de noticias */

.notas_home{
	width:70%;
    margin-top: 2.5%;
    margin-left: 23%;
	height:auto;
    overflow: hidden;}

.Conocenos{
    font-family: 'Roboto', 'Helvetica', sans-serif;
    width: 100%;
    float: right;
    background-color: #152144;}

.Conocenos h1{
    width: 98%;
    color: #ff6767;
    font-size: 14pt;
    padding-left: 2%;}

.tres_notas{
    width:100%;
    margin-top: 12%;}

.notas_home .noticias_home{
	width: 32%;
	background-color:#FFF;
    float: left;
    margin-right: 2%;}
	
.noticias_home .imagen{
	width:100%;
	height:auto;}

.noticias_home .texto_nota1{
	width:90%;
	height:40%;
    margin: 5%;}
	
.noticias_home .texto_nota1 h4{
	color:#ff6767;
    font-size: 18px;}
	
.noticias_home a{
	color:#f75e5e}
	
.noticias_home p{
	margin-bottom:10px;
    font-weight:300;}
/* fin de noticias home*/

/* comienzo de noticia 2 */
.notas_home .noticia2_home{
	width:32%;
	background-color:#FFF;
    float: left;
    margin-right: 2%;}
	
.notas_home .noticia2_home .participa{
	background-color:#ff6767;
	width:100%;
	height:50px;}
		
.notas_home .noticia2_home .participa h4{
	float:left;
	text-decoration:none;
	font-size:18px;
    color: #FFF;
    margin-left: 6%;}
		
.noticia2_home h2{
	color:#152144;
	font-size:16px;
    margin-left: 5%;}
	
.noticia2_home p{
	color:#152144;
	margin-left:7px;
	margin-right:10px;}
	
.noticia2_home .lineaenvivo{
	margin-left:7px;
	width:85%;
	height:1px;
	background-color:#152144;}

.noticia2_home .imagen{
	width:100%;
	height:auto;}

/* fin de noticia2*/		

/* comienzo de noticia3 */		
.notas_home .noticia3_home{
	width:32%;
    height: auto;
    overflow: hidden;
	background-color:#a7d9c4;}

.notas_home .noticia3_home a img{
    width: 100%;
    height: auto;}
	
.nota3_texto{
    width: 100%;
    margin: 4%;}

.noticia3_home .nota3_texto h4{
    color: #ff6767;
    font-size: 18px;}
	
.noticia3_home .nota3_texto p{
    width: 90%;
    font-weight: 300;}
	
.noticia3_home .nota3_texto a{
    color:#ff6767;  
	text-decoration: underline;}

.noticia3_home .nota3_texto a:hover{
	color:#52bacc;
	text-decoration:none;}

/* fin de noticia3*/
/* fin de seccion noticias home*/

/* comienzo de aside*/
.aside_home{
	width:19%;
    float: left;
    margin-left: 2.5%;
    margin-top: 2%;}
/* fin de login */

/* comienzo de registo */
.registro_index{
	width:100%;
    height: 180px;
    padding: 1%;
	background-color:#a7d9c4;}
	
.registrotitulo h2{
	color:#ff6767;
	font-size:16px;
	margin-left:10px;}

.registrotitulo p{
    width: 90%;
	color:#FFF;
	margin-left:10px;
    font-size: 10px;}

.registro_index .registro_form .normal_get{
	background-color:#FFF;
	width:80%;
	height:20%;
	color:#666;
	margin-top:10px;
	margin-left:10px;}

.registro_index .registro_form .login{
	margin-top:10px;
	background-color:#ff6767;
	color:#FFFFFF;
	width:40%;
	height:10%;
	text-align:center;
	margin-left:10px;}	

/* Fin de registro */
	
/* comienzo de datos */
.datos_utiles{
	width:100%;
	height:auto;
    background-color: rgba(88,25,82,0.7);
	color:#FFF;}

.datos_utiles p{
	width:90%;
    font-weight: 300;
    padding: 5%;
	font-size:10px}
/* fin de datos */
/* fin de aside */
/* FIN DE SECTION NOTAS HOME */

/* COMIENZO DE FOOTER */
footer{
	width:86%;
    height: 70px;
    overflow: hidden;
    padding: 2%;
    margin-left: 2.5%;
	background-color:#52bacc;
    font-family: 'Roboto', 'Helvetica', sans-serif;
    margin-top: 5%;}

.footer_item{
    width: 100%;
    height: 80%;}

.footer_item .derechos{
	width:80%;
	color:#FFF;
    float: left;}
	
.footer_item .derechos p{
    font-size:11px;
    width: 100%;
    color: #152144;
    margin: 0;
    margin-bottom: 1%; }

.footer_item .derechos p a{
	text-decoration:none;
	color:#FFF}

.footer_item .derechos p a:hover{color:#ff6767;}
	
.footer_item .footer_nav{
    color: #FFF;
    float: right;
    border-left: 2px solid #FFF;}

.footer_item .footer_nav ul{list-style-type: none}

.footer_item .footer_nav ul li a{
    width: 100%;
	font-size:12px;
    color: #FFF;
    margin-left: 5%;
    text-decoration: none;}

.footer_item .footer_nav ul li a:hover{color:#ff6767;}
/* FIN DE FOOTER */
}

/*hereda las reglas anteriores y se modifica lo especifico con dispositivos hasta 640px*/

@media all and (min-width:840px){

   body {
     font-family: 'Roboto', 'Helvetica', sans-serif;
	 font-size: 12px;
	 line-height: 14px;
	 color: #666666; 
	 background-image: url(imagenes/fondotriangulos.jpg);
	 width: 100%;
     height: 100%;
     min-height: 100%;
     min-width: 100%;
     text-decoration: none;}

/* Clases Estructura */
div#pagina {
	width: 80%;
    height: 100%;
	margin: auto;}

/* Clases header */

header#top{
	width: 100%;
    height: 175px;
	background: #a7d9c4;
    margin-bottom: 1%;}

/* COMIENZO DE HEADER */
header{
    width: 100%;
    padding-top: 1%;}
	
nav{
    margin: 0%;
    padding: 0%;}

ul{
    margin: 0%;
    padding: 0%;
    list-style: none;}

li{
    margin: 0;
    padding: 0%;}

a{
     margin: 0%;
     padding: 0%;}

div#logo{ 
    width: 39%;
    height: auto;
    float: left;
    margin-left: 2%;}	

#logo img{
    width: 40%;
    float: left;
    margin-right: 3%;}

#logo h1{
    width: 57%;
    float: left;
    font-size: 17pt;
    margin-top: 19%;
    line-height: 20px;
}


#logo p{
    width: 57%;
    float: left;
    font-size: 9pt;
    margin: 0;}

.navArriba{
    width: 50%;
height: 25%;
float: right;
margin-right: 1%;
}
	
.redes_nav{
	width: 100%;
height: auto;
/* margin-left: 87%; */
float: right;
}

.redes_nav li{
    width: 4%;

float: right;
margin: 0 0.5%;
}

.redes_nav li img{
    width: 90%;}

/*COMIENZO DE MENU DESPLEGABLE*/
.navAbajo{
    width: 99%;
    float: left;
    height: 15%;
    margin: 1%;}

.nav_principal{
	width:70%;
    font-size: 13px;
    font-weight: bold;}

.nav_principal ul{list-style-type:none}

.nav_principal ul li a{
    padding: 1%;
    background-color: #a7d9c4;
    text-decoration: none;
    color: #a06da3;
    float: left;}

.nav_principal ul li a:hover{
	background:#52bacc;
	color:#FFF;}

.nav_principal ul li ul{
    display: none;
    position: absolute;
    min-width: 140px;
}

.nav_principal li:hover>ul{
    display: block;
    margin-top: 25px;}

.des_1{
    margin-top: 30px;}

.des_1 a{
    width: 100%;
    height: 30px;}

.des_2{
    margin-top: 25px;
    margin-left: 97px;
}

.des_2 a {
    width: 100%;
    height: 30px;}


/*FIN DE MENU DESPLEGABLE*/

nav#navSecundaria{
    width: 75%;
    height: auto;
    float: right;
}

nav#navSecundaria ul{
	list-style: none;
	width: 100%;}

nav#navSecundaria ul li{
	display: inline-block;
	font-family: 'Roboto', 'Helvetica', sans-serif;
	font-size: 10px;
    margin: 2%;
    float: right;}

nav#navSecundaria ul li a{
	text-decoration:none;
	color: #7F7F85;}

nav#navSecundaria ul li a:hover{
	text-decoration:none;
	color: #FF8504;}


/* BUSCADOR */
nav#buscador{
	width: 15%;
    height: 25px;
    float: right;
    margin-right: 1%;}

nav#buscador form{
	padding: 0px 0 0 0;}

nav#buscador input.inpBuscar{
    width: 80%;
    height: 20px;
	border: none;
	font-size: 12px;
	color: #7F7F85;
	font-family: 'Roboto', 'Helvetica', sans-serif;}

nav#buscador input.submit{
	width: 15%;
	height: 20px;
    padding: 4%;
	border: none;
	background: url(imagenes/Lupa.svg) no-repeat left top;
	cursor: pointer;}

/* FIN DE BUSCADOR*/
/* FIN DE HEADER */

/*LINEA1*/

.linea1 hr{
	width:100%;
  	background-color:#ff6767;
  	height: 2px;
    margin-top: 2%;}
/*FIN DE LINEA1*/

/* COMIENZO DE SLIDER */
.bienvenidosfoto{
    background-image: url(imagenes/foto_bienvenidos.jpg);
    width: 99.8%;
    height: 400px;
    padding: 1px;
    margin-top: 2%;}

.info_bienvenidos{
    width:40%;
    float: right;
    margin: 10% 7% 0% 0%;}

.info_bienvenidos h1{
    width:84%;
    background-color: #ff6767;
    font-size: 45px;
    text-align: center;
    padding: 8%;
    color: #152144;
    margin: 0;}

.info_bienvenidos p{
    width: 92%;
    color: #020000;
    background-color: #a7d9c4;
    font-size: 13px;
    line-height: 110%;
    font-weight: medium;
    padding: 4%;
    margin-top: 3%;
}

div#infobienvenido{
    width: 100%;
    border-bottom: 2px solid black;
    margin-top: 3%;
}
/* FIN DE SLIDER */


/* COMIENZO DE SECCION DE NOTAS HOME */
/* comienzo de noticias */

.notas_home{
	width:79%;
    margin-top: 2.5%;
	height:auto;
    overflow: hidden;
    padding-left: 2%;}

.Conocenos{
    font-family: 'Roboto', 'Helvetica', sans-serif;
    width: 100%;
    float: right;
    background-color: #152144;}

.Conocenos h1{
    width: 98%;
    color: #ff6767;
    font-size: 16pt;
    padding-left: 2%;}

.tres_notas{
    width:100%;
    margin-top: 7%;}

.notas_home .noticias_home{
	width: 32%;
	background-color:#FFF;
    float: left;
    margin-right: 2%;}
	
.noticias_home .imagen{
	width:100%;
	height:auto;}

.noticias_home .texto_nota1{
	width:90%;
	height:40%;
    margin: 5%;}
	
.noticias_home .texto_nota1 h4{
	color:#ff6767;
    font-size: 18px;}
	
.noticias_home a{
	color:#f75e5e}
	
.noticias_home p{
	margin-bottom:10px;
    font-weight:300;}
/* fin de noticias home*/

/* comienzo de noticia 2 */
.notas_home .noticia2_home{
	width:32%;
	background-color:#FFF;
    float: left;
    margin-right: 2%;}
	
.notas_home .noticia2_home .participa{
	background-color:#ff6767;
	width:100%;
	height:63px;}
		
.notas_home .noticia2_home .participa h4{
	float:left;
	text-decoration:none;
	font-size:18px;
    color: #FFF;
    margin-left: 6%;}
		
.noticia2_home h2{
	color:#152144;
	font-size:16px;
    margin-left: 5%;}
	
.noticia2_home p{
	color:#152144;
	margin-left:15px;
	margin-right:10px;}
	
.noticia2_home .lineaenvivo{
	margin-left:15px;
	width:85%;
	height:1px;
	background-color:#152144;}

.noticia2_home .imagen{
	width:100%;
	height:auto;}

/* fin de noticia2*/		

/* comienzo de noticia3 */		
.notas_home .noticia3_home{
	width:32%;
    height: auto;
    overflow: hidden;
	background-color:#a7d9c4;}

.notas_home .noticia3_home a img{
    width: 100%;
    height: auto;}
	
.nota3_texto{
    width: 100%;
    margin: 4%;}

.noticia3_home .nota3_texto h4{
    color: #ff6767;
    font-size: 18px;}
	
.noticia3_home .nota3_texto p{
    width: 90%;
    font-weight: 300;}
	
.noticia3_home .nota3_texto a{
    color:#ff6767;  
	text-decoration: underline;}

.noticia3_home .nota3_texto a:hover{
	color:#52bacc;
	text-decoration:none;}

/* fin de noticia3*/
/* fin de seccion noticias home*/

/* comienzo de aside*/
.aside_home{
	width:19%;
    float: left;
    margin-top: 2%;}
/* fin de login */

/* comienzo de registo */
.registro_index{
	width:100%;
    height: 180px;
    padding: 1%;
	background-color:#a7d9c4;}
	
.registrotitulo h2{
	color:#ff6767;
	font-size:16px;
	margin-left:15px;}

.registrotitulo p{
    width: 90%;
	color:#FFF;
	margin-left:15px;
    font-size: 12px;}

.registro_index .registro_form .normal_get{
	background-color:#FFF;
	width:80%;
	height:20%;
	color:#666;
	margin-top:10px;
	margin-left:15px;}

.registro_index .registro_form .login{
	margin-top:10px;
	background-color:#ff6767;
	color:#FFFFFF;
	width:30%;
	height:10%;
	text-align:center;
	margin-left:15px;}	

/* Fin de registro */
	
/* comienzo de datos */
.datos_utiles{
	width:100%;
	height:auto;
    background-color: rgba(88,25,82,0.7);
	color:#FFF;}

.datos_utiles p{
	width:90%;
    font-weight: 300;
    padding: 5%;
	font-size:12px}
/* fin de datos */
/* fin de aside */
/* FIN DE SECTION NOTAS HOME */


/* COMIENZO DE FOOTER */
footer{
	width:94%;
    height: 50px;
    overflow: hidden;
    padding: 3%;
	background-color:#52bacc;
    font-family: 'Roboto', 'Hlvetica', sans-serif;
    margin-top: 5%;}

.footer_item{
    width: 100%;
    height: 80%;}

.footer_item .derechos{
	width:80%;
	color:#FFF;
    float: left;}
	
.footer_item .derechos p{
    font-size:12px;
    width: 100%;
    color: #152144;
    margin: 0;
    margin-bottom: 1%; }

.footer_item .derechos p a{
	text-decoration:none;
	color:#FFF}

.footer_item .derechos p a:hover{color:#ff6767;}
	
.footer_item .footer_nav{
	width:10%;;
    color: #FFF;
    float: right;
    border-left: 2px solid #FFF;}

.footer_item .footer_nav ul{list-style-type: none}

.footer_item .footer_nav ul li a{
    width: 100%;
	font-size:12px;
    color: #FFF;
    margin-left: 5%;
    text-decoration: none;}

.footer_item .footer_nav ul li a:hover{color:#ff6767;}
/* FIN DE FOOTER */
}

/* DOCENTES */

div#plantel {
    background-color: #152144;
    width: 100%;
    height: 1250px;
}
    
.docentes_lacatedra h1 {
    font-family: 'Roboto', 'Helvetica', sans-serif;
    margin-top: 2%;
    width: 96%;
    height: 15px;
    padding: 2%;
    font-size: 18pt;
    font-weight: bold;
    overflow: hidden;
    color: #152144;
    background-color: #ff6767;
    
}

div#docente_elemento {
    text-align: center;
    padding: 0;}

div#docente_elemento ul#docente_elementos li {
    
    margin: 1% 0.5% 1% 0.5%;
    display: inline-block;
    width: 30%;
    height: 330px;
    box-shadow: 2px 2px 6px 0px  #999;
    background-color: #ff6767;}


div#docente_elemento ul#docente_elemento2 li {
    
    margin: 1% 0.5% 1% 0.5%;
    display: inline-block;
    width: 20%;
    box-shadow: 2px 2px 6px 0px  #999;
    background-color: #ff6767;}

.docente_image .imagen {
    width: 100%;
    height: auto;}

.plantel_texto {
    font-family: 'Roboto', 'Helvetica', sans-serif;
    text-align: left;
    margin: 5%;
    margin-top: 7.5%;
    text-align: center;}

ul#docente_elementos li .plantel_texto h6 {
    color: #152144;
    font-size: 12pt;
    margin: 0;
    font-family: 'Roboto', 'Helvetica', sans-serif;
    text-transform: uppercase;
}

ul#docente_elementos li .plantel_texto p {
    font-size: 1opt;
    color: #a7d9c4;
    font-family: 'Roboto', 'Helvetica', sans-serif;
}

ul#docente_elemento2 li .plantel_texto h6 {
    font-size: 11pt;
    color: #152144;
    margin: 0;
    font-family: 'Roboto', 'Helvetica', sans-serif;
    text-transform: uppercase;
}

ul#docente_elemento2 li .plantel_texto p {
    font-size: 10pt;
    color: #a7d9c4;
    font-family: 'Roboto', 'Helvetica', sans-serif;
}

/* FIN DE DOCENTES */

/* NANO GALERY */

div#nanoGallery3 {
    width: 100%;
    margin-top: 3%;
    background-color: #152144;
    max-width:100%;}

#nanoGallery3 h1{
    width: 35%;
    color: #ff6767;
    margin-left: 3%;
    margin-top: 3%;
    font-size: 30px;
    }

/* FIN  DE NANO GALERY */

/*COMIENZO DE LA CATEDRA*/

#propuesta{
    width: 100%;
    height: 300px;
    background-color: #ff6767;}

#propuesta h1{
    width: 96%;
    font-size: 18pt;
    background-color: #152144;
    margin-top: 2%;
    height: 15px;
    padding: 2%;
    color: #ff6767;}

#propuesta p{
    width: 96%;
    margin-left: 2%;
    color:#152144;
    font-size: 15px;
    line-height: 120%;
    background-color: #ff6767;}

.cursos{
    width: 100%;
    height: 120px;}

.cursos p{
    width: 90%;
    color: #152144;}

.cursos ul li{
    width: 27%;
    margin-left: 3%;
    float: left;
    text-align: center;
    padding: 1%;
    background-color: #152144;
    color: #ff6767;}

#objetivos{
    width: 100%;
    margin-top: 4%;}

.imagen_objetivos{
    background-image: url(imagenes/Recuadro_catedra6.svg);
    width: 100%;
    height: 100px;
    padding: 1px;
    margin-top: 2%;}

.objetivos_texto h1{
    width: 10%;
    font-size: 500%;
    color: #FFF;
    margin-left: 45%;
    margin-top: 4%;}

.morfo_objetivos1{
    background-color: #152144;
    color: #FFF;
    height: 433px;}

.morfo_objetivos1 img{
    width: 40%;
    height: auto;
    float: left;}

.objetivos1_texto{
    width: 56%;
    overflow: hidden;
    padding: 2%;}

.objetivos1_texto h1{
    color: #ff6767;}

.objetivos1_texto h3 {
    color: #a7d9c4;}

.objetivos1_texto p{
    color: #999;}
    }

.contenedor_objetivos{
    width: 100%;}

.fondo2{
    background-image: url(imagenes/Recuadro_catedra7.svg);
    width: 14%;
    height: 445px;
    margin-top: 2%;
    float: left;}

.objetivos2_texto h1{
    width: 55%;
    font-size: 45pt;
    color: #FFF;
    margin-left: 25%;
    margin-top: 140%;}

.morfo_objetivos2{
    width: 31%;
    margin-right: 2%;
    margin-top: 2%;
    padding: 2% 2% 1% 2%;
    background-color: #152144;
    overflow: hidden;
    float: left;}

.morfo_objetivos2 h1{
    color: #ff6767;}

.morfo_objetivos2 h3 {
    color: #a7d9c4;}

.morfo_objetivos2 p{
    color: #999;}

.morfo_objetivos3{
    width: 31%;
    overflow: hidden; 
    padding: 2%;
    margin-top: 2%;
    background-color: #152144;}

.morfo_objetivos3 h1{
    color: #ff6767;}

.morfo_objetivos3 h3 {
    color: #a57bc9;}

.morfo_objetivos3 p{
    color: #999;}

.fondo3{
    background-image: url(imagenes/Recuadro_catedra.svg);
    width: 14%;
    height: 445px;
    float: left;
    margin-top: 2%}

/*FIN DE LA CATEDRA*/

/*COMIENZO DE PAUTAS*/

#pauta{
    background-color: #152144;
    font-family: 'Roboto', 'Helvetica', sans-serif;}

#pauta h1{
    background-color: #ff6767;
    font-size: 18pt;
    padding: 2%;
    color: #FFF;}

#pauta .imagen_pauta{
    background-image: url(imagenes/Fondo_pautas.jpg);
    height: 400px;}

.imagen_texto{
    width: 50%;
    float: left;}

#pauta .imagen_texto h1{ 
    width: 56%;
    text-align: center;
    padding: 3%;
    margin-top: 40%;
    margin-left: 4%;}

#pauta .imagen_texto p{
    width: 58%;
    font-size: 12pt;
    padding: 2%;
    line-height: 120%;
    margin-left: 4%;
    background-color: #FFF;
    color: #152144;}

.texto_pauta{
    width: 100%;
    background-color: #FFF;}

.texto_pauta p{
    width: 55%;
    font-size: 12pt;
    line-height: 150%;
    padding: 5%;}

.clasespe{
    float: right;
    margin: 5.5% 2%;}

.destacado_pauta{
    width: 92%;
    color: #FFF;
    background-color: #ff6767;
    font-size: 12pt;
    padding: 4%;
    line-height: 150%;}

.texto_pauta2 p{
    width: 55%;
    margin-left: 35%;
    margin-top: 0%;}

.clasespep{
    float: left;
    margin-top: 5.5%;
    margin-left: 2%;}

/*FIN DE PAUTAS*/

/*COMIENZO DE EVENTOS*/

.notas_eventos{
    width: 100%;
    height: 800px;
    margin-top: 3%;
    background-color: #152144;
    font-family: 'Roboto', 'Helvetica', sans-serif;}

.eventos h1{
    width: 96%;
    background-color: #ff6767;
    color: #152144;
    padding: 2%;
    font-size: 18pt;}

.tres_eventos{
    width: 90%;
    margin-left: 5%;}

/*EVENTO1*/
.noticia_eventos{
    width: 49.5%;
    height: 290px;
    background-color: #FFF;
    margin-bottom: 1%;
    float: left;
    margin-right: 1%;}
    
.noticia_eventos img{
    width: 34.3%;
    float: left;}

.texto_evento1{
    width: 59.6%;
    padding: 3%;
    overflow: hidden;}

.texto_evento1 p{
    font-size: 10pt;}

.texto_evento1 h1{
    width: 100%;
    color: #ff6767;
    font-size: 14pt;}

.texto_evento1 a{
    color: #ff6767;}
/*FIN DE EVENTO1*/

/*EVENTO2*/
.noticia2_eventos{
    width: 49.5%;
    height: 290px;
    background-color: #FFF;
    overflow: hidden;
    margin-bottom: 1%;}

.noticia2_eventos img{
    width: 34.3%;
    float: left;}

.texto_evento2{
    width: 59.7 %;
    padding: 3%;
    overflow: hidden;}

.texto_evento2 p{
    font-size: 10pt;}

.texto_evento2 h1{
    width: 100%;
    color: #ff6767;
    font-size: 14pt;}

.texto_evento2 a{
    color: #ff6767;}
/*FIN DE EVENTO2*/

/*EVENTO3*/
.noticia3_eventos{
    width: 23%;
    height: 380px;
    background-color: #FFF;
    float: left;
    margin-right: 1%;}

.noticia3_eventos img{
    width: 100%;}

.texto_evento3{
    width: 88%;
    padding: 6%;}

.texto_evento3 p{
    font-size: 10pt;}

.texto_evento3 h1{
    width: 100%;
    color: #ff6767;
    font-size: 14pt;
    line-height: 120%;}

.texto_evento3 a{
    color: #ff6767;}

/*FIN DE EVENTO3*/

/*EVENTO 4*/
.noticia4_eventos{
    width: 76%;
    height: 380px;
    background-color: #FFF;
    overflow: hidden;}

.noticia4_eventos img{
    width: 42.9%;
    float: left;}

.texto_evento4{
    width: 53.1%;
    padding: 2%;
    overflow: hidden;}

.texto_evento4 p{
    font-size: 10pt;}

.texto_evento4 h1{
    width: 100%;
    color: #ff6767;
    font-size: 14pt;
    line-height: 120%;}

.texto_evento4 a{
    color: #ff6767;}

/*FIN DE EVENTO4*/
/*FIN DE EVENTOS*/

/*COMIENZO DE APUNTES*/

.descargar_apuntes{
    width: 100%;
    height: 550px;
    background-color: #152144;
    font-family: 'Roboto', 'Helvetica', sans-serif;}

.apuntes h1{
    width: 96%;
    background-color: #52bacc;
    color:#152144;
    padding: 2%;
    font-size: 18pt;}

.caja_apuntes{
    width: 70%;
    margin-left: 19%;
    margin-top: 4%;}

.apuntes_mgeneral{
    width: 100%;}

.apuntes_mgeneral h1{
    width: 43.5%;
    color: #52bacc;
    font-size: 14pt;
    border-bottom: 1px solid #52bacc;
    line-height: 150%;}

.apuntes_mgeneral ul li a{
    background-color: #ff6767;
    float: left;
    padding: 2%;
    line-height: 110%;
    margin-right: 2%;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-size: 12pt;
    margin-bottom: 1%;}

.apuntes_mgeneral ul li a:hover{ 
    color:#152144;}

.apuntes_nivel1{
    width: 100%;
    overflow: hidden;}

.apuntes_nivel1 h1{
    width: 36.5%;
    color: #52bacc;
    font-size: 14pt;
    border-bottom: 1px solid #52bacc;
    line-height: 150%;}

.apuntes_nivel1 ul li a{
    float: left;
    background-color: #ff6767;
    color:#FFF;
    padding: 2%;
    line-height: 110%;
    text-align: center;
    font-size: 12pt;
    margin-right: 2%;
    text-decoration: none;
    margin-bottom: 1%;}

.apuntes_nivel1 ul li a:hover{ 
    color:#152144;}

.apuntes_nivel2{
    width: 100%;
    overflow: hidden;}

.apuntes_nivel2 h1{
    width: 36.5%;
    font-size: 14pt;
    color: #52bacc;
    border-bottom: 1px solid #52bacc;
    line-height: 150%;}

.apuntes_nivel2 ul li a{
    float: left;
    background-color: #ff6767;
    color:#FFF;
    padding: 2%;
    line-height: 110%;
    text-align: center;
    font-size: 12pt;
    margin-right: 2%;
    text-decoration: none;}

.apuntes_nivel2 ul li a:hover{ 
    color:#152144;}
/*FIN DE APUNTES*/

/*COMIENZO DE REGISTRO*/
.datos_registro{
    width: 100%;
    height: 320px;
    background-color:#152144;
    font-family: 'Roboto', 'Helvetica', sans-serif;
    margin-top: 3%;}

.texto_registro{
    width: 25%;
    height: 255px;
    float: left;
    color:#152144;
    padding: 3%;
    background-color: #ff6767;}

.texto_registro h1{
    font-size: 18pt;}

.texto_registro p{
    width: 90%;
    line-height: 130%;
    font-size: 11pt;
    font-weight: 300;}

.datos_personales{
    width: 20%;
    overflow: hidden;
    float: left;
    margin-right: 2%;
    margin-top: 4%;
    margin-left: 10%;}

.datos_personales label{
    width: 100%;
    color: #FFF;
    font-size: 10pt;}

.datos_personales input{
    width: 100%;
    margin-bottom: 10px;}

.datos_personales .checkRp input{
    width: 10%;}

.datos_personales2{
    width: 20%;
    overflow: hidden;
    padding-top: 4%;}

.datos_personales2 .normal_get{
    color: #FFF;
    font-size: 10pt;}

.datos_personales2 input{
    width: 100%;
    margin-bottom: 10px;}

.datos_personales2 .submit{
    width: 25%;
    float: right;}

.datos_personales2 .submit input{
    width: 100%;
    color:#FFF;
    background-color: #ff6767;
    font-size: 10pt;}
    
.submit input:hover{
	color:#152144;
    background-color: #a7d9c4;
    font-size: 10pt;}

/*FIN DE REGISTRO*/

/*COMIENZO DE CONTACTO*/

.Contacto{
    width: 100%;
    font-family: 'Roboto', 'Helvetica', sans-serif;}

#contenido_top{
    width: 100%;
    background-image: url(imagenes/contacto_foto.jpg);
    height: 360px;
    margin-top: 3%;}

#contenido_top h1{
    width: 12%;
    margin-left: 5%;
    margin-top: 23%;
    font-size: 20pt;
    color: #FFF;
    float: left;
    background-color: #ff6767;
    padding: 2%;}


.contenido_contacto{
    width: 100%;
    height: 720px;
    background-color: #152144;
    margin-top: 3%;}

.contenido_contacto header{
    width: 94%;
    padding: 3%;
    background-color: #ff6767;}

.contenido_contacto header h1{
    width: 90%;
    color: #FFF;}

.contenido_contacto header p{
    width: 90%;
    color: #FFF;}

.contError{
    width: 100%;
    background-color: #152144;
    color: #FFF;
    display: none;}

.datos_contacto{
    width: 50%;
    float: left;
    margin: 2%;}

.datos_contacto label{
    width: 100%;
    margin-bottom: 2%;
    color: #FFF;}

.datos_contacto input{
    width: 99%;
    margin-bottom: 2%;}

.edad{
    width: 10%;
    height: 35px;
    float: left;
    margin-right: 5%;
    margin-bottom: 2%;}

.edad .Edad{
    width: 100%;}

.edad input{
    width: 100%;}

.telefono{
    width: 85%;  
    overflow: hidden;
    margin-bottom: 2%;}

.telefono .Telefono{
    width: 100%;}

.telefono input{
    width: 99%;}

.mitad{
    width: 47.5%;
    float: left;
    margin-right: 5%;
    margin-bottom: 2%;}

.mitad2{
    width: 47.4%;
    overflow: hidden;
    margin-bottom: 2%;}

#consulta{
    width: 99%;
    height: 200px;
    margin-bottom: 2%;}

.submit input{
    float: right;
    width: 15%;
    color:#FFF;
    background-color: #ff6767;
    font-size: 10pt;}
    
.submit input:hover{
	color:#152144;
    background-color: #a7d9c4;
    font-size: 10pt;}

.info_secundaria{
    color: #FFF;
    float: right;
    padding: 2%;}

.contenido_chico{
    width: 35%;
    float: right;
    padding: 2%;
    margin-right: 2%;
    color: #FFF;}

.contenido_chico a{
    color: #ff6767;}

.contenido_chico a:hover{
    color: #a7d9c4;}

/*FIN DE CONTACTO*/

/*COMIENZO DE M1 SLIDER*/
.contenedor_slider{
    width: 100%;
    height: 750px;
    background-color: #152144;
    font-family: 'Roboto', 'Helvetica', sans-serif;
    font-weight: 700;
}

.contenedor_slider p{
    width: 96%;
    padding: 2%;
    font-size: 18pt;
    background-color: #ff6767;
    color:#152144;}
/*FIN DE M1 SLIDER*/

/*COMIENZO DE MORFO1*/

.trabajos_practicos{
    width: 100%;
    font-family: 'Roboto', 'Helvetica', sans-serif;
    background-color: #ff6767;}

.Tps h1{
    width: 96%;
    font-size: 18pt;
    background-color: #152144;
    color: #ff6767;
    padding: 2%;}

.tp_consignas{
    width: 95%;
    margin-left: 3.5%;
    padding: 2%;}

/*TP1*/
.tp_consignas .tp1{
    width: 94%;
    background-color: #FFF;
    margin-bottom: 2%;}

.tp_consignas .tp1 img{
    width: 44.3%;
    float: left;}

.texto_tp1{
    width: 50%;
    overflow: hidden;
    padding: 2%;}

.texto_tp1 h1{
    width: 45%;
    font-size: 20pt;
    color: #152144;}

.texto_tp1 h3{
    width: 100%;
    color: #ff6767;}

.texto_tp1 p{
    width: 100%;
    color: #999;}
/*FIN DE TP1*/

/*TP2*/
.tp2{
    width: 30%;
    background-color: #FFF;
    float: left;
    margin-right: 2%;}

.tp2 img{
    width: 100%;}

.texto_tp2{
    width: 88%;
    padding: 6%;
    padding-top: 0;}

.texto_tp2 h1{
    width: 100%;
    font-size: 20pt;
    color: #152144;}

.texto_tp2 h3{
    width: 100%;
    line-height: 21px;
    color: #ff6767;}

.texto_tp2 p{
    width: 100%;
    color: #999;}
/*FIN DE TP2*/
/*TP3*/
.tp3{
    width: 30%;
    background-color: #FFF;
    float: left;
    margin-right: 2%;}

.tp3 img{
    width: 100%;}

.texto_tp3{
    width: 88%;
    padding: 6%;
    padding-top: 0;}

.texto_tp3 h1{
    width: 100%;
    font-size: 20pt;
    color: #152144;}

.texto_tp3 h3{
    width: 100%;
    color: #ff6767;}

.texto_tp3 p{
    width: 100%;
    color: #999;}
/*FIN DE TP3*/
/*TP4*/
.tp4{
    width: 30%;
    background-color: #FFF;
    float: left;
    margin-bottom: 2%;}

.tp4 img{
    width: 100%;}

.texto_tp4{
    width: 88%;
    padding: 6%;
    padding-top: 0;}

.texto_tp4 h1{
    width: 100%;
    font-size: 20pt;
    color: #152144;}

.texto_tp4 h3{
    width: 100%;
    color: #ff6767;}

.texto_tp4 p{
    width: 100%;
    color: #999;}
/*FIN DE TP4*/

/*TP5*/
.tp5{
    width: 94%;
    background-color: #FFF;
    overflow: hidden;}

.tp5 img{
    width: 45%;
    float: left;}

.texto_tp5{
    width: 50%;
    overflow: hidden;
    padding: 2%;}

.texto_tp5 h1{
    width: 50%;
    font-size: 20pt;
    color: #152144;}

.texto_tp5 h3{
    width: 100%;
    color: #ff6767;}

.texto_tp5 p{
    width: 100%;
    color: #999;}
/*FIN DE TP5*/
/*FIN DE MORFO1*/


/*COMIENZO DE MORFO2*/

.Tps2 h1{
    width: 96%;
    font-size: 18pt;
    background-color: #152144;
    color: #ff6767;
    padding: 2%;}

.tp2_consignas{
    width: 91.5%;
    height: 730px;
    margin-left: 4.5%;
    padding: 2%;}

/*TP1*/

.trabajos_practicos2{
    width: 100%;
    background-color: #ff6767;}

.m2_tp1{
    width: 30%;
    background-color: #FFF;
    float: left;
    margin-right: 2%;}

.m2_tp1 img{
    width: 100%;}

.textom2_tp1{
    width: 88%;
    padding: 6%;
    padding-top: 0;}

.textom2_tp1 h1{
    width: 100%;
    font-size: 20pt;
    color: #152144;}

.textom2_tp1 h3{
    width: 100%;
    color: #ff6767;}

.textom2_tp1 p{
    width: 100%;
    color: #999;}
/*FIN DE TP1*/
/*TP2*/
.m2_tp2{
    width: 30%;
    background-color: #FFF;
    float: left;
    margin-right: 2%;}

.m2_tp2 img{
    width: 100%;}

.textom2_tp2{
    width: 88%;
    padding: 6%;
    padding-top: 0;}

.textom2_tp2 h1{
    width: 100%;
    font-size: 20pt;
    color: #152144;}

.textom2_tp2 h3{
    width: 100%;
    color: #ff6767;}

.textom2_tp2 p{
    width: 100%;
    color: #999;}
/*FIN DE TP2*/
/*TP3*/
.m2_tp3{
    width: 30%;
    background-color: #FFF;
    float: left;
    margin-bottom: 2%;}

.m2_tp3 img{
    width: 100%;}

.textom2_tp3{
    width: 88%;
    padding: 6%;
    padding-top: 0;}

.textom2_tp3 h1{
    width: 100%;
    font-size: 20pt;
    color: #152144;}

.textom2_tp3 h3{
    width: 100%;
    color: #ff6767;}

.textom2_tp3 p{
    width: 100%;
    color: #999;}
/*FIN DE TP3*/
/*FIN DE MORFO2*/

/*COMIENZO DE EVENTO1*/

.evento_nota1{
    width: 100%;
    height: 525px;
    margin-top: 3%;
    background-color: #152144;}

.nota1 p{
    width: 100%;
    color:#FFF;
    line-height: 125%;
    font-size: 11pt;
    font-weight: 300;}

h3{color:#FFF;}

h1{color:#152144;
   font-size: 12.5pt;
    font-weight: bolder;}

.texto_evento_1{
    width: 23%;
    padding: 3%;
    background-color: #ff6767;
    float: left;}

.video_evento1{
    float: right;
    margin-top: 6%;
    margin-right:1.5%;}

/*FIN DE EVENTO1*/

/*COMIENZO DE MAPA*/
.contenedor_map{
    width: 100%;
    height: 550px;
    background-color: #152144;}

.contenedor_map h1{
    width: 96%;
    padding: 2%;
    font-size: 18pt;
    background-color: #ff6767;
    color: #FFF;}

.imagen_mapa{
    width: 100%;}

/*FIN DE MAPA*/

/*COMIENZO DE ERROR*/

.error_inicio{
    width: 100%;
    height: 450px;
    background-color: rgba(88,25,82,0.7);
    margin-top: 3%;}

.error_imagen img{
    width: 50%;
    margin: 100px 270px;}

/*FIN DE ERROR*/


/*MORFO GENERAL*/

.morfo_blog{
    width: 100%;
    background-image: url(imagenes/TALLER4.jpg);
    height: 500px;
    margin-top: 2%;
}

.texto_blog h1{
    width: 50%;
    float: left;
    padding: 2%;
    margin: 35% 0% 0% 4%;
    font-size: 18pt;
    background-color: #152144;
    color: #ff6767;
}

/*FIN DE MORFO GENERAL*/