/*****************************************************************************************************
								www.promaker.com.ar  |  info@promaker.com.ar
*****************************************************************************************************/

/****************************************** RESET */

*, .format {margin:0; padding:0; outline:0; border:0; background:none; background-repeat:no-repeat; font-size:100%}

body {font-family:'Trebuchet MS', Verdana; font-size:11px; color:#555; background:url(../img/css/fondo.jpg) repeat-x top #197F40;}
div, h1, h2, h3, h4, h5, h6 {width:100%;}

#contenedor {width:960px; margin:0 auto;}
#contenedor div, h1, h2, h3, h4, h5, h6, form, input {float:left; display:inline;}

#contenido {background:url(../img/css/bottom.gif) no-repeat bottom #FFFFFF; padding:0 0 40px 0;}

a {text-decoration:none; cursor:pointer; color:inherit;}
a:hover {color:#000;}

label {vertical-align:top;}
input, select, textarea {font-size:10px; padding:3px; font-family:Verdana;
border:#CCC 1px solid; background:#FFF;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:24px;} h2 {font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif;} h3 {font-size:18px;}
h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;}

p {text-align:left; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

table {border-collapse:collapse}

li {list-style-type:none}

object {width:100%; height:100%;}

.hidden {display:none}

.right {float:right !important;}
.center {text-align:center !important;}
.float-none {float:none; display:inline-block;}

.mensaje {padding:100px 0;}
.mensaje p {font-weight:bold; text-align:center;}

.errMsg {color:#187F40; float:left; margin:0 0 -35px 2px; position:relative;}
#persona_fisica .errMsg, #persona_juridica .errMsg {font-size:11px; margin:-34px 0 0; position:relative; width:185px;}
#persona_fisica {display:none;}

/*****************************************************************************************************
											MAQUETADO
*****************************************************************************************************/


/****************************************** HEADER */

#header {background:url(../img/css/header.gif) no-repeat right bottom; height:230px;}

#logo a {width:161px; height:161px; background:url(../img/css/logo.gif) no-repeat; display:block; text-indent:-9999px; position:relative; top:4px; left:20px; margin:0 0 12px 0;}

#menu {float:right !important; width:auto; background-image:url(../img/css/top.jpg) no-repeat bottom right;}

ul#nav li {float:left; position:relative; display:inline;}

ul#nav li a {background-image:url(../img/css/botones.png); background-position:right bottom; color:#44403B; display:block; font-size:14px; height:28px; margin:0 0 0 30px; padding:15px 0 0 20px;position:relative; text-align:left; text-decoration:none; width:104px;}

ul#nav li a.activo {background-position:top right; color:#000000; z-index:300 !important;}
ul#nav li a:hover {background-position:top right; color:#000000; z-index:400 !important;}

ul#nav span {background:url(../img/css/nav.gif) no-repeat bottom left; padding:3px 0 0 30px;}

ul#nav .home a {z-index:80}
ul#nav .home span {background-position:-5px -5px;}
ul#nav .home a:hover span, ul#nav .home a.activo span {background-position:-5px -371px;}
ul#nav .sumate a {z-index:70}
ul#nav .sumate span {background-position:-5px -54px;}
ul#nav .sumate a:hover span, ul#nav .sumate a.activo span {background-position:-5px -420px;}
ul#nav .gracias a {z-index:60}
ul#nav .gracias span {background-position:-5px -105px;}
ul#nav .gracias a:hover span, ul#nav .gracias a.activo span {background-position:-5px -471px;}
ul#nav .hacemos a {z-index:50}
ul#nav .hacemos span {background-position:-5px -155px;}
ul#nav .hacemos a:hover span, ul#nav .hacemos a.activo span {background-position:-5px -521px;}
ul#nav .norte a {z-index:40}
ul#nav .norte span {background-position:-5px -209px;}
ul#nav .norte a:hover span, ul#nav .norte a.activo span {background-position:-5px -575px;}
ul#nav .blog a {z-index:30}
ul#nav .blog span {background-position:-5px -209px;}
ul#nav .blog a:hover span, ul#nav .blog a.activo span {background-position:-5px -575px;}
ul#nav .somos a {z-index:20}
ul#nav .somos span {background-position:-5px -260px;}
ul#nav .somos a:hover span, ul#nav .somos a.activo span {background-position:-5px -626px;}
ul#nav .fotos a {z-index:10}
ul#nav .fotos span {background-position:-7px -315px;}
ul#nav .fotos a:hover span, ul#nav .fotos a.activo span {background-position:-7px -681px;}

ul#nav {margin-left:20px;}
ul#nav li {float:left; position: relative; margin-left:-40px; display:inline; position:relative}

.submenu {position:absolute; width:123px; left:28px; top:43px; background:#fff; border-style:solid; border-color:#999; border-width:0 1px 2px 1px; overflow:hidden}
.submenu li {margin-left:0 !important; width:100%}
.submenu a {background:none repeat scroll 0 0 transparent !important;color:#999 !important;display:block !important;font-size:11px !important;height:auto !important;margin:0 !important;padding:10px 2px 4px 5px !important;width:auto !important;}
.submenu a:hover {color:#187F40 !important; background:#F9F9F9 !important}


/****************************************** IZQUIERDA */

#izquierda {}
.rss {margin-top:20px; float:left}

/****************************************** DERECHA */

#derecha {}

/****************************************** FOOTER */

#footer {background:url(../img/css/top_footer.jpg) top no-repeat #E7E5CC; color:#187f40; padding:15px 0 0 0; width:960px; margin:0 0 15px 0; position:relative}

#minilinks {width:300px; float:left; margin:15px 0 0 50px;}
#minilinks li {width:80px; float:left; background:url(../img/css/list.jpg) center left no-repeat; padding:0 0 0 15px;}
#minilinks a:hover, #minilinks a.activo {color:#187f40; text-decoration:underline;}

#otroslinks {width:80px; float:left; font-size:10px; text-align:right; padding:12px 30px 0 0;}
#otroslinks li {margin:5px 0;}
#otroslinks a {background-color:#ADA84A; color:#FFFFFF; padding:0 3px;}
#otroslinks a:hover, #otroslinks a.activo {background-color:#187f40; color:#FFFFFF; padding:0 3px;}

address {width:203px; float:left; font-style:normal; font-size:11px; background:url(../img/css/separador.jpg) repeat-y left; padding:5px 0 5px 30px;}
address a:hover {color:#187f40; text-decoration:underline;}
.twitter, .facebook {width:130px; margin-top:10px}
.twitter a, .facebook a {padding:5px 0 5px 36px; display:block; font-weight:bold}
.twitter a {background:url(../img/css/twitter_32x32.gif) no-repeat 0 50%}
.facebook a {background:url(../img/css/facebook_32x32.gif) no-repeat 0 50%}
.twitter a:hover, .facebook a:hover {color:#339933}

#promaker {background:url(../img/css/bottom_footer.jpg) no-repeat bottom; padding-bottom:15px;}
#promaker a {background:url(../img/css/promaker.jpg) no-repeat top left; display:inline; text-indent:-9999px; float:left; width:134px; height:26px; margin-left:413px;}

/*											SECCIONES
*****************************************************************************************************/

/****************************************** HOME */

.title {background:url(../img/css/title.gif) no-repeat left top; padding:0 0 0 62px; float:left; margin:0; width:auto;}
.title h2 {color:#187F40; width:auto;}

.izquierda {float:left; width:410px; padding:0 0 0 0;}
.derecha {float:right !important; width:540px;}

#bienvenidos {margin:30px 0 0 0; float:left; width:350px; background:url(../img/css/fondo_bienvenidos.jpg) no-repeat top left; padding:0 0 35px 55px;}
#bienvenidos .title {margin:0 0 25px 0;}
#bienvenidos p {line-height:20px; margin:10px 0 60px; padding:0 30px 0 25px;}

#newsletter {background:url(../img/css/fondo_newsletter.jpg) no-repeat left bottom; padding:0 0 62px 62px; /*margin:50px 0 0 0;*/ float:left; width:350px;}
#newsletter .title {width:auto; margin:0 0 20px 0;}
#newsletter p {padding:0 30px 0 28px; float:left; width:80%;}
#newsletter form {margin:10px 0 0 0; padding:0 0 0 28px;}
#newsletter .text {background-color:#E7E6D2; border:1px solid #565857; width:296px; color:#76782F;}
#newsletter .enviar {background:url(../img/css/enviar.jpg) no-repeat top left; text-indent:-9999px; width:52px; height:25px; cursor:pointer; border:none; margin:5px 18px 0 0; float:right; color:#197F40;}

#novedades {background:url(../img/css/fondo_novedades.jpg) left top no-repeat; margin:30px 0px 0 0;}

.novedad {border-bottom:2px solid #E6E5C7; padding:30px 10px 30px 10px; padding:30px 10px;
width:490px;}
.novedad .img {width:95px; height:100px; overflow:hidden; border:2px solid #ABA947; float:left; margin:0 15px 0 15px;}
.novedad h3 {color:#aba947; font-size:15px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; float:none; line-height:16px; padding:0; margin:0;}
.novedad h3 a:hover {color:#187F40;}
.novedad p {font-size:13px; margin:10px 0 0 0; float:none;}

.leermas {color:#187F40; font-weight:bold; margin:10px 0 -50px 410px; position:relative; width:100px;}
.leermas a:hover {color:#187F40; text-decoration:underline;}

#novedades-detalle .img {border:2px solid #ABA947; margin:0 15px 15px 0; width:auto;}

#novedades-detalle {margin:30px 0 0 40px; width:885px;}
#novedades-detalle .title {width:850px; margin:0 0 30px 0;}
#novedades-detalle p {padding:30px 0 0 0; line-height:18px;}

#fotos_fechas {background:url(../img/css/fondo_fotos_fechas.jpg) top right no-repeat; padding:30px 0 85px; width:100%;}

#fotos {float:left; width:280px;}
#fotos h5 {padding:0 0 15px 0; color:#187F40; width:100%;}
#fotos p {width:178px; text-align:center; margin:0 0 0 51px;}

.foto {position:relative; width:114px; height:103px; float:left; overflow:hidden; margin:0 0 0 20px;}
.foto img {padding:5px 0 0 0;}
.foto span {width:20px;	height:18px; display:block; position:absolute; top:12px; left:12px; background: url(images/digg-style.gif) no-repeat;}
.foto a {text-decoration:none; width:50px;}
.foto span {width:114px; height:103px; display:block; position:absolute; top:0; left:0; 	background:url(../img/css/mascara.png) no-repeat; text-indent:-9999px;}

.boton a {background:url(../img/css/clic.jpg) no-repeat top left; width:109px; height:41px; display:inline; text-indent:-9999px; margin:15px 0 0 90px; float:left;}

#calendario {float:right !important; width:250px;}

.twitter_widget {position:absolute; left:720px; top:-168px; width:226px; z-index:100;}
.tweet_list {background-image:url(../img/css/fondo_twitter.jpg); height:107px}
.tweet li {padding:10px; font:10px Verdana; color:#727272; height:62px; overflow:hidden}
.tweet li a {color:#ababab; text-decoration:underline}
.tweet li a:hover {color:#666; text-decoration:none}
.follow_us_twitter {font:11px Verdana; color:#3884b0; position:relative}
.follow_us_twitter a {background-image:url(../img/css/twitter_bird.png); width:84px; height:70px; display:block; text-indent:-9999px}

/****************************************** SUMATE */

form {width:auto;}
.izquierda_sumate {width:480px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif;}
.derecha_sumate {width:455px; float:right !important; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 20px 0 0;}
.derecha_sumate img {float:left;}

#como_ayudar {margin:30px 0 0 40px; width:400px;}
#como_ayudar title {width:400px;}
#como_ayudar ul {padding:20px 0 0 0; float:left; width:400px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#como_ayudar li {float:left; width:367px; margin:0 0 15px 25px; padding:0 0 0 10px; background:url(../img/css/fondo_li.jpg) no-repeat bottom left; line-height:22px;}
#como_ayudar li span {margin:0 22px 0 0; color:#aba947; font-weight:bold;}

#sumate_form {margin:50px 0 0 40px; width:440px;}
#sumate_form h5 {padding:0; color:#187F40; width:100%; font-size:12px;}

.s_form {margin:40px 0 0 30px; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#646464; width:400px;}
.s_form label {float:left; margin:0 0 20px 0;}
.l_check {width:370px;}
.l_radio {width:350px;}
.s_form input.total {float:left; width:375px; border:1px solid #646464; background:url(../img/css/fondo_input.jpg) #EAE9D1 repeat-x bottom; color:#797931;}
.s_form input.medio {float:left; width:175px; border:1px solid #646464; background:url(../img/css/fondo_input.jpg) #EAE9D1 repeat-x bottom; color:#797931;}
.s_form textarea {float:left; width:375px; height:120px; border:1px solid #646464; background:url(../img/css/fondo_textarea.jpg) repeat-x bottom #eae9d1; color:#797931; text-indent:0;}
.s_form p {float:left; font-size:11px; margin:5px 0 10px 0; width:346px;}

form .check {margin:0 5px 0 0; border:0;}
form .radio {border:0; margin:0 5px 0 20px;}

.form_sumate_derecha {width:420px; float:right !important; border-left:1px solid #F3F5E8; padding:0 0 0 30px; height:460px;}
.form_sumate_derecha h4 {color:#aba947; font-weight:bold; font-size:14px; margin:40px 0 20px 0;}
.form_sumate_derecha input {float:left; margin:0 10px 0 0; padding:5px 0 0 0;}
.form_sumate_derecha label {width:310px; float:left; font-size:14px; margin:0 70px 5px 0;}

.enviar_form {margin:30px 0 0 460px; background:url(../img/css/enviar_form.jpg) top left no-repeat; text-indent:-9999px; display:inline; border:0; cursor:pointer; width:61px; height:29px;}

#persona_fisica div input, #persona_juridica div input {float:left;} 
#persona_fisica div.total, #persona_juridica div.total {float:left; width:385px;}
#persona_fisica div.medio, #persona_juridica div.medio {float:left; width:185px; padding:0 14px 15px 0; margin:15px 0 0 0;}

/****************************************** GRACIAS */

#gracias {background:url(../img/css/fondo_gracias.jpg) no-repeat left top; font-family:Verdana, Arial, Helvetica, sans-serif;}
#gracias .izquierda {float:left; width:560px; padding:0 20px 0 55px;}
#gracias .derecha {float:right !important; width:300px; margin:0;}

#gracias .izquierda {color:#4e5d52; font-size:14px; padding:0 20px 30px 55px;}
#gracias .izquierda h3 {font-weight:bold; margin:60px 0 35px 0; font-size:14px;}
#gracias .izquierda p {margin:0 0 40px 0; font-size:14px;}
#gracias ul {padding:20px 0 0 0;}
#gracias li {margin:10px 0 0 20px; font-size:12px;}

#gracias  .title {margin:40px 0 20px 0;}

/****************************************** PROGRAMAS */

#programas {padding:30px 0 0 25px; width:895px;}
#programas .title {width:auto; margin:0 0 0 15px;}
#programas p {float:left; width:830px; margin:18px 0 0 0; font-size:14px; padding:0 0 0 40px;}
#programas h4 {margin:25px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#aba847; font-weight:bold; padding:0 0 0 40px;}

#estructura {background:url(../img/css/fondo_programas.jpg) no-repeat; width:308px; height:400px; border:1px solid #EEEEEE; margin:25px 0 0 40px; padding:21px 20px 0 520px;}
#estructura li {padding:20px 15px 10px 0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.uno {background:url(../img/css/li_uno.jpg) no-repeat top left;}
.dos {background:url(../img/css/li_dos.jpg) no-repeat top left;}
.tres {background:url(../img/css/li_tres.jpg) no-repeat top left;}
.cuatro {background:url(../img/css/li_cuatro.jpg) no-repeat top left;}

#donaciones {background:url(../img/css/fondo_donaciones.jpg) no-repeat; width:870px; height:464px; padding:30px 0 0 25px;}
#donaciones h4 {color:#187f40; margin:25px 0 20px 0; padding:0 0 0 40px;}
#donaciones p {width:435px; margin:10px 0 0 0; padding:0 0 0 40px;}

/****************************************** NORTE */

#norte {padding:20px 0 0 45px; width:915px;}
#norte .title {width:auto; margin:0;}

#norte .izquierda {width:530px;}
#norte .derecha {width:360px;}

#norte h4 {background:url(../img/css/fondo_escuelas.jpg) no-repeat top left; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0 0 3px 3px; margin:30px 0 20px 20px; float:left; width:485px;}
#norte p {margin:0 0 10px 0; width:485px; font-size:14px; float:left; padding:0 0 0 20px;}

#norte h5 {padding:0 0 15px 0; color:#187F40; width:100%;}

#fotos_formosa .fotos {margin:0 0 0 18px;}
#fotos_formosa .foto {position:relative; width:101px; height:89px; float:left; margin:5px 7px 0 0;}
#fotos_formosa .foto img {overflow:hidden; padding:0; width:101px; height:89px;}
#fotos_formosa .foto span {width:20px;	height:18px; display:block; position:absolute; top:0px; left:0px; background: url(images/digg-style.gif) no-repeat;}
#fotos_formosa .foto a {text-decoration:none; width:50px;}
#fotos_formosa .foto span {width:101px; height:89px; display:block; position:absolute; top:0px; left:0px; background:url(../img/css/mascara_th.png) no-repeat; text-indent:-9999px;}

#norte #sumate {margin:50px 0 0 20px; width:auto;}

#news {padding:0 0 62px 0; margin:50px 0 0 0; float:left; width:350px;}
#news .title {width:auto; margin:0 0 20px 0;}
#news p {padding:0 30px 0 20px; float:left; width:80%;}
#news form {margin:10px 0 0 0; padding:0 0 0 20px;}
#news .text {background-color:#ACA948; border:1px solid #0D5527; width:296px; color:#0D5527;}
#news .enviar {background:url(../img/css/enviar.jpg) no-repeat top left; text-indent:-9999px; width:52px; height:25px; cursor:pointer; border:none; margin:5px 25px 0 0; float:right; color:#197F40;}

/****************************************** MAPA DEL SITIO */

#site_map {margin:30px 0 0 40px; width:885px;}
#site_map .title {width:885px; margin:0 0 20px 0;}
#site_map ul {float:left; width:auto;}
#site_map li {background:url(../img/css/li_fondo.jpg) no-repeat center left; padding:0 0 0 32px; margin:0 0 15px 30px; font-size:16px; color:#006600;}
#site_map li a:hover {color:#006600; text-decoration:underline;}


/****************************************** SOMOS */

#somos {background:url(../img/css/fondo_somos.jpg) no-repeat top left; padding:70px 0 40px 200px; width:760px;}

#somos .title {width:670px; margin:0 0 20px 0;}
#somos p {width:670px; margin:0 0 30px 0; font-size:13px;}
#somos ul {width:670px; margin:0 0 30px 0;}
#somos ul li {width:670px; margin:0 0 10px 0; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.bull {margin:0 25px 0 0;}


/****************************************** GALERIA DE FOTOS */

#galeria_fotos {padding:25px 0 0 45px; width:915px;}
#galeria_fotos .title {width:850px;}
#galeria {text-align:center; width:709px; height:720px; margin:0 0 0 80px;} 


/****************************************** AGENDA */

#FillActividades {background-repeat: repeat-y; background-position:right; margin-left: -1px; position: relative; margin-top:15px;}

#CalendarBubble {padding:5px 20px; width:226px; height:164px; position: absolute; left:-195px; top:-80px; z-index:50; background:url(../scripts/jscalendar/css/popup.png) no-repeat top left;}
#CalendarBubble .Descripcion a {background-image:none; text-shadow:none; font-size:12px; margin:0; padding:0; color:#e67425; width:auto; float:none}
#CalendarBubble h2 {font-size:13px; font-weight:bold;}
#CalendarBubble .Descripcion {width:130px; margin-top:2px !important}
#CalendarBubble .CerrarBubble {margin-bottom:50px;}
#CalendarBubble .CerrarBubble a {background-position: left center; font-size:10px; margin:0 0 0 45px; padding:0 0 0 15px; width:auto; float:none; color:#ACAA46; z-index:100; display:block;}
#CalendarBubble .CerrarBubble a:hover {text-decoration:underline; color:#ACAA46;}
#CalendarBubble #calendarText {height:80px; overflow-x:hidden; overflow-y: auto; width:143px; margin:25px 0 0 20px; font-size:12px; color:#FFFFFF; line-height:14px;}
#CalendarBubble #calendarText a {color:#ACAA46}
#CalendarBubble #calendarText a:hover {color:#ACAA46; text-decoration:underline}
#CalendarBubble #calendarText strong {font-weight:bold; font-size:13px; color:#ACAA46;}

#paginador {text-align:center; font-size:10px; color:#187F40; position:relative; margin-top:6px; font-size:12px}
#paginador a {position:relative; padding:2px 4px; color:#187F40}
#paginador a:hover, #paginador .activo {background:#187F40; color:#FFF}


.fondo2 {background:url(../img/css/fondo2.jpg) no-repeat scroll left top !important;}
/*****************************************************************************************************
											COLORBOX
*****************************************************************************************************/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay div {width:auto !important} /***** Sin conflictos para div{width:100%}*/
#cboxOverlay{background:url(colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.gif) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.gif) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.gif) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.gif) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/controls.gif) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/controls.gif) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/border.gif) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/border.gif) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/controls.gif) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.gif) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/controls.gif) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}