body{
	background-color:#ccc;;
	margin:5px 0;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
} 

/* ------------------------------------- ESTILOS [CONTAINER]------------------------------------- */
#container{
	position:relative;
	background-color:#fff;
	width:770px;
	margin:auto;
	padding:17px 10px 10px 10px;
	background-image:url(../imgs/bg_upper_bar.jpg);
	background-position:top left;
	background-repeat: repeat-x;
}

#container h1{
	font:bold 16px trebuchet MS, Arial, Verdana;
	color:#006699;
	margin:5px 0;
}

#container p{
	font:10px Tahoma, Arial, Verdana;
	color:#666666;
	margin:5px;
}

/* ------------------------------------- FIN ESTILOS [CONTAINER]------------------------------------- */






/* ------------------------------------- ESTILOS [HEADER] ------------------------------------- */
#container #header{
	position:relative;
	top:0;
	height:125px;
	margin-bottom:0px;
}


/*----- Logo de DEMINI--*/
#container #header #logoDemini{
	width:193px;
	height:55px;
	top:5px;
	left:0;
	position:absolute;
}
/*----- Fin Logo de DEMINI--*/

/* ------- IMAGEN FONDO CABECERA--------*/
#container #header #titDemini{
	height:60px;
	background-color:#FFFFFF;
	/*background-image:url(../imgs/bg_head_demini.gif);
	background-repeat:no-repeat;
	background-position: 27px 5px;*/
	margin-bottom:5px;
}
/* ------- FIN IMAGEN FONDO CABECERA--------*/

/* Menu enlaces rojos */
#container #header #menuPerso{
	margin-top:5px;
	text-align:right;
	padding-right:33px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
}
	#container #header #menuPerso a{
		font:10px Tahoma, Arial, Helvetica, sans-serif;
		color:#DA0000;
		text-decoration:none;
	}
	
	#container #header #menuPerso a:hover{
		font:10px Tahoma, Arial, Helvetica, sans-serif;
		color:#DA0000;
		text-decoration:underline;
	}
/* Fin Menu enlaces rojos */	
	

/*----- Tabla con el menú de navegación principal -----*/
#container #header #menuNav{
margin-top:15px
}
#container #header #menuNav table{
	border-bottom:1px solid #CFCFCF;
	color:#CCCCCC;
	margin:0;
}
/*celda no seleccionada*/
#container #header #menuNav .rayaGris{
	background-image:url(../imgs/bg_menu_client.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

/*celda seleccionada*/
#container #header #menuNav .sel{
	background-color:#DA0000;
	padding-left:7px;
	padding-right:7px;	
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#container #header #menuNav .rayaGrisIzq{
	background-image:url(../imgs/bg_menu_client_izq.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#container #header #menuNav .rayaGrisDer{
	background-image:url(../imgs/bg_menu_client_der.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#container #header #menuNav a{
	margin:0;
	padding-left:7px;
	padding-right:7px;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#DA0000;
	text-decoration:none;
}	
#container #header #menuNav a:hover{
   text-decoration:underline;
}

/* menú de migas de pan */
#container #header #bread_crumb{
	height:20px;
	width:98%;
	margin:5px auto;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#999;
}
#container #header #bread_crumb .actual{
	height:20px;
	width:98%;
	margin:5px auto;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
}
#container #header #bread_crumb a{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
}
#container #header #bread_crumb a:hover{
	text-decoration:underline;
}
/* fin menu de migas de pan */
	
/* ------------------------------------- FIN ESTILOS [HEADER] ------------------------------------- */		





/* ------------------------------------- ESTILOS [LEFT] -------------------------------------------- */		
#container #left{
	width:162px;
	float:left;
	position:relative;
	margin:0;
	padding:0;
}

#container #left #img_titulo{
	margin:0 auto;
	padding:0;
	height:38px;
}

#container #left #side_menu{
	margin-left:15px;
	margin-left:15px;
	padding:0;
}

#container #left #side_menu dl{
	padding:0;
	margin:0 0 0 0;
}

#container #left #side_menu dt{
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#cd0000;
	height:25px;
	padding-left:5px;
	margin:0;
}

#container #left #side_menu  .enlace_dt{
	position:relative;
	top:5px;
}
#container #left #side_menu  .cerrado{
	background:url(../imgs/fnd_cell_side_menu.jpg) no-repeat top right;
}
#container #left #side_menu  .abierto{
	background:url(../imgs/fnd_cell_side_menu_open.jpg) no-repeat top right;
	height:16px;
}
#container #left #side_menu dt a{
	top:40px;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#cd0000;
	text-decoration:none;
}
#container #left #side_menu dt a:hover{
	text-decoration:underline;
}
#container #left #side_menu dd{
	margin-left:10px;
	padding:0;
}

#container #left #side_menu ul{
	list-style-type:none;
	margin:8px 0 5px 5px;
	padding:0;
}
#container #left #side_menu .actual{
	margin-left:-10px;
	padding-left:10px;
	background-color:#FFEEEE;
}
#container #left #side_menu li {
	padding:0;
	margin:-2px;
	height:15px;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	
}
#container #left #side_menu li a{
	margin:0;
	padding:0;
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}	
#container #left #side_menu li a:hover{
	text-decoration:underline;
}

#container #left #demo_center{
	position:relative;
	height:102px;
	margin-left:15px;
	background:url(../imgs/degradate_box.jpg) repeat-y -15px 0;
	text-align:right;
}

#container #left #pasos_seguir{
	position:relative;
	height:300px;
	margin-left:8px;	
	width:150px;

}
#container #left #tit_pasos_seguir{
	background:url(../imgs/img_pasos_seguir.jpg) no-repeat -2px 0;
	height:31px;
	border-left:1px solid #ccc;
	padding:0;
	margin:0;
}
#container #left #content_pasos_seguir{
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:url(../imgs/fnd_pasos_seguir.jpg) top left;
}
#container #left #content_pasos_seguir a{
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#DA0000;
	text-decoration:none;
}
#container #left #content_pasos_seguir a:hover{
	text-decoration:underline;
}
/* ------------------------------------- FIN ESTILOS [LEFT] ------------------------------------- */		






/* ------------------------------------- ESTILOS [CONTENT] -------------------------------------------- */		
#container #content{
	position:relative;
	margin:0 0 0 165px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#666;

}

#container #content p{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
	margin:15px 10px;
}

#container #content a{
	color:#da0000;
	text-decoration:none;
}

#container #content a:hover{
	text-decoration:underline;
}
#container #content a:visited{
	color:#FF8282;
}

#container #content .txt_red{
	color:#da0000;
}

#container #content .sep_raya_doble{
	background:url(../imgs/fnd_raya_doble_vert.gif) repeat-y top right;
}

#container #content .dif_ventajas{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
}
#container #content .dif_ventajas a{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}
#container #content .dif_ventajas a:hover{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:underline;
}
#container #content .dif_ventajas td{
	background:url(../imgs/ico_check_diff.gif) no-repeat 5px 5px;
	padding:2px 2px 2px 20px;
}
#container #content .dif_ventajas .item_azul{
	background-color:#F0F5FE;
}
#container #content .mod_adicionales{
	background:url(../imgs/fnd_mod_y_compl.jpg) no-repeat top left;
	margin:20px 0;
}
#container #content .mod_adicionales .item{
	height:20px;
	background:url(../imgs/bullet_square.gif) no-repeat 0 7px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
	padding-left:11px;
}

#container #content #ejemplos_empresas{
	position:relative;
	width:581px;
	height:68px;
	padding:0;
	margin-bottom:20px;
	background:url(../imgs/fnd_ejemplo_empresas.jpg) no-repeat top left;
}

#container #content #ejemplos_empresas .logos{
	position:relative;
	top:26px;
	left:65px;
	margin:0;
	padding:0;
}

#container #content .separa_content{
	background:url(../imgs/fnd_raya_gris.jpg) repeat-y top left;

}

#container #content .sitios_producto {
	padding:0;
	margin:0 0 0 15px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#da0000;
	list-style:none;
	width:90%;
}

#container #content .sitios_producto li{
	margin:0;
	padding:0 0 0 10px;
	background:url(../imgs/bullets/bullet05.jpg) no-repeat 0px 4px;
}
#container #content .sitios_producto a{
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#da0000;
	text-decoration:none;
}
#container #content .sitios_producto a:hover{
	text-decoration:underline;
}

#container #content .cont_relacionados{
	background:url(../imgs/soluciones/comun/fnd_cont_relacionados.jpg) no-repeat top left;
}

#container #content .cont_relacionados div{
	padding:0;
	margin-left:5px;
	margin-top:5px;
}

#container #content .cont_relacionados a{
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#da0000;
	text-decoration:none;
	margin:0 8px;
	padding-left:15px;
	background:url(../imgs/ico_paginas.gif) no-repeat top left;
}
#container #content .cont_relacionados a:hover{
	text-decoration:underline;
}

#container #content .txt_peq{
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
}

/* ------------------------------------- FIN ESTILOS [CONTENT] ------------------------------------- */		







/* ------------------------------------- ESTILOS [RIGHT] -------------------------------------------- */		
#container #right{
	position:relative;
	float:right;
}

/* ------------------------------------- FIN ESTILOS [RIGHT] ------------------------------------- */		



/* ------------------------------------- ESTILOS [FOOTER] ------------------------------------- */		
#container #footer{
	position:relative;
	font:10px Tahoma, Arial, Verdana;
	color:#666;
	background:url(../imgs/fnd_footer.jpg) repeat-x top left;
	padding-top:4px;
}
#container #footer a{
	font:9px Tahoma, Arial, Verdana;
	color:#da0000;
	text-decoration:none;
}
#container #footer a:hover{
	text-decoration:underline;
}

#container #footer #powered{
	position:absolute;
	font:9px Tahoma, Arial, Verdana;
	color:#da0000;
	right:20px;
	top:2px;
}
#container #footer #copyright{
	margin:0 auto;
	width:400px;
	text-align:center;
}
#container #footer #menu{
	margin:10px auto 20px auto;
	font:10px Tahoma, Arial, Verdana;
	color:#666;
	text-align:center;
}
#container #footer #menu a{
	font:10px Tahoma, Arial, Verdana;
	color:#666;
	text-decoration:none;
}
#container #footer #menu a:hover{
	text-decoration:underline;
}
/* ------------------------------------- FIN ESTILOS [FOOTER] ------------------------------------- */


/* ------------------------------------- ESTILOS EXTRAS ------------------------------------- */
#banner_suscripcion{
	position:absolute;
	top:135px;
	left:620px;
	margin:0;
	padding:5px;
	background-color:#FCEAEA;
	color:#333;
	font:10px Tahoma, Arial, Verdana;
	text-align:center;
}
#banner_suscripcion a{
	color:#da0000;
	text-decoration:none;
}
#banner_suscripcion a:hover{
	text-decoration:underline;
}

/* Estilos de la sección de eventos */
#container #content #tit_eventos{
	position:relative;
	width:679px;
	height:150px;
	background: #2A426E url(../imgs/fnd_tit_eventos.jpg) repeat-x top left;
}
#container #content #tit_eventos #textos{
	position:absolute;
	float:left;
	width:420px;
	height:149px;
}
#container #content #tit_eventos .titulo{
	position:absolute;
	top:21px;
	left:33px;
}
#container #content #tit_eventos .titulo p{
	margin:18px 0 0 0;
	padding:0;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
}
#container #content #tit_eventos #img_eventos{
	position:absolute;
	float:left;
	margin-left:453px;
}


#container #content #col_eventos{
	position:relative;
	overflow:auto;
	width:679px;
	margin:15px 0;
	padding:0 0 35px 0;
	background:#EFEFEF;
}

#container #content #col_eventos a{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#da0000;
}

#container #content #col_eventos a:hover{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#da0000;
}

#container #content #col_eventos p{
	position:relative;
	margin:0;
	padding:10px 15px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#2A426E;
}
#container #content #col_eventos .col{
	position:relative;
	float:left;
	width:170px;
	margin:0 0 0 15px;
	padding:0;
}
#container #content #col_eventos .evento{
	margin:5px 0;
	padding:0;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#2A426E;
}
#container #content #col_eventos .fecha{
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#000099
}

#container #content .mas_info{
	position:relative;
	width:99%;
	display:none;
}
#container #content .mas_info .linea_info{
	position:relative;
	height:10px;
	border-top:1px solid #ccc;
}
#container #content .mas_info .resumen{
	position:relative;
	height:18px;
	border:1px dashed #ccc;
	background:#f5f5f5;
	padding:3px;
}
#container #content .mas_info .resumen .fecha_hora{
	padding-top:3px;
	float:left;
	width:330px;
}
#container #content .mas_info .resumen .fecha_hora .fecha{
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#000099;
}
#container #content .mas_info .resumen .fecha_hora .hora{
	margin-left:10px;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#666;	
	
}
#container #content .mas_info .resumen .lugar{
	padding-top:3px;
	text-align:right;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;	
	margin-left:330px;
	clear:right;
}



#container #content .mas_info .imagen{
	position:relative;
	float:left;
	width:145px;
	margin-top:10px;
}
#container #content .mas_info .textos{
	position:relative;
	float:left;
	margin-top:10px;
}
#container #content .mas_info .textos .tit{
	position:relative;
	font:bold 16px Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	margin-bottom:5px;
}
#container #content .mas_info .textos .descrip{
	position:relative;
	width:500px;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
}
#container #content .mas_info .textos .formu{
	position:relative;
	width:500px;
	height:40px;
	padding:15px 0 0 5px;
	margin-top:10px;
	margin-bottom:30px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#container #content .mas_info .textos .formu .tit_formu{
	position:absolute;
	top:-9px;
	left:270px;
}
#container #content .mas_info .textos .formu .formu_fields{
	position:relative;
	width:500px;
	left:0;
}
#container #content .mas_info .textos .formu .formu_fields form{
	margin:10px 0 0 35px;
}
#container #content .mas_info .textos .formu .formu_fields label{
	margin:0 8px 0 10px;
}

#container #content .mas_info .textos .formu .formu_fields .input_box{
	margin-right:8px;
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #999;
	background-color:#eee;


}
/* FIN Estilos de la sección de eventos */

/* ------------------------------------- FIN ESTILOS EXTRAS ------------------------------------- */