/* reset5 © 2011 opensource.736cs.com MIT */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video {border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body {line-height:1; font-family: arial, helvetica, sans-serif; background-color: #ededed; font-size: 14px; line-height: 18px; color: #505050}
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote {display:block;}
nav ul, ul, li {list-style:none;}
blockquote,q {quotes: none; font-size: 16px; font-style: italic; margin: 14px 0; padding-left: 25px; border-left: 6px #b40000 solid}
blockquote:before,blockquote:after,q:before,q:after {content:none;}
ins{text-decoration:underline;}
del{text-decoration:line-through;}
mark{background:none;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}
input,select,a img{vertical-align:middle;}
a { text-decoration: none}
a:hover { text-decoration: underline}
.clear { clear: both}
p { margin-bottom: 16px}

/*
  Variable Grid System.
  Learn more ~ http://www.spry-soft.com/grids/
  Based on 960 Grid System - http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_2,
.grid_3,
.grid_4,
.grid_6,
.grid_8,
.grid_9,
.grid_12 {
  display:inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_2 {
  width:140px;
}

.container_12 .grid_3 {
  width:220px;
}

.container_12 .grid_4 {
  width:300px;
}

.container_12 .grid_6 {
  width:460px;
}

.container_12 .grid_8 {
  width:620px;
}

.container_12 .grid_9 {
  width:700px;
}

.container_12 .grid_12 {
  width:940px;
}


/* estructura + header */
.wrapper { width: 960px; margin: 0 auto}
header.top { background-color: #fff }
header.top a { text-decoration: none}
header.top nav.top { height: 36px; background-color: #000; font-size: 11px; font: normal 12px/36px 'Open Sans', sans-serif; text-transform: uppercase}
header.top nav.top ul.idiomas { }
header.top nav.top ul.info { float: right; background-color: #b40000}
header.top nav.top ul li { display: inline-block}
header.top nav.top a { color: #fff; display: block; padding: 0 10px}
header.top nav.top a:hover { background-color: #b40000}
header.top nav.top ul.info a:hover { color: #000}
header.top nav.top .select { padding: 0 10px; background-color: #b40000; line-height: 36px; color: #fff}
header.top nav.buscar-social { float: right; width: 350px; padding-top: 36px; text-align: right;}
header.top nav.buscar-social FORM{ float: right; background: url(/squelettes/images/bg-buscar.jpg) 0px 0px no-repeat; width: 312px; height: 32px}
header.top nav.buscar-social FORM input[type=text], .news-form input[type=text], .contact-form input[type=text] { background: none; font: 12px Arial, helvetica, sans-serif; padding: 7px 13px; border: none; color: #777676; width: 286px } 
header.top nav.buscar-social .addthis_toolbox { float: right; margin-top: 15px}
header.top .world { height: 132px; background: url(/squelettes/images/header-world.jpg) 322px 0px no-repeat;}
header.top .ei { height: 132px;}
header.top h1 { padding-top: 34px}
header.top h1 a { text-indent: -9999px; background: url('/squelettes/images/logo.jpg') no-repeat; height: 58px; display: block;}
header.top nav.primary { height: 36px; background: url('/squelettes/images/bg-nav-primary.jpg') repeat-x;}
header.top nav.primary ul { border-left: 1px #6e6e6e solid}
header.top nav.primary ul li { float: left; border-right: 1px #6e6e6e solid }
header.top nav.primary ul li a { display: block; line-height: 36px; padding: 0 10px; color: #fff; font: bold 12px/36px 'Open Sans', sans-serif; text-transform: uppercase; }
header.top nav.primary ul li a:hover { color: #7f7f7f}
header.top nav.primary ul li a.home { text-indent: -9999px; background: url('/squelettes/images/icon-home.jpg') center center no-repeat; width: 10px}
header.top nav.primary ul li a.home:hover { background-image: url('/squelettes/images/icon-home-over.jpg')}
header.top nav.primary ul li:hover { background-color: #ededed}
header.top nav.secondary { height: 36px; background-color: #ededed}
header.top nav.secondary ul { position: relative; z-index: 110}
header.top nav.secondary ul ul { position: absolute; top: 36px; left: -1px; background: #fff; display: none; overflow: hidden; border: 1px #dedddd solid; width: 960px}
  /*header.top nav.secondary ul li:first-child ul { display: block}*/
header.top nav.secondary ul li { float: left;}
header.top nav.secondary ul li a { display: block; color: #7f7f7f; font: bold 12px/36px 'Open Sans', sans-serif; text-transform: uppercase; background: url('/squelettes/images/list-icon-down.jpg') right center no-repeat; padding: 0 15px 0 10px; margin-right: 10px}
header.top nav.secondary ul li:hover ul {display: block; z-index: 100;}
header.top nav.secondary ul li:hover ul a, header.top nav.secondary ul li ul a  { background: none; color: #b70a0d; padding: 0 10px; margin-right: 0 }
header.top nav.secondary ul li:hover ul a:hover { text-decoration: underline;}
.news-form, .contact-form { background-color: #7e7e7e; padding: 33px 0; color: #fff; padding-left: 10px}
.news-form H3, .contact-form H3 { font-size: 30px; line-height: 30px; letter-spacing: -1px; margin-bottom: 12px}
.news-form P, .contact-form P {margin: 0px; font-size: 12px; line-height: 18px; width: 470px}
.news-form FORM, .contact-form FORM { float: right; width: 350px; text-align: right}
.news-form FORM input[type=text], .contact-form FORM input[type=text] { background-color: #fff; border-radius: 3px; border: 1px #dbdbdb solid; margin-bottom: 12px}
.news-form FORM input[type=submit], .contact-form FORM input[type=submit] { background-color: #b40000; border-radius: 3px; line-height: 32px; color: #fff; border: none; padding: 0 20px!important; text-transform: uppercase; font: bold 12px/36px 'Open Sans', sans-serif; vertical-align: top; cursor: pointer; height: 38px}
.news-form FORM button:hover, .news-form FORM input[type=submit]:hover, .contact-form FORM button:hover, .contact-form FORM input[type=submit]:hover { background-color: #fff; color: #b40000}
.news-form FORM button, .contact-form FORM button { background-color: #ebebeb; border-radius: 3px; line-height: 32px; color: #797878; border: none; padding: 0 20px!important; margin-right: 10px!important; text-transform: uppercase; font: bold 12px/36px 'Open Sans', sans-serif; cursor: pointer}
.contact-form FORM TEXTAREA { width: 286px; border-radius: 3px; border: 1px #dbdbdb solid; height: 100px; margin-bottom: 12px; padding: 7px 13px}  
section.breadcrumb, .ahora { height: 36px; background-color: #fff; border: 1px #dedddd solid; border-bottom: none}
section.breadcrumb A { padding: 0 10px; font: bold 12px/36px 'Open Sans', sans-serif; text-transform: uppercase; color: #7f7f7f}
.ahora SPAN {background: #b40000 url(/squelettes/images/bg-ahora.jpg) top right no-repeat; font: bold 12px/36px 'Open Sans', sans-serif; color: #fff; padding: 9px 22px 10px 12px; margin-right: 12px}
.ahora A {font: bold 12px/36px 'Open Sans', sans-serif; color: #fff; margin-right: 12px; color: #b40000; text-transform: uppercase;}

/* MAIN home */
.container_12.main { padding: 10px 0; border: 1px #dedddd solid; background-color: #fff}
.title-section { background: #666 url('/squelettes/images/bg-titsection.jpg') repeat-x; font: bold 12px/24px 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; padding: 0 0 0 10px}

/* Slider */
#slider {height: 384px; overflow: hidden}
#slider .scrollable {position: relative; overflow: hidden; height: 384px; width: 700px; float: left; z-index: 99}
#slider .scrollable .items {position:absolute; height:20000em}
#slider .scrollable .item { position: relative; }
#slider .scrollable .item img { height: 384px!important; width: 700px!important}
#slider .scrollable .item .titulos { width: 456px; position: absolute; bottom: 0}
#slider #titulares { width: 224px; height: 384px; position: absolute; z-index: 100; right: 0; background: url(/squelettes/images/bg-slide.png)}
#slider #main_navi { }
/*#slider #main_navi li:first-child {border-top-color: #fff}*/
#slider #main_navi li { /*border-top: 1px #b40000 solid;*/ padding: 10px 20px; height: 76px; color: #6e6e6e}
#slider #main_navi li:hover, #slider #main_navi li.active  { background: url(/squelettes/images/bg-list-titulares.jpg) repeat-x; color: #fff; cursor: pointer}
/*#slider #main_navi li:hover:first-child {border-top-color: #b40000}*/
#slider #main_navi li P {font-size: 14px; font-weight: bold; line-height: 18px; overflow: hidden; max-height: 72px; margin: 0}

.titulos, .noticias .principal .titulos { background: url('/squelettes/images/bg-titulos.png') repeat-x; padding: 45px 10px 20px; position: absolute; bottom: 0}
.titulos H1 { font-weight: bold; font-size: 24px; margin-bottom: 6px; line-height: 28px }
.noticias .titulos H1 { font-size: 18px; line-height: 24px}
.titulos H1 a { color: #fff; letter-spacing: -1px}
.titulos H1 a:hover { color: #b40000; text-decoration: none;}
.titulos H2 { color: #fff; font-size: 12px; line-height: 18px; font-weight: normal; margin-bottom: 6px}
.titulos H3 { color: #fff; font-size: 12px; line-height: 18px}
.titulos H4 { font-size: 12px; font-weight: bold; color: #6e6e6e; line-height: 18px; height: 18px; overflow: hidden}
.titulos H4 a { font-weight: bold; color: #b40000; text-transform: uppercase}

.more { background-color: #ebebeb; color: #323232; font: bold 12px/24px 'Open Sans', sans-serif; display: block; text-transform: uppercase; padding: 0 10px; margin-bottom: 24px}
.destacado .more:hover { color: #fff}
.more:hover, .popup footer .more:hover { background-color: #323232; color: #ebebeb; text-decoration: none}

/* titulos + revista ++ destacado home */ 
.destacado, .principal { height: 384px; overflow: hidden; margin-top: 6px}
.destacado { background-color: #ebebeb} 
.destacado header { padding: 12px 12px 0 12px}
.destacado H1 { letter-spacing: -1px; font-size: 18px; margin-bottom: 6px}
.destacado H1 A { color: #b40000}
.destacado H4 {color: #828282; font-size: 12px; font-weight: normal; margin-bottom: 6px}
.destacado IMG { width: 176px!important; margin: 22px 0 0 20px}

/* Popup lightbox */
.popup { width: 800px; min-height: 410px }
.popup .title-section {margin-bottom: 20px}
.popup .title-section + img { float: left; margin: 0 25px 25px 0; width: 245px!important}
.popup .content { float: right; width: 460px}
.popup H4 {font: bold 12px/24px 'Open Sans', sans-serif; text-transform: uppercase}
.popup H4 SPAN { font-weight: normal}
.popup H3 {font-size: 12px; line-height: 18px; text-transform: uppercase; font-weight: normal;}
.popup H1 { font-size: 24px; line-height: 36px; letter-spacing: -1px; color: #505050}
.popup H2 a { font-size: 20px; line-height: 24px; letter-spacing: -1px; color: #b40000}
.popup H2 a:hover { color: #505050; text-decoration: none}
.popup H2 STRONG { color: #b40000}
.popup P { font-size: 14px; line-height: 18px; /*border-bottom: 1px #dcdcdc solid;*/ padding-bottom: 24px }
.popup article { margin: 24px 0}

.popup footer { border-top: #fff 1px solid; padding: 10px 0 0 0; margin: 10px 0 0 0}
.popup footer .more { float: left; width: 45%; background-color: #fff; margin-bottom: 0 }
.popup footer .buy { float: right; width: 45%}

.popup.periodico H2 + H1 { margin-top: 25px}
.popup.periodico footer .more, .popup.periodico footer .buy, .popup.libro footer .more, .popup.libro footer .buy { width: 30%}


/* especiales */
.especiales {padding: 25px 0}
.especiales .titulos { width: 167px; padding: 15px 10px; background-position: 0 -25px}
.especiales H1 { font-size: 11px; font-weight: normal; margin: 0; line-height: 16px}
.especiales H1 a { color: #fff; letter-spacing: 0}
.especiales H1 a:hover { color: #fff; text-decoration: underline;}
.especiales .jcarousel-clip.jcarousel-clip-horizontal {width: 860px; overflow: hidden; margin: 0 40px}
.especiales .jcarousel-item { padding-right: 5px; height: 105px} 
.especiales .jcarousel-prev { left: 5px; top: 44px}
.especiales .jcarousel-next { right: 5px; top: 44px}

/* libros */
.libros { padding: 10px 0 20px 0; overflow: hidden; height: 250px}
.libros .jcarousel-clip.jcarousel-clip-horizontal { width: 280px; margin: 0 15px; overflow: hidden}
.libros .jcarousel-item a:hover IMG { border-color: #b40000} 
.libros .jcarousel-item a IMG {width: 125px; height: 165px; border: 2px #323232 solid }
.libros hgroup { width: 129px}
.libros hgroup H1 {  font-size: 12px; line-height: 18px; font-weight: bold; margin-top: 12px}
.libros hgroup H1 a {color: #323232;}
.libros hgroup H1 a:hover {color: #b40000; text-decoration: none;}
.libros hgroup H2 { color: #a2a2a2; font-size: 12px; line-height: 18px; font-weight: normal}
.libros .jcarousel-item { max-height: 255px; width: 140px; }
.libros .jcarousel-prev { top: 72px; left: 0px}
.libros .jcarousel-next { top: 72px; right: 0px}

/* banners horizontales */
.banner-horiz {padding: 10px 0 24px 0 }
.banner-horiz h1 { font-size: 18px; color: #b40000; margin: 0 0 20px 10px}
.banner-horiz .jcarousel-container { padding: 0 40px}
.banner-horiz .jcarousel-container:first-child { padding-top: 14px}
.banner-horiz .jcarousel-clip.jcarousel-clip-horizontal {width: 217px; overflow: hidden;}
.banner-horiz .jcarousel-prev { left: 5px; top: 33px}
.banner-horiz .jcarousel-next { right: 5px; top: 33px}
.banner-horiz .jcarousel-container:first-child .jcarousel-next, .banner-horiz .jcarousel-container:first-child .jcarousel-prev { top: 50px}

/* noticias */
.noticias .principal { position: relative; border-top: none; overflow: hidden; height: 239px}
.noticias .principal .titulos { padding-top: 30px}
.noticias .principal .titulos H2, .noticias .principal .titulos H1 a { color: #fff}
.noticias article { border-top: 1px #dcdcdc solid}
.noticias h3 + article { border-top: none}
.noticias .principal + article { border: none}
.noticias .titulos { background: none; padding: 12px 10px 24px 10px; position: relative; bottom: auto}
.noticias .titulos H1 a { color: #b40000}
.noticias .titulos H1 a:hover { color: #323232 }
.noticias .titulos H2 { color: #505050; text-transform: uppercase; font-weight: normal}
.noticias .titulos a img { float: right; margin: 6px 0 0 12px}
.noticias .titulos a img:hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8}

/* periodicos */
.periodicos { padding: 12px 0px; overflow: hidden; height: 235px}
.periodicos .jcarousel-clip.jcarousel-clip-horizontal { margin: 0 24px; overflow: hidden; }
.periodicos #slide2 li { float: left; margin-right: 16px}
.periodicos #slide2 li a:hover IMG { border-color: #b40000}
.periodicos #slide2 li a IMG {width: 125px; height: 165px; border: 2px #323232 solid}
.periodicos #slide2 li HGROUP { width: 129px}
.periodicos #slide2 li H1 { font-size: 12px; line-height: 18px; font-weight: bold; margin-top: 12px}
.periodicos #slide2 li H1 a {color: #323232;}
.periodicos #slide2 li H1 a:hover {color: #b40000; text-decoration: none;}
.periodicos #slide2 li H2 { font-size: 12px; line-height: 18px; font-weight: normal}
.periodicos #slide2 li H2 a { color: #a2a2a2}
.periodicos .jcarousel-prev { left: 0px; top: 100px }
.periodicos .jcarousel-next { right: 0px; top: 100px}

/* Videos */
#SectionVideos { overflow: hidden; position: relative; width: 100%; padding-top: 12px }
#SectionVideos .Container { background-color: #000;  /*float: left; */height: 250px; overflow: hidden; position: relative; width: 300px; }
#SectionVideos .Title { background-color: #ebebeb; padding: 12px 10px}
#SectionVideos .Title H4 { line-height: 24px}
#SectionVideos .Title A { color: #b40000; font-size: 18px; letter-spacing: -1px}
#SectionVideos .Thumbs { float: left; height: 57px; padding: 5px 0; width: 100% }
#SectionVideos .Thumbs LI { float: left; border: 2px solid #333640; margin: 5px }
#SectionVideos .Thumbs LI.active, #SectionVideos .Thumbs LI.currentvideo { border-color: #b40000 }
#SectionVideos .Thumbs LI A { float: left }
#SectionVideos .Thumbs LI IMG { float: left; height: 45px; width: 60px }
#SectionVideos .jcarousel-direction-rtl { direction: rtl; }  
#SectionVideos .jcarousel-container-horizontal { padding: 0 39px; width: 222px;	} 
#SectionVideos .jcarousel-clip { overflow: hidden; }
#SectionVideos .jcarousel-clip-horizontal { width:  222px; height: 57px; } 
#SectionVideos .jcarousel-item { height: 45px; width: 60px; }
.jcarousel-prev { background: transparent url('/squelettes/images/arrows.png') no-repeat 0 0; position: absolute; top: 20px; left: 15px; width: 9px; height: 18px; cursor: pointer; }
.jcarousel-prev:hover { background-position: 0 -18px; }
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover { background-position: 0 -36px; }
.jcarousel-next { background: transparent url('/squelettes/images/arrows.png') no-repeat -9px 0;  position: absolute; top: 20px; right: 15px; width: 9px; height: 18px; cursor: pointer; }
.jcarousel-next:hover { background-position: -9px -18px; }
.jcarousel-next-disabled, .jcarousel-next-disabled:hover { background-position: -9px -36px; }

/* Menu footer */
.menu-footer { padding: 24px 0}
.menu-footer h3 { font-size: 12px; line-height: 18px; color: #323232}
.menu-footer a + h3 { margin-top: 24px }
.menu-footer a { font-size: 12px; line-height: 18px; color: #6e6e6e; display: block}

/* footer + icons */
footer { background-color: #fff; height: 36px; margin: 0 0 30px 0; padding: 20px }
footer img { float: right;}
footer .icons { height: 26px; padding-top: 10px}
footer .icons a {color: #000}
footer .icons a:hover {color: #b40000}
footer .icons i { margin-right: 10px}

/* nyroModal | HOME */
.nyroModalBg {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 200
}
.nmReposition {
  position: absolute;
}
.nyroModalCloseButton {
  top: -13px;
  right: -13px;
  width: 35px;
  height: 35px;
  text-indent: -9999em;
  background: url('/squelettes/js/jquery.nyroModal/img/close.png');z-index: 1000
}
.nyroModalTitle { display: none
}
.nyroModalCont {
  position: absolute;
  margin: 25px;
  background: #fff;
  padding: 21px 21px 18px 21px; z-index: 999
}
.nyroModalCont iframe {
  width: 600px;
  height: 400px;
}
.nyroModalError {
  border: 4px solid red;
  color: red;
  width: 250px;
  height: 250px;
}
.nyroModalError div {
  min-width: 0;
  min-height: 0;
  padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
  position: relative;
  padding: 10px;
  min-height: 250px;
  min-width: 250px;
  max-width: 1000px; color: #323232
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
  position: relative;
  overflow: hidden;
}
.nyroModalImage img {
    vertical-align: top;
}
.nyroModalHidden {
  left: -9999em;
  top: -9999em;
}
.nyroModalLoad {
  position: absolute;
  width: 100px;
  height: 100px;
  background: #fff url('/squelettes/js/jquery.nyroModal/img/ajaxLoader.gif') no-repeat center;
  padding: 0;
}
.nyroModalPrev, .nyroModalNext {
  outline: none;
  position: absolute;
  top: 0;
  height: 60%;
  width: 150px;
  min-height: 50px;
  max-height: 300px;
  cursor: pointer;
  text-indent: -9999em;
  background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
  height: 100%;
  width: 40%;
  max-height: none;
}
.nyroModalPrev {
  left: 0;
}
.nyroModalPrev:hover {
  background-image: url('/squelettes/js/jquery.nyroModal/img/prev.gif');
}
.nyroModalNext {
  right: 0;
  background-position: right 20%;
}
.nyroModalNext:hover {
  background-position: right 20%;
  background-image: url('/squelettes/js/jquery.nyroModal/img/next.gif');
}

/* NOTA */
.nota header.top nav.secondary ul li:first-child ul { display: none}
.nota .container_12.main { margin-top: 0; overflow: hidden;}
.nota .grid_8.main { overflow: hidden;}
article.nota header { padding: 24px 10px}
article.nota header H1 { font-size: 36px; font-weight: bold; line-height: 36px; letter-spacing: -1px; color: #b40000; margin-bottom: 16px}
article.nota header H4 { font-size: 16px; line-height: 18px; color: #505050; font-weight: normal}
article.nota header H4 SPAN { color: #9c9c9c}
article.nota .content H3 { color: #b40000; font: bold 14px arial, helvetica, sans-serif; padding: 0}
article.nota .content a { color: #b40000}
article.nota .Galeria { margin-top: 20px; width: 100%; float: left; position: relative}
article.nota .Galeria .Tabs LI { display: inline-block}
article.nota .Galeria .Tabs A {display: block; color: #505050; font: bold 12px/12px 'Open Sans', sans-serif; text-transform: uppercase; background-color: #ebebeb; padding: 8px 11px; text-decoration: none;}
article.nota .Galeria .Tabs A:hover {color: #fff; background-color: #505050}
article.nota .Galeria .slides_container { width: 620px; height: 360px; float: left; overflow: hidden }
article.nota .Galeria .slides_container DIV { width: 620px; height: 360px; display: block; float: left; background: #a8adb1; text-align: center }
article.nota .Galeria .slides_container DIV IMG { height: 360px!important}
article.nota .Galeria .Caption { float: left; color: #fff; background-color: #505050; height: 24px; padding: 0 10px; width: 600px; float: left; font-size: 12px }
article.nota .Galeria .Caption SPAN { line-height: 24px}
article.nota .Galeria .slides_container DIV IFRAME { margin-top: 0 }
article.nota .GaleriaSet .prev, article.nota .GaleriaSet .next {bottom: 8px; position: absolute; right: 20px; z-index: 100; background: url(/squelettes/images/caption_prev-next.jpg) no-repeat; width: 5px; height: 10px; text-indent: -9999px}
article.nota .GaleriaSet .next {right: 10px; /*z-index: 100;*/ background-position: -5px 0}
article.nota .Galeria .Oculto { display: none}
article.nota .toolbox { padding: 24px 0}
article.nota .toolbox H5 {font: bold 12px/18px 'Open Sans', sans-serif; padding: 0 0 6px 10px}
article.nota .toolbox H5 A {font: normal 12px/18px arial, helvetica, sans-serif; display: block; text-decoration: none; color: #b40000}
article.nota .toolbox H5 A:hover { text-decoration: underline}
article.nota .toolbox .tools {border-top: 1px #dcdcdc solid; padding-top: 12px; margin: 10px 0 0 10px}
article.nota .toolbox .tools LI { padding-bottom: 10px; /*margin-left: 12px; display: inline-block*/}
/*article.nota .toolbox .tools LI:first-child { margin-left: 0}*/
article.nota .toolbox .tools LI A { /*text-indent: -9999px; width: 16px; height: 16px; display: block*/ line-height: 19px; display: block; color: #5f5f5f; font-size: 11px}
article.nota .toolbox .tools LI A:hover { text-decoration: none}
article.nota .toolbox .tools LI A.social { background: url('/squelettes/images/bt-social.jpg') no-repeat}
article.nota .toolbox .tools LI A.print { background: url('/squelettes/images/bt-print.jpg') no-repeat}
article.nota .toolbox .tools LI A.download { background: url('/squelettes/images/bt-download.jpg') no-repeat}
article.nota .toolbox .tools LI A.email { background: url('/squelettes/images/bt-email.jpg') no-repeat}
article.nota .content { padding: 24px 0}
article.nota .content H4.aclaracion { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px #b40000 solid; font-weight: normal}
article.nota .tags, article.nota .nota-pie { margin-bottom: 24px}
article.nota H5, .relacionadas H5, .comentarios H5 {font: bold 12px 'Open Sans', sans-serif; padding-left: 10px; text-transform: uppercase;}
article.nota .tags li, article.nota .nota-pie li { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 0px;width:460px}
article.nota .tags li:first-child, article.nota .nota-pie li:first-child { width:140px}
article.nota .tags li A { margin-right: 8px; padding: 3px 7px 4px 7px; background-color: #ebebeb; color: #b40000; font: bold 12px 'Open Sans', sans-serif; text-transform: uppercase}
article.nota .tags li A:hover { background-color: #b40000; color: #fff; text-decoration: none}
article.nota .nota-pie li p { font-size: 12px}
article.nota .nota-pie li p a { color: #b40000}
.relacionadas { border-top: 1px #dcdcdc solid; padding-top: 12px; font-size: 12px}
.relacionadas .jcarousel-container { margin-top: 24px; width: 620px}
.relacionadas .jcarousel-item.jcarousel-item-horizontal { padding-right: 5px}
.relacionadas .jcarousel-prev.jcarousel-prev-horizontal, .relacionadas .jcarousel-next.jcarousel-next-horizontal { top: -41px; left: auto; right: 20px; background: url('/squelettes/images/arrows-small.jpg') no-repeat; width: 5px; height: 10px}
.relacionadas .jcarousel-next.jcarousel-next-horizontal { top: -41px; right: 0; background-position: -5px 0}
.relacionadas .jcarousel-prev:hover, .relacionadas .jcarousel-next:hover { background-image: url('/squelettes/images/arrows-small-over.jpg')}
.relacionadas .jcarousel-item.jcarousel-item-horizontal IMG { width: 141px }
.relacionadas .img { max-height: 85px; overflow: hidden; display: block}
.relacionadas header { padding: 5px 15px 0 10px; max-height: 90px; overflow: hidden}
.relacionadas header H4 { color: #a8adb1; font-weight: normal}
.relacionadas header H3 A { color: #b40000}
.comentarios { border-top: 1px #dcdcdc solid; padding-top: 12px; margin-top: 24px; font-size: 14px}
.comentarios UL.forum { padding: 0 10px; margin-top: 20px}
.comentarios UL.forum LI { padding-top: 24px; border-top: 1px #dedddd solid}
.comentarios UL.forum LI:first-child { padding-top: 0; border: none}
.comentarios UL.forum LI LI { padding: 0 0 0 60px; border: none}
.comentarios .forum-chapo, .comentarios .repondre a { color: #a8adb1; margin-bottom: 12px}
.comentarios .forum-titre a { color: #b40000}
.comentarios .forum-texte { padding-bottom: 14px}
.comentarios .formulaire_spip { border-top: 1px #dcdcdc solid; padding-top: 20px; font-size: 14px}
.comentarios FIELDSET { border: none}
.comentarios FIELDSET LEGEND { display: none}
.comentarios UL LI.saisie_session_nom, .comentarios UL LI.saisie_session_email { width: 300px; display:inline; float: left; position: relative; margin-right: 10px}
.comentarios UL LI.saisie_session_email { margin-right: 0; margin-left: 10px}
.comentarios UL LI input[type="text"] { width: 278px; padding: 7px 10px; margin: 0 0 24px 0; border: 1px #dedddd solid; color: #a8adb1 }
.comentarios UL LI label, .comentarios .saisie_titre { display: none}
.comentarios UL LI textarea { width: 598px; padding: 7px 10px; margin: 0 0 24px 0; border: 1px #dedddd solid; color: #a8adb1 }
.comentarios .explication { color: #a8adb1 }
.comentarios input[type="submit"].submit { padding: 6px 50px!important; background-color: #b40000; color: #fff; font: bold 12px 'Open Sans', sans-serif; text-transform: uppercase; border: none; cursor: pointer}
.comentarios input[type="submit"].submit:hover { background-color: #505050}
.comentarios .boutons {text-align: right}
.comentarios H5 + img { margin-top: 24px}


/* SIDEBAR */
.sidebar LI { margin-bottom: 12px; border-top: 1px #dcdcdc solid}
.sidebar LI:first-child { border: none} 
.sidebar article { border-top: 1px #dcdcdc solid}
.sidebar .title-section {margin-top: 12px}
.sidebar LI:first-child .title-section { margin-top: 0px }
.sidebar #NoticiasAcord .title-section { background: #7a7a7a url(/squelettes/images/list-accordion-more.jpg) 280px 7px no-repeat; cursor: pointer}
.sidebar #NoticiasAcord .title-section.selected { background-image: url(/squelettes/images/list-accordion.jpg)}
.sidebar #NoticiasAcord .more { margin-bottom: 12px}
.sidebar #NoticiasAcord UL LI { margin: 0; border: none}
.sidebar H3 + article { border: none}
.sidebar article .img-article {width: 50px; height: 50px; overflow: hidden; float: right; margin: 6px 0 0 12px}
.sidebar article .img-article img:hover { 
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
}
.sidebar article { background: none; padding: 12px 10px; position: relative; bottom: auto; font-size: 12px}
.sidebar article H2 {color: #505050; text-transform: uppercase; font-weight: normal}
.sidebar article H1 { font-size: 16px; /*line-height: 24px;*/ margin: 6px 0 10px 0}
.sidebar article H1 a {color: #b40000}
.sidebar article H1 a:hover {color: #505050!important; text-decoration: none}
.sidebar article H4 { color: #a8adb1; font-weight: normal}
.sidebar article H4 a { color: #b40000}
.sidebar .subtitle-section { background: #ebebeb url(/squelettes/images/list-accordion-interes.jpg) 280px 7px no-repeat; font: bold 12px/24px 'Open Sans', sans-serif; color: #505050; text-transform: uppercase; padding: 0 0 0 10px; cursor: pointer; border-bottom: #f7f7f7 1px solid}
.sidebar .subtitle-section.selected { background-image: url(/squelettes/images/list-accordion-more-interes.jpg) }
.sidebar #TemasinteresAcord DIV UL { margin-bottom: 12px}
.sidebar #TemasinteresAcord DIV UL LI { border: none; margin: 0px}
.sidebar #TemasinteresAcord DIV UL LI article { border: none; padding-bottom: 0px }
.sidebar #TemasinteresAcord DIV .more { background: none; margin-bottom: 12px}
.sidebar #TemasinteresAcord DIV .more:hover { background-color: #323232; color: #fff}
.sidebar form.buscar { background-color: #ebebeb; padding: 12px 10px}
.sidebar form.buscar INPUT[type="text"] {padding: 7px 10px!important; margin: 0 8px 0 0!important ; border: 1px #dedddd solid; color: #a8adb1; width: 256px }
/*.sidebar form.buscar INPUT[type="submit"] {padding: 7px 20px!important; background-color: #b40000; color: #fff; font: bold 12px 'Open Sans', sans-serif; text-transform: uppercase; border: none; cursor: pointer}
.sidebar form.buscar INPUT[type="submit"]:hover { background-color: #505050}*/

/* RESULTADO DE LA BUSQUEDA */
.resultado {}
.resultado header { margin: 0 10px; padding: 14px 0}
.resultado header form H1 { font: normal 36px/36px arial, helvetica, sans-serif; color: #7a7a7a; letter-spacing: -1px; margin-bottom: 12px }
.resultado header form H1 STRONG { font-weight: bold; display: block }
.resultado header form INPUT[type="text"] {padding: 7px 10px!important; margin: 0 8px 0 0!important ; border: 1px #dedddd solid; color: #a8adb1; width: 280px }
.resultado header form INPUT[type="submit"] {padding: 7px 20px!important; background-color: #b40000; color: #fff; font: bold 12px 'Open Sans', sans-serif; text-transform: uppercase; border: none; cursor: pointer}
.resultado header form INPUT[type="submit"]:hover { background-color: #505050}
.resultado .busqueda LI {border-top: 1px #dcdcdc solid }
.resultado .busqueda LI:first-child {border: none}
.resultado .busqueda article { padding: 12px 10px}
.organizaciones .resultado .busqueda article { padding: 24px 10px}
.resultado .busqueda article > a { float: right}
.resultado .busqueda article H2 {color: #505050; text-transform: uppercase; font-weight: normal; font-size: 12px}
.resultado .busqueda article H1 { font-size: 24px; line-height: 24px; margin: 6px 0 10px 0; letter-spacing: -1px}
.resultado .busqueda article H1 a {color: #b40000}
.resultado .busqueda article H1 a:hover {color: #505050!important; text-decoration: none}
.resultado .busqueda article H4 { font-weight: normal; margin-bottom: 12px}
.resultado .busqueda article H4 SPAN { color: #9c9c9c}
.resultado .busqueda article H5 {line-height: 24px; font-size: 12px}
.resultado .busqueda article H5 a, .resultado .busqueda article H4 a { color: #b40000; font-weight: normal}

/* PAGINADOR */
.paginador {width:fit-content; background-color: #ebebeb; height: 24px; font: bold 12px 'Open Sans', sans-serif; text-transform: uppercase;padding:0 10px;}
/*
.paginador { background-color: #ebebeb; height: 24px; font: bold 12px 'Open Sans', sans-serif; text-transform: uppercase; margin-top: 36px}
.paginador A { color: #505050; line-height: 24px}
.paginador A:hover { text-decoration: none; color: #b40000 }
*/
.paginador .grid_4 { color: #b40000; text-align: center; letter-spacing: 10px}
.paginador .alpha { text-align: right} 

/* EI listado de notas */
.einternacional { margin-bottom: 20px}
.presentacion { padding: 10px; background-color: #ebebeb; height: 394px; margin-bottom: 24px; position: relative;}
.presentacion a { color: #b40000}
.presentacion a:hover { color: #505050!important; text-decoration: none}

.presentacion > img { width: 280px}
.presentacion header { float: right; width: 292px; padding: 0 }
.presentacion header H3, .presentacion header H4  {color: #9c9c9c; font-size: 14px; text-transform: uppercase; font-weight: normal; margin-bottom: 12px}
.presentacion header H4 { text-transform: auto}
.presentacion header H1 { line-height:1; font-size: 24px; letter-spacing: -1px; margin-bottom: 12px}
.presentacion header H1 a { color: #b40000 }
.presentacion header H1 a:hover { color: #505050 }
.presentacion header NAV { position: absolute; bottom: 18px; right: 13px}
.presentacion header NAV .anterior { text-indent: -9999px; background: url(/squelettes/images/ant-post-listado.jpg) no-repeat; display: inline-block; width: 7px; height: 12px}
.presentacion header NAV .posterior { text-indent: -9999px; background: url(/squelettes/images/ant-post-listado.jpg) -7px 0 no-repeat; display: inline-block; width: 7px; height: 12px; margin-left: 8px}
.presentacion header NAV .posterior:hover, .presentacion header NAV .anterior:hover { background-image: url(/squelettes/images/ant-post-listado-over.jpg)}

/* listado de revistas */
.listado {}
.listado .publicaciones { width: 640px}
.listado .publicaciones LI { display: inline-block; margin: 0 16px 20px 0; width: 140px}
.listado .publicaciones LI a img { width: 140px}
.listado .publicaciones LI a img:hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8}
.listado .publicaciones LI H5 { font-size: 12px; line-height: 18px; padding-top: 6px} 

/*Pagination*/
.pagination-title{font-size: var(--title);}
.pagination-title+.pagination-sm { display: inline-block;  border-radius: 0;}
.pagination-sm a {    color: var(--black)!important;    font-size: 14px;}
.pagination-sm a ul li{color:var(--black)!important;font-size:16px;}
.pagination {    display: inline-block;    padding-left: 0;    margin: 2px 0;    border-radius: 4px;}
.pagination-sm { margin-left: -17px;}
.pagination-container .pagination-items .pagination-sm a :active{color:var(--main)!important; font-weight: bolder; font-size: var(--small-title);}
.pagination-items {display: flex; justify-content:space-between;}
.pagination-title+.pagination-sm, .pagination-title+.pagination-sm ul li {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 50px;
  border-radius: 0;
}
ul.pagination-items .pagination-item a {
  color: #b40000 !important;
}
ul.pagination-items .pagination-item {
  margin-right: 5px;
}
ul.pagination-items .pagination-item::after {
  content: "|";
  margin-left: 5px;
}
ul.pagination-items .pagination-item:nth-last-child(1)::after{
  content: none;
}