﻿@charset "utf-8";
/* CSS Document */
.clear{
	clear:both;
}

body{
	margin:0px;
	background-image:url(../img/fondo.jpg)
}

#centrado_principal {margin:  -2px auto 22px auto; height:auto; width: 960px; /*background-color:#fff;*/ overflow:hidden;}
#imgFondo {float: left; width:1026px; height:298px; background-image:url(../img/img-fondo.png); background-repeat:no-repeat;}
#fondo {float: left; width:1026px; height:299px; background-position: center; background-image:url(../img/Imagen1.jpg); background-repeat:no-repeat; }

#cabezal{ height:250px; background-image:url(../img/cabezal.jpg); background-repeat:repeat-x;} 
#fondo_cabezal{margin:  0px auto auto auto; height:220px; width: 1000px;; overflow: hidden; background-image:url(../img/cabezal.png);}
#contiene_redes_busqueda{ float:right; width:350px; height:auto;}
#contiene_redes{ float:right; width:240px; height:40px; margin:11px 6px 0px 0px;}
#siguenos_redes{ float:left; margin:12px 0px 0px 10px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#contiene_busqueda{ float:right; width:215px; height:28px; background-color:#fff; margin:100px 0px 0px 0px;}
#centrado {margin:  0px auto auto auto; height:auto; width: 960px;}

#contiene_menu{ float:left; width:960px; height:46px; margin:-298px 0px 0px 0px; background-color:#000000;}
#menu{ float:left; width:960px; height:46px; margin:0px 0px 0px 0px; background-image:url(../img/menu/2.jpg); background-repeat:repeat-x;}
#opcion_menu{float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
#opcion_menu:hover a{ padding-top:14px; color:#000;}
#opcion_menu:hover{ background-color:#DBDBB7; color:#000;}
#opcion_menu2{float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; background-color:#DBDBB7; color:#000;}
#opcion_menu2 a{ padding-top:14px; color:#000; font-weight:bold;}
#separador{ float:left; background-image:url(../img/menu/separador.jpg); width:5px; height:42px; margin:1px 0px 0px 0px;}
#esquina-izq {float:left; background-image:url(../img/menu/1.png); width:6px; height:46px;}
#esquina-der {float:left; background-image:url(../img/menu/3.png); width:6px; height:46px;}
#opcion_submenu{float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; background-color: #DBDBB7; border:solid 1px #d8d9dd; margin-top:3px;}
#opcion_submenu a{ color: #000;}
#opcion_submenu:hover a{ color: #900;}
#opcion_submenu:hover{ background-color:#f6f6f7; color:#0a5900;}
#raya_verde{ float:left; width:4px; height:46px; background-color: #900; margin-top:3px;}
#contiene_galeria{ float:left; width:960px; height:320px; margin-top:-125px;}
#galeria{ float:left; width:850px; height:320px; margin:0px 0px 0px 0px;}

.prev{ float:left;  cursor:pointer; width:12px; height:71px; background-image:url(../img/notas/atras.png); margin:175px 10px 0px 35px;}
.prev:hover{ background-image:url(../img/notas/atras2.png);}
.next{ float:left; cursor:pointer; width:12px; height:71px; background-image:url(../img/notas/adelante.png); margin:175px 0px 0px 10px;}
.next:hover{ background-image:url(../img/notas/adelante2.png);}
.galeria{ float:left; width:850px; height:440px;}
#txt_galeria{ float:left; width:810px; height:90px; background-image:url(../img/notas/transparencia.png); margin:335px 0px 0px 20px;}
#titulo_galeria{ float:left; width:790px; min-height:15px; max-height:30px; height:auto; margin:10px 0px 0px 10px; text-transform:uppercase; overflow:hidden;}
#descrip_galeria{ float:left; width:790px; min-height:15px; max-height:30px; height:auto; margin:10px 0px 0px 5px; overflow:hidden;}
.gal_principal {  margin:0;  padding:0; list-style:none;  }

#contiene_centros{ float:left; width:930px; height:430px; margin:25px 0px 0px 15px;}
#contiene_noticias{ float:left; width:930px; height:auto; margin:10px 0px 0px 5px;overflow:visible;}
#contiene_las_noticias{ float:left; width:380px; height:auto; margin:15px 0px 0px 0px; overflow:visible;}
#noticia{ float:left; width:290px; height:267px; margin:0px 15px 0px 16px;}
#imagen_noticia{ float:center; width:290px; height:115px;}
#imagen_redessociales{ float:left; width:550px; height:700px;}
#trans_titulo_noticia{ float:left; width:290px; height:45px; background-image:url(../img/transparencia.png); margin:74px 0px 0px 0px;}
#titulo_noticia{ float:left; width:280px; height:35px; margin:5px 10px 0px 10px; overflow:hidden; text-transform:uppercase;}
#fecha_noticia{ width:280px; height:15px; overflow:hidden; margin:50px 0px 10px 10px;}
#intro_noticia{ float:left; width:280px; height:50px; overflow:hidden; margin:0px 0px 10px 10px; text-align:justify;}
#leer_mas{ float:right; width:100px; height:40px; margin-right:-25px; margin-top:-2px; background-image:url(../img/leermas0.png);}
#leer_mas:hover{background-image:url(../img/leermas2.png);}


/* Proyectos de Investigación   */
#cajaProyectoInvestigacion {border-radius: 2px 2px 2px 2px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);overflow: visible;
background:#FFF;opacity:0.8;filter:alpha(opacity=80);}
.cajaProyecto { float:left; margin-left:25px; width:280px; height:360px; overflow: visible;}
.cajaPosgrado { float:left; margin-left:25px; width:280px; height:360px; overflow: visible;}
#cajaFechaCalendarioPosgrado {float:left; margin-left:25px; width:54px; height:77px; overflow:hiden; background-image:url(../img/fondoCalendarioPosgrado.png); background-repeat:no-repeat;margin-left:228px; margin-top:79px;}
.fechaDDPosgrado {float:left; margin-top:0px; margin-left:12px; width:auto; height:auto;font-family:Arial, Helvetica, sans-serif;font-size:28px; font-weight:bold; color:#06C;}
.fechaMMPosgrado {float:left; margin-top:5px; margin-left:12px;  width:auto; height:auto;font-family:Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold; color: #fff;}
.fechaAAPosgrado {float:left; margin-top:2px; margin-left:12px; width:auto; height:auto;font-family:Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold; color: #000; border-top:#999 thin dotted;}

#cajaBtnPosgradoDoctorado {float:left; margin-left:0px; width:286px; height:154px; overflow:hiden; background-image:url(../img/btnDoctorado.png); background-repeat:no-repeat;margin-bottom:20px;}
#cajaBtnPosgradoMaestria {float:left; margin-left:0px; width:286px; height:154px; overflow:hiden; background-image:url(../img/btnMaestria.png); background-repeat:no-repeat;}

#imgProyecto {float:left; margin-top:8px;}
#cajaTituloProyecto {float:left; margin-left:35px; margin-top:8px; width:240px; height:20px; border-radius: 2px 2px 2px 2px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);overflow: hidden;background:#F90;}
.cajaTitulo {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#333; padding:5px; text-align:center;}
.tituloProyecto {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#900;padding:5px;}
.areaInvestigacion {font-family:Arial, Helvetica, sans-serif; font-size:0.375em;  color: #060;padding:5px;}
.parrafo {font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#333;text-align:justify;padding:2px;}
#imgAutorProyecto {float:left; margin-left:5px; margin-top:10px; width:44px; height:44px; border:thin #666 solid;}
#descripcionProyecto {float:left; margin-top:10px; height:115px;}
#datosInvestigador {float:left; margin-top:20px; margin-left:3px; width:190px;}
.nombreInvestigador {font-family:Arial, Helvetica, sans-serif; font-size:13px;color:#060;padding:5px;}
.emailInvestigador {font-family:Arial, Helvetica, sans-serif; font-size:11px;color: #06F;padding:5px;}
#leerMas {float:right; margin-top:10px; margin-right:10px;}

#cajaTituloPublicaciones {float:left; margin-left:35px; margin-top:8px; width:240px; height:20px; border-radius: 2px 2px 2px 2px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);overflow: hidden;background: #060;}
.cajaPublicaciones {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #FFF; padding:5px; text-align:center;}
.textoPublicacion {margin-top:8px;width:94%; font-family: Arial, Helvetica, sans-serif; font-size:13px; text-align:justify;}

/* Seccion de Noticias */
#seccionNoticias { float:left; width:380px; height:auto;}



/* Publicaciones */
#cajaActividades {float:left;width:930px;height:146px; margin-top:20px; margin-left:0px;}
#cajaActividad {float:left; margin-top:10px; width:270px; height:100px; margin-right:5px; background-image:url(../img/fondoActividades.png); background-repeat:no-repeat; background-position: right; padding:0px 8px 0px;}
.tituloSubSeccion393F3F {font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; color:#fff; padding:5px; border-radius: 2px 2px 2px 2px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);overflow: hidden;background: #060;}
.encabezados00A8A8 {font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#00A8A8; margin-top:0px;}
.encabezados09514F {font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#09514F;}
.balazos {font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#FCA359;}
.leermas034441 {font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#034441; text-decoration:none;}
.leermas666D6D {font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#666D6D; text-decoration:none; font-weight:bold;}


/* Seccion MEdios y redes   */
#seccionMedios { float:left; width:535px; height:auto; margin-left:10px;}
#reproductorYoutube {float:left; width:53Opx; height:auto; margin-left:0px; margin-top:10px;}
#titulo_youtube{ float:center; width:500px; height:30px; margin:8px; background-color: #702945; color:#FFF; padding:7px;border-radius: 2px 2px 2px 2px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);overflow: hidden;}
.titulo_youtube { font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#titulo_tw { float:center; width:500px; height:30px; margin:8px; background-color: #E63F81; color: #FFF; padding:7px;border-radius: 2px 2px 2px 2px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);overflow: hidden;}
.titulo_tw { font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#titulo_fb { float:left; width:210px; height:30px; margin:8px; background-color: #039; color: #FFF; padding:7px;border-radius: 2px 2px 2px 2px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);overflow: hidden;}
.titulo_fb { font-family:Arial, Helvetica, sans-serif; font-size:16px;}

#contiene_banners{ float:left; width:930px; height:136px; margin:0px 0px 30px 15px;}
#face_twitter{ float:left; width:930px; height:50px; margin:25px 0px 20px 15px;}

#titulo_centros{ float:left; width:210px; height:25px; margin:8px; background-color:#263b6e; color:#FFF; padding:7px;border-radius: 2px 2px 2px 2px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);overflow: hidden;}
.titulo_centros { font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#titulo_jardin_botanico{ float:left; width:210px; height:25px; margin:8px; background-color:#263b6e; color:#FFF; padding:7px;border-radius: 2px 2px 2px 2px;box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.33);overflow: hidden;}
.titulo_jardin_botanico { font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#separador_diagonal{ float:left; width:100%; height:15px; margin:-18px 0px 0px 0px; overflow:hidden; border-bottom-color:#630; border-bottom-style:dotted; border-bottom-width:thin;}

#contiene_slider_centros{ float:left; width:930px; height:280px; margin:15px 0px 0px 0px;}
#centro_atencion{ float:left; width:309px; height:115px; background-image:url(../img/bannercentro.jpg);}

#twitter{ float:left; width:450px; height:350px; margin:0px 0px 0px 0px;}
#facebook{ float:right; width:450px; height:350px; margin:0px 0px 0px 0px;}

.shadow {
    -moz-box-shadow: 0px 0px 35px #283318;
    -webkit-box-shadow: 0px 0px 35px #283318;
    box-shadow: 0px 0px 35px darkgreen;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#283318')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#283318');
}

.shadow2 {
    -moz-box-shadow: 0px 0px 7px #283318;
    -webkit-box-shadow: 0px 0px 7px #283318;
    box-shadow: 0px 0px 7px #283318;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#283318')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#283318');
}



        .centros {
            margin:0;
            padding:0;
            list-style:none;
            width:930ps;
            height:145px;
            overflow:hidden;
        }
        
        .centros li {
            text-align:left;
            display:block;
            width:930px;
            height:145px;
        }
        
        .carousel-pagination li {
            display:block;
            width:10px;
            height:10px;
            margin-right:5px;
            cursor:pointer;
            float:left;
            background:#E5E5E5 ;
			border-radius:5px;
			border:solid 1px #D1D3D4;
        }
        
        .carousel-pagination .carousel-pagination-active {
            background:#B3221A;
			border:solid 1px #B3221A;
        }


#pie{ float:left;height:110px; width:940px;   margin-bottom:15px;} 
#cajaInteriorPie {float:left;height:220px; width:940px; margin-left:8px; margin-bottom:10px;}
#logoPie {float:left;height:100px; width:120px;margin:5px; margin-left:80px;}
#cajaMenusPie {float:left;height:25px; width:750px;padding 5px; background-color:#600; margin-left:30px;}
#cajaBtnPie {float:left;height:auto; width:auto; padding:5px; text-align:left; font-size:12px;  text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; border-right:#933 thin dotted;}
#cajaBtnPie a { text-decoration:none;color:#CCCC99;}
#cajaBtnPie a:hover { text-decoration:none; color:#FFFFFF;}
#cajaSecciones {float:left;height:auto; width:750px;padding 5px; margin-left:30px; margin-top:10px;font-size:11px; font-weight:bold;  text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;}
#cajaSecciones a { text-decoration:none;color:#600;}
#cajaSecciones a:hover { text-decoration:none; color: #960;}
#cajaPieOtrosL {float:left;height:auto; width:auto; padding-right:20px; margin-left:10px; margin-top:0px; border-right:#630 thin dashed;}
#cajaPieOtrosC {float:left;height:auto; width:auto; padding-right:20px; margin-left:10px; margin-top:0px; border-right:#630 thin dashed;}
#cajaPieOtrosR{float:left;height:auto; width:auto; padding-right:20px; margin-left:10px; margin-top:0px;}
.tituloPieSecciones {margin-bottom:20px; font-size:16px; font-weight:bold;  text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; color:#006600;}
.tituloPiesubSecciones {margin-bottom:20px; font-size:12px; font-weight:bold;  text-transform:uppercase;font-family:Arial, Helvetica, sans-serif; color:#006600;}
.separadorPieSecciones {float:left;height:8px;; width:745px;margin-left:0px; margin-top:0px; border-bottom:#663300 thin dashed;}
.puntoPie {font-size:14px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; color:#000; padding-left:5px; padding-right:5px;}



#cajaDerechos {float:left;background-image:url(../img/pie/pie.jpg); background-repeat:repeat-x; width:960px;}
#desarrollado_pie{ float:left; height:36px; margin:5px 0px 0px 480px; text-align:right;}
/*#centrado_pie {margin:  0px auto 0px auto; height:auto; width: 960px; overflow:hidden;}
#logos_pie{ float:left; margin:30px 0px 0px 380px;}*/
#direccion_pie{ float:left; margin:30px 0px 0px 400px;}

#desarrollado_pie a{ text-decoration:none; color:#98bd11;}


/*TIPOGRAFIAS*/
.txt_busqueda{ height:24px; border:none; color:#58595B; font-size:11px; font-family:Arial, Helvetica, sans-serif; width:185px;}
.arial_14_bold_fff{ font-family:"Arial", Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#1f3759;}
.arial_13_fff{ font-family:"Arial", Helvetica, sans-serif; font-size:14px; color:#d8d9dd;}
.arial_14_fff{ font-family:"Arial", Helvetica, sans-serif; font-size:14px; color:#fff;}
.arial_13_434040{ font-family:"Arial", Helvetica, sans-serif; font-size:14px; color:#434040;}
.arial_21_84a43e{ font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#060;}
.arial_14_84a43e{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #060; font-weight:bold;}
.verdana_12_dfd1c1{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#630;}
.arial_21_d01e6f{ font-family:Arial, Helvetica, sans-serif; font-size:21px; color: #630;}