
.mos { background:#fff url(../images/fondos/bg_mos2010.jpg) no-repeat center top}
.mosEmpresas { background:#fff url(../images/fondos/bg_mos-empresas2010.jpg) no-repeat center top}
.adobe { background:#fff url(../images/fondos/bg-adobe2010.jpg) no-repeat center top}
.adobeEmpresas { background:#fff url(../images/fondos/bg-adobe-empresas2010.jpg) no-repeat center top}
.robotica { background:#fff url(../images/fondos/bg-robotica2010.jpg) no-repeat center top}
.primerospasos { background:#fff url(../images/fondos/bg-primerospasos2010.jpg) no-repeat center top}
.dyned { background:#fff url(../images/fondos/bg-dyned2010.jpg) no-repeat center top}
.ic3 { background:#fff url(../images/fondos/bg-ic32010.jpg) no-repeat center top}
.cambridge { background:#fff url(../images/fondos/bg-cambridge2010.jpg) no-repeat center top}
.mtb { background:#fff url(../images/fondos/bg-mtb2010.jpg) no-repeat center top}
.mta { background:#fff url(../images/fondos/bg-mta2010.jpg) no-repeat center top}


/*------contenedor interno-----*/

	
#productContainer {
	width:950px;
	padding:2px 3px;
	margin:180px auto 0;

}





#product {
	width:570px;
	padding:0 0 15px 25px;
	overflow:auto;
	
}

#product h2{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:200%;
	margin:0;
	padding:0;
}

.intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size:130%;
	font-weight:normal;
	color:#666;
	font-style:italic
}


.recursos {
	background:url(../images/bg-recursos.png) no-repeat;
	padding:12px 0 5px 35px;
}

.duracion {
	background:url(../images/bg-duracion.png) no-repeat;
	margin-top:20px;
	padding:12px 0 5px 35px;

}


.listasProd{
	margin:15px 5px;
	padding:0 0 0 25px;
}


#product h3{

	font-weight:bold;
	border-bottom:1px solid #333;
	color:#333;
	line-height:2em;
	margin:20px 0;
	overflow:auto
}

product ul {
	overflow:auto;
}


#prodDatos{
	float:right;
	width:220px;
	margin-left:40px;
	font-size:85%;
	
}

#prodDatos h4 {
	font-size:13px;
	font-weight:bold;
}




#mosDatos {
	background:url(../images/fondos/bg-datosMOS.png) no-repeat;
	padding:20px 15px;
	height:190px;
	margin-bottom:20px

}



#productoIzq {
	float:right;
	text-align:left;
	width:280px;
	margin-right:20px;
	font-size:85%;
}

#productoIzq  h4{
	font-size:13px;
}

.idealpara{
	background:url(../images/bg-idealPara.png) no-repeat;
	padding:10px 15px 0 35px;
	margin-bottom:20px
}

.metodologia{
	background:url(../images/bg-metodologia.png) no-repeat;
	padding:10px 15px 0 35px;
	margin-bottom:20px
}



.listaProdIcon{
	list-style:url(../images/icons/listProd.png);
	line-height:1.6em;
}

#masInfo {
	background:url(../images/bg-Masinfo-body.png) bottom;
	color:#FFF;
	padding-bottom:15px;
	margin-bottom:20px;
}

#masInfo h4{
	background: url(../images/bg-Masinfo-h4.png) top;
	padding:12px 15px 10px 35px;
	margin-bottom:15px;
	font-size:13px;
	font-weight:bold;
}

#masInfo a:hover {
	text-decoration:none;}

#masInfo ul {
	margin:0 ;
	padding:0 15px;
	list-style:none
}
	
#masInfo ul li{
	margin:0;
	padding:0 0 8px 25px;
	font-size:110%;
}


.mail {
	background:url(../images/icons/mail.png) no-repeat;
}


/*---------------*/

.niveles {
	font-size:12px;
	list-style:none;
	margin:15px 0;
	padding:0;
	line-height:1.5em;
}

.niveles li {
	padding-left:10px;
	margin:0;
	margin-bottom:1px;

	border-bottom:1px dotted #CCC; 
	
	
}

.bul1{  border-left:5px solid green	}
.bul2{border-left:5px solid orange	}
.bul3{ border-left:5px solid pink	}
.bul4{	border-left:5px solid purple}
.bul5{ border-left:5px solid red}
.bul6{ border-left:5px solid yellow	}