@import "reset.css";
body{
font-size:11px;
font-family:"trebuchet MS";
background:#D1CBC2 url(../img/bg.jpg) repeat-x;
width:100%;
color:#555454;
}
#header{
width:965px;
height:123px;
background:url(../img/header.jpg) no-repeat;
margin:0 auto;
}
#texto-header{
color:#FFF;
font-size:10px;
font-weight:bold;
width:475px;
padding:62px 0 0 120px;
}
#texto-header a {
color:#FFF;}
#menu{
width:320px;
height:37px;
background:url(../img/menu.jpg) no-repeat;
margin:26px 0 0 600px;
position:absolute;
}
#menu ul{
margin:2px 0 0 0;
padding:0;
float:left;
}
#menu li{
float:left;
text-indent:-5000px;
margin:0;
padding:0;
}
#menu li a.a1{
width:94px;
height:35px;
display:block;
}
#menu li a.a1:hover{
background:url(../img/menu-on.jpg) no-repeat 0 -2px;
}
#menu li a.b1{
display:block;
width:139px;
height:35px;
}
#menu li a.b1:hover{
background:url(../img/menu-on.jpg) no-repeat -94px -2px;
}
#menu li a.c1{
display:block;
width:87px;
height:35px;
}
#menu li a.c1:hover{
background:url(../img/menu-on.jpg) no-repeat -233px -2px;
}
#cuerpo-blanco{
background:url(../img/cuerpo-blanco-medio.png) repeat-y!important;
width:965px;
margin:0 auto;
}
#columna-izq{
width:155px;
float:left;
margin:0;
}
#menu2{
background:url(../img/menu2.jpg) no-repeat;
width:128px;
height:188px;
margin:0 0 0 5px;
}
#menu2 ul{
padding:0;
margin:0;
float:left
}
#menu2 li{
margin:4px 0 4px 0;
text-indent:-5000px;
}
* html #menu2 li{
margin:2px 0 2px 0;
}
*+html #menu2 li{
margin:2px 0 2px 0;
}
#menu2 li a{
width:125px;
height:34px;
display:block;
}
#menu2 li a.a:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -4px;
}
*+html #menu2 li a.a:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -2px;
}
* html #menu2 li a.a:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -2px;
}
#menu2 li a.b:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -42px;
}
*+html #menu2 li a.b:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -40px;
}
* html #menu2 li a.b:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -40px;
}
#menu2 li a.c:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -80px;
}
*+html #menu2 li a.c:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -78px;
}
* html #menu2 li a.c:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -78px;
}
#menu2 li a.d:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -118px;
}
*+html #menu2 li a.d:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -116px;
}
* html #menu2 li a.d:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -116px;
}
#menu2 li a.e:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -156px;
}
*+html #menu2 li a.e:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -154px;
}
* html #menu2 li a.e:hover{
background:url(../img/menu2-on.jpg) no-repeat -1px -154px;
}
.proyectos{
background:url(../img/proyectos.png);
width:133px;
height:27px;
margin:10px 0 0 4px;
}
.img-proyectos{
width:105px;
margin:5px 0 0 15px;
}
.img-proyectos .texto {
font-family:"trebuchet MS";
font-size:12px;
color:#E62A0A;
font-weight:bold;
text-align:center;
margin:5px 0 9px 0;
}
.img-proyectos .texto a{
color:#E62A0A;
}
.img-proyectos .texto a:hover{
color:#721609;
}
#pie{
background:url(../img/pie.jpg);
width:965px;
height:30px;
margin:0 auto 20px;
}
#columna-der{
width:800px;
float:left;
margin:20px 0 0 0;
}
/*********HOME********/
#columna-home1{
width:253px;
float:left;
margin:20px 0 0 10px; 
}
#columna-home1-pro{
width:285px;
float:left;
margin:20px 0 0 10px; 
}
#columna-home1 p{
color:#555454;
font-size:12px;
margin:10px 0 0 5px;
line-height:17px;
}
#frutos{
margin:10px 0 0 5px;
}
#columna-home2{
width:254px;
height:388px;
float:left;
margin:20px 0 0 5px;
background:url(../img/columna-home-2.jpg) no-repeat;
}
#columna-home3 a{
margin:5px 0 0 5px;
width:243px;
height:168px;
background:url(../img/img-c3.jpg);
text-indent:-5000px;
display:block;
}
#columna-home3 a:hover{
background:url(../img/img-c3-on.jpg);
}
#columna-home2 a{
margin:5px 0 0 5px;
width:243px;
height:168px;
background:url(../img/img-c2.jpg);
text-indent:-5000px;
display:block;}
#columna-home2 a:hover{
background:url(../img/img-c2-on.jpg);
}
#columna-home2 p, #columna-home3 p{
color:#FFF;
font-size:12px;
margin:10px 0 0 12px;
width:230px;
}
.prototipos{
font-size:18px;
}
#columna-home3{
width:254px;
height:388px;
float:left;
margin:20px 0 0 5px;
background:url(../img/columna-home-3.jpg) no-repeat;
}
/***************NOVEDADES**************************/
#h-novedades{
background:url(../img/novedades.jpg) no-repeat;
width:767px;
height:45px;
margin:-19px 0 0 0;
}
* html #h-novedades{
margin:0;
}
#col-izq-novedades{
width:522px;
float:left;
}
.h-novedades{
color:#DF250B;
font-size:20px;
font-weight:bold;
margin:10px 0 0 10px;
}
#col-izq-novedades img{
margin:10px 0 0 25px;
}
#col-izq-novedades #texto{
width:500px;
margin:20px 0 0 10px;
}
#col-izq-novedades #texto p{
color:#555454;
font-size:12px;
line-height:17px;
}
#col-der-novedades{
width:220px;
float:left;
margin:10px 0 0 0;
}
.h-novedades-der{
color:#F15A24;
font-size:18px;
font-weight:bold;
}
#col-der-novedades ul{
margin:15px 0 0 10px;
}
#col-der-novedades li{
list-style-image:url(../img/li.jpg);
list-style-position:inside;
color:#F7931E;
font-size:12px;
font-family:Verdana;
line-height:15px;
} 
#col-der-novedades li a{
color:#F7931E;}
/***************PARTICIPAR**************************/
#h-participar{
background:url(../img/participar.jpg) no-repeat;
width:762px;
height:38px;
margin:-10px 0 0 0;
}
#caja-participar{
width:764px;
background:#fdefd9;
height:200px;
}
#caja-participar #cajita{
width:314px;
margin:0 auto;
padding:15px 0 0 0;
}
#caja-participar #cajita p{
font-size:12px;
font-weight:bold;
color:#555454;
line-height:16px;
}
#caja-participar #texto{
text-align:center;
color:#f29400;
font-size:11px;
font-weight:bold;
width:261px;
margin:15px auto 0;
}
.f13{
font-size:14px;
line-height:18px;
}
/***************QUIENES-COLABORAN**************************/
#h-quienes{
background:url(../img/h-quienes.jpg) no-repeat;
width:763px;
height:36px;
margin:-10px 0 0 0;
}
* html #h-quienes{
margin:0;
}
#caja-quienes{
width:764px;
background:#fdefd9;
height:400px;
}
#caja-quienes p{
color:#555454;
font-size:12px;
text-align:center;
padding:20px 0 0 0;
}
#cont-img-quienes{
width:500px;
margin:20px auto 0;
}
#cont-img-quienes2{
width:300px;
margin:0 auto 0;
}
/**************CUERPO-TEORICO**********/
#h-cuerpo{
background:url(../img/hcuerpo.jpg) no-repeat;
width:766px;
height:38px;
margin:-10px 0 0 0;
//margin:0;
}
#caja-cuerpo{
width:764px;
background:#fbffe6;
height:400px;
}
.bloque{
width:360px;
margin:20px 10px 0 10px;
float:left;
//margin:10px 5px 0 5px;
}
.bloque .text{
width:305px;
float:left;
}
.bloque .text .titulo{
color:#fcd610;
font-size:14px;
text-decoration:underline;
line-height:24px;
font-weight:bold;
}
.bloque .text a{
color:#fcd610;
text-decoration:underline;
}
.bloque .text p{
color:#555454;
font-size:11px;
line-height:14px;}
.bloque img{
margin:12px 0 0 0;}
#este-material{
color:#555454;
font-size:11px;
line-height:14px;
float:left;
margin:75px 0 0 10px;
}
/**************PROTOTIPOS**********/
#h-prototipos{
background:url(../img/h-prototipos.jpg) no-repeat;
width:766px;
height:38px;
margin:-20px 0 0 0;
}
* html #h-prototipos{
margin:0;
}
#caja-prototipos{
margin:20px 0 0 40px;
width:618px;
height:477px;
background:url(../img/bg-prototipos.jpg) no-repeat;
position:relative;
}
#caja-prototipos img{
border:2px solid #CCC;
}
#caja-prototipos img:hover{
border:2px solid #C0D80B;
}
#a1{
position:absolute;
top:105px;
left:152px;
}
#a2{
position:absolute;
top:105px;
left:230px;
}
#a3{
position:absolute;
top:105px;
left:308px;
}
#a5{
position:absolute;
top:105px;
left:462px;
}
#b1{
position:absolute;
top:179px;
left:152px;
}
#b2{
position:absolute;
top:179px;
left:230px;
}
#b3{
position:absolute;
top:179px;
left:308px;
}
#b5{
position:absolute;
top:179px;
left:462px;
}
#c1{
position:absolute;
top:254px;
left:152px;
}
#c4{
position:absolute;
top:254px;
left:386px;
}
#d1{
position:absolute;
top:328px; 
left:152px;
}
#d2{
position:absolute;
top:328px; 
left:230px;
}
#d3{
position:absolute;
top:328px; 
left:308px;
}
#d5{
position:absolute;
top:328px; 
left:462px;
}
#e4{
position:absolute;
top:402px; 
left:386px;
}
#e6{
position:absolute;
top:402px; 
left:540px;
}
/************proyectos**********/
.t-proyectos{
font-family:"trebuchet MS";
font-size:12px;
color:#E62A0A;
font-weight:bold;
text-align:center;
margin:5px 0 9px 0;
}
#columna-proyectos{
float:left;
margin:20px 0 0 5px;
}
/**************QUIENES SOMOS**********/
#h-quienes-somos{
background:url(../img/quienes-somos.jpg) no-repeat;
width:762px;
height:51px;
margin:0 0 0 0;
}
#caja-quienes-somos{
width:761px;
background:#ecf2e2;
}
#caja-quienes-somos2{
width:761px;
background:#ecf2e2;
}
#caja-quienes-somos p{
text-align:center;
padding:5px 0 0 0;
}
#caja-quienes-somos2 p{
text-align:left;
padding:5px 0 0 0;
}
#qs-img{
float:left;
margin:30px 0 30px 130px;
//margin:30px 0 30px 65px;
}
#foto{
margin:-20px 0 0 50px;
}
#der-qs{
float:left;
margin:60px 0 0 20px;
}
.integrantes{
color:#67b031;
font-weight:bold;
line-height:15px;
cursor:pointer;
}
.t-integrantes{
font-size:10px;
font-weight:bold;
line-height:15px;
}
.ul-quienes{
margin:20px 0 0 0;
}
.pasantes{
color:#67b031;
line-height:15px;
}
#der-qs li a{
color:#67b031;;
}
.padding-bottom{
padding:0 0 30px 0;
}
.int a{
color:#000;
}
/**************CONTACTO**********/
#h-contacto{
background:url(../img/h-contacto.jpg) no-repeat;
width:761px;
height:50px;
margin:0 0 0 0;
}
.table-text{
color:#6aa702;
font-size:12px;
font-weight:bold;
width:90px;
}
.input{
width:158px;
height:17px;
background:#cee9a5;
color:#000;
font-weight:bold;
margin:5px 0;
}
.text-area{
width:434px;
height:105px;
background:#cee9a5;
color:#000;
font-weight:bold;
margin:5px 0;
}
td .table-text.left{
margin:-100px 0 0 0;
//margin:0;
}
#caja-quienes-somos table{
margin:20px 0 20px 100px;
}
.button{
width:74px;
height:19px;
background:url(../img/btn.jpg) no-repeat;
border:0;
float:right;
margin:0 20px 0 0 ;
color:#FFF;
font-size:10px;
font-weight:bold;}
/**************OBJETIVOS**********/
#h-objetivos{
background:url(../img/h-objetivos.jpg) no-repeat;
width:762px;
height:50px;
margin:0 0 0 0;
}
#columna-objetivos{
width:365px;
margin:5px 0 20px 0;
float:left;
line-height:15px;
}
#columna-objetivos p{
text-align:left;
margin:0 0 0 10px;
}
#columna-objetivos img{
margin:10px 0 0 40px;
}
#filosofia{
background:url(../img/filosofia.jpg) no-repeat;
width:376px;
height:53px;
margin:0 0 0 0;
}
#columna-objetivos li, #columna-der-objetivos li{
list-style-image:url(../img/li2.jpg);
list-style-position:inside;
margin:0 0 0 10px;
}
#columna-der-objetivos{
width:351px;
float:left;
margin:5px 0 0 25px;
line-height:15px;
}
#columna-der-objetivos img{
margin:30px 0 0 30px;
} 
.f18{
font-size:18px;
}
.color-verde{
color:#67b031;
font-weight:bold;
text-align:left;
}
.color-oscuro{
color:#555454;
font-weight:bold;
}
.hidden {
display:none;
}