﻿@charset "utf-8";
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
#slider, #slider ul{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

	#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
		}
	#slider li{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:534px;
	height:251px;
	overflow:hidden;
	margin-right: auto;
	margin-left: auto;
	display: block;
		}
#slider li .izquierda, #slider li .derecha{
	height: 251px;
	width: 260px;
	background-image: url(imagenes/cursos/fondo.jpg);
}
#slider li #nofondo{
	background-image: none;
}
#slider li .izquierda{
	float: left;
}
#slider li .derecha{
	margin-left: 274px;
	}
#slider li .izquierda h2, #slider li .derecha h2{
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
#slider li .izquierda p, #slider li .derecha p{
	color: #8b8b8b;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#slider li .izquierda img, #slider li .derecha img{
	margin-top: 10px;
	float: right;
	margin-right: 5px;
}
#slider li .izquierda a img, #slider li .derecha a img{
	width: 255px;
	height: 50px;
	margin-top: 0px;
	margin-right: 0px;
	float: none;
}
#prevBtn, #nextBtn{
	display:block;
	width:19px;
	height:38px;
	position:absolute;
	top: 0px;
/*	margin-top: 300px;*/
	margin-top: 100px;

}	
		

	#nextBtn{
	margin-left: 570px;

		}														
	#prevBtn a, #nextBtn a{
	display:block;
	width:30px;
	height:77px;
	background-image: url(imagenes/btn_prev.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
		}	
	#nextBtn a{
	background-image: url(imagenes/btn_next.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
		}	
			#nextBtn a:hover{
	background-image: url(imagenes/btn_next_b.jpg);

		}
			#prevBtn a:hover{
	background-image: url(imagenes/btn_prev_b.jpg);

		}
