/* CSS Document */

.banner 				{ width:710px; height:130px; background:URL("../imagenes/cursosDeSoft/banner.png") no-repeat; position:relative;}
.tituloBanner			{ position:absolute; top:25px; left:50px;}
.tituloBanner h1, .tituloBanner h3 { margin:0; color:#fff;}
.tituloBanner h1		{ font:35px Arial, Helvetica, sans-serif;}
.tituloBanner span		{ color:#adc529;}

.curso 					{ margin:12px 15px 8px 0; float:left;}
.curso .imagen 			{ width:72px; height:140px; float:left; position:absolute; top:15px; left:20px; z-index:2;}
.curso .xsnazzyV		{ width:345px; margin:0;}
.curso .franja, .curso .franja2	{ position:absolute; top:30px; left:0px; background:URL("../imagenes/verdeImage.png") no-repeat; width:345px; height:62px; z-index:1;}

.curso .franja2			{ height:30px; background-position:0 -15px;}
.curso .franja2 h3		{ font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase;}

.curso .nuevo, .curso .enBreve	{ position:absolute; top:10px; left:260px; z-index:20; width:69px; height:69px; color:#FFF; font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.curso .nuevo span				{ position:absolute; top:27px; left:15px;}
.curso .enBreve span			{ position:absolute; top:27px; left:5px;}
.curso .nuevo					{ background:URL("../imagenes/subs/nuevo.png") no-repeat;}
.curso .enBreve					{ background:URL("../imagenes/subs/breve.png") no-repeat;}

.curso .nuevo2, .curso .enBreve2	{ position:absolute; top:27px; left:270px; z-index:20; width:69px; height:69px; color:#FFF; font:bold 11px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.curso .nuevo2 span					{ position:absolute; top:27px; left:15px;}
.curso .enBreve2 span				{ position:absolute; top:27px; left:5px;}
.curso .nuevo2						{ background:URL("../imagenes/subs/nuevo.png") no-repeat;}
.curso .enBreve2					{ background:URL("../imagenes/subs/breve.png") no-repeat;}

.curso .descripcion, .curso .descripcion2	{ width:210px; float:left; margin-left:10px; margin-top:25px; position:relative; z-index:50;}
.curso .descripcion h3 	{ color:#FFF; text-transform:uppercase; position:absolute; top:0px; left:0px; }
.curso .descripcion2  	{ width:auto; margin:65px 0 0 0; padding:0;}

.curso .descripcion p	{ margin:65px 0 15px 0;}
.curso .descripcion		{ }

.curso .descripcion.short {margin-left:75px; width:210px; }

.curso .flecha		{ text-decoration:none; background:URL("../imagenes/cursosDeSoft/flechaVerde.png") no-repeat; display:block; width:25px; height:36px; position:absolute; top:47px; left:300px; z-index:3;}