/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/* ---[ SET DEFAULT DIMENSIONS HERE ]----------- */
/* change the ID & dimensions to match your slider */
#slider{
	width: 770px;
	height: 300px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

#sldr-carreras{
	width: 227px;
	height: 150px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
	position : relative;
}


/* ---[ SET STYLING HERE ]---------------------- */

/*=================================
 Default state (no keyboard focus)
 ==================================*/

/* Overall Wrapper */
.anythingSlider-default {
	margin: 0 auto;
	padding : 0;
}
.anythingSlider-default .anythingWindow {border : none;}
.anythingSlider-default .anythingControls a {
	/* top shadow */
	background: #777 url(/images/botones/anythingslider.png) center -288px repeat-x;
	color: #000;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/* ---[ NAVIGATION POSITIONING ]---------------- */
/* Navigation Arrows */
.anythingSlider-default .arrow {
	top: 50%;
	position: absolute;
	display: block;
}

.anythingSlider-default .arrow a {
	display: block;
	width: 45px;
	height: 140px;
	margin: -70px 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	/*background: url(/images/default.png) no-repeat;*/
	background: url("/images/botones/anythingslider-mini-light.png") no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }

/* Navigation Links */
.anythingSlider-default .anythingControls {outline: 0; display: none;}
.anythingSlider-default .anythingControls ul {margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li {display: inline;}
.anythingSlider-default .anythingControls ul a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}

/* ---[ IE8 AND OLDER STYLING ]----------------- */
/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow{top: 30%;}
.as-oldie .anythingSlider-default .arrow a{margin: 0;}

/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li{margin-left: 3px;}

/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a{margin: 0;}
.as-oldie .anythingSlider-default .anythingNavWindow{margin: 0 2px;}
.as-oldie .anythingSlider-default .anythingNavWindow li{padding: 3px 0 0 0;}

/* ---[ COMMON SLIDER STYLING ]----------------- */
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
/*	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;*/
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}


/* ---[ RTL STYLING ]---------------------------- */
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul {float: left;} /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}


/* ---[ MINI-LIGHT (Mod by AML) ]--------------- */
.anythingSlider-default.activeSlider .arrow a {
	opacity: 0.80;
	filter: alpha(opacity=80);
}
.anythingSlider-default.activeSlider .anythingControls {
	opacity: 0.80;
	filter: alpha(opacity=80);
	z-index : 100;
}

.anythingSlider-default.activeSlider .anythingControls a,
.anythingSlider-default.activeSlider .anythingControls a.start-stop{
	background-color : transparent;
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover{
	background-color : transparent;
}

/* Navigation tabs - Slider control block */
.anythingSlider-default .anythingControls {
	outline: 0;
	float: right;
	position: absolute;
	bottom: 6px;
	right: 10px;
	z-index : 100;
	opacity: 0.50;
	filter: alpha(opacity=50);
}
.anythingSlider-default .anythingControls:hover {
	opacity: 0.80;
	filter: alpha(opacity=80);
}
/* control list */
.anythingSlider-default .anythingControls ul {
	float: left;
	margin: 0;
	padding: 0;
	z-index: 100;
}
/* control tabs */
.anythingSlider-default .anythingControls ul li {
	display: block;
	float: left;
}
/* control links */
.anythingSlider-default .anythingControls ul a,
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover{
	display: block;
	background: transparent url(/images/botones/anythingslider-mini-light.png) no-repeat left -85px; /* default tab, active/inactive slider */
	text-decoration: none;
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	outline: 0;
}
/* control nav window (navigationSize = true) */
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}
.anythingSlider-default .anythingControls ul a.hover,
.anythingSlider-default .anythingControls ul a:hover {
	background-position: left -102px;
}

.anythingSlider-default.activeSlider .anythingControls a.cur{
	background-position: -18px -85px;
}
/*.anythingSlider-default .anythingControls ul a.cur:hover{*/
.anythingSlider-default.activeSlider .anythingControls a:hover{
	background-position: -18px -102px;
}

/* Start/stop button - stopped */
.anythingSlider-default .anythingControls a.start-stop{
	background: transparent url(/images/botones/anythingslider-mini-light.png) no-repeat left -119px;
	color: #ddd;
	width: 18px;
	height: 18px;
	padding: 0;
	float: left;
	z-index: 100;
	outline: 0;
}
/* start/stop button - playing */
.anythingSlider-default .anythingControls a.start-stop.playing{
	background-position: -18px -119px;
}
/* Start/stop button - stopped */
.anythingSlider-default .anythingControls a.start-stop:hover{
	background-position: left bottom;
}
.anythingSlider-default .anythingControls a.start-stop.playing:hover{
	background-position: -18px bottom;
}

/* Navigation size window arrows */
.anythingSlider-default .anythingControls li.next a span, 
.anythingSlider-default .anythingControls li.prev a span {
	text-indent: 1px;
	padding: 4px 0 0 3px;
	font-size: 8px;
}
.anythingSlider-default .anythingControls li.prev a, 
.anythingSlider-default .anythingControls li.next a {
	color: #ddd;
}
.anythingSlider-default .anythingControls li.next a:hover, 
.anythingSlider-default .anythingControls li.prev a:hover {
	color: #000;
}

/* ---[ COMMON SLIDER STYLING ]------------------ */
/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider-default .arrow a span, 
.anythingSlider-default .anythingControls ul a span, 
.anythingSlider-default .anythingControls a.start-stop span {
	display: block;
	line-height: 1px; /* needed for IE7 */
	width: 0;
	visibility: hidden; /* needed for IE8, instead of text-indent: -9999px */
}


/* ---[ Slider Carreras ]----------------------- */

/* Overall Wrapper */
.anythingSlider-carreras {
	margin: 0 auto;
	padding : 0;
}
.anythingSlider-carreras .anythingWindow {border : none;}
.anythingSlider-carreras .anythingControls a {
	/* top shadow */
	background: #777 url(/images/botones/anythingslider.png) center -288px repeat-x;
	color: #000;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/* Navigation Arrows */
.anythingSlider-carreras .arrow {
	top: 50%;
	position: absolute;
	display: block;
}

.anythingSlider-carreras .arrow a {
	display: block;
	width: 48px;
	height: 48px;
	margin: -24px 0 0 0; /* mitad de la altura de la flecha */
	opacity: 0.90; filter: alpha(opacity=90)
	text-align: center;
	outline: 0;
	background: url(/images/varios/beneficios/btns-imgs.png) no-repeat;
}

/* back arrow */
.anythingSlider-carreras .back {left: -45px; }
.anythingSlider-carreras .back a { background-position: left top; }
.anythingSlider-carreras .back a:hover,
.anythingSlider-carreras .back a.hover { background-position: left -48px;}
/* forward arrow */
.anythingSlider-carreras .forward {right: -45px;}
.anythingSlider-carreras .forward a { background-position: right top; }
.anythingSlider-carreras .forward a:hover,
.anythingSlider-carreras .forward a.hover {background-position: right -48px;}

/* Navigation Links */
.anythingSlider-carreras .anythingControls { outline: 0; display: none; }
.anythingSlider-carreras .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-carreras .anythingControls ul li { display: inline; }


/* --------------------------------------------- */
/* ---[ REGLAS ESPECÍFICAS ]-------------------- */
#sldr-wrppr{clear:both}

#slider .caption-bottom, 
#news-sldr .caption-bottom { 
  background : #000; 
  color : #FFF; 
  padding : 10px; 
  margin : 0; 
  position : relative; 
  z-index : 10; 
  opacity : .8; 
  filter : alpha(opacity=80); 
}

#slider .wht{background-color : #FFF; color : #000}
#slider .blu{background-color : #009}
#slider .gld{background-color : #E6C800; color : #000}
#slider .grn{background-color : #090}
#slider .gry{background-color : #808080}
#slider .bwn{background-color : #960}

/* Bottom caption - padding is included in the width (480px here, 500px in the script), same for height */ 
#slider .caption-bottom { 
  left : 0; 
  bottom : 0; 
  width : 480px; 
  height : 30px; 
}

.caption-bottom .close{ 
  font-size : 80%; 
  cursor : pointer; 
  float : right; 
  display : inline-block;
  position : relative;
  right : -2px;
  top : -8px;
 }

.solo-texto{
	width : 730px !important;
	padding : 20px;
	color : #000;
	font-style : italic;
	font-weight : bold;
	font-size : 1.3em;
	text-align : justify;
	font-family : Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
	background : url(/images/bg/ve-06.jpg);
}
.solo-texto-lc{
   float : left;
   color : #900;
   background : #FFF;
	opacity : .5; 
   filter : alpha(opacity=50); 
   font-size : 80px;
   line-height : 60px;
   padding : 2px;
   margin-right : 5px;
	font-style : normal;
}

.pendon{
	width : 131px;
	height : 150px;
	padding : 20px 5px 5px;
	position : absolute;
	top : 0;
	left : 80px;
	color : #FFF;
	background-color : #900;
	opacity : .6;
	filter : alpha(opacity=60);
	box-shadow : 5px 5px 5px #333;
	font-weight : bold
}

.colacion-txt{
	width : 637px;
	height : 101px;
	position : absolute;
	top : 80px;
	left : -638px;
	opacity : .8;
	filter : alpha(opacity=80);
}
/* Globos de diálogo banner inicios 2013 (Nov 2012)*/
.gd-2012-wrppr{
	position : absolute;
	opacity : 1 !important;
	filter : alpha(opacity=100) !important;
}
.gd-2012{
	display : block;
	float : left;
	width : 85px;
	height : 104px;
	margin-left : 9px;
	text-indent : -9999em;
	background : transparent url(/images/billboard/201211-inicios/00.jpg) no-repeat;
}
#gd-2012-01{background-position :  -2px 0; margin-left : 2px;}
#gd-2012-02{background-position :  -96px 0}
#gd-2012-03{background-position : -190px 0}
#gd-2012-04{background-position : -284px 0}
#gd-2012-05{background-position : -378px 0}
#gd-2012-06{background-position : -472px 0}
#gd-2012-07{background-position : -566px 0}
#gd-2012-08{background-position : -660px 0}

.gd-2012:hover{background : transparent url(/images/billboard/201211-inicios/00.jpg) no-repeat;}
#gd-2012-01:hover{background-position :  -2px  -104px; margin-left : 2px;}
#gd-2012-02:hover{background-position :  -96px -104px}
#gd-2012-03:hover{background-position : -190px -104px}
#gd-2012-04:hover{background-position : -284px -104px}
#gd-2012-05:hover{background-position : -378px -104px}
#gd-2012-06:hover{background-position : -472px -104px}
#gd-2012-07:hover{background-position : -566px -104px}
#gd-2012-08:hover{background-position : -660px -104px}

#vm-2013-fb, #vm-2013-yt{
	margin : 0; padding : 0;
	display : block;
	width : 155px;
	height : 28px;
	position : absolute;
	left : 589px;
	text-indent : -9999em;
	background : transparent url(/images/billboard/201302-vm/btns.png) no-repeat;
}
#vm-2013-fb{top : 154px;}
#vm-2013-yt{
	top : 186px; 
	background-position : -157px 0; 
}

#vm-2013-fb:hover{background-position :   0   -29px}
#vm-2013-yt:hover{background-position : -157px -29px;}

#sede-vm, #sede-cp{
	margin : 0; padding : 0;
	display : block;
	width : 181px;
	height : 43px;
	position : absolute;
	top : 210px;
	text-indent : -9999em;
	background : transparent url(/images/billboard/201303-sedes/btn.png) no-repeat;
}
#sede-vm{left : 42px;}
#sede-cp{left : 539px;}

#sede-vm:hover, #sede-cp:hover{background-position :   0   -43px}

/* Botones para Carreras del Billborad */
/* Generales*/
#tuca-mkt, #tuca-adm, #tuca-rh, #tuca-rp, #tuca-asw, #tuca-asc, #tuca-hys, #tuca-gi{
	margin : 0; padding : 0;
	display : block;
	position : absolute;
	text-indent : -9999em;
	background :  transparent url(/images/billboard/201311-TuCarrera/btns-carreras.png) no-repeat;
}
/* MKT & ADM*/
#tuca-mkt{width : 127px; height : 76px; top : 209px; left : -3px;}
#tuca-mkt:hover{background-position : 0 -77px}
#tuca-adm{width : 165px; height : 90px; top : 82px; left : 605px; background-position : -128px 0;}
#tuca-adm:hover{background-position : -128px -91px}

/* RRHH & RRPP*/
#tuca-rh{width : 184px; height : 100px; top : 177px; left : 97px; background-position : -294px 0;}
#tuca-rh:hover{background-position : -294px -101px;}
#tuca-rp{width : 180px; height : 100px; top : 177px; left : 488px; background-position : -479px 0;}
#tuca-rp:hover{background-position : -479px -101px}

/* ASW & ASC*/
#tuca-asw{width : 123px; height : 90px; top : 11px; left : 0px; background-position : -660px 0;}
#tuca-asw:hover{background-position : -660px -91px;}
#tuca-asc{width : 138px; height : 90px; top : 132px; left : 632px; background-position : -784px 0;}
#tuca-asc:hover{background-position : -784px -91px}

/* HYS & GI*/
#tuca-hys{width : 139px; height : 91px; top : 23px; left : 0px; background-position : -923px 0;}
#tuca-hys:hover{background-position : -923px -92px;}
#tuca-gi{width : 172px; height : 91px; top : 171px; left : 598px; background-position : -1063px 0;}
#tuca-gi:hover{background-position : -1063px -92px}