﻿/* FIJOS */
/* ======================================================================= */
a:focus {outline:0px;}
a:hover {text-decoration:none;}

/* ACS Default override */
#magazine.magazine .breadcrumbs {width:640px; padding:0; margin-bottom:0; border:none;}
#magazine.magazine .breadcrumbs li {position:relative; padding:0 11px 0 0; margin-right:-11px; background:transparent url(images/static/breadcrumbs.png) no-repeat;}
#magazine.magazine .breadcrumbs li, .magazine .breadcrumbs li.last {background-position:right -22px;}
#magazine.magazine .breadcrumbs li.alternate, .magazine .breadcrumbs li.alternatelast {background-position:right 0;}
#magazine.magazine .breadcrumbs li a, #magazine.magazine .breadcrumbs li span {float:left; height:20px; padding:0 6px 2px 16px; font:100 13px/20px Arial; color:#666; text-decoration:none; background:transparent url(images/static/breadcrumbs.png) repeat-x 0 -66px;}
#magazine.magazine .breadcrumbs li.alternate a, #magazine.magazine .breadcrumbs li.alternate span {background-position:0 -44px;}
#magazine.magazine .breadcrumbs li a:hover {text-decoration:underline;}

/* Imagen contextual */
.contextImage {position:absolute; top:0; left:0; width:100%; text-align:center; background-color:transparent; background-repeat:no-repeat; background-position:center top;}
.contextImage img {display:block; margin:0 auto;}
.topEdge {position:absolute; top:0; left:0; z-index:2; width:100%; height:40px; background:transparent url(images/static/topScratch.png) no-repeat center center;}
.bottomEdge {position:relative; z-index:2; float:left; width:100%; height:40px; margin-top:-40px; background:transparent url(images/static/bottomScratch.png) no-repeat center bottom;}

/* Ver noticias en lista */
.magazine .switch {float:right; height:20px; padding:0 5px; margin-bottom:2px; background-color:transparent; background-repeat:repeat; line-height:20px;}
.magazine .switch span {padding-left:16px; background:transparent url(images/static/listIcon.gif) no-repeat 0 3px; white-space:nowrap;}
.magazine .switch:hover {text-decoration:none;}

/* Layout */
.magazine {position:relative; width:960px; margin:0 auto; padding:230px 0 40px; background-repeat:repeat-x; background-position:center bottom;}
.magazine .main {float:left; width:634px;}
.magazine .side {float:right; width:310px;}
.magazine .wide {float:left; width:960px;}
.magazine .wide.backgrounded {margin-top:16px;}
.magazine .backgrounded {background-color:transparent; background-repeat:repeat;}

/* Titulos */
.magazine h3 {float:left; width:100%; padding-bottom:2px; border-bottom-width:1px; border-bottom-style:solid; font-size:1.2em;}
.magazine h3 span {float:left;}

/* Rotador */
.magazine .nSlider {float:left; width:100%; margin-top:10px; background-color:transparent; background-repeat:repeat-x; background-position:0 0;}
.magazine .nSlider .container {float:right; display:inline; width:938px; padding:13px 0; margin:10px; border-width:1px; border-style:solid;}
.magazine .nSlider .nShadow {position:relative; float:left; width:100%; height:8px; margin-bottom:-8px; font-size:1px; line-height:1px; background:transparent url(images/static/nSlider_shadow.png) repeat-x 0 0;}
.magazine .nSlider .control {float:left; width:56px; height:87px; margin-top:71px; background:transparent none no-repeat 0 0; text-indent:-9000px; cursor:pointer;}
.magazine .nSlider .prev {margin-left:20px; background-image:url(images/static/sPrevOff.png);}
.magazine .nSlider .next {margin-right:20px; background-image:url(images/static/sNextOff.png);}
.magazine .nSlider .prev:hover {margin-left:20px; background-image:url(images/static/sPrevOn.png);}
.magazine .nSlider .next:hover {margin-right:20px; background-image:url(images/static/sNextOn.png);}
.magazine .nSlider .image {float:left; padding:6px; margin:-6px 34px; background:transparent url(images/static/sImgShadow.png) no-repeat center center;}
.magazine .nSlider .image img {float:left; width:304px; height:208px; padding:7px;/* margin:0 40px;*/ background-color:#FFF; border:none;}
.magazine .nSlider .text {float:left; width:348px; padding-right:40px; margin-top:-0.3em}
.magazine .nSlider .text h2 {margin-bottom:10px; font-size:1.8em;}
.magazine .nSlider .text h2 span {font-size:0.8em; font-weight:100;}
.magazine .nSlider .text p {font-size:1.1em;}
.magazine .nSlider .text p br {display:none;}
.magazine .nSlider .frame {float:left; width:786px; height:228px; margin-bottom:-6px; overflow:hidden;}
.magazine .nSlider ul {float:left; width:3200px; list-style:none;}
.magazine .nSlider li {float:left; height:234px;}

/* Listado (destacadas) */
.magazine .nDestacadasContainer {float:left; margin-top:16px; padding-left:10px;}
.magazine .nDestacadas {float:left; display:inline; /*height:226px; */margin-top:10px; margin-left:-10px; list-style:none;}
.magazine .nDestacadas li {float:left; padding:10px 0;}
.magazine .nDestacadas li div {float:left; width:297px; padding:0 10px 0 10px; border-left-width:1px; border-left-style:solid;}
.magazine .nDestacadas li.first {margin-right:-1px;}
.magazine .nDestacadas li.first div {padding-left:10px; border:none;}
.magazine .nDestacadas li.hover {position:relative; padding:9px; border-width:1px; border-style:solid; background-color:transparent; background-repeat:repeat; background-position:0 0;}
.magazine .nDestacadas li.hover div {padding:0;}
.magazine .nDestacadas a.destImageContainer {float:left; width:134px; height:93px; margin-right:10px; overflow:hidden;}
.magazine .nDestacadas img {float:left; width:150px;/* margin-right:10px;*/}
.magazine .nDestacadas h2 {height:5em; margin-bottom:5px; font-size:1.1em;}
.magazine .nDestacadas p {padding-left:144px; font-size:0.9em; display:none;}
.magazine .nDestacadas br {display:none;}

/* Listado (texto) */
.magazine .listado {float:left; padding:10px; margin-top:16px;}
.magazine .side .listado {width:290px;}
.magazine .wide .listado {width:940px;}
.magazine .main .listado {width:614px;}
.magazine .listado ul {float:left; display:inline; margin:5px 0 0 -11px; list-style:none;}
.magazine .listado ul li {float:left; display:inline; padding:5px 0; margin-left:11px; border-bottom-width:1px; border-bottom-style:solid;}
.magazine .wide .listado ul li {width:306px;}
.magazine .main .listado ul li {width:301px;}
.magazine .side .listado ul li {width:290px;}
.magazine .listado ul li a {display:block;}
.magazine .listado ul li.borderless {padding-bottom:0; border-bottom:none;}

/* Paginas (en los titulos) */
.magazine .paginas {float:right; padding-top:4px; font-size:0.8em; font-weight:100;}
.magazine .paginas span {float:none;}
.magazine .paginas a {font-size:1.1em;}

/* Publicidad (Rectangulo) */
.magazine .publicidad {float:left; width:300px; padding:4px; margin:16px 0 0 0; border-width:1px; border-style:solid;}
.superBannerControl {width:728px; margin:-2px auto 10px;}
.superBannerControl object {/*float:left; */margin-bottom:10px;}

/* Videos (seccion) */
.magazine .videos {float:left; padding:10px; margin-top:16px;}
.magazine .wide .videos {width:630px; padding:0 10px 0 0; margin:10px -10px 10px 10px; border-right-width:1px; border-right-style:solid;}
.magazine .wide .main .videos {float:right;}
.magazine .side .videos {width:290px;}
.magazine .videos h2 {margin-bottom:10px; font-size:1.2em; font-weight:100; text-transform:uppercase;}
.magazine .videos h3 {margin-bottom:6px;}
.magazine .videos p {padding-bottom:10px;}
.magazine .videos .videoPlayer {float:left; padding-top:4px;}
.magazine .main .videos .videoPlayer {width:369px; margin-right:10px;}
.magazine .wide .main .videos .videoPlayer {width:410px; margin-right:10px;}
.magazine .side .videos .videoPlayer {width:290px; margin-bottom:10px;}
.magazine .wide .main .videos .videoPlayer {}
.magazine .videos ul {float:left; width:415px; padding-top:5px; margin:0 0 0 -5px; list-style:none;}
.magazine .videos li {float:left; padding:0 0 0 5px;}
.magazine .videos li a {float:left;}
.magazine .videos li img {float:left; width:78px;}

/* Galerias (seccion) */
.magazine .gallery {float:left; padding:10px; margin-top:16px;}
.magazine .wide .gallery {margin-top:0;}
.magazine .side .gallery {width:290px;}
.magazine .gallery ul {float:left; display:inline; position:relative; padding:2px 0; margin:0 -2px; list-style:none;}
.magazine .gallery li {float:left; position:relative; width:92px; height:61px; padding:3px; background-color:transparent;}
.magazine .gallery li a {float:left; display:inline; width:92px; height:61px; overflow:hidden; background-color:Transparent;}
.magazine .gallery li img {float:left; display:inline; width:110%; height:110%; margin:-5%;}
.magazine .gallery li.hover {z-index:1; width:auto; height:auto; padding:6px; margin:-12px -11px -11px; background:transparent url(images/static/gHover_bg.png) no-repeat 0 0;}
.magazine .gallery li.hover a {width:106px; height:76px; padding:0; border-width:1px; border-style:solid;}
.magazine .gallery p {float:left; width:100%; padding-top:10px; border-top-style:solid; border-top-width:1px;}

/* Desarrollo de la nota */
.magazine .nota {float:left; padding:10px; margin-top:16px;}
.magazine .hNoticia {float:left; width:100%; padding-bottom:4px; margin-bottom:10px; border-bottom-width:1px; border-bottom-style:solid;}
.magazine .hNoticia strong {float:left; font-size:1.1em;}
.magazine .hNoticia .addthis_toolbox {float:right;}
.magazine .hNoticia .addthis_toolbox a, .magazine .hNoticia .addthis_toolbox span {float:left; margin-left:2px;}
.magazine .hNoticia .addthis_toolbox span.addthis_separator {margin-left:4px;}
.magazine .nota h2 {float:left; width:100%; font-weight:bold; font-size:2.1em; text-transform:uppercase;}
.magazine .nota p {float:left; width:100%; margin-top:15px; line-height:1.4em;}
.magazine .nota p.copete {margin-top:10px; font-size:1.1em;}
.magazine .nota p.copete br {display:none;}
.magazine .nota p img {width:100%;}
.magazine .fNoticia {float:left; width:100%; padding-top:6px; margin-top:30px; border-top-width:1px; border-top-style:solid;}
.magazine .fNoticia .nPrev {float:left;}
.magazine .fNoticia .nNext {float:right;}
.magazine .fNoticia .nPrev span, .magazine .fNoticia .nNext span {font-size:1.1em;}

	/* Galeria de imagenes */
.magazine .nota .viewer {float:left; width:594px; padding:10px; margin-top:16px; background-color:transparent; background-repeat:repeat;}
.magazine .nota .viewer .imageContainer {float:left; width:100%;}
.magazine .nota .viewer .imageContainer img {float:left; width:100% !important; height:auto !important;}
.magazine .nota .viewer p {margin-top:10px; margin-right:-3px; line-height:26px; font-weight:bold; font-size:1.1em;}
.magazine .nota .viewer p a {width:26px; height:26px; background-color:transparent; background-repeat:no-repeat; background-position:0 0; text-indent:-9000px; cursor:pointer;}
.magazine .nota .viewer p .igPrev {float:left; margin-right:10px;}
.magazine .nota .viewer p .igNext {float:right; margin-left:10px;}
.magazine .nota .viewer p span {float:left;}
.magazine .nota .igList {float:left; display:inline; margin:10px -2px 0; list-style:none;}
.magazine .nota .igList li {float:left; width:97px; height:65px; padding:3px; background-color:transparent;/**/ height:73px; cursor:pointer;}
.magazine .nota .igList li a {float:left; width:100%; height:100%; overflow:hidden; background-color:transparent;}
.magazine .nota .igList li a img {float:left; /*width:110%; height:110%; margin:-5%;*/ width:97px; height:73px; margin:0;}
/*.magazine .nota .igList li.hover {position:relative; width:107px; height:75px; padding:6px; margin:-8px; background:transparent url(images/static/gHoverV2_bg.png) no-repeat 0 0;}
.magazine .nota .igList li.hover a {width:105px; height:73px; border-width:1px; border-style:solid;}
*/
/* Ver noticias en lista */
.magazine .listadoNoticias {float:left; width:614px; padding:10px; margin-top:16px;}
.magazine .listadoNoticias ul {float:left; width:100%; padding-top:15px; list-style:none;}
.magazine .listadoNoticias li {float:left; width:604px; padding:10px 10px 10px 0; border-bottom-width:1px; border-bottom-style:solid;}
.magazine .listadoNoticias li div {float:left; width:100%; height:81px;}
.magazine .listadoNoticias li div h2 {position:relative; margin-bottom:0.7em; font-size:1.1em;}
.magazine .listadoNoticias li div a.image {position:relative; float:left; display:inline; width:122px; height:81px; margin-right:10px;}
.magazine .listadoNoticias li div a.image img {float:left; width:100%; height:100%;}
.magazine .listadoNoticias li.hover div a.image {width:130px; height:89px; padding:6px; margin:-10px 0 -10px -10px; background:transparent url(images/static/lnImgShadow.png) no-repeat center center;}
.magazine .listadoNoticias li.hover div a.image img {width:128px; height:87px; border-width:1px !important; border-style:solid;}

/* Paginador */
.magazine .paginator {float:left; width:614px; padding:15px 10px; list-style:none; text-align:center;}
.magazine .paginator li {float:left; border-width:1px; border-style:solid none solid solid;}
.magazine .paginator li.first {border-left:none;}
.magazine .paginator li.resPrevios, .magazine .paginator li.resSiguientes {border-style:none;}
.magazine .paginator li a {float:left; width:14px; height:20px; padding:0 6px; line-height:20px; text-align:center; text-decoration:none;}
.magazine .paginator li.resPrevios a, .magazine .paginator li.resSiguientes a {position:relative; width:26px; height:26px; padding:0; margin:-2px 0 0 0; background-color:transparent; background-repeat:no-repeat; background-position:0 0; text-indent:-9000px;}
.magazine .paginator li a.selected {font-size:1.6em;}

/* VARIABLES */
/* ======================================================================= */
/* Se agrega la clase "n" al div#magazine para cambiar el contraste */
/* Dark */
.dark .nSlider {background-image:url(images/static/nSlider_bg_dark.png);}
.dark .switch, .dark .backgrounded, .dark .nDestacadas li.hover, .dark .nota .viewer, .dark .listadoNoticias li.hover, .dark .paginator li a:hover {background-image:url(images/static/item_bg_dark.png);}
.dark .nota .viewer .igPrev, .dark .paginator li.resPrevios a {background-image:url(images/static/gPrev_dark.png);}
.dark .nota .viewer .igNext, .dark .paginator li.resSiguientes a {background-image:url(images/static/gNext_dark.png);}
/* Light */
.light .nSlider {background-image:url(images/static/nSlider_bg_light.png);}
.light .switch, .light .backgrounded, .light .nDestacadas li.hover, .light .nota .viewer, .light .listadoNoticias li.hover, .light .paginator li a:hover {background-image:url(images/static/item_bg_light.png);}
.light .nota .viewer .igPrev, .light .paginator li.resPrevios a {background-image:url(images/static/gPrev_light.png);}
.light .nota .viewer .igNext, .light .paginator li.resSiguientes a {background-image:url(images/static/gNext_light.png);}
/* Black 3% */
.black3 .nSlider {background-image:url(images/static/nSlider_bg_dark.png);}
.black3 .switch, .black3 .backgrounded, .black3 .nDestacadas li.hover, .black3 .nota .viewer, .black3 .listadoNoticias li.hover, .black3 .paginator li a:hover {background-image:url(images/static/black3.png);}
.black3 .nota .viewer .igPrev, .black3 .paginator li.resPrevios a {background-image:url(images/static/gPrev_dark.png);}
.black3 .nota .viewer .igNext, .black3 .paginator li.resSiguientes a {background-image:url(images/static/gNext_dark.png);}
/* White 40% */
.white40 .nSlider {background-image:url(images/static/nSlider_bg_custom.png);}
.white40 .switch, .white40 .backgrounded, .white40 .nDestacadas li.hover, .white40 .nota .viewer, .white40 .listadoNoticias li.hover, .white40 .paginator li a:hover {background-image:url(images/static/white40.png);}
.white40 .nota .viewer .igPrev, .white40 .paginator li.resPrevios a {background-image:url(images/static/gPrev_dark.png);}
.white40 .nota .viewer .igNext, .white40 .paginator li.resSiguientes a {background-image:url(images/static/gNext_dark.png);}