/*
Theme Name: PORTAL REKO UTEM
Theme URI: http://www.utemvirtual.cl
Description: Portal de Recursos REKO UTEM
Author: Utemvirtual
Version: 0.1
Tags: -
*/
@import url(https://fonts.googleapis.com/css?family=Merriweather);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url('reset.css');

body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background: #eeeeee url('images/header_reko.png') no-repeat top center;
}

a img {
  border: none;
}

#page {
  width: 100%;
  background: url('images/sombra_fondo.png') repeat-x bottom;
}

#wrapper {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

#header {
  height: 240px;
  display: block;
  padding: 0;
  position: relative;
}

#logo {
  width: 195px;
  height: 164px;
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
}


#search-form {
  width: 300px;
  position: absolute;
  margin: 0;
  padding: 0;
  right: 0;
  top: 37px;
}

#search-form #s {
  background: url('images/base_busqueda.png') no-repeat center left;
  border: none;
  height: 32px;
  padding: 0 100px 0 20px;
  color: #786b62;
  font-weight: bold;
  font-size: 10pt;
  margin: 0;
  width: 190px;
  float: left;
}

#search-form #searchsubmit {
  height: 32px;
  margin: -1px 0 0 -96px;
  padding: 0;
  line-height: 10px;
  float: left;
}


#social-links {
  position: absolute;
  top: 175px;
  right: 10px;
}



/* LUCES */
#the_lights {
  background-color: #000;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 0;
}

#light-switch {
  height: 33px;
  width: 125px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: 4px;
  left: 0px;
}



/* DESTACADOS INICIO */
.post-destacados {
  background: url('images/base_foto.png') no-repeat top left;
  height: 297px;
  width: 604px;
  position: absolute;
  left: 250px;
  top: 30px;
  padding: 6px 27px 37px 27px;
  z-index: 30;
}

#slider {
  padding: 0 0 0 0;
}

#slider p
{
  margin: 0;
  padding: 15px;
  font-size: 1.4em;
  position: absolute;
  bottom: 0px;
  height: 25px;
  width: 574px;
  background-color: rgba(0,0,0,0.8);
  font-family: 'Droid Sans', Arial, sans-serif;

}

#slider p a:link, #slider p a:visited {
  text-decoration: none;
  color: #FFF;
  display: block;
}

#slider p a:hover {
  color: #91dff6;
}

#controller {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  top: 15px;
  left: 360px;
  width: 440px;
  height: 38px;
  padding: 3px 0 20px 0;
  background: url('images/selector_sombra.png');
  text-align: center;
  z-index: 31;
}

#controller .jFlowControl {
  height: 19px;
  background: url('images/selector_base_esfera.png') no-repeat;
  vertical-align: top;
  margin: 10px 0 0 0;
  display: inline-block;
}

#controller .jFlowControl img {
  opacity: .10;
  filter:alpha(opacity=10);
}

#controller .jFlowSelected img {
  opacity: 1;
  filter:alpha(opacity=100);
}

#slider .slideimg {
  width: 604px;
  height: 297px;
  padding: 0;
}

#slider #slides img {
  height: 297px;
  width: 604px;
}


/* CONTENT WRAPPER */
#content-wrapper {
  z-index: 1;
  padding: 0 0 0 0;
  overflow: hidden;
  display: block;
}



/* SIDEBAR LEFT */
#sidebar-left {
  width: 220px;
  height: 417px;
  display: inline-block;
  background: url('images/som_vertical_menu.png') no-repeat;
  background-position: 19px 0px;
  padding: 30px 0 0 30px;
  vertical-align: top;
}



/* CONTENT */
#content {
  display: inline-block;
  width: 610px;
  min-height: 500px;
  vertical-align: top;
  padding: 125px 18px 0 18px;
}

#content a:link,#content a:visited {
  color: #21759B;
  text-decoration: none;
}

#content a:hover {
  color: #336699;
}


#content h1, #content h2 {
  font-family: 'PT Sans',Arial, Sans-Serif;
  font-size: 1.8em;
  color: #a1dae8;
  font-weight: lighter;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

#content h1 {
  color: #786b62;
  font-size: 2em;
  letter-spacing: -1px;
  text-shadow: 1px 1px white, -1px -1px #ddd;
}

#content h2 a:link, #content h2 a:visited {
  text-decoration: none;
  border: none;
  color: #a1dae8;
}

#content h2 a:hover {
  border: none;
}

#content, #content p {
  font-family: 'PT Sans', Sans-serif;
  line-height: 15pt;
  font-size: 12pt;
  color: #786b62;
  text-align: justify;
  margin: 0 0 10px 0;
}



/* SIDEBAR RIGHT */
#sidebar-right {
  width: 292px;
  /*height: 417px;*/
  display: inline-block;
  padding: 30px 0 0 0;
  vertical-align: top;
}


#acceso-reko {
display: block;
    width: 290px;
    height: 220px;
    padding: 0px 0px 15px 29px;
    margin: -12px 0 0 0px;
    background: url(images/base_acceso.png) no-repeat top center;
    width: 265px;
    height: 17px;
    position: relative;
/*  display: block;
  width: 290px;
  height: 220px;
  padding: 0px 0 15px 0px;
  margin: 0 0 0 0px;
  background: url('images/base_acceso.png') no-repeat top center;
  position: relative;
*/
}

#acceso-reko .campo-acceso {
  display: block;
  margin: 0 0 7px 0;
  position: absolute;
}

#acceso-reko #campo-usuario {
  top: 43px;
  left: 108px;
}
#acceso-reko #campo-password {
  top: 98px;
  left: 108px;
}
#acceso-reko #campo-entrar {
  top: 142px;
  left: 3px;
}

#acceso-reko #campo-recordar {
  top: 190px;
  left: 180px;
}

#acceso-reko #usuario {
  border: none;
  background: url('images/campo_acceso.png') no-repeat top left;
  width: 151px;
  height: 32px;
  padding: 0 10px 0 10px;
  color: #333;
  font-weight: bold;
  font-size: 10pt;
}

#acceso-reko #password {
  border: none;
  background: url('images/campo_acceso.png') no-repeat top left;
  width: 151px;
  height: 32px;
  padding: 0 10px 0 10px;
  color: #333;
  font-weight: bold;
  font-size: 10pt;
}

#acceso-reko #acceso-submit {
  display: block;
  text-align: right;
  padding: 0 0 0 0;
}

.sidebar-banner {
  display: block;
  height: 115px;
  background: url(images/base_banner.png) no-repeat top center;
  background-size: 320px 110px;
  text-align: center;
  padding: 14px 0 0 0;
  margin: -15px 0 0 0;
}

.sidebar-banner-b {
  display: block;
  height: 120px;
  background: url('images/base_banner_b.png') no-repeat top center;
  text-align: center;
  padding: 14px 0 0 0;
  margin: 2px 0 0 0;
}

/* FOOTER */
#footer-wrapper {
  width: 100%;
  background: url('images/base_footer.png') repeat-x top; 
  clear: both;
  padding: 15px 0 0 0;
}

#footer {
  width: 1200px;
  margin: 0 auto;
  display: block;
  clear: both;
  position: relative;
  height: 64px;
}

#logo-utem {
  position: absolute;
  top: 0px;
  left: 265px;
}

#logo-utemvirtual {
  position: absolute;
  top: 0px;
  left: 870px;
}



.hoverFade {
  filter:alpha(opacity=0);
  opacity:0;
}



.noticia-home {
  display: inline-block;
  vertical-align: top;
  width: 290px;
}

.noticia-home-right {
  margin-left: 15px;
}

.noticia-home p {
  color: #786b62 !important;
  padding: 0 10px;
  line-height: 14pt !important;
}

.noticia-home-img {
  width: 264px;
  height: 128px;
  display: block;
  position: relative;
  margin: 0 auto;
}

.noticia-home-img img {
  width: 264px;
  height: 128px;
  position: absolute;
  top: 5px;
  left: 0px;
}

.noticia-home-img .foto {
  width: 252px;
  height: 108px;
  margin: 6px 0 0 5px;
}

.noticia-home p.titulo {
  font-weight: bold !important;
  font-size: 13pt !important;
  margin: 10px 0 0 0 !important;
  text-align: left !important;
}

.noticia-home p.titulo a {
  color: #786b62 !important;
}

.noticia-home p.titulo a:hover {
  color: #91dff6 !important;
}

.noticia-home .leer-mas {
  padding-bottom: 40px;
}




#tutoriales {

}

#tutoriales #preview-top {
  display: block;
  width: 622px;
  height: 37px;
  background: url('images/base_superior.png') no-repeat top center;
}

#tutoriales #preview-content {
  display: block;
  width: 622px;
  background: url('images/base_centro.png') repeat-y center;
}

#tutoriales #preview-video {
  width: 580px;
  height: 325px;
  position: relative;
  top: -16px;
  left: 20px;
}

#tutoriales #tutoriales-lista {
  width: 563px;
  height: 292px;
  display: block;
  background: url('images/base_sombra.png') no-repeat top center;
  margin: -16px 0 0 -29px;
  position: relative;
  padding: 0 0 0 115px;
}

#tutoriales #tutoriales-leftarrow {
  position: absolute;
  left: 38px;
  top: 80px;
}

#tutoriales #tutoriales-rightarrow {
  position: absolute;
  right: 38px;
  top: 80px;
}

#tutoriales #tutoriales-carrousel {
  width: 560px;
  height: 230px;
  position: absolute;
  left: 110px;
  top: 15px;
}

#tutoriales .tutorial {
  width: 150px;
  text-align: left;
  font-size: 12px;
  color: #4e6779;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

#tutoriales .tutorial .tutorial-content {
  padding: 0 10px 0 5px;
}

#tutoriales .tutorial a {
  display: block;
}

#tutoriales .tutorial-img {
  width: 141px;
  height: 83px;
  background: url('images/marco_preview.png') no-repeat top center;
  padding: 4px 0 0 4px;
}

#tutoriales .tutorial span {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}

#tutoriales .tutorial a {
  color: #00396e;
}

#tutoriales .tutorial p {
  font-size: 12px;
  line-height: 14px;
  color: #4e6779;
}

#tutoriales .tutorial-img img {
  width: 135px;
  height: 73px;
}










#page-title {
  width: 330px;
  float: left;
  position: relative;
  left: 120px;
  top: 65px;
}










.entry-content {
  width: 580px;
  padding: 0 10px 40px 10px;
}

.entry-content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 25px;
}

.entry-content li {
  margin-bottom: 10px;
}


.entry-content a:link, .entry-content a:visited {
  color: #a0dbe9;
  text-decoration: none;
}

.entry-content a:hover {
  border-bottom: 1px dotted #a0dbe9;
}


.entry-content ul {
  list-style-type: square;
  margin: 0 0 0 20px;
  padding: 0 20px;
  font-size: 90%;
}

.entry-content table {
  display: block;
  width: 90%;
  margin: 15px; auto;
}

.entry-content table tr td {
  padding: 0 10px 4px 0;
  text-align: left;
  font-size: 90%;
}






.single-image {
  width: 250px;
  float: left;
}



#botones-sidebar {
  margin: 15px 0 0 0;
  display: block;
}

#botones-sidebar .boton {
  display: block;
  padding: 0 0 0 25px;
}



#lista-contenido {
  width: 505px;
  margin: 10px 0;
}

#lista-contenido thead tr {
  height: 54px;
  width: 503px;
  background: url('images/base_top_claro.png') no-repeat top left;
}

#lista-contenido thead tr td {
  color: #FFF;
  padding: 20px 0 0 20px;
  font-size: 10pt;
  font-weight: bold;
}

#lista-contenido tbody tr {
  /*background: url('images/base_extension_claro.png') repeat-y left;*/
}

#lista-contenido tfoot tr {
  height: 20px;
  background: url('images/base_down_claro.png') no-repeat bottom left;
}


#lista-contenido .recurso tr {
  background: transparent;
}

#lista-contenido .recurso {
  background: url('images/base_extension_claro.png') repeat-y left;
  display: block;
  padding: 0 25px 20px 20px;
}

#lista-contenido .recursob {
  background: url('images/base_extension_oscuro.png') repeat-y left;
}

#lista-contenido .recurso .recurso-titulo {
  background: url('images/filete_titulo.png') repeat-x 100% 80%;
}

#lista-contenido .recurso .recurso-titulo td {
  padding: 10px 0 10px 0;
  color: #a1dae8;
  font-size: 10pt;
}

#lista-contenido .recurso .recurso-titulo a:link, #lista-contenido .recurso td a:visited {
  text-decoration: none;
  color: #a1dae8;
  font-size: 14pt;
}

#lista-contenido .recurso .size {
  width: 80px;
  float: right;
  text-align: right;
  padding: 6px 0 0 0;
}

#lista-contenido .recurso .recurso-contenido {
  color: #FFF;
  font-size: 9pt;
  width: 350px;
  padding: 0 0 0 15px;
  vertical-align: top;
}

#lista-contenido .recurso .fecha {
  display: block;
  text-align: center;
  color: #a1dae8;
  font-size: 8pt;
}

#lista-contenido .recurso .rating {
  width: 200px;
  float: left;
  padding: 6px 0 0 15px;
}

#lista-contenido .recurso .hits {
  width: 48px;
  height: 14px;
  background: url('images/descargas.png') no-repeat top left;
  text-align: center;
  padding: 15px 0;
  font-size: 8pt;
  float:right;
  color: #a1dae8;
  margin-left: 10px;
  margin-right: 10px;
}


#lista-contenido .recurso .download {
  float: right;
}

#lista-contenido .recurso .extra-data {
  font-size: 90%;
}

#compartir-recurso {
  display: block;
  text-align: right;
  padding: 0 100px;
}

#filter-form #filter {
  background: url('images/palabra_base.png') no-repeat top left;
  border: none;
  height: 32px;
  padding: 0 25px 0 15px;
  color: #fff;
  font-weight: bold;
  font-size: 10pt;
  margin: 0;
  width: 130px;
  float: left;
}

#filter-form #keyword {
  height: 32px;
  margin: 0 0 0 -15px;
  padding: 0;
  line-height: 10px;
  float: left;
}


.valigntop {
  vertical-align: top;
}


img.icono-seccion {
  position: relative;
  bottom: -13px;
  left: 0;
}


#comments {
  width: 575px;
  margin: 10px 20px;
  padding: 15px 0 0 0;
  border-top: 1px solid #ddd;
}

#comments h3#comments-title {
  color: #786b62;
  font-size: 20pt;
  font-weight: normal;
  padding: 15px 0;
}

#comments .comment {
  padding: 10px 0;
  margin: 0 0 10px 0;
}

#comments .children {
  /*margin-left: 10px;
  margin-bottom: 0px;
  border-left: 1px solid #fFF;*/
}

#comments .avatar-container {
  width: 66px;
  height: 66px;
  float: left;
}

#comments .avatar-container img {
  margin: 6px 0 0 8px;
}

#comments .autor {
  display: block;
  font-weight: bold;
  padding: 20px 0 0 0;
}

#comments .comment-meta a:link, #comments .comment-meta a:visited{
  font-size: 8pt;
  color: #999;
  text-decoration: none;
}

#comments p {
  clear: both;
  padding: 0 10px 0 65px;
  font-size: 10pt;
}

#comments textarea#comment {
  padding: 9px;  
  border: solid 1px #E5E5E5;  
  outline: 0;  
  font: normal 13px/100% Verdana, Tahoma, sans-serif;  
  width: 200px;  
  background: #FFFFFF;  
  width: 400px;  
  max-width: 400px;  
  height: 150px;  
  line-height: 150%; 
  border-color: #C9C9C9; 
  box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
  -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
}

#comments .reply {
  float: right;
}

#comments .reply a:link, #comments .reply a:visited {
  color: #dedede;
  text-decoration: none;
  border-bottom: 1px dotted #333;
  font-size: 8pt;
} 

#comments a:link, #comments a:visited {
  color: #999;
  text-decoration: none;
  border-bottom: 1px solid #999;
}

#comments .form-allowed-tags, #comments .comment-notes, #comments #respond .required   {
  display: none;
}

#comments #respond {
  padding: 0 0 0 0;
}

#comments #reply-title {
  padding: 0 0 10px 0;
}

#comments #respond p {
  padding: 0 0 0 10px;
}

#comments #respond label {
  display: block;
  padding-left: 15px;
  font-size: 9pt;
}

#comments #respond input {
  height: 37px;
  width: 338px;
  padding: 0 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333;
  border-color: #C9C9C9; 
  box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
  -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
}

#comments #nuevo-submit {
  display: block;
  text-align: right;
  padding: 0 70px 0 0;
}

#comments #respond #submit {
  cursor: pointer;
  width: 170px;
  color: #786B62;
}

#comments #respond .logged-in-as {
  padding: 0 0 0 25px;
}








/* CATEGORIAS INICIO */
#lista-categorias {
  width: 571px;
  background: url('images/base_categoria_midle.png') repeat-y center;
  overflow: hidden;
  padding: 0 0 0 20px;
}

#lista-categorias-top {
  width: 591px;
  height: 35px;
  background: url('images/base_categoria_top.png') no-repeat top center;
  margin: 30px 0 0 0;
}

#lista-categorias-bottom {
  width: 591px;
  height: 35px;
  background: url('images/base_categoria_down.png') no-repeat top center;
  margin: 0 0 30px 0;
}

#lista-categorias .columna {
  width: 245px;
  float: left;
  padding: 10px;
  margin: 5px;
}

#lista-categorias h3 {
  background: url('images/boton_categoria_off.png') no-repeat top left;
  height: 35px;
  font-weight: normal;
  font-family: 'PT Sans', Arial, sans-serif;
}

#lista-categorias h3.on {
  background: url('images/boton_categoria_hover.png') no-repeat top left;
}

#lista-categorias h3.on a {
  color: #fff; 
}

#lista-categorias h3 a {
  color: #a1dae8;
  display: block;
  padding: 5px 0 0 35px;
  text-decoration: none;
}

#lista-categorias h3 a:hover {
  border: none;
  color: #fff;
}

#lista-categorias ul {
  padding: 0 0 20px 30px;
  font-size: 80%;
}


#lista-categorias ul ul {
  padding: 0 0 5px 10px;
  font-size: 90%;
}

#lista-categorias ul li a {
  color: #fff;
  text-decoration: none;
}

#lista-categorias ul li a:hover {
  border-bottom: 1px dotted #ccc;
}







#formulario-contacto {
  width: 506px;
  height: 622px;
  background: url('images/base_contacto.png') no-repeat top left;
  margin: 0 auto;
}

#formulario-contacto form {
  display: block;
  width: 450px;
  height: 510px;
  background: url('images/base_formulario.png') no-repeat top left;
  position: relative;
  top: 45px;
  left: 28px;
}

#formulario-contacto .form-field {
  display: block;
  padding: 0 0 0 118px;
}

#formulario-contacto #nombre {
  position: relative;
  top: 20px;
  left: 0px;
}

#formulario-contacto #email {
  position: relative;
  top: 45px;
  left: 0px;
}

#formulario-contacto #telefono {
  position: relative;
  top: 68px;
  left: 0px;
}

#formulario-contacto #asunto {
  position: relative;
  top: 94px;
  left: 0px;
}

#formulario-contacto input[type=text] {
  background: url('images/campo_contacto.png') no-repeat top left;
  width: 302px;
  height: 28px;
  border: none;
  padding: 0 10px;
}

#formulario-contacto #mensaje {
  width: 304px;
  height: 177px;
  background: url('images/campo_mensaje.png') no-repeat top left;
  border: none;
  padding: 10px;
  position: relative;
  top: 120px;
  left: 0px;
}

#formulario-contacto #enviar {
  position: relative;
  top: 145px;
  left: 40px;
  width: 284px;
  height: 50px;
}


.lista-recursos {
  width: 522px;
}

.lista-recursos caption {
  background: url('images/top_ventana.png') no-repeat top left;
  height: 60px;
  text-align: left;
  padding: 10px 0 16px 20px;
  color: #a1dae8;
  font-size: 18pt;
}

.lista-recursos caption a:link, .lista-recursos caption a:visited {
  color: #a1dae8;
  text-decoration: none;
}

.lista-recursos tbody {
  background: url('images/centro_ventana.png') repeat-y top left;
}

.lista-recursos .recurso {
  margin: 5px 55px 0 25px;
  width: 470px;
}

.lista-recursos .recurso tbody {
  background: none;
}

.lista-recursos .recurso tr {
  background: url('images/filete_recurso.png') repeat-x bottom;
  height: 40px;
}

.lista-recursos .recurso tr td {
  padding: 5px 0;
}

.lista-recursos .recurso .fecha {
  font-size: 8pt;
  color: #628da3;
}

.lista-recursos .recurso a:link, .lista-recursos .recurso a:visited {
  color: #a0dbe9;
  text-decoration: none;
  font-family: 'PT Sans', Arial, sans-serif;
}

.lista-recursos tfoot tr {
  background: url('images/botton_ventana.png') no-repeat bottom left;
  height: 30px;
}


.recurso a:link, .recurso a:visited {
  color: #a0dbe9;
  text-decoration: none;
}

.recurso a:hover {
}

.recurso .extra-data {
  padding: 10px 0;
  clear: both;
}






/* NOVEDADES */

#novedades-header {
  background: url('images/blog_base_superior.png') no-repeat top center;
  height: 44px;
  width: 640px;
}

#novedades {
  background: url('images/blog_base_centro.png') repeat-y center;
  display: block;
  padding: 0px 12px 0 12px;
  overflow: hidden;
  width: 616px;
}

#novedades .entrada {
  float: left;
  overflow: hidden;
}

#novedades .col-0 {
  width: 335px;
  padding: 0 0 0 0;
  background: url('images/filete_vertical_interior.png') repeat-y right;
  margin: 0 5px 0 0;
}

#novedades .imagen-0 {
  background: url('images/blog_base_foto_grande.png') no-repeat top center;
  padding: 11px 0 0 20px;
  width: 315px;
  height: 220px;
}

#novedades .imagen-0 img {
  width: 294px;
  height: 194px;
}

#novedades .col-1 {
  width: 270px;
  float: right;
}

#novedades .imagen-1 {
  background: url('images/blog_base_foto_chica.png') no-repeat top center;
  padding: 10px 0 0 15px;
  width: 259px;
  height: 186px;
}

#novedades .imagen-1 img {
  width: 242px;
  height: 160px;
}

#novedades .entrada h2 {
  background: none;
  font-size: 16pt;
  line-height: 20pt;
  letter-spacing: -1px;
  margin: 5px 0 5px 0;
  padding: 0;
  text-align: left;
  color: #786B62;
  letter-spacing: -1px;
  text-shadow: 1px 1px white, -1px -1px #DDD;
}

#novedades .entrada h2 a, #novedades .entrada h2 a:hover
{
  color: #786B62;
}

#novedades p, #novedades .entrada h2, #novedades .entrada h3, #novedades .entrada .meta {
  padding: 0 10px;
}


#novedades .entrada p {
  font-size: 85%;
  color: #000;
}

#novedades .entrada .meta {
  color: #777;
  font-size: 7pt;
  text-transform:uppercase;
}

#novedades .entrada .leer {
  font-size: 11pt;
  display: block;
  text-align: right;
  margin: -5px 0 15px 0;
  padding: 0 10px 10px 0;
  background: url('images/filete_titulo.png') repeat-x bottom left;
}

#novedades .entrada .leer a:link, #novedades .entrada .leer a:visited {
  color: #333;
  text-decoration: none;
}

#novedades-footer {
  background: url('images/blog_base_inferior.png') no-repeat top center;
  width: 640px;
  height: 44px;
  display: block;
  margin: 0 0 50px 0;
}

#novedades.single .imagen-0 {
  margin: 0px 0px 0px 15px;
  padding: 6px 0px 0px 2px;
  float: right;
}

#novedades.single .entrada h2 {
  font-size: 20pt;
  line-height: 25pt;
}

#novedades.single .entrada .meta {
  margin: 0px 0px 20px 0;
}

#novedades #navigation {
  display: block;
  width: 355px;
  padding: 10px 130px;
  overflow: hidden;
  border-top: 1px solid #dedede;
}

#novedades #navigation a {
  color: #628da3;
}

#novedades #navigation a:hover {
  color: #000;
}



/* EXPERIENCIAS */
#experiencias {
  margin: 0 0 0 -5px;
}

#experiencias-top {
  width: 622px;
  height: 35px;
  background: url('images/base_superior.png') no-repeat top left;
}

#experiencias-mid {
  width: 622px;
  background: url('images/base_centro.png') repeat-y left;
}

#experiencia-foto {
  width: 120px;
  height: 152px;
  background: url('images/marco_foto.png') no-repeat center center;
  padding: 40px 35px;
  display: inline-block;
  vertical-align: top;
}

#experiencia-foto img {
  margin: 9px 0 0 8px;
  width: 101px;
  height: 132px;
}

#experiencia-texto {
  vertical-align: top;
  display: inline-block;
  height: 243px;
  width: 400px;
  background: url('images/som_vertical.png') no-repeat top left;
  margin: 0 0 0 -40px;
  padding: 0 0 0 30px;
}

#experiencia-autor {
  font-size: .5em;
  padding-bottom: 15px;
}
#experiencia-autor span {
  font-weight: bold;
  font-size: 1em;
}

#experiencia-titulo {
  padding: 15px 0 0 0;
  background: url('images/fielte_horiz.png') repeat-x top;
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: bold;
}

#experiencias-bottom {
  width: 617px;
  height: 158px;
  background: url('images/base_selector.png') no-repeat top center;
  margin: 0 0 30px 0;
}

#experiencias-leftarrow, #experiencias-rightarrow {
  width: 71px;
  height: 76px;
  padding: 15px 9px;
}

#experiencias-leftarrow {
  float: left;
}

#experiencias-rightarrow {
  float: right;
}


#experiencias-autoreslist {
  width: 422px;
  height: 82px;
  margin: 0 auto;
  padding: 14px 0;
}

#experiencias-autoreslist .experiencia-autor a {
  color: #FFF;
  font-weight: normal;
  font-size: 9pt;
  line-height: 11pt;
  text-align: left !important;
}

#experiencias-autoreslist .experiencia-autor {
  width: 119px;
  height: 57px;
  background: url('images/base_foto_profesor.png') no-repeat top left;
  padding: 12px 5px 10px 16px;
  display: inline-block;
  vertical-align: top;
}

#experiencias-autoreslist .experiencia-autor img {
  float: left;
  margin: 0 5px 0 0;
}


#boton-soporte {
  width: 354px;
  height: 104px;
  padding: 30px 61px;
  background: url('images/base_boton_soporte.png') no-repeat top center;
  display: block;
  margin: 50px auto;
}


#experiencias .caroufredsel_wrapper {
  height: 110px !important;
}

.hidden {
  display: none;
}
.align-left { text-align: left !important; }
.align-right { text-align: right !important; }
.align-center { text-align: center !important; }
.alignleft { text-align: left !important; }
.alignright { text-align: right !important; }
.aligncenter { text-align: center !important; }
.floatleft { float: left; margin-right: 10px;}
.floatright { float: right; margin-left: 10px; }