body{
        font-family:'Roboto','Arial',sans-serif;
        width:100%;
        margin: auto;
        background-color:#f2f2f2;
		}

body nav{
        width:60rem;     
        margin:auto;
        }

#botoestatica{
        width:60rem;
        height:5rem;      
        margin:auto;
        }
			
#logoc{
        width:100%;
        float:right;
        width:10rem;
        }

#slider{
        width:100%;
        z-index:5 !important;
        }

header{
            z-index:1000 !important;
            margin:auto;
			width:100%;
			height:3.4rem;
            position: fixed;
            background-color:rgb(51, 51, 51);
			clear:both;
		}
		
header nav{
			margin:auto;
			padding:0;
			width:60rem;
			height:4rem;
			position:fixed;
			float:right;
                
		}	
		
header nav ul{
			margin:auto;
			padding:0.4rem;
			list-style-type:none;
			width:70rem;
            padding:1rem;     
		}
		
header nav ul li{
			float:left;
			margin-left:3rem;
		}

header nav ul li#cyan:hover{
            border-bottom:4px solid rgb(0, 211, 255);
}

header nav ul li#magenta:hover{
            border-bottom:4px solid rgb(193, 67, 199);
}

header nav ul li#amarillo:hover{
            border-bottom:4px solid rgb(255, 255, 0);
}

header nav ul li#verde:hover{
            border-bottom:4px solid rgb(70, 155, 74);
}

header nav ul li#naranja:hover{
            border-bottom:4px solid rgb(255, 147, 0);
}

header nav ul li a{
			color:#FFFFFF;
			font-size:0.9rem;
			display:block;
			line-height:1rem;
			font-family:'Roboto:500','Arial',sans-serif;
            text-shadow: 0.1rem 0.1rem 0.1rem rgba(160, 154, 154, 0.79);
			margin-right:0rem;
            text-decoration:none;
				}

header nav ul li a:hover{
			color:#d4d4d4;
		}

#banner{
		width:60rem;
        height:15rem;
		background-image:url(imagenes/fondo-top02.jpg);
        background-repeat:no-repeat;
		margin:auto;
        margin-bottom:3rem;
		}

#llaveabre{
        float:left;
        width:3rem;
        }

#llavecierra{
        float:right;
        width:3rem;
        }

#cajabajada{
        width:60rem;
		background-color:#f2f2f2;
        line-height: -1rem;
		}

/* --TIPOGRAFIAS--*/

      @font-face {
      font-family: 'FontAwesome'
      src: 'http://www.dgpcfadu.com.ar/vmo2/1/fuentes/fontawesome-webfont.eot?v=3.0.1';
      src: 'http://www.dgpcfadu.com.ar/vmo2/1/fuentes/fontawesome-webfont.eot?#iefix&v=3.0.1' format('embedded-opentype'),
           'http://www.dgpcfadu.com.ar/vmo2/1/fuentes/fontawesome-webfont.woff?v=3v=3.0.1' format('woff'),
           'http://www.dgpcfadu.com.ar/vmo2/1/fuentes/fontawesome-webfont.ttf?v=3.0.1' format('truetype');
      font-weight: normal;
      font-style: normal;
        }
 
        a:link{   
        text-decoration:none;       
        }

    #teoriayaccion h2{
        font-family:'Roboto', 'Arial', sans-serif;
		font-size:1rem;
		color:#e5e4e4;
        line-height: 2rem;
		}

    #cuerpopapel h2{
        font-family:'Roboto', 'Arial', sans-serif;
		font-size:1rem;
		color:#e5e4e4;
        line-height: 2rem;
        
		}

   #cuerpocolor h2{
        font-family:'Roboto', 'Arial', sans-serif;
		font-size:1rem;
		color:#333333;
        line-height: 2rem;
        }

    #barra-columna{
        font-family:'Roboto', 'Arial', sans-serif;
		font-size:1.6rem;
		color:#333333;
        line-height: 2rem;
        }

    #cuerpotrabajos h2{
        font-family:'Roboto', 'Arial', sans-serif;
		font-size:1rem;
		color:#333333;
        line-height: 2rem;
		}

    #comitentes h2{
        font-family: 'Roboto', 'Arial', sans-serif;
		font-size:1rem;
		color:#e5e4e4;
        line-height: 2rem;
		}

    .h4{
        font-family: 'Roboto', 'Arial', sans-serif;
		font-size:2rem;
		color:#333333;
        text-decoration:none;
		}

    .h5{
		font-family:'Roboto','Arial', sans-serif;
		font-size:0.8rem;
		color:#333333;
        line-height:1rem;
        text-decoration:none;
		}
		
	.titulo-teoriayaccion{
		font-family: 'Roboto', 'Arial', sans-serif;
		font-size:1rem;
        line-height:3rem;
        margin-bottom: -1rem;
		color:#333333;        
        text-decoration:none;
		}

    .texto-teoriayaccion{
		font-family: 'Roboto', 'Arial', sans-serif;
		font-size:0.8rem;
        line-height:1rem;
		color:#333333;
		}

    .texto-comunidad{
		font-family:'Roboto','Arial', sans-serif;
		font-size:0.8rem;
        display:block;
		color:#333333;
		}
		
	.titulo-comunidad{
		font-family: 'Roboto', 'Arial', sans-serif;
		font-size:1.2rem;
        display:block;
		color:#333333;
		}
        
    .texto-bajada{
		font-family:'Roboto','Arial', sans-serif;
		font-size:0.95rem;
		color:#333333;
		}
		
	.titulo-bajada{
		font-family: 'Roboto', 'Arial', sans-serif;
        font-size:1.4rem;
		color:#333333;
		}

	.titulo-barragris{
		font-family: 'Roboto', 'Arial', sans-serif;
		font-size:0.9rem;
        color: #d4d4d4;
        line-height: -1rem;
		}

    .titulo-rotulo{
            font-family: 'Roboto', 'Arial', sans-serif;
            font-size:1.2rem;
            color:#333333;
            }

    .texto-rotulo{
            font-family:'Roboto','Arial', sans-serif;
            font-size:0.8rem;
            color:#333333;
            }

    .titulo-barraverde{
            font-family: 'Roboto', 'Arial', sans-serif;
            font-size:1.2rem;
            color:#333333;
            }

/* --TEORIA Y ACCION--*/

	#barra-gris1{
		background-color:rgb(102, 102, 102);
		height:2rem;
        width:38.6rem;
		margin-bottom:0.3rem;
		padding:0.1rem 0 0 0.4rem;
	   }
	
	#barra-gris2{
		background-color:rgb(102, 102, 102);
        height:2rem;
        margin-bottom:0rem;
		padding:0.1rem 0 0 0.4rem;
	   }

	#teoriayaccion{
		padding:0.8rem 0rem 0 0;
		width:100%;
		float:left;
		margin-bottom:2rem;
		}

	#comitentes{
		width:100%;
        height:20rem;
		float:left;
		}

    #cajacomitentes{
        padding:9rem 1rem 1rem;
        float:left;
		}

	#teo1{
		background-color: rgba(0, 211, 255, 0.9);												
		background-image:url(imagenes/img_color02.jpg);
		background-repeat:no-repeat;
		height:10rem;
		width:7rem;
		padding:25rem 0.4rem 0rem;
        margin:0.5rem 0 0 0;
        float:left;
		display:block;
		}

    #teo1:hover{
        background-image: url(imagenes/img_color01.jpg); 
        }

    #teo2{
		background-color: rgba(193, 67, 199, 0.9);
		background-image:url(imagenes/img_papel02.jpg);
		background-repeat:no-repeat;
		height:10rem;
		width:7rem;
        padding:25rem 0.4rem 0rem;
		float:left;
		margin:0.5rem 0 0 0;
		display:block;
		}

    #teo2:hover{
        background-image: url(imagenes/img_papel01.jpg); 
        }
		
	#teo3{
		background-color: rgba(255, 255, 0, 0.9);
		background-image:url(imagenes/img_sistemas02.jpg);
		background-repeat:no-repeat;
		height:10rem;
		width:7rem;
        padding:25rem 0.4rem 0rem;
		float:left;
		margin:0.5rem 0 0 0;
		display:block;
		}

    #teo3:hover{
        background-image: url(imagenes/img_sistemas01.jpg); 
        }

	#teo4{
		background-color: rgba(70, 155, 74, 0.9);
		background-image:url(imagenes/img_impronta02.jpg);
		background-repeat:no-repeat;
		height:10rem;
		width:7rem;
        padding:25rem 0.4rem 0rem;
		float:left;
		margin:0.5rem 0 0 0;
		display:block;
		}
		
    #teo4:hover{
        background-image: url(imagenes/img_impronta01.jpg); 
        }

	#teo5{
		background-color: rgba(255, 147, 0, 0.9);
		background-image:url(imagenes/img_serig02.jpg);
		background-repeat:no-repeat;
		height:10rem;
		width:7rem;
        padding:25rem 0.4rem 0rem;
		float:left;
        margin:0.5rem 0.9rem 0 0;
		display:block;
		}

    #teo5:hover{
        background-image: url(imagenes/img_serig01.jpg); 
        }

    #comu{
		height:20rem;
		width:19rem;
		float:left;
        margin:0rem 0rem 0rem 0rem;
		display:block;
		}

    #comufb{
		height:20rem;
		width:19rem;
		float:left;
        margin:-3.5rem 0rem 0rem 0rem;
		display:block;
		}

      #comutw{
		height:20rem;
		width:19rem;
		float:left;
        margin:2.5rem 0rem 0rem 0rem;
		display:block;
		}

    #cajatituloface{
		height:5rem;
		width:18.5rem;
        margin-bottom:-1rem;
		float:left;
		display:block;
		}

   #cajatitulotw{
		height:5rem;
		width:18.5rem;
        margin-bottom:-1rem;
		float:left;
		display:block;
		}

   #cajaface{
        z-index:5 !important;
		height:15rem;
		width:19rem;
		float:left;
        margin-bottom:1.3rem;
		display:block;
		}

    #cajatw{
		height:15rem;
		width:17rem;
        padding-left: 0.8rem;
		float:left;
		display:block;
		}

	#acc1{
		background-color: rgba(112, 70, 155, 0.9);												
		background-image:url(imagenes/greenpeace.jpg);
		background-repeat:no-repeat;
		height:12.5rem;
		width:29.5rem;
		float:left;
		padding:0.5rem 0 0 0;
		margin:1rem 0.9rem 0 0;
		display:block;
        margin-bottom:-3rem;
		}
		
	#acc2{
		background-color: rgba(112, 70, 155, 0.9);
		background-image:url(imagenes/faduverde.jpg);
		background-repeat:no-repeat;
		height:12.5rem;
		width:29.5rem;
		float:left;
		padding:0.5rem 0 0 0;
		margin:1rem 0 0;
		display:block;
        margin-bottom:-3rem;
		}

/* --PRESENTACIÓN--*/

#cajaimgpres{
		height:22.8rem;
		width:16.2rem;
		float:left;
		padding:0.5rem 0 0 0;
		margin:0.5rem 1.9rem 0 0;
		display:block;
		}
	
#cajacarta{
		height:29.5rem;
		width:40rem;
		float:left;
		margin:0.3rem 1rem 0 0;
		display:block;
		}

#botonsitio{
		height:1rem;
		width:4rem;
		float:left;
		display:block;
		}

/* --ROTULO--*/

#barra-verde{
		background-color:rgba(70, 155, 74, 0.9);
		height:3rem;
		margin-bottom:1.6rem;
		padding:0.1rem 0 0 0.4rem;
	}

#rotulo{
		padding:2rem 0 0 0;
		width:60rem;
		float:left;
		margin-right:0.5rem;
		}

#cajamifoto{
			padding:15.5rem 1rem 0 0.5rem;
		}

#mifoto{													
		background-image:url(imagenes/img-mifoto.jpg);
		background-repeat:no-repeat;
		height:15.5rem;
		width:15.5rem;
		float:left;
		margin:0.5rem 0 0 0;
		display:block;
		}

#inforotulo{
        height:38rem;
		width:40rem;
		float:left;
		margin:0.5rem 1rem 0 0;
		display:block;
		}

/* --PAPEL--*/

#bannerpapel{
		width:60rem;
        height:15rem;
		background-image:url(imagenes/fondo-top-papel03.jpg);
        background-repeat:no-repeat;
		margin:auto;
        margin-bottom:3rem;
		}

#contenidovideo{
        width:60rem;
        height:25rem;
        float:left;
        display:block;
        }

#video{
        width:39.5rem;
        float:left;
        display:block;
        }

#datosvideos{
        height:25rem;
		width:20.5rem;
		float:right;
        margin:0 0 0 0;
		display:block;
        background-color: #d4d4d4;
		}

.titulo-fichatecnica{
		font-family: 'Roboto', 'Arial', sans-serif;
		font-size:0.8rem;
        display:block;
		color:#fff;
        }

.caja-fichatecnica{
		font-family: 'Roboto', 'Arial', sans-serif;
		font-size:0.8rem;
        display:block;
		color:#333333;
        }

#cuerpopapel{
        width:39.5rem;
		padding:1.8rem 0rem 0 0;
		float:left;
		margin-bottom:5rem;
        display:block;
		}

#barra-papel{
		background-color:rgba(193, 67, 199, 0.9);
		height:2rem;
        width:38rem;
		margin-bottom:1.5rem;
		padding:0.1rem 0 0 0.4rem;
        display:block;
	   }

#quees{											
        width:38rem;
        font-size:0.8rem;
		padding:0rem 0rem 0rem;
        line-height:1.09rem;
        font-family: 'Roboto:300', 'Arial', sans-serif;
        margin:0rem 0 0 0;
		}

#cajamecqui{											
		height:8rem;
		width:38rem;
        margin-top: 4rem;
        margin-bottom:3rem;
        display: auto;
		}

.figura{ 
        width:10rem;
        height:7rem;
        background:#f1f1f1; 
        padding: 0 0; 
        }

.figura img{ 
        display: block; 
        width: 10rem; 
        margin: 0 auto 1rem auto; 
        }

.izq{ 
        float:left; 
        margin: 0rem 1rem 0 0; 
        }

.der{ 
        float:right; 
        margin: 0.3rem 0 0 1rem; 
        }

 #columnaderechapapel{
        background-color:#fff;
        border:4px solid #0ab156;
        height:20.9rem;
		width:19rem;
        margin-top:2.5rem;
		float:right;
		display:block;
		}

#barra-columna-papel{
		background-color:#0ab156;
		height:0.1rem;
        width: 17rem;
		padding:1rem;
        margin: 0rem 1rem 0 0;
	   }

#textocolumnapapel{											
        width:17rem;
        font-size:0.75rem;
		padding:0.8rem 1rem 0rem;
        line-height:1.09rem;
        font-family: 'Roboto:300', 'Arial', sans-serif;
        margin:0rem 0 0 0;
		}

 #columnaderechaprodmec{
        background-color:#fff;
        border:4px solid #00A99D;
        height:11.5rem;
		width:19rem;
        margin-top:2.5rem;
		float:right;
		display:block;
		}

#barra-columna-prodmec{
		background-color:#0ab156;
		height:0.1rem;
        width: 17rem;
		padding:1rem;
        margin: 0rem 1rem 0 0;
	   }

   #cajatitulotwpru{
		height:5rem;
		width:19rem;
        margin-bottom:-1rem;
        margin: -1.5rem -1rem -1rem -1rem;
		float:left;
		display:block;
		}

#textocolumnaprodmec{											
        width:17rem;
        font-size:0.75rem;
		padding:0.8rem 1rem 0rem;
        line-height:1.09rem;
        font-family: 'Roboto:300', 'Arial', sans-serif;
        margin:0rem 0 0 0;
		}
 #columnaderechaprodquim{
        background-color:#fff;
        border:4px solid #D9E021;
        height:10.5rem;
		width:19rem;
        margin-top:2.5rem;
		float:right;
		display:block;
		}

#barra-columna-prodquim{
		background-color:#0ab156;
		height:0.1rem;
        width: 17rem;
		padding:1rem;
        margin: 0rem 1rem 0 0;
	   }

#textocolumnaquim{											
        width:17rem;
        font-size:0.75rem;
		padding:0.8rem 1rem 0rem;
        line-height:1.09rem;
        font-family: 'Roboto:300', 'Arial', sans-serif;
        margin:0rem 0 0 0;
		}

#barraredes h2{
        font-family: 'Roboto', 'Arial', sans-serif;
		font-size:1rem;
        width:39rem;
		color:#e5e4e4;
        line-height: 2rem;
		}

#barraredes{
		width:66%;
        height:8rem;
		float:left;
		}    

#cajatituloder0{
		background-color: #000;
		height:1.4rem;
		width:20rem;
		float:left;
        margin:0 0 0 0;
        margin-bottom:0rem;
        padding:0.5rem 0 0 0.5rem;
		display:block;
		}

#zocalotituloder0{
		background-color: #000;
		height:1.9rem;
		width:20rem;
		float:left;
        margin:20.7rem 0 0 0;
        margin-bottom:0.1rem;
        padding:0.5rem 0 0 0.5rem;
		display:block;
		}

#cajatituloder1{
		background-color: rgba(70, 155, 74, 0.9);
		height:1.7rem;
		width:19.5rem;
		float:left;
        margin:2.6rem 0 0 0;
        padding:0.5rem 0 0 0.5rem;
		display:block;
		}

/* --PAPEL MECANICO--*/

#bannerpapelmecanica{
		width:60rem;
        height:15rem;
		background-image:url(imagenes/fondo-top-mec.jpg);
        background-repeat:no-repeat;
		margin:auto;
        margin-bottom:3rem;
		}

#barra-papel-mec{
		background-color:rgba(193, 67, 199, 0.9);
		height:2rem;
        width:38.5rem;
		margin-bottom:1.5rem;
		padding:0.1rem 0 0 0.4rem;
        display:block;
	   }

#queesmec{											
        width:38rem;
        font-size:0.8rem;
		padding:0rem 0rem 0rem;
        line-height:1.09rem;
        font-family: 'Roboto:300', 'Arial', sans-serif;
        margin:0rem 0 0 0;
		}

.figurameca{ 
        width:14rem;
        height:8rem;
        background:#f1f1f1; 
        padding: 0 0; 
        }

.figurameca img{ 
        display: block; 
        width: 14rem; 
        margin: 0 auto 1rem auto; 
        }

.izqmeca{ 
        float:left; 
        margin: 0rem 1rem 0 0; 
        }

 #columnaderechaprodquim01{
        background-color:#fff;
        border:4px solid #D9E021;
        height:10.5rem;
		width:19rem;
        margin-top:2.1rem;
		float:right;
		display:block;
		}

/* --PAPEL QUIMICA--*/

#bannerpapelquimica{
		width:60rem;
        height:15rem;
		background-image:url(imagenes/fondo-top-qui.jpg);
        background-repeat:no-repeat;
		margin:auto;
        margin-bottom:3rem;
		}

.figuraquim{ 
        width:14rem;
        height:8rem;
        background:#f1f1f1; 
        padding: 0 0; 
        }

.figuraquim img{ 
        display: block; 
        width: 14rem; 
        margin: 0 auto 1rem auto; 
        }

.izqquim{ 
        float:left; 
        margin: 0rem 1rem 0 0; 
        }

 #columnaderechaprodmec01{
        background-color:#fff;
        border:4px solid #00A99D;
        height:11.5rem;
		width:19rem;
        margin-top:2.1rem;
		float:right;
		display:block;
		}

 #columnaderechaprodquimamb{
        background-color:#fff;
        border:4px solid #D9E021;
        height:10.5rem;
		width:19rem;
        margin-top:2.1rem;
		float:right;
		display:block;
		}

/* --AMBIENTE--*/

#bannerpapelambiente{
		width:60rem;
        height:15rem;
		background-image:url(imagenes/fondo-top-ambiente.jpg);
        background-repeat:no-repeat;
		margin:auto;
        margin-bottom:3rem;
		}

#barra-papel-mec{
		background-color:rgba(193, 67, 199, 0.9);
		height:2rem;
        width:38.5rem;
		margin-bottom:1.5rem;
		padding:0.1rem 0 0 0.4rem;
        display:block;
	   }

#queesamb{											
        width:38rem;
        height:48.5rem;
        font-size:0.8rem;
		padding:0rem 0rem 0rem;
        line-height:1.09rem;
        font-family: 'Roboto:300', 'Arial', sans-serif;
        margin:0rem 0 0 0;
		}

.figurameca{ 
        width:14rem;
        height:8rem;
        background:#f1f1f1; 
        padding: 0 0; 
        }

.figurameca img{ 
        display: block; 
        width: 14rem; 
        margin: 0 auto 1rem auto; 
        }

.izqmeca{ 
        float:left; 
        margin: 0rem 1rem 0 0; 
        }

 #columnaderechaprodmecamb{
        background-color:#fff;
        border:4px solid #00A99D;
        height:11.5rem;
		width:19rem;
        margin-top:2.1rem;
		float:right;
		display:block;
		}

 #columnaderechaprodquimamb{
        background-color:#fff;
        border:4px solid #D9E021;
        height:10.5rem;
		width:19rem;
        margin-top:2.1rem;
		float:right;
		display:block;
		}

 #columnaderechaciclo{
        background-color:rgba(255, 255, 255, 0.06);
        border:4px solid rgb(0,146,69);
        height:19rem;
		width:19rem;
        margin-top:2.1rem;
		float:right;
		display:block;
		}

/* --TRABAJOS--*/

#bannertrabajos{
		width:60rem;
        height:15rem;
		background-image:url(imagenes/fondo-top-trabajos.png);
        background-repeat:no-repeat;
		margin:auto;
        margin-bottom:0rem;
		}

#cuerpotrabajos{
		padding:1.8rem 0rem 0 0;
		width:40rem;
		float:left;
    margin-top:1.6rem;
		margin-bottom:5rem;
    padding:0.1rem 0rem 0 0.5rem;
		}

#barra-trabajos01{
		background-color:rgba(0, 211, 255, 0.9);
		height:2rem;
        width:47rem;
		margin-bottom:1rem;
		padding:0.1rem 0 0 0.4rem;
	   }

#barra-trabajos02{
		background-color:rgba(193, 67, 199, 0.9);
		height:2rem;
        width:47rem;
		margin-bottom:0.3rem;
		padding:0.1rem 0 0 0.4rem;
	   }

#barra-trabajos03{
		background-color:rgba(255, 255, 0, 0.9);
		height:2rem;
        width:47rem;
		margin-bottom:0.3rem;
		padding:0.1rem 0 0 0.4rem;
	   }

#barra-trabajos04{
		background-color:rgba(70, 155, 74, 0.9);
		height:2rem;
        width:47rem;
		margin-bottom:0.3rem;
		padding:0.1rem 0 0 0.4rem;
	   }

#barra-trabajos05{
		background-color:rgba(255, 147, 0, 0.9);
		height:2rem;
        width:47rem;
		margin-bottom:0.3rem;
		padding:0.1rem 0 0 0.4rem;
	   }

#columnaderechatrabajo{
        background-color:#fff;
        border:4px solid rgb(0, 211, 255);
        height:44rem;
		width:11rem;
        margin-top:2.5rem;
		float:right;
		display:block;
		}

#columnaizquierdatrabajo{
        background-color:#d4d4d4;
        height:44rem;
		width:10rem;
        margin-top:2.5rem;
        padding:1rem;
		float:left;
		display:block;
		}

#queestrab{											
		width:48rem;
        font-size:0.8rem;
		padding:0rem 0rem 0rem;
        line-height:1.09rem;
        font-family: 'Roboto:300', 'Arial', sans-serif;
        margin:0rem 0 0 0;
		}

.figuratrab{ 
    width:10rem;
    height:5.5rem;
    background:#d4d4d4; 
    padding: 1rem 0; 
    }

.figuratrab img{ 
    display: block; 
    width: 8rem; 
    margin: 0 auto 1rem auto; 
    }

.izq{ 
    float:left; 
    margin: 0rem 1rem 0 0; 
    }

#cajatituloder1trab{
		background-color: #4c66a4;
		background-image:url(imagenes/img_.jpg);
		background-repeat:no-repeat;
		height:1.8rem;
		width:18.5rem;
		float:left;
        margin:-1.5rem 0 0 0;
        padding:0.5rem 0 0 0.5rem;
		display:block;
		}

#cajatituloder2trab{
		background-color: #00a5d1;
		background-image:url(imagenes/img_.jpg);
		background-repeat:no-repeat;
		height:1.8rem;
		width:18.5rem;
		float:left;
        margin:-1.5rem 0 0 0;
        margin-bottom:0.1rem;
        padding:0.5rem 0 0 0.5rem;
		display:block;
		}

/* --COLOR--*/

#bannercolor{
		width:60rem;
        height:15rem;
		background-image:url(imagenes/fondo-top-color.jpg);
        background-repeat:no-repeat;
		margin:auto;
        margin-bottom:3rem;
		}

#cuerpocolor{
        width:40rem;
		padding:1.8rem 0rem 0 0;
		float:left;
		margin-bottom:5rem;
        display:block;
		}

#teorias{											
        width:38rem;
        font-size:0.8rem;
		padding:0rem 0rem 0rem;
        line-height:1.09rem;
        font-family: 'Roboto:300', 'Arial', sans-serif;
        margin:0rem 0 0 0;
		}

#barra-color{
		background-color:rgba(0, 211, 255, 0.9);
		height:2rem;
        width:38rem;
		margin-bottom:1.5rem;
		padding:0.1rem 0 0 0.4rem;
        display:block;
	   }

#barra-coloradi{
		background-color:#d4d4d4;
		height:2rem;
        width:38rem;
		margin-bottom:1.5rem;
		padding:0.1rem 0 0 0.4rem;
        float:left;
        display:block;
	   }

#barra-colorsus{
		background-color:#d4d4d4;
		height:2rem;
        width:38rem;
		margin-bottom:1.5rem;
		padding:0.1rem 0 0 0.4rem;
        display:block;
	   }

#barra-sincolor{
		background-color:none;
		height:2rem;
        width:38rem;
		margin-bottom:1.5rem;
		padding:0.1rem 0 0 0.4rem;
        display:block;
	   }

.circulo{ 
        background-color:#fff;
        width:0rem;
        background:#f1f1f1; 
        }

.figuracolor{ 
        background-color:#fff;
        width:7.5rem;
        height:8.0rem;
        background:#f1f1f1; 
        padding: 0 0; 
        }

.figuracolor img{ 
        display: block; 
        width: 7.8rem; 
        margin:0rem auto; 
        }

.izqcolor{ 
        float:left; 
        margin: 0rem 1rem 0 0; 
        }

#barra-columna1{
		background-color:rgb(0, 211, 255);
		height:2rem;
        width: 12rem;
		padding:1rem;
        margin: 0rem 1rem 0 0;
	   }

 #columnaderechacolor1{
        background-color:#fff;
        border:4px solid #CCCCCC;
        height:12rem;
		width:19rem;
        margin-top:2.5rem;
		float:left;
		display:block;
		}

#barra-columna2{
		background-color:rgba(70, 86, 155, 0.9);
		height:2rem;
        width: 12rem;
		padding:1rem;
        margin: 0rem 0rem 0 0;
	   }

 #columnaderechacolor2{
        background-color:#fff;
        border:4px solid #CCCCCC;
        height:11rem;
		width:19rem;
        margin-top:1.5rem;
		float:left;
		display:block;
		}

#textocolumna{											
        width:17rem;
        font-size:0.75rem;
		padding:0rem 1rem 0rem;
        line-height:1.09rem;
        font-family: 'Roboto:300', 'Arial', sans-serif;
        margin:3rem 0 0 0;
		}

/* --TEORIA SUSTRACTIVA--*/
#columnaderechacoloradi{
        background-color:#fff;
        border:4px solid #CCCCCC;
        height:12rem;
		width:19rem;
        margin-top:2rem;
		float:left;
		display:block;
		}

#cajagaleriasus{
        margin-bottom:-1rem;
        margin-top:-1rem;
		float:left;
		display:block;
		}

/* --TEORIA ADITIVA--*/
#columnaderechacoloradi{
        background-color:#fff;
        border:4px solid #CCCCCC;
        height:12rem;
		width:19rem;
        margin-top:2rem;
		float:left;
		display:block;
		}

#cajagaleriaadi{
        margin-bottom:-1rem;
        margin-top:-1rem;
		float:left;
		display:block;
		}

#cajavideoadi{
        margin-bottom:-1rem;
        margin-top:-1rem;
		float:left;
		display:block;
		}

#cajagaleria{
        width:18rem;
        padding-left: 1rem;
        margin-top:-1rem;
		float:right;
		display:block;
		}

/* --NOTICIAS--*/

#bannernoticias{
		width:60rem;
        height:15rem;
		background-image:url(imagenes/fondo-top-noticias.png);
        background-repeat:no-repeat;
		margin:auto;
        margin-bottom:3rem;
		}

#barra-noticias{
		background-color:rgb(209, 30, 22);
		height:2rem;
        width:44rem;
		margin-bottom:1.5rem;
		padding:0.1rem 0 0 0.4rem;
        display:block;
	   }

#barra-noti{
		background-color:#d4d4d4;
		height:2rem;
        width:44rem;
		margin-bottom:1rem;
        margin-top:3rem;
		padding:0.1rem 0 0 0.4rem;
        display:block;
	   }

#noticias{											
        width:43.6rem;
        font-size:0.8rem;
		padding:0rem 0rem 0rem;
        line-height:1.09rem;
        font-family: 'Roboto:300', 'Arial', sans-serif;
        margin:0rem 0 0 0;
		}

.figuranoti{ 
        background-color:#fff;
        width:18.8rem;
        height:12.2rem;
        background:#f1f1f1;
        padding:0 0rem;
        display:block;
        }

.figuranoti img{ 
        display: block; 
        width: 18.8rem; 
        }

.izqnoti{ 
        float:left; 
        margin: 0rem 0rem 0 0; 
        }

 #columnaderechanoticias{
        background-color:#fff;
        border:4px solid #575656;
        height:38.1rem;
		width:14rem;
        margin-top:2.5rem;
		float:right;
		display:block;
		}

#barra-columna-noticias{
		background-color:#999999;
		height:2rem;
        width: 12rem;
		padding:1rem;
        margin: 0rem 1rem 0 0;
	   }
#textocolumnanoticias{											
        width:12rem;
        font-size:0.75rem;
		padding:0rem 1rem 0rem;
        line-height:1.09rem;
        font-family: 'Roboto:300', 'Arial', sans-serif;
        margin:1rem 0 0 0;
		}

/* --FOOTER--*/

#logofadu{
	float:right;
    padding-right:4rem;
    margin-top:1rem;
	}

.botonerainf{
	font-family: 'Roboto:400','Arial', sans-serif;
	font-size:0.5rem;
	color:#aaa;
	height:1rem;
	margin:auto;
	padding:0rem;
	}
	
	footer{
		background-color:#333333;
		width:100%;
		height:11.3rem;
		float:right;
		margin:auto;
		}

	#contenedorfooter{
		background-color:#f1f1f1;
		width:100%;
		margin:auto;
		}	

		footer nav{
			margin:auto;
			padding:0;
			height:1.6rem;
		}	
		
		footer nav ul{
			margin:auto;
			padding:0.7rem;
			list-style-type:none;
			width:13rem;
			float:left;

		}
			
		footer nav ul li a{
			color:#999999;
			font-size:0.9rem;
			display:block;
			height:1.5rem;
			text-align:left;
			line-height:1.7rem;
			font-family: 'Roboto:400', 'Arial', sans-serif;
			margin-left: 1rem;
				}
		
		#legales{
			color:#999999;
			font-size:0.7rem;
			width:100%;
			height:0rem;
			text-align:center;
			line-height:0.3rem;
			font-family: 'Roboto:300', 'Arial', sans-serif;
			float:left;
			margin:1.5rem;
				}

/* --RESPONSIVE 640--*/

@media (max-width:640px) {

#botoestatica{
        width:40rem;
        height:3rem;      
        margin:auto;
        }
    
#logoc{
        width:10rem;
        float:right;
        }
    
#slider{
        width:30rem;
        z-index:5 !important;
        }        
    
header{
            z-index:1000 !important;
            margin:auto;
			width:100%;
			height:2rem;
            position: fixed;
            background-color:rgb(51, 51, 51);
			clear:both;
		}
    
header{
            z-index:1000 !important;
            margin:auto;
			width:100%;
			height:2rem;
            position: fixed;
            background-color:rgb(51, 51, 51);
			clear:both;
		}
		
header nav{
			margin:auto;
			padding:0;
			width:60rem;
			height:3rem;
			position:fixed;
			float:right;
                
		}	
		
header nav ul{
			margin:auto;
			padding:0.2rem;
			list-style-type:none;
			width:70rem;
            padding:0.5rem;     
		}
		
header nav ul li{
			float:left;
			margin-left:2rem;
		}

header nav ul li#cyan:hover{
            border-bottom:4px solid rgb(0, 211, 255);
}

header nav ul li#magenta:hover{
            border-bottom:4px solid rgb(193, 67, 199);
}

header nav ul li#amarillo:hover{
            border-bottom:4px solid rgb(255, 255, 0);
}

header nav ul li#verde:hover{
            border-bottom:4px solid rgb(70, 155, 74);
}

header nav ul li#naranja:hover{
            border-bottom:4px solid rgb(255, 147, 0);
}

header nav ul li a{
			color:#FFFFFF;
			font-size:0.75rem;
			display:block;
			line-height:1rem;
			font-family:'Roboto:500','Arial',sans-serif;
            text-shadow: 0.1rem 0.1rem 0.1rem rgba(160, 154, 154, 0.79);
			margin-right:0rem;
            text-decoration:none;
				}

header nav ul li a:hover{
			color:#d4d4d4;
		}
    
#banner{
width:90rem;
height:9rem;
background-image:url(imagenes/fondo-top00.jpg);
background-size:contain;
background-repeat:no-repeat;
}

#llaveabre{
        float:left;
        width:3rem;
        }

#llavecierra{
        float:right;
        width:3rem;
        }

#cajabajada{
        width:35rem;
		background-color:#f2f2f2;
        line-height: -1rem;
		}
    
    .titulo-bajada{
		font-family: 'Roboto', 'Arial', sans-serif;
        font-size:1.2rem;
		color:#333333;
		}
    
    .texto-bajada{
		font-family:'Roboto','Arial', sans-serif;
		font-size:0.8rem;
		color:#333333;
		}    
    
    #comu{
		height:20rem;
		width:40rem;
		float:left;
        margin:0rem 0rem 0rem 0rem;
		display:block;
		}

    #comufb{
		height:20rem;
		width:21rem;
		float:left;
        margin:2rem 0rem 0rem 0rem;
		display:block;
		}

      #comutw{
		height:20rem;
		width:19rem;
		float:left;
        margin:2.5rem 0rem 0rem 0rem;
		display:block;
		}

    #cajatituloface{
		height:5rem;
		width:18.5rem;
        margin-bottom:-1rem;
		float:left;
		display:block;
		}

   #cajatitulotw{
		height:5rem;
		width:18.5rem;
        margin-bottom:-1rem;
		float:left;
		display:block;
		}

   #cajaface{
        z-index:5 !important;
		height:15rem;
		width:19rem;
		float:left;
        margin-bottom:1.3rem;
		display:block;
		}

    #cajatw{
		height:15rem;
		width:17rem;
        padding-left: 0.8rem;
		float:left;
		display:block;
		}
    
    #barra-gris2{
		width:38.6rem;
        background-color:rgb(102, 102, 102);
        height:2rem;
        margin-bottom:0rem;
		padding:0.1rem 0 0 0.4rem;
	   }
    
    #comitentes{;
        height:20rem;
		float:left;
		}

    #cajacomitentes{
        padding:9rem 1rem 1rem;
        float:left;
		}
    
    	#acc1{
		background-color: rgba(112, 70, 155, 0.9);												
		background-image:url(imagenes/greenpeace640.jpg);
		background-repeat:no-repeat;
		height:8rem;
		width:19rem;
		float:left;
		padding:0.5rem 0 0 0;
		margin:1rem 0.9rem 0 0;
		display:block;
		}
		
	#acc2{
		background-color: rgba(112, 70, 155, 0.9);
		background-image:url(imagenes/faduverde640.jpg);
		background-repeat:no-repeat;
		height:8rem;
		width:19rem;
		float:left;
		padding:0.5rem 0 0 0;
		margin:1rem 0 0;
		display:block;
        }
    
    #logofadu{
	float:right;
    padding-right:2rem;
    margin-top:0.5rem;
	}

.botonerainf{
	font-family: 'Roboto:400','Arial', sans-serif;
	font-size:0.5rem;
	color:#aaa;
	height:1rem;
	margin:auto;
	padding:0rem;
	}
	
	footer{
		background-color:#333333;
		width:39rem;
		height:11rem;
		float:left;
		margin:auto;
		}

	#contenedorfooter{
		background-color:#f1f1f1;
		width:38rem;
		}	

		footer nav{
			width:38rem;
			padding:0;
			float:left;
		}	
		
		footer nav ul{
			margin:auto;
			padding:1rem;
			list-style-type:none;
			width:10rem;
			float:left;

		}
			
		footer nav ul li a{
			color:#999999;
			font-size:0.9rem;
			display:block;
			height:1.5rem;
			text-align:left;
			line-height:1rem;
			font-family: 'Roboto:400', 'Arial', sans-serif;
			margin-left: 0rem;
				}
		
		#legales{
			color:#999999;
			font-size:0.6rem;
			width:37rem;
			height:0rem;
			line-height:0.3rem;
			font-family: 'Roboto:300', 'Arial', sans-serif;
			float:left;
			margin:1rem;
				}

    /* --RESPONSIVE 320--*/

@media (max-width:400px) {

#botoestatica{
        width:40rem;
        height:3rem;      
        margin:auto;
        }
    
#logoc{
        width:10rem;
        float:right;
        }
    
#slider{
        width:30rem;
        z-index:5 !important;
        }
    
header{
            z-index:1000 !important;
            margin:auto;
			width:100%;
			height:2rem;
            position: fixed;
            background-color:rgb(51, 51, 51);
			clear:both;
		}
    
header{
            z-index:1000 !important;
            margin:auto;
			width:100%;
			height:2rem;
            position: fixed;
            background-color:rgb(51, 51, 51);
			clear:both;
		}
		
header nav{
			margin:auto;
			padding:0;
			width:20rem;
			height:3rem;
			position:fixed;
			float:right;
                
		}	
		
header nav ul{
			margin:auto;
			padding:0.1rem;
			list-style-type:none;
			width:25rem;
            padding:0.5rem;     
		}
		
header nav ul li{
			float:left;
			margin-left:0.8rem;
		}

header nav ul li#cyan:hover{
            border-bottom:3px solid rgb(0, 211, 255);
}

header nav ul li#magenta:hover{
            border-bottom:3px solid rgb(193, 67, 199);
}

header nav ul li#amarillo:hover{
            border-bottom:3px solid rgb(255, 255, 0);
}

header nav ul li#verde:hover{
            border-bottom:3px solid rgb(70, 155, 74);
}

header nav ul li#naranja:hover{
            border-bottom:3px solid rgb(255, 147, 0);
}

header nav ul li a{
			color:#FFFFFF;
			font-size:0.7rem;
			display:block;
			line-height:1rem;
			font-family:'Roboto:500','Arial',sans-serif;
            text-shadow: 0.1rem 0.1rem 0.1rem rgba(160, 154, 154, 0.79);
			margin-right:0rem;
            text-decoration:none;
				}

header nav ul li a:hover{
			color:#d4d4d4;
		}
    
#banner{
width:25rem;
height:9rem;
background-image:url(imagenes/fondo-top00.jpg);
background-size:contain;
background-repeat:no-repeat;
float:left;
margin-top:1rem;
    
}

#llaveabre{
        float:left;
        width:3rem;
        }

#llavecierra{
        float:right;
        width:1rem;
        }

#cajabajada{
        width:24rem;
		background-color:#f2f2f2;
        line-height:-1rem;
		}
    
    .titulo-bajada{
		font-family: 'Roboto', 'Arial', sans-serif;
        font-size:1rem;
		color:#333333;
        margin-top: 1rem;
		}
    
    .texto-bajada{
		font-family:'Roboto','Arial', sans-serif;
		font-size:0.7rem;
        line-height:0.5rem;
		color:#333333;
		}    
    
    #barra-gris1{
		background-color:rgb(102, 102, 102);
		height:2rem;
        width:25rem;
		margin-bottom:0.3rem;
		padding:0.1rem 0 0 0.4rem;
	   }
    
    #teo1{
		background-color: rgba(0, 211, 255, 0.9);												
		background-image:url(imagenes/img_color02.jpg);
		background-repeat:no-repeat;
		height:10rem;
		width:4rem;
		padding:25rem 0.4rem 0rem;
        margin:0.5rem 0 0 0;
        float:left;
		display:block;
		}

    #teo1:hover{
        background-image: url(imagenes/img_color01.jpg); 
        }

    #teo2{
		background-color: rgba(193, 67, 199, 0.9);
		background-image:url(imagenes/img_papel02.jpg);
		background-repeat:no-repeat;
		height:10rem;
		width:4rem;
        padding:25rem 0.4rem 0rem;
		float:left;
		margin:0.5rem 0 0 0;
		display:block;
		}

    #teo2:hover{
        background-image: url(imagenes/img_papel01.jpg); 
        }
		
	#teo3{
		background-color: rgba(255, 255, 0, 0.9);
		background-image:url(imagenes/img_sistemas02.jpg);
		background-repeat:no-repeat;
		height:10rem;
		width:4rem;
        padding:25rem 0.4rem 0rem;
		float:left;
		margin:0.5rem 0 0 0;
		display:block;
		}

    #teo3:hover{
        background-image: url(imagenes/img_sistemas01.jpg); 
        }

	#teo4{
		background-color: rgba(70, 155, 74, 0.9);
		background-image:url(imagenes/img_impronta02.jpg);
		background-repeat:no-repeat;
		height:10rem;
		width:4rem;
        padding:25rem 0.4rem 0rem;
		float:left;
		margin:0.5rem 0 0 0;
		display:block;
		}
		
    #teo4:hover{
        background-image: url(imagenes/img_impronta01.jpg); 
        }

	#teo5{
		background-color: rgba(255, 147, 0, 0.9);
		background-image:url(imagenes/img_serig02.jpg);
		background-repeat:no-repeat;
		height:10rem;
		width:4rem;
        padding:25rem 0.4rem 0rem;
		float:left;
        margin:0.5rem 0.9rem 0 0;
		display:block;
		}

    #teo5:hover{
        background-image: url(imagenes/img_serig01.jpg); 
        }

    .titulo-teoriayaccion{
		font-family: 'Roboto', 'Arial', sans-serif;
		font-size:0.7rem;
        line-height:3rem;
        margin-bottom:1rem;
		color:#333333;        
        text-decoration:none;
		}

    .texto-teoriayaccion{
		font-family: 'Roboto', 'Arial', sans-serif;
		font-size:0.6rem;
        line-height:0.8rem;
		color:#333333;
		}
    
    #comu{
		height:20rem;
		width:40rem;
		float:left;
        margin:0rem 0rem 0rem 0rem;
		display:block;
		}

    #comufb{
		height:20rem;
		width:21rem;
		float:left;
        margin:2rem 0rem 0rem 0rem;
		display:block;
		}

      #comutw{
		height:20rem;
		width:40rem;
		float:left;
        margin:2.5rem 0rem 0rem 0rem;
		display:block;
		}

    #cajatituloface{
		height:5rem;
		width:18.5rem;
        margin-bottom:-1rem;
		float:left;
		display:block;
		}

   #cajatitulotw{
		height:5rem;
		width:18.5rem;
        margin-bottom:-1rem;
		float:left;
		display:block;
		}

   #cajaface{
        z-index:5 !important;
		height:15rem;
		width:19rem;
		float:left;
        margin-bottom:1.3rem;
		display:block;
		}

    #cajatw{
		height:15rem;
		width:40rem;
        padding-left: 0.8rem;
		float:left;
		display:block;
		}
    
    #barra-gris2{
		width:25rem;
        background-color:rgb(102, 102, 102);
        height:2rem;
        margin-top: 20rem;
        margin-bottom:0rem;
		padding:0.1rem 0 0 0.4rem;
	   }
    
    #comitentes{
        width:20rem;
        height:20rem;
		float:left;
		}

    #cajacomitentes{
        padding:9rem 1rem 1rem;
        float:left;
		}
    
    	#acc1{
		background-color: rgba(112, 70, 155, 0.9);												
		background-image:url(imagenes/greenpeace640.jpg);
		background-repeat:no-repeat;
		height:8rem;
		width:19rem;
		float:left;
		padding:0.5rem 0 0 0;
		margin:1rem 0.9rem 0 0;
		display:block;
		}
		
	#acc2{
		background-color: rgba(112, 70, 155, 0.9);
		background-image:url(imagenes/faduverde640.jpg);
		background-repeat:no-repeat;
		height:8rem;
		width:19rem;
		float:left;
		padding:0.5rem 0 0 0;
		margin:1rem 0 0;
		display:block;
        }
    
    #logofadu{
	float:right;
    padding-right:2rem;
    margin-top:0.5rem;
	}

.botonerainf{
	font-family: 'Roboto:400','Arial', sans-serif;
	font-size:0.5rem;
	color:#aaa;
	height:1rem;
	margin:auto;
	padding:0rem;
	}
	
	footer{
		background-color:#333333;
		width:20rem;
		height:20rem;
		float:right;
		margin:auto;
		}

	#contenedorfooter{
		background-color:#f1f1f1;
		width:20rem;
		}	

		footer nav{
			width:20rem;
			padding:0;
			float:right;
		}	
		
		footer nav ul{
			margin:auto;
			padding:1rem;
			list-style-type:none;
			width:10rem;
			float:left;

		}
			
		footer nav ul li a{
			color:#999999;
			font-size:0.7rem;
			display:block;
			height:1.5rem;
			text-align:left;
			line-height:2rem;
			font-family: 'Roboto:400', 'Arial', sans-serif;
			margin-left: 0rem;
				}
		
		#legales{
			color:#999999;
			font-size:0.7rem;
			width:18rem;
			height:5rem;
			font-family: 'Roboto:300', 'Arial', sans-serif;
			float:left;
            margin-top:18rem;
				}