<head>
    <style>
            .animate	{ 
                background-image: url(twitter.png), url(plain.png), url(clouds.png);
                background-position: 100px 100px, 0 0,-400px 10px;
                background-repeat: no-repeat, no-repeat, repeat;
                animation: animated 4s linear infinite;
                -webkit-animation: animated 4s linear infinite;
                width: 100%;
                max-width: 100%;
                height: 500px;  
                margin: 0 auto
            }

            @keyframes animated {
                0%   {background-position: 100px 120px,-400px 10px, 0 0;}
            50%  {background-position: 100px 100px, -400px 10px, 50% 0;}
            100% {background-position: 100px 120px, 2200px 10px, 100% 0;}
            }

            @-webkit-keyframes animated {

                0%   {background-position: 100px 120px,-400px 10px, 0 0;}
            50%  {background-position: 100px 100px, -400px 10px, 50% 0;}
            100% {background-position: 100px 120px, 700px 10px, 100% 0;}

            }
			
			
			
        body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(fondo2.jpg);
	background-repeat:repeat;
	background-color: bcecf3;
	
	
	
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
    <div class="animate"></div>
        
    <div style="width: 100%; height: 120px;"> 
<img src="imagenes/fondono.png" /> 


<div style="position: relative; top: 700px; left: 100px;"> 





}


body{
margin: 0 0 0 0;
background-color:
#f5f5f5;
background-repeat:repeat;
}

.tabla{
background-color:#A0D2FF;
background-repeat:repeat;
}



.textoblanco{
font-family:
Tahoma, Geneva, sans-serif;
font-size:20px;
color:
#fff;
text-align: justify;
}

.textoblanco_2{
font-family:
Tahoma, Geneva, sans-serif;
font-size:12px;
color:
#fff;
text-align: justify;
}


.textorojotemas{
font-family:
Tahoma, Geneva, sans-serif;
font-size:17px;
color:
#e97561;
text-align: justify;
}


.texto_grueso{
font-family:
Tahoma, Geneva, sans-serif;
font-size:12px;
color:
#fff;
font-weight:bold;
text-align: justify;
}



.texto{
font-family:
verdana, Geneva, sans-serif;
font-size:11px;
color:
#303030;
text-align: justify;
}

.texto_negro_bold{
font-family:
verdana, Geneva, sans-serif;
font-size:11px;
color:
#000;
text-align: justify;
font-weight:bold;
}


.textobold2{
font-family:
"verdana", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:19px;
color:
#F90206;
}

.quehazhecho{
font-family:
"verdana", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:30px;
color:
#e97561;
font-weight:lighter;
}


.textonegro{
font-family:
"verdana", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:25px;
color:#343434;
font-weight:bold;
}

.textonegro2{
font-family:
"verdana", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:15px;
color:
#343434;
}

.textonegro3{
font-family:
"verdana", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:19px;
color:
#343434;
}


.textoblanco{
font-family:
"verdana", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:25px;
color:
#fff;
font-weight:bold;
}

.textograndeazul{
font-family:
"verdana", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:22px;
color:
#e97561;
font-weight:bold;
}

.textoblanco2{
font-family:"verdana", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:13px;
color:
#fff;
font-weight:100;
}




.pie{
font-family:
"verdana", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed";
font-size:12px;
color:#09a4c1;
}

.texto_todo{
font-family:
"verdana", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed";
font-size:12px;
color:#000;
text-align: justify;
}

.noticias1{
font-family:
"arial";
font-size:50px;
color:#257d5b;
}


.nombre{
font-family:
"arial";
font-size:50px;
color:#e97561;
font-weight:bold;
}



.noticias2{
font-family:
"verdana";
font-size:20px;
font-weight:bold;
color:#636766;
}

.fecha{
font-family:
"verdana";
font-size:11px;
color:
#323232;
}


a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#09a4c1;
}

a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#79e2f6;
}


.clouds{
background-image:url(imagenes/clouds.png);
background-repeat:repeat-x;
}


.arriba{
background-image:url(imagenes/arriba.jpg);
background-repeat:repeat-x;
}



.cuadroverde{
background-image:url(imagenes/cuadroverde.jpg);
background-repeat:
no-repeat;
}

.verde2{
background-image:url(imagenes/verde2.jpg);
background-repeat:
no-repeat;
}


.lineaazul{
background-image:url(imagenes/linea_azul.jpg);

}

.noti11{
background-image:url(imagenes/fondo_oficial.jpg);
background-repeat:
repeat;
}


.uneteb{
background-image:url(imagenes/unete_back.jpg);
background-repeat:repeat-x;
}



.lineaazul22{
background-image:url(imagenes/linea_azul22.jpg);
background-repeat:
repeat-x;
}


.linearoja{
background-image:url(imagenes/linearoja.jpg);
background-repeat:
repeat-x;
}


.gris{
background-image:url(imagenes/gris.jpg);
background-repeat:repeat;
}

.azulfacebook{
background-image:url(imagenes/azulfacebook.jpg);
background-repeat:
repeat;
}

.verde_todo{
background-image:url(imagenes/verde_todo.jpg);
background-repeat:
repeat;
}

.barra_noticias{
background-image:url(imagenes/barra_noticias.jpg);
background-repeat:
repeat;
}


.logo{
background-image:url(imagenes/gobalogo.png);
background-repeat:
repeat;
}


.1{
background-image:url(imagenes/1.png);
background-repeat:
no-repeat;
}

.2{
background-image:url(imagenes/2.png);
background-repeat:
no-repeat;
}

.3{
background-image:url(imagenes/3.png);
background-repeat:
no-repeat;
}

.4{
background-image:url(imagenes/4.png);
background-repeat:
no-repeat;
}

.5{
background-image:url(imagenes/5.png);
background-repeat:
no-repeat;
}

.6{
background-image:url(imagenes/6.png);
background-repeat:
no-repeat;
}

.temas_fondo{
background-image:url(imagenes/temas_fondo.jpg);
background-repeat:
repeat;
width: 100%;
        min-height: 100%;
        height: auto !important;
        height: 100%;
}


.barra_colores{
background-image:url(imagenes/barra_colores.jpg);
background-repeat:
repeat;
}

.gris_index{
background-image:url(imagenes/gris_index.jpg);
background-repeat:
repeat;
}




.border
{border-bottom: solid 1px #E9E9E9;
}

.border11{
<p style="border: solid 1px #000000; ">
</p>}


