@charset "utf-8";

/* ==========================================================================
   CSS PORTAL
   ========================================================================== */
   @font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{font-family:'OpenSansLight', Arial, sans-serif; color:#333;}
.wrapper{margin: 0 auto; width:1000px; }
section{clear:both;}
article{background:#E2E2E3;}
.considebar{min-height: 475px ;width:659px; padding-right:20px; float:left; border-right:1px solid #ddd;background: linear-gradient(275deg, rgb(235, 236, 238) 10%, rgb(255, 255, 255) 81%); margin-bottom: 20px;}
.sidebar{width:300px; padding:0 0 0 20px; float:left;}
.sidebar .bloque{border:1px solid #ccc;}
.sinborde{border:0 none!important;}
.bloque h3{margin:0;}
.bloque img{ box-shadow:6px 4px 8px rgba(50, 50, 50, 0.7); margin-left:5 px;}
.bloque span, .bloque p{padding: 10px 10px; margin:0;}
#preheader{
	height:22px;
	background:#01AAD1;
	color:#fff;	
	}
#header{
	background:url(../img/header-bg.jpg) no-repeat top left;
	height:191px;
	}
#main-container{background:#fff; min-height:500px;  padding-bottom:20px; clear:both;   
/*
border:1px solid #ccc; background: #eee;
background: -moz-linear-gradient(90deg, #eee 20%, rgb(255, 255, 255) 70%);
background: -webkit-linear-gradient(90deg, #eee 20%, rgb(255, 255, 255) 70%);
background: -o-linear-gradient(90deg, #eee 20%, rgb(255, 255, 255) 70%);
background: -ms-linear-gradient(90deg, #eee 20%, rgb(255, 255, 255) 70%);
background: linear-gradient(180deg, #eee 20%, rgb(255, 255, 255) 70%);
*/
}
.portada{padding-bottom:0!important; background: url(../img/slider2-bg.jpg) no-repeat center 278px!important; border:none!important}
#footer-container{
	min-height:176px;
	background:#01AAD1;
	border-top:1px solid #ccc;
	min-width:1000px;
	color:#fff;
	clear: both !important;
	}


/*MENU*/
nav ul{width:100%; height:42px; border-top:2px solid #d4d4d4; background:#c6c6c6; float:left; margin:0; padding:0;}
nav li{float:left; display:inline;}
nav a{padding:0 11px; height:42px; line-height:42px; display:block; color:#666666; text-decoration:none; font-size:14px; font-weight:300; color:#333;}
nav a:hover, nav .activa{background: url(../img/bg-nav-activa.jpg) 0px 33px repeat-x;}
nav #inicio a{text-indent:-9999em; background:url(../img/nav-inicio.png) no-repeat 0 13px; width:18px;}
nav #inicio a:hover, #inicio.activa{text-indent:-9999em; background:url(../img/nav-inicio-activo.png) no-repeat 0 13px;}


/*LOGO*/
#header h1{margin:0; padding:0;}
#header h1 a{ text-indent:-9999em; background:url(../img/logo-universidades-lectoras.jpg) no-repeat; width:92px; height:147px; display:block; float:left;}   


/*LOGIN Y BUSCADOR*/
#header .sidebarH{float:right; display:inline; width:207px;}
#header .sidebarH form{border:1px solid #ccc; background:#FFFFFF; padding:5px 10px ; overflow:auto; margin:2px 0 0 0 ; opacity:0.9; filter:alpha(opacity=90);}
.sidebarH h3{background:none;}
#header .sidebarH input[type="text"], #header .sidebarH input[type="password"]{
	border:1px solid #01AAD1; padding:3px 5px;
font-size:13px;
width:120px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.sidebarH input[type="submit"]{ width:40px!important; margin-left:5px; border:0; color:#01AAD1; font-size:14px; background:#fff; border:none;}
#header .sidebarH h3{margin:0; padding:2px 0; font-size:.75em; color:#666; font-weight:300;}
#header .sidebarH p{margin:0; padding:3px 0;}
#header .sidebarH .perdido{padding:1px 0 3px; line-height:10px;}
#header .sidebarH a{color:#00AAD1; font-size:0.7em;}


/*BUSCADOR GOOGLE*/
.buscar{height:31px;overflow:hidden;}
.buscar form{border:0!important;background:transparent!important;padding:0!important;}
.cse .gsc-control-cse,.gsc-control-cse{width:207px!important;border:0!important;background-color:transparent!important;padding:0!important;}
.cse .gsc-search-button input.gsc-search-button-v2,input.gsc-search-button-v2{width:13px;margin-top:3px!important;padding:4px 7px 5px!important;}
.gsc-input-box{border:1px solid #01AAD1!important;border-radius:0!important;height:22px!important;}
.cse input.gsc-search-button,input.gsc-search-button{background:#01AAD1!important;border:1px solid #01AAD1!important;border-radius:0!important;}
.gsc-search-box-tools .gsc-search-box .gsc-input,table.gsc-search-box td.gsc-input,table.gsc-search-box td.gsc-input{padding-right:0!important;}
input.gsc-search-button{margin-left:0!important;}


/*FOOTER*/
.enlaces{float:left; width:500px; display:inline;margin-top:66px;}
.enlaces a{color:#fff; font-size:13px;padding:0px 12px; text-decoration:none; display:block;}
.enlaces li{ border-right:1px solid #fff;}
.enlaces li:last-child{border:none;}
.enlaces a:hover{text-decoration:underline;}
#footer-container .bloque{float:left;}
.redes{float:left; margin-left:1px; display:inline; width:490px; margin-top:30px;}
ul.redes , ul.enlaces {padding:0;}
ul.redes , ul.enlaces {list-style:none;}
.redes li, .enlaces li{float:left; margin-right:2px;}
.redes a{text-indent:-9999em; margin-left:10px; display: block; width:58px; height:58px; background-color:#fff!important;}
.redes .youtube{background: url("../img/redes.png") repeat scroll 0px 1px}
.redes .facebook{background: url("../img/redes.png") repeat scroll -61px 1px}
.redes .twitter{background: url("../img/redes.png") repeat scroll -121px 1px}
.redes .google{background: url("../img/redes.png") repeat scroll -181px 0px}
.redes .blog{background: url("../img/redes.png") repeat scroll -241px 0px}
.redes .issuu{background: url("../img/redes.png") repeat scroll -301px 0px}
.redes .linkedin{background: url("../img/redes.png") repeat scroll -361px 0px}


.riul{float:left; font-size:12px; margin-top:20px;}


/*SLIDER PORTADA*/
#slider { float:left; width:70%; height:264px;  }
.galeria{ padding:15px; background:#fff;   
-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.50);
box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.50);
margin-top:30px;
}
/*Enlaces slider portada*/
.recuadro{ float:left; height:283px; width:30%;  background: rgb(13,173,210); overflow:auto; }
.eportada { margin-top: 0.50em; margin-bottom:0;}

.eportada li{ list-style:none; padding:2px 0px ; border-top: dashed #FFFFFF 1px ; font-size: 14px;}
.eportada a{ text-decoration:none; color: #FFF;   }
.ult{ border-bottom: dashed #FFFFFF 1px;}




/*Bloques Portada*/
.bloques{float:left; width:291px; padding:10px; border:1px solid #ccc; margin-left:15px;  min-height:147px;
background: rgb(226, 226, 226);
background: -moz-linear-gradient(90deg, rgb(226, 226, 226) 20%, rgb(255, 255, 255) 70%);
background: -webkit-linear-gradient(90deg, rgb(226, 226, 226) 20%, rgb(255, 255, 255) 70%);
background: -o-linear-gradient(90deg, rgb(226, 226, 226) 20%, rgb(255, 255, 255) 70%);
background: -ms-linear-gradient(90deg, rgb(226, 226, 226) 20%, rgb(255, 255, 255) 70%);
background: linear-gradient(180deg, rgb(226, 226, 226) 20%, rgb(255, 255, 255) 70%);
}

.bloques h2{margin:0; padding:0; font-style:italic; font-size:1.2em; color:#333;}
.bloques p{font-size:.73em;}
.linea{border-top:1px solid #ccc; background:#f1f1f1;  padding:20px 0 215px 0;}
.bloques.investigacion h2{background:url(../img/bg-investigacion.png) no-repeat top right; height:65px;}
.bloques.docencia h2{background:url(../img/bg-docencia.png) no-repeat top right; height:65px;}
.bloques.divulgacion h2{background:url(../img/bg-divulgacion.png) no-repeat top right; height:65px; padding-right:65px;}
.bloques a{float:right; margin:20px 20px 0 0;}

.bloques.eventos h2{background:url(../img/historico.png) no-repeat top right; height:65px;}
.bloques.noticias h2{background:url(../img/revista.png) no-repeat top right; height:65px;}
.bloques.des h2{background:url(../img/premios.png) no-repeat top right; height:65px;}

/*Idiomas*/
.idiomas{float:right;height:22px;}


/*Miga pan*/
.miga{padding:0; list-style:none; font-weight:700;}
.miga li{border-right:1px solid #666; float:left; font-size:10px; padding:0 5px;}
.miga li:last-child{border:0;}
.miga li:first-child{padding-left:0;}
.miga a{text-decoration:none;color: #01AAD1;}


/*Sidebar aside*/
.sidebar { margin:0.67em 0 0 0;}
.sidebar h3{font-size:22px;}
.bloque {margin-bottom:20px; }


/*Tablas*/
.considebar table { width:100%; padding:5px; border:#000 solid 1px; background:#fff}
.considebar table th{ background:#333; font-weight:700; border-right:#000 solid 1px; color:#fff}
.considebar table tr:nth-child(even){ background-color:#ddd;}
.considebar table tr{border-bottom: 1px dotted #333 }
.considebar table td{padding: 0 10px}

/*Enlaces*/
.considebar a {font-weight:700; }


/*propiedades*/
.propiedades{float:right;}
.propiedades ul{padding:0;list-style:none; clear:both; margin:0;}
.propiedades li{ font-size:11px; margin-bottom:5px;overflow:hidden; padding:5px;}


/*destacados*/
.destacados li{ list-style:none; float:left; width:50%;}
.destacados img{ width:100px; height:100px;}
.destacados a p{ color:#000;}

/*eventos*/
.indicado{ float:right; background:url(../img/indicado.png); height:30px; width:180px; text-align:center; padding-top:6px;}


/*relacionados*/
.relacionados ul{padding:0;  list-style:none; clear:both; margin:0;}
.relacionados li{ float:left;overflow:hidden; padding:5px; width:80px;}


/*formulario*/
label{ display:block; margin:10px;}
label span{ width:100px; display:inline-block;}
label input{ width:150px;}
label textarea{ margin-left:100px;}
.centrar{ margin-left:100px;}


/*columnas*/
.columnas li{ display: inline-table; width:285px; height:180px; }
.columnasmitad li{ display: inline-table; width:285px; height:100px; }

.columnas1 li{ display: inline-table; width:95%; height:111px; }

/*LISTADOS Y PESTAÑAS*/
.tab, .lista{padding:0; margin:0; list-style:none; clear:both}
.tab li{float:left; display:inline; background:#E2E2E3;}
.tab li a{display:block; padding:7px;  text-decoration:none; color:#333;
font-size:16px;
font-weight:700;
background: rgb(226, 226, 226);
background: -moz-linear-gradient(90deg, rgb(226, 226, 226) 20%, rgb(255, 255, 255) 70%);
background: -webkit-linear-gradient(90deg, rgb(226, 226, 226) 20%, rgb(255, 255, 255) 70%);
background: -o-linear-gradient(90deg, rgb(226, 226, 226) 20%, rgb(255, 255, 255) 70%);
background: -ms-linear-gradient(90deg, rgb(226, 226, 226) 20%, rgb(255, 255, 255) 70%);
background: linear-gradient(180deg, rgb(226, 226, 226) 20%, rgb(255, 255, 255) 70%);
border:1px solid #ccc;
 }
 .tab img{float:left; margin-right:10px; width:25px; height:25px;}



/*Pestañas publicaciones*/
#publicaciones li a{ width: inherit;}
#publicaciones img{float:left; margin-right:5px; width:20px; height:20px;}


.lista{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; padding:20px 5px 20px}
.lista ul{padding:0;list-style:none; clear:both; margin:0;}
.lista li{background:#fff;  margin-bottom:10px; border:1px solid #ddd; overflow:hidden; padding:15px;}
.lista h2 {margin:0; padding:0; text-decoration:none; color:#333;}
.lista {background:#E2E2E3;  overflow:hidden;}
.tab .activo, .tab a:hover{
	background:#E2E2E3;
	color:#01AAD1;
	border-bottom:1px solid #E2E2E3;
	}
/*
.tab img{
-webkit-filter: grayscale(100%);
-moz-filter:grayscale(100%);
     -ms-filter: grayscale(100%);
	      -o-filter: grayscale(100%);
	filter: grayscale(100%);	
	    filter: gray; 
    -webkit-filter: grayscale(1);} 
	*/
.lista img{float:left; margin-right:10px;box-shadow:6px 4px 8px rgba(50, 50, 50, 0.7); margin-left:5 px;}

.lista a{text-decoration:none;}
.lista p a{float:right; margin:10px; text-decoration:underline!important;}


/**Paginacion*/
.simplePagerNav{float:right;}
.simplePagerNav li{ float:left; padding:0; margin-left: 5px;}
.simplePagerNav a{display:block; width:60px; height:30px; text-align:center; color:#fff; background:#01AAD1; line-height:30px;}
.simplePagerNav .currentPage a{background:#fff; color:#01AAD1}


/*Calendario*/
#marcado a{ text-decoration:none; color:rgb(51,51,51); background: rgb(0,171,209); border:rgb(0,171,209) solid 5px; border-radius:20px;}
#calendario table{width:100%;}
#calendario img{width: auto;}
#calendario th, .meses{background:#efefef; color:rgb(51,51,51); font-weight:700;}
.meses img{padding:5px 5px;  box-shadow: none; }
.meses .mes{  font-size:23px; font-weight:700; width:90%; text-align:center;}
td.mes { text-align:center; margin-left:10px;}

#calendario th, .dias{ background:rgb(0,171,209); height:40px; margin-left: 0;}
#calendario .dias td{border: 1px solid rgb(204, 204, 204); text-align:right; padding:5px 10px; background:#efefef; font-weight:700;}

.dia-evento {border: 1px solid rgb(204, 204, 204); text-align:right; padding:5px 10px; background:#333333 !important; font-weight:700; color:#FFF;}

/* ==========================================================================
   FUENTES
   ========================================================================== */
   h1{ font-size:22px; background:#333; color:#fff; padding-left:5px;}
   h2{font-size:18px; padding-left:5px; }
   h3{background:#333; color:#fff; padding-left:5px;}
   h4{color:#000; padding-left:5px; font-size:18px;}
   h5{ font-size:15px; padding-left:5px; color:#000; padding-bottom:0px; padding-top:0px; margin-top:0px; margin-bottom:5px;}
   h6{ font-size:12px; text-align: left; font-style:italic;}
   
   span{ font-style:italic; font-size:13px;}
   p{font-size:13px; line-height:20px;}
   a{ color:#01AAD1;}
   
   a:hover {text-decoration:none;opacity:0.9; filter:alpha(opacity=90);}   
   pre{}   
   
   blockquote {
    quotes: "«" "»";
   }
    blockquote:before { content: open-quote;}
    lockquote:after  { content: close-quote;}  
   
/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */
@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   UTILIDADES
   ========================================================================== */
.clear{clear:both}
.noseve{display:none}
.texto-i{text-align:left}
.texto-d{text-align:right}
.texto-c{text-align:center}
.izquierda{display:inline;float:left !important}
.derecha{display:inline;float:right !important}
.bloque{display:block}
.margen{margin:10px}
.padding{padding:10px}
.separaimg img{margin-bottom:10px}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   IMPRIMIR
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


#map-canvas img{
	box-shadow:none !important;
}

.marker{text-decoration:none; color:#666; font-style:italic; font-size:12px;}
.marker .nombre {font-weight:700; color:#06ACD2; font-size:18px;}
.marker .img{-webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 8px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 8px rgba(50, 50, 50, 0.75);}


.portada .bloques .lista a{
	margin:0;
	float:left;
}

.portada .bloques .lista h3{
	margin:0;
	font-size:14px;
	background:#FFF;
	color:#333;
	padding-left:0px;
	padding:5px 0 5px 0;
	
}

.portada .bloques .lista p{

	font-size:0.95em;

	
}

.nav_empresas {
    width: 100%;
    float: left;
    padding: 0% 1% 3% 0%;
    border-bottom: 1px solid #5fc1ea;
}

.nav_empresas ul {
    width: 100%;
    float: left;
    height: auto;
    line-height: 32px;
	list-style: none;
}

.nav_empresas li {
    float: left;
    width: 39px;
    font-size: 18px;
}
