
/***********************************************

ESTILOS DE INDEX


*****************************************/

  /****************flash noticias******************/

  #flash{
	 
height:240px;
width:550px;
margin-left:15px;
z-index:-3; 
float:left; 
_margin-left:8px;}

/*****************cuadros******************/
#cuadros-derecha{
display:inline-block;
width:250px; float:right;margin-right:15px;_margin-right:0px;_margin-left:15px;_display:inline;}
.titulo-cuadros img{vertical-align:middle;}
.titulo-cuadros{background-image:url(images/fondo_pleca.jpg);  font-size:14px; font-weight:bold; color:#FFF;text-align:left; *height:27px;}
.cuadros-chicos{width:250px;border:1px solid #CCC; margin-bottom:15px; }
.txt-subtitulo{ font-size:12px; color:#0596D7; font-weight:bold;display: block;
float: left;margin-top:0.4em; margin-left:0.6em;text-align:left;}
.subtitulos{margin-top:0.3em;}
.icono-mas{display: block;
float: right; margin-right:0.4em; margin-top:0.4em;}
.icono-mas img{vertical-align:middle; border:none;}
.txt-cuadros{  font-size:10px; color:#656565; width:240px; height:44px; text-align:justify;}
div.clear  { clear: both; }
.txt-arriba{border-bottom:1px solid #CCC;}
.icono-mas a{ text-decoration:none; color:#FF6503; font-size:11px;}
	
	/*******************info general*******************/


	/*******************cursos en su empresa**********************/
	#cursosempresa{height:180px;
 }

	/*******************servicios*******************/
	.txt-servicios{  font-size:13px; color: #0099FF; font-weight:bold; width:240px; height:20px; text-align:justify;}
	.txt-servicios img{vertical-align:middle}
	#menu-servicios{padding-top:0.5em; height:85px;}
	#servicios{
}
	
	/*******************+*tipo de cambio********************/
	.indicadores {text-align:right;  font-weight:bold; font-size:11px; color:#0099FF; background-color:#EEEEEE; height:20px;padding-top:0.2em;}/*tambien aplican para art de interes*/	
	.indicadores a{ color:#0099FF; font-size:10px}
	#imagen-cambio{ display:inline; float:left; margin:.2em 0 .2em .2em;}
	#cont-cambio{ margin-top:0.8em;}
	#fecha-cambio{font-size:12px; color: #0099FF;}
	#euro, #dolar{ font-size:9px; display:block;margin-top:1em; color:#676767;} 
	#txt-cambio{text-align:left; margin-left:7em;padding-top:0.7em;}
	.cantidad{font-weight:bold; font-size:11px;}

	
	
	/***********************encuesta********************/
	#encuesta{min-height:160px; height:auto;}
	#pregunta{ font-size:11px; color:#0099FF; font-weight:bold; margin-top:1em; margin-left:5px; margin-right:5px; text-align:left;}
	#respuestas{width:233px; text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666; padding:0.4em 0 1em 0;}
	.btnvotar {
  /*width: 65px;
  height: 20px;*/
  background-color:#F60;
  /*overflow: hidden;*/
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  border:solid 1px #FFF;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  }

	
	/****************Articulos de interes******************/
	#art-interes{ width:330px; border:1px solid #CCC;display:inline-block;float:right; }
	.txt-arriba-gde{border-bottom:1px solid #CCC;}
	.txt-cuadros-gde{  font-size:10px; color:#656565; width:318px; height:41px; text-align:justify;}
	#art-interes div:last-child{ border:none;}
	.titulo-articulos{ width:271px;}
		/****************Calendario******************/
	#calendario{ width:207px; height:216px; float:left; }

	/************************PESTAŅAS***************************/
	#tabs-container{ width:550px; height:auto; border:1px solid #CCC; display:inline-block;  margin-top:15px; margin-left:15px; float:left;_margin-left:8px;}
	ul.tabs{margin:0 0 0 3px; padding:0px; background-image:url(images/fondo_pleca.jpg); text-align:left;}
	ul.tabs li{ list-style:none; display:inline; margin:0;}
	ul.tabs li a{ font-size:11px; color:#FFF; height:25px; border-right:solid 1px; padding:5px 7px 6px 7px;margin-left:-5px; }
	#imagen-cursos{vertical-align:middle}
	ul.tabs li a.active{ background:#EEEEEE; color:#0099FF;}
	ul.tabs li:last-child a{border-right:none;}
	/****************************COntenido pestaņas***************************/
		.curso_div{
overflow:hidden;
width:537px;margin-top:0.5em;
text-align:left; border-bottom:1px solid #CCC; padding-bottom:3px}
#curso-ultimo{border-bottom:none;}
.imagen-curso{display:inline; float:left;margin:0.5em 12px 0px 0.5em; *margin-left:0px; _margin-left:0px;}
.descripcion-curso div{ width:465px;}
.titulo-curso a{ font-size:13px; color:#0099FF; font-weight:bold;}
.txt-cursos{font-size:10px; color:#656565}
.descripcion-curso{/*left:1em;
position:relative;¨*/ float:right}
.horario{text-align:justify;font-size:10px}
.extra-curso img{vertical-align:middle;}
.comments{color:#FF6705; font-size:10px}
.extra-curso{float:right;
margin-right:1em;margin-top:0.5em;}
.horario a{ text-decoration:underline; color:#0099FF; font-size:10px}
.comments a {
color:#FF6705;
text-decoration:none;
font-size:10px
}
	
	
/*HORIzontales abajo
.bannerarriba{ border:1px solid; width:468px; height:60px; cursor:pointer;}
#babajo1,#babajo2{display:inline;}
#bannersh-abajo{ width:954px; height:60px; position:relative; bottom:0em;left:0.4em; padding:0 0 1em 0;top:1em;}
#babajo1{ position:relative;
right:0.6em;}*/

#bannersv {

margin-right:15px;
}

#ambos{ width:550px; margin-top:15px; margin-left:15px; margin-bottom:15px; float:left;_margin-left:8px;}

#contenido-central{margin-top:15px;}

/************************************
           PIE
************************************/
/*#pie{ width:872px; height:39px; position:relative;bottom:0em;}
#datos-pie{margin-top:-1em;}*/


/***************************************
			RESPUESTAS ENcuestas
****************************************/
.resultados-pregunta{ float:left; margin:0 5px 0 5px}
.barra-resultados{text-align:left;  margin-left:5px; margin-right:5px}
/**************IE***********************/
#bannersv {
_margin-right:7px;}
#cuadros-derecha{ _margin-right:10px}
#art-interes{_width:325px;}

