/* CSS Document */


#bg{
	background:#009966 url(../images/home_pic2.jpg) top left no-repeat;
	background-size:cover;
}
#slider{
	height:500px;
	margin:0 auto;
	background:url(../images/slider_bg.png) repeat-y top right;
}
@media only screen and (min-width: 1040px) {
	#slider{
		width:100%;
		max-width:1400px;
		margin:0 auto;
	}
}
.item{
	max-width:1000px;
	margin:0 auto;
}
.item-image{
	float:left;
	width:550px;
	height:500px;
}
.item-title{
	float:right;
	width:450px;
}
.item-title h1{
	font-size:40px;
	color:#fff;
	text-shadow:1px 1px 4px rgba(0,0,0,0.3);
	padding:50px 10px 0 10px;
}
.page-wrap{
	padding:0;
	border-radius:0;
}

.block-home{
	margin:0; padding:0;
	display: table; border:0;
	text-align: center;
    width: 100%;
	border-collapse: collapse
}
.up{
	border-top:15px solid #0C6;
	padding:0 0 30px 0;
	margin-bottom:20px;
}

.proximos{
	display: block; border:0;
	text-align: center;
    width: 100%;
}
.proximos .itemcurso{
	width:33.299%; min-height:280px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	float:left;
	text-align:left; 
	padding:10px 20px 0px 20px;
	margin-bottom:10px;
}
.proximos .itemcurso:hover{
	box-shadow:1px 2px 12px rgba(0,0,0,0.2);
}
.proximos .itemcurso .imagen{
	width:100%;
	height:130px;
	display:block;
	overflow:hidden;
}
.proximos .itemcurso .imagen img{
	width:100%;
}
.proximos .textos{
	width:100%;
}
.proximos .itemcurso .masinfo {
	display:block;
	width:100px; height:34px;
	border:1px solid #ddd;
	padding:4px 10px; border-radius:30px;
	text-align:center;
	font-size:80%;
}

.proximos .itemcurso .masinfo a:link, .proximos .itemcurso .masinfo a:visited{
	color:#999 !important;
}
.proximos .itemcurso .masinfo a:hover{
	color:#F66;
}
.itemcurso:hover a{
	color:#F90;
}

.block-item{
	width:33.299%; height: 100%;
	display: table-cell;
	vertical-align: top;
	
	display: inline-block;
	background:#eee;
	text-align:left; padding:10px 20px 0px 20px;
}
.block-item h2{
	margin:0;
}
.block-item a{
	display:block;
}
.block-item span{
	color:rgba(0,0,0,0.3);
}
.one{
	background:#fff;
}
.two{
	background:#eee;
}
.three{
	background:#ddd;
}
.four{
	background:#ccc;
}
.four h3{
	color:#096;
}
.four img{
	width:100%;
}
.four a:hover h3{
	color:#F90;
}
.block-home ul{
	list-style:none;
	padding:0; margin:0;
}
.block-home li{
	padding:4px 0; margin:0 0 7px 7px;
	list-style:circle;
}