
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:140px;
	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;
}

#container #header #login_box{
	height:39px;
	width:100%;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
	background:url(../imgs/bg_login_box.jpg) top left repeat-x;
}
	#container #header #login_box form{
		margin:0;
		padding:0;
	}
	#container #header #login_box a{
		font:10px TahomaArial, Helvetica, sans-serif;
		color:#DA0000;
		text-decoration:none;
	}
	#container #header #login_box a:hover{
		text-decoration:underline;
	}
	#container #header #login_box label{
		margin-top:3px;
	}
	#container #header #login_box input{
		font:10px Tahoma, Arial, Helvetica, sans-serif;
		color:#666;
		margin-right:15px;
		margin-left:5px;
	}



	
/* ------------------------------------- FIN ESTILOS [HEADER] ------------------------------------- */		





/* ------------------------------------- ESTILOS [LEFT] -------------------------------------------- */		
#container #left{
	background-color:#d5d5d5;
	float:left;
	position:relative;
}

/* ------------------------------------- FIN ESTILOS [LEFT] ------------------------------------- */		






/* ------------------------------------- ESTILOS [CONTENT] -------------------------------------------- */		
#container #content{
	position:relative;
	margin:0 205px 0 0px;
}
#container #content .txtPeq{
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
}
#container #content a{
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	color:#da0000;
	text-decoration:none;
}
#container #content a:hover{
	text-decoration:underline;
}

#container #content .separator{
	margin:1px auto;
	padding:0;
	width:95%;
	height:11px;
	background:url(../imgs/fnd_separator.gif) repeat-x 0 0;
}

/* su negocio en la web */
#container #content #business{
	height:135px;
	padding:35px 0 0 0;
	background:#fff url(../imgs/bg_negocio.jpg) 0 0 no-repeat;
}

	#container #content #business p{
		font:12px Tahoma, Arial, Helvetica, sans-serif;
		color:#000;
		margin:0 60px 0 15px;
	}
	#container #content #business ul{
		margin:0 0 0 25px;
		padding:0;
		list-style:none;
	}
	#container #content #business li{
		list-style:none;
		background-image:url(../imgs/ico_link_red.gif);
		background-position:0px 8px;
		background-repeat: no-repeat;
		padding:0 0 0 12px;
		margin:0;
	}
	#container #content #business a{
		font:11px Tahoma, Arial, Helvetica, sans-serif;
		color:#DA0000;
		text-decoration:none;
		margin:0;
		padding:0;
	}
	#container #content #business a:hover{
		text-decoration:underline;
	}
/* FIN su negocio en la web */	

/* soluciones demini */
	#container #content #soluciones {
		height:155px;
		padding:25px 0 0 0;
		/*background:#fff url(../imgs/bg_sol_demini.jpg) 0 0 no-repeat;*/
		background:#fff url(../imgs/bg_gris_demini.jpg) 0 0 no-repeat;
		
	}
	#container #content #soluciones ul{
		margin:0 0 0 15px;
		padding:0;
		list-style:none;
	}
	#container #content #soluciones li{
		list-style:none;
		margin:0;
		padding:0;
	}
	#container #content #soluciones li span{
		background:url(../imgs/bullet_sol_demini.gif) 0 4px no-repeat;
		font:11px Tahoma, Arial, Helvetica, sans-serif;
		color:#000;
		padding:0 0 0 8px;
	}
	#container #content #soluciones a{
		background:url(../imgs/ico_link_red.gif) 0 3px no-repeat;
		padding:0 0 0 12px;
		display:block;
		margin:7px 0 0 15px;

	}

	
/* FIN soluciones demini */

/* ------------------------------------- FIN ESTILOS [CONTENT] ------------------------------------- */		







/* ------------------------------------- ESTILOS [RIGHT] -------------------------------------------- */		
#container #right{
	position:relative;
	float:right;
	width:200px;
}
	#container #right p{
		font:10px Tahoma, Arial, Helvetica, sans-serif;
		color:#333333;
		margin:5px auto;
		padding:0;
	}
	

	/* caja solicitud demo*/
	#container #right #solicite_demo{
		font:10px Tahoma, Arial, Helvetica, sans-serif;
		margin:0 auto;
		width:180px;
		height:122px;
		background: #fff url(../imgs/bg_solicite_demo.jpg) 0 0 no-repeat;
	}
	#container #right #solicite_demo a{
		color:#da0000;
		text-decoration:none;
	}
	#container #right #solicite_demo a:hover{	
		text-decoration:underline;
	}			
	/*FIN caja solicitud demo */

	
	#container #right .hor_line{
		height:1px;
		margin:10px auto;
		width:90%;
	}
	
	#container #right .separator{
		margin:5px auto;
		padding:0;
		width:90%;
		height:8px;
		background:url(../imgs/fnd_separator.gif) repeat-x 0 0;
	}
	
	
	#container #right #actualidad{
		font:10px Tahoma, Arial, Helvetica, sans-serif;
		color:#666;
		margin:15px 0;
	}
	#container #right #actualidad .noticia{
		width:95%;
		font:10px Tahoma, Arial, Helvetica, sans-serif;
		margin:5px auto;
		padding:0;
	}
	#container #right #actualidad a{
		color:#da0000;
		text-decoration:none;
	}
	#container #right #actualidad a:hover{	
		text-decoration:underline;
	}
	#container #right #actualidad .noticia .fecha{
		color:#009;
	}
	#container #right #actualidad .noticia .resumen{
		margin:3px 0;
	}


	/* listado eventos */
	#container #right #eventos{
		font:10px Tahoma, Arial, Helvetica, sans-serif;
		color:#666;
		margin:15px 0;
	}
	#container #right #eventos .noticia{
		width:95%;
		font:10px Tahoma, Arial, Helvetica, sans-serif;
		margin:5px auto;
		padding:0;
	}
	#container #right #eventos a{
		color:#da0000;
		text-decoration:none;
	}
	#container #right #eventos a:hover{	
		text-decoration:underline;
	}
	#container #right #eventos .noticia .fecha{
		color:#009;
	}
	#container #right #eventos .noticia .resumen{
		margin:3px 0;
	}

	/* FIN listado eventos */
	
	
	#container #right #suscription_box{
		margin:15px 0;
		height:63px;
		width:85%;
		font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
		color:#da0000;
		background-color:#efefef;
		padding:10px;
	}
	#container #right #suscription_box table{
		margin:0 0 10px 0 ;
	}
	#container #right #suscription_box form{
		margin:0;
		padding:0;
	}
	#container #right #suscription_box input{
		font:10px Arial, Helvetica, sans-serif;
		color:#666666;
	}
	#container #right #logos{
		text-align:center;
		margin:10px auto;
	}
/* ------------------------------------- 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] ------------------------------------- */



