/*Hoja de estilos de estilos jt09*/

@charset "utf-8";

body{
background: url(fondo_index.jpg) repeat fixed center center #333;
    background-size: 100%;border: 7.5px solid #fff;
}











/* le damos formato al div que va a contener toda nuestros elementos */
div#contenedor{margin:0;width: 100%;}

/* le damos formato al header */
header{width:100%; height:75px;}









div#menucompleto{font-family: 'fira_sansbold';width: 260px;float: left;margin-left: -40px;}

div#primermenu{font-size: 21pt;}

div#primermenu ul li{
list-style: none;
margin: 0pt;
padding-bottom: 0.8pt;
}

div#primermenu a{text-decoration: none;}

.link1{color: #98C11D;}
.link2{color: #82A51A;}
.link3{color: #6A8815;}
.link4{color: #4F680F;}
.link5{color: #304404;}
.link6{color: #521D18;}
.link7{color: #7C302D;}

div#segundomenu{font-size: 14; color: #676767;padding-top: 40px;}

div#segundomenu ul li{
list-style: none;
margin: 0pt;
padding-bottom: 0.8pt;
}

div#segundomenu a{text-decoration: none;color: #676767}

div#divobjetivos0{width: 100%; height: 100px; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
div#divobjetivos1{width: 48%; float: left;margin-top: 7px;}
div#divobjetivos2{width: 48%; float: left;margin-left: 20px;margin-top: -35px;}
div#divobjetivos3{width: 48%; float: left;margin-left: -0px;margin-top: -35px;}

h1{font-family: 'fira_sansbold';font-size: 21pt;color: #000;text-align: left;}
h2{font-family: 'fira_sansbold';font-size: 42pt;color: #fff;text-align: left;}

div#copete{width: 100%; text-align: right;font-size: 18pt;}

/* el section va a contener los 4 divs, el overflow:hidden obliga al section a reconocer los elementos con float y crecer de acuerdo a ellos */
section{font-family: 'Rosario', sans-serif;font-size: 10.5pt; float: left;width: 700px;display: inline;}

/*le damos propiedades a TODOS LOS DIVS DENTRO DE SECTION*/
section div{width:200px; float:left;height:336px;margin: 0;}

/*le damos propiedades distintas a el <div id="a"> sobreescribiendo aquellas que definimos para todos los divs*/
div#columna1{color: #000000;}

div#subcolumnas{width: auto; margin-top: 150px;font-size: 7pt;}
div#subcolumna1{width: 30%;}
div#subcolumna2{width: 65%;margin-left: 5px;}


div#columna2{width:300px;margin-left: 20px}

img#img-fadu-verde{border: 5px solid #fff;width: 500px;}


/*columnas del HTML objetivos*/
div#objetivos{width: 48%;margin-top: 20px;height: 180px;margin-left: 20px;}

div#origendelproyecto{width: 25%;height: 140px;}

div#subcolumnas2{width: auto;margin-top: 20px;height: 180px;}
div#subcolumna3{width: 47%;width: 175px}
div#subcolumna4{width: 47%;margin-left: 20px;}

div#subcolumnas3{width: 500px;margin-top: 20px;height: 180px;float: left;}
div#subcolumna5{width: 45%;margin-left: 20px;}
div#subcolumna6{width: 45%;margin-left: 20px;}

div#segundafila{width: 25%;height: 180px;border-top: 1px solid #000000; border-bottom: 1px solid #000000;}

div#subcolumnas4{width: auto;margin-top: 20px;height: 180px;}
div#subcolumna7{width: 47%;}
div#subcolumna8{width: 47%;margin-left: 20px;}

div#segundafila2{width: 46%;height: 180px;border-top: 1px solid #000000; border-bottom: 1px solid #000000;}

div#subcolumnas5{width: 500px;margin-top: 20px;height: 180px;float: left;}
div#subcolumna9{width: 45%;margin-left: 20px;}
div#subcolumna10{width: 45%;margin-left: 20px;}

div#divobjetivos0{width: 100%; height: 100px; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
div#divobjetivos1{width: 48%; float: left;}
div#divobjetivos2{width: 48%; float: left;margin-left: -233px;}

h3{font-family: 'fira_sansbold';font-size: 21pt;color: #000;text-align: left;}
h4{font-family: 'fira_sansbold';font-size: 21pt;color: #000;text-align: left;margin-top: 70px;margin-left: 60px;}

div#investigacion{width: 30%;height: 180px;}
div#investigacion2{width: 30%;height: 180px;margin-left: 20px;}
div#investigacion3{width: 30%;height: 180px;margin-left: 20px;}

/*al footer le agrego el clear:both para que reconozca los floats de los elementos anteriores, les respete su espacio y no "se suba" */
footer{height:50px; padding-top: 15px; clear:both;}

footer ul li{list-style: none; float:left;}

footer ul li img{width: 50%;height: 50%;}










@font-face {
    font-family: 'fira_sansbold';
    src: url('fuentes/fira/firasans-bold-webfont.eot');
    src: url('fuentes/fira/firasans-bold-webfont.woff') format('woff'),
         url('fuentes/fira/firasans-bold-webfont.ttf') format('truetype'),
         url('fuentes/fira/firasans-bold-webfont.svg#fira_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@import url(http://fonts.googleapis.com/css?family=Rosario:400,700);

@media all and (min-width:0px) and (max-width:350px){img#img-fadu-verde{border: 5px solid #fff;width: 300px;}
    section div{width:200px; clear: both;height:336px;margin: 0;}
    }