#main.grid-12 {background-color:#f9f9f9;}
#cursos.grid-10 {margin:0 auto; padding:70px 0 120px; max-width: 1200px;}
#cursos.grid-10 h1 {text-align:center; color:#015d82; font-family:ralewayLight,Verdana,Geneva,sans-serif; font-size:48px; padding:0 0 30px;}
#cursos.grid-10 h1 span {font-family: ralewayBold,Verdana,Geneva,sans-serif;}
#cursos.grid-10 p {text-align:center; color:#015d82; font-family:ralewayLight,Verdana,Geneva,sans-serif; font-size:20px; line-height:120%; margin:0 0 30px}


/*Articulos*/
.art {width:228px; position:relative; margin:0 6.4%;}
.art ul.div1, .art ul.div2, .art ul.div3 {display:none; clear:both;}
.cursor {cursor:pointer; position:absolute; top:190px; left:0; right:0; margin:0 auto; width:108px;}
.art ul {margin:20px 0 0;}
.art ul li {font-family:ralewayBold, Verdana, Geneva, sans-serif; font-size:14px; color:#015d82; margin-bottom:10px; border-bottom:1px solid #015d82; padding:0 0 10px 15px;}
.art ul li a {font-family:ralewayBold, Verdana, Geneva, sans-serif; color:#015d82; text-align:left}
.art ul.div1 li {background:url(/ipsuss/img/v1/auxi/punto02.png) no-repeat left 3px;}
.art ul.div2 li {background:url(/ipsuss/img/v1/auxi/punto03.png) no-repeat left 3px;}
.art ul.div3 li {background:url(/ipsuss/img/v1/auxi/punto01.png) no-repeat left 3px;}

@media(max-width:1337px) {
    .art {margin:0 3%;}
}
@media(max-width:1005px) {
    .art {margin:0 1.5%;}
}
@media(max-width:905px) {
    #cursos.grid-10 {width:95%;}
}
@media(max-width:792px) {
    .art {width:30%;}
	.art img {width:100%; height:auto;}
	.cursor {top:70%;}
}
@media(max-width:600px) {
	#cursos.grid-10 h1 {font-size:30px !important; padding:0 0 40px !important;}
	.cursor {top:190px;}
	.art {width:228px; margin: 0 auto 30px; float:none; display:table;}
}
@media(max-width:585px) {
	.cursor {max-width:90%;}
}