.ACSlider { position:relative; }

/* dot nav at the top */
.ACSliderPageNav { position:absolute; top:0; left:50%; height:8px; padding:0; margin: 0 0 5px 0;}
.ACSliderPageNav li { display:inline; }
.ACSliderPageNav li a { display:block; float:left; width:4px; height:4px; padding:2px; margin:0 2px; cursor:pointer; text-indent:-9999px; background:url(../portafolio/images/galeria/puntos.png) center top no-repeat; overflow:hidden; }

img { border: 0; }

.ACSliderPageNav li a:hover { background-position:center -8px; }
.ACSliderPageNav li a.active { background-position:center -16px; cursor:default; }

/* previous and next nav */
.ACSliderPreviousArrow, .ACSliderNextArrow { position:absolute; top:50%; width:14px; height:14px; cursor:pointer; text-indent:-9999px; behavior:url(../portafolio/iepngfix.htc); overflow:hidden; }
.ACSliderPreviousArrow { left:0; background:url(../portafolio/images/galeria/arrow_left20070414.png) center top no-repeat; }
.black .ACSliderPreviousArrow { background-image:url(../portafolio/images/galeria/arrow_left_black20070414.png); }
.ACSliderNextArrow {right:0; background:url(../portafolio/images/galeria/arrow_right20070414.png) center top no-repeat; }
.black .ACSliderNextArrow { background-image:url(../portafolio/images/galeria/arrow_right_black20070414.png); }
.ACSliderPreviousArrow:hover, .ACSliderNextArrow:hover { background-position:center -14px; }

/* container */
.ACSliderMaskDiv { position:relative; overflow:hidden; margin:0 30px; }
.ACSliderMaskDiv ul { position:absolute; top:16px; width:9999px; margin:0; padding:0; }
.ACSliderMaskDiv ul li { }

#main { width: 747px; padding: 0; margin-left:5px;}
#content { padding: 0; }

/* sliders */
#content #slider { position:relative; width:747px; height:123px; margin:0; background:url(../portafolio/images/galeria/linea.png) repeat-x 0 0; }

#content #slider .ACSliderPageNav { top:auto; bottom:8px; margin-left:-18px; }

#content #slider .ACSliderPreviousArrow,
#content #slider .ACSliderNextArrow { width:55px; height:123px; top:0; }
#content #slider .ACSliderPreviousArrow { background:url(../portafolio/images/galeria/anterior.gif) no-repeat 0 -123px; }
#content #slider .ACSliderNextArrow { background:url(../portafolio/images/galeria/siguiente.gif) no-repeat 0 -123px; }
#content #slider .ACSliderPreviousArrow:hover,
#content #slider .ACSliderNextArrow:hover { background-position:0 -246px; }
#content #slider .inactive { background-position:0 0 !important; cursor:default; }

#content #slider .ACSliderMaskDiv { display:block; width:642px; height:123px; margin:0 55px; }

#content #slider .ACSliderMaskDiv ul { display:block; width:3504px; height:123px; top:0; margin:0; padding:0; }
#content #slider .ACSliderMaskDiv ul li { display:block; float:left; width:642px; height:123px; margin:0; padding:0; }
#content #slider .ACSliderMaskDiv ul li a.active { background:url(../portafolio/images/galeria/on.png) no-repeat 50% 0; }

/* photos
------------------------*/
#gallery #content #swap { position:relative; width:747px; height:311px; overflow:hidden; }
#gallery #content #swap .section { position:absolute; width:747px; height:311px; }
#gallery #content #swap .section .caption { position:absolute; left:0; bottom:2em; width:100%; text-align:center; font-size:11px; color:#797c80; }
#gallery #content #swap .section .caption p { margin:0; }

#gallery #content #slider .ACSliderMaskDiv ul.page { display:block; position:static; float:left; width:637px; height:123px; }
#gallery #content #slider .ACSliderMaskDiv ul.page li { display:inline; float:none; }
#gallery #content #slider .ACSliderMaskDiv ul.page li a { float:left; width:159px; height:116px; padding-top:10px; text-align:center; }