/* CSS Document */

body, ul, li, div, a { margin:0; padding:0;}

#main { width:1020px; margin:auto;}

.clear { clear:both;}


/*---------------HEADER*/

#header 	{ width:1020px; height:200px; *position:relative; z-index:10;}
#imagen 	{ width:1020px; height:300px;}

/*
#menu 		{ height:53px; background:URL("../imagenes/fondoMenu.jpg") repeat-x; position:relative;}
#menu li 	{ float:left; list-style:none; text-transform:uppercase; font:normal normal bold 11px Arial, Helvetica, sans-serif; margin-left:33px; margin-top:-2px;}
#menu ul 	{ margin-left:-10px;}
#menu li a 	{ text-decoration:none; color:#000000; display:block; height:50px; padding-top:20px;}

#botones 	{float:right; width:290px; height:35px; margin-top:7px; margin-left:0px;}
#botones div {float:left;}
.separador 	{ width:2px; height:33px; margin-left:10px; background:URL("../imagenes/separador.png") no-repeat; }

#botones .boton { width:58px; height:35px; margin-left:10px;  display:block; text-decoration:none; color:#CCCCCC; font:normal normal normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative;}
#botones .boton2 { width:92px; height:35px; margin-left:10px;  display:block; text-decoration:none; color:#CCCCCC; font:normal normal normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative;}


#botones .btn {position:relative; top:10px;}

#botones #chat span 		{ position:absolute; top:-10px; left:10px;}
#botones #buscar span 		{ position:absolute; top:0px; left:5px;}
#botones #consultas span 		{ position:absolute; top:0px; left:5px;}

#chat 		{ background:URL("../imagenes/botonChat.png") no-repeat;}
#buscar 	{ background:URL("../imagenes/botonBuscar.png") no-repeat;}
#consultas	{ background:URL("../imagenes/botonConsulta.png") no-repeat;}
*/

.textIn, .textIn2{  height:29px; border:none; margin-left:10px; padding-top:6px; padding-left:5px; font-size:13px; }
.textIn			{ background:URL("../imagenes/cajaTexto.png") no-repeat; width:162px;}
.textIn2		{ background:URL("../imagenes/cajaTexto2.png") no-repeat; width:302px;}

#nav 					{ list-style:none; }
#nav li 				{ float:left;}

/*---------------------------------------NEW MENU*/
.menu			{ position:relative; z-index:50;}
.menu li 		{ float:left; list-style:none; text-transform:uppercase; font:bold 11px Arial, Helvetica, sans-serif; margin:20px 0 0 20px; *position:relative; }
.menu a			{ text-decoration:none; color:#000;}
.menu .sub	{ position:absolute; width:250px; top:30px; *left:0; *margin-top:-20px; display:none;}
.subsub	{ position:relative; top:-30px; left:197px; display:none; *background:#000; *position:absolute; *top:0; *border:1px solid #333; border-left:0; *z-index:30;}
.menu .sub li {float:none; margin:0;}
.menu .sub a	{ color:#fff; display:block; margin:0 20px 0 15px; padding-top:10px; background:#000; *height:20px;}
.menu .subsub a { *height:27px;}
.subsub ul { margin:0; padding:0 0 10px 0; min-width:250px;}

.sub a:hover 	{ text-decoration:underline;}

/* Cajas*/

.xsnazzy , .xsnazzySub		{ background: transparent; margin: 1px 10px 10px 10px; position:absolute; top:0px; *position:none; }
.xtop, .xbottom 			{ display:block; background:transparent; font-size:1px; }
.xb1, .xb2, .xb3, .xb4 		{ display:block; overflow:hidden; }
.xb1, .xb2, .xb3 			{ height:1px; }
.xb2, .xb3, .xb4 			{ background:#000; border-left:1px solid #333; border-right:1px solid #333; }
.xb1 						{ margin:0 5px; background:#333; }
.xb2						{ margin:0 3px; border-width:0 2px; }
.xb3 						{ margin:0 2px; }
.xb4 						{ height:2px; margin:0 1px; }
.xboxcontent 				{ display:block; background:#000; border:0 solid #333; border-width:0 1px; }

.subsub .xsnazzy									{ *margin:0;}
.subsub .xb2, .subsub .xb3, .subsub .xb4 			{  *order-left:0px solid #000; *border-right:0px solid #000; *display:none; *margin:0;}
.subsub .xb1 										{  *background:#000; *display:none; *margin:0;}
.subsub .xboxcontent 								{  *border:0 solid #000; *border-width:0 0px; *margin:0; }

/*---------------CUERPO*/
#cuerpo { background:URL("../imagenes/fondoCuerpo.jpg") no-repeat; width:1020px; z-index:1;}

#cursosSolapas 					{ background:URL("../imagenes/cursosSolapas.jpg") no-repeat; width:670px; height:441px; margin-top:53px;}
.solapa 						{ float:left; width:184px; margin-left:20px; margin-right:19px; margin-top:-38px; position:relative;}
.solapaA 						{ float:left; width:184px; margin-left:20px; margin-right:19px; margin-top:10px; position:relative;}
#cursosSolapas h3, #cursosSolapas h3 a				{ color:#FFFFFF; font:normal normal bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
#cursosSolapas p 				{ color:#adc529; font:normal 10px tahoma, Helvetica, sans-serif; margin-top:-8px; height:40px; *height:auto; *margin-top:-20px;}
#cursosSolapas .titulo 			{ position:relative; top:0px; left:15px; z-index:10; *background:#111; *left:0;}
#cursosSolapas .imagen 			{ *position:relative; z-index:1;}
#cursosSolapas h2, .s7 .titulo 	{ font:15px Arial, Helvetica, sans-serif; color:#FFF; line-height:15px; width:160px; *width:172px; *padding-left:5px; *font-size:14px; }

.s7 							{ position:absolute; color:#fff; top:95px; left:15px; font-weight:bold; *z-index:10; *top:90px; *left:0;}
.s7 div 						{ overflow: hidden; }

#soft 							{ width:670px; margin-top:13px;}

#soft #scrollI 					{ float:left; margin-left:20px;}
#soft #scrollD 					{ float:right; margin-right:20px;}

#soft #scrollI, #soft #scrollD 	{ margin-top:-105px;} 

#soft .xb2, #soft .xb3, #soft .xb4 { background:#fff; border-left:1px solid #adc529; border-right:1px solid #adc529;}
#soft .xb1							{ background:#adc529;}
#soft .xboxcontent 					{ display:block; background:#fff; border:0 solid #adc529; border-width:0 1px; }
#soft .xsnazzy						{ position:relative;}

#pie 							{ margin-top:-30px; position:relative;}
#cursosSoft 					{ width:440px; margin-left:65px; border-right:1px solid #adc529;}
#cursosSoft h2 					{ font:15px Arial, Helvetica, sans-serif;}
#cursosSoft p 					{ font:normal 11px tahoma, Helvetica, sans-serif; margin:0; margin-top:-8px; width:400px; padding-bottom:10px;}

.boton2 					{ width:99px; height:25px; margin-left:10px;  display:block; text-decoration:none; color:#CCCCCC; font:normal normal normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; position:absolute; }
#pie .boton2					{ top:35px; left:530px;}
#pie #verTodos span 			{ position:absolute; top:6px; left:20px;}

#experiencia 					{ width:980px; height:130px; background:URL("../imagenes/experiencia/experiencia.png") no-repeat; margin:15px 0 0 20px; position:relative;}
#experiencia #scrollIe 			{ position:absolute; top:45px; left:15px;}
#experiencia #scrollDe 			{ position:absolute; top:45px; left:420px;}

/*----------------LATERAL*/
#colI, #colD 					{ float:left; margin-left:20px; margin-top:15px;}

#colI 							{ width:671px; position:relative;}
#colD 							{ width:290px;}
#centroDeEmpleo 				{ width:290px; color:#ffffff;}
.titulosD 						{  margin-left:5px;}
.titulosD h1 					{ font:13px Arial, Helvetica, sans-serif; line-height:12px; margin:0; margin-bottom:15px; padding-top:15px; text-transform:uppercase;}
.titulosD h2 					{ font:11px Arial, Helvetica, sans-serif; margin:0; padding:5px 0 10px 5px; width:270px; }
.titulosD .xsnazzy 				{ position:relative; width:275px;}
.titulosD .xboxcontent, .titulosD .xb2, .titulosD .xb3, .titulosD .xb4	{background:#596522; border:none;}



#centroDeEmpleo .oferta 		{ margin-left:5px; margin-top:12px; border-bottom:1px dotted #FFFFFF; width:280px;}
#centroDeEmpleo .oferta h3 		{ font:12px Arial, Helvetica, sans-serif; font-weight:bold; margin:0;}
#centroDeEmpleo .oferta p 		{ font:11px Arial, Helvetica, sans-serif; margin:0; margin-top:3px; margin-bottom:5px;}
#centroDeEmpleo #rss 			{ position:absolute; top:10px; left:265px;}
#centroDeEmpleo .bot 			{ position: relative; height:40px;}
#centroDeEmpleo .boton2 		{ width:99px; height:25px; margin-left:10px;  display:block; text-decoration:none; color:#CCCCCC; font:normal normal normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; position:absolute; top:10px; left:170px;}
#centroDeEmpleo #empleo span 	{ position:absolute; top:6px; left:26px;}

#empleo, #verTodos 				{ background:URL("../imagenes/boton.png") no-repeat;}



.moduloLateral 					{ margin-top:15px;}

#cuerpo .xsnazzy 		{ margin:0; position:relative;}
.moduloLateral .xsnazzy .formas	{ position:absolute; top:0; left:60px; background:URL("../imagenes/formas.png") no-repeat; width:230px; height:75px;}

#imageFlickr { position:relative; width:290px; color:#ffffff;}
#imageFlickr .imagen { width:52px; height:52px; float:left; background:#333333; margin-top:12px; margin-left:15px; }
#imageFlickr img { border:1px solid #888888; margin-top:3px; margin-left:3px;}
#imageFlickr .az { color:#0062cc;}
#imageFlickr .mag { color:#fe0083;}

/*----------------FOOTER*/
#footer 		{ width:1020px; height:120px; background:URL("../imagenes/footer.jpg") no-repeat; margin-top:20px;  font:10px Arial, Helvetica, sans-serif; padding-left:25px;}
#footer ul 		{ margin-left:15px; margin-top:5px; width:170px;}
#footer li 		{ list-style:none; margin-top:10px;}
#footer li a 	{ text-decoration:none; color:#999999;}
.tituloLista 	{ text-transform:uppercase; color:#adc529; font:12px Arial, Helvetica, sans-serif; margin-bottom:30px;}
#comunidad li 	{ margin-left:30px;}

#contacto	    { float:left; color:#999999; margin:25px 0px 0 0;}
#contacto a 	{ color:#999999;}
#copyright	    { float:right; color:#999999; margin:25px 50px 0 0;}
#pieLinks div 	{ float:left; margin:10px 10px 0 0; color:#999999; }