/*   Reseteo de estilos   ***************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img { 
	border:0;
	}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
	}
ol,ul {
	list-style:none;
	}
caption,th {
	text-align:left;
	}

q:before,q:after {
	content:'';
	}
abbr,acronym { border:0;
	}
	
a img{border:0;}	



/*********************************/


body {
	margin:0 auto;
	padding-top:0px;
	text-align:left;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6f6f6f;
}

.consultas{
	text-align:left;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6f6f6f;
	padding-left:3px;
}

#container{
	width:720px;
	background:#FFF;
	margin:0 auto;
	padding:0;

		margin-top:5px;
}


/* HEADER ****************************************************************************/


#head_top{
	height:30px; 
	width:720px;
	margin: 0 0 0 0 auto;
	}

#navegacion{
	height:30px;
	width:350px;
	float:left;
	text-align:left;
}

#imput-contenido{
	height:25px;
	margin-bottom:5px;
	width:370px;
	float:right;
	text-align:right;
	font-size:10px;
}

#navegacion a:link,
#navegacion a:visited{
	color:#999;
	text-decoration:none;
}

#navegacion a:hover{
	color:#CCC;
	text-decoration:underline;
}


#institucional a:link,
#institucional a:visited{
	color:#999;
	text-decoration:none;
}

#institucional a:hover{
	color:#CCC;
	text-decoration:underline;
}


#head_bottom{
	width:720px;
	margin-bottom:2px;
}

#head_bottom #menu{
	padding-top:2px;
}

#menu ul{

}

#menu ul li{
	display:inline;
	margin-left: 15px;
}

#menu ul li a{
	color: #666;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	text-decoration:none;
	display:block;
	float:left;
	_height:38px;
	min-height:38px;


}

#menu ul li a#logo{
	width:196px;
}
#menu ul li{}

#menu ul li a#websites{
	color:#2c7480;
	margin-right:0px;
	width:66px;;
	padding-left:4px;
	padding-top:7px;
}

#menu ul li a#widget
{
	color:#2c7480;

	padding-left:4px;
	width:52px;;
	padding-top:7px;
}
#menu ul li a#mkt-relacional{
	color: #2c7480;
	margin-right:0px;
	padding-left:4px;
	width:117px;
	padding-top:1px;}
#menu ul li a#fidelizacion{
	color: #2c7480;
	margin-right:0px;
	padding-left:4px;
	width:;
	padding-top:1px;
	}
#menu ul li a#acc-mkt-online{
	color: #2c7480;
	padding-left:4px;
	margin-right:0px;
	width: 121px;
	padding-top:1px;
}

#menu ul li a#fidelizacion{width:143px;}

#menu ul li a#websites:hover{ background: url(../images/link1.gif) no-repeat;}
#menu ul li a#widget:hover{ background: url(../images/link5.gif) no-repeat;}
#menu ul li a#mkt-relacional:hover{ background: url(../images/link3.gif) no-repeat;}
#menu ul li a#fidelizacion:hover{ background: url(../images/link4.gif) no-repeat;}
#menu ul li a#acc-mkt-online:hover{ background: url(../images/link2.gif) no-repeat;}

#head_bottom #menu ul li a:hover{
	color: #2c7480;
	text-decoration: none;
}

#head_bottom #menu ul li a.activo{
	color: #FFF;
}

	

/* MAIN CONTENT **********************************************************************/

#main_image{
	height:130px;
	clear:both;
	margin:0 0 10px 0;
}
	
#main_content {
	background:#FFF;
	width:720px;
	padding-top:15px;
	clear:both; 
	margin:0 auto;
}

#main_content:after{ 	/*ajusta la altura del main_content a los div flotantes*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* links grandes de Educacion - Salud - M Ambiente - P Social  INTERNAS */

#main_content #col_left_int{
	width:180px;
	/*margin-right:10px;*/
	float:right;
}


#main_content #col_left_int a{
	display:block;
	float:left;
	width:180px;
	height:74px;
}

#main_content #col_left_int a span{
	display:none;
}

#main_content #col_left_int a.educacion{
	background:#FFFFFF url(../images/educacion-int.gif) no-repeat left top;
}

#main_content #col_left_int a.social{
	background:#FFFFFF url(../images/promocion-social-int.gif) no-repeat left top;
}

#main_content #col_left_int a.mambiente{
	background:#FFFFFF url(../images/medio-ambiente-int.gif) no-repeat left top;
}

#main_content #col_left_int a.salud{
	background:#FFFFFF url(../images/salud-int.gif) no-repeat left top;
}

#main_content #col_left_int a:hover,
#main_content #col_left_int a.active{
	background-position: left -74px;
}



#main_content #col_right_int{
	width:535px;
	float:left;
	
}


<!------fin------>

/* links grandes de Educacion - Salud - M Ambiente - P Social*/

#main_content #col_left_home{}/*Dejar esta línea porque sino no funciona*/

#main_content #col_left_home{
	width:180px;
	float:right;
}

#main_content #col_left_home a{
	display:block;
	float:left;
	width:180px;
	height:74px;

}

#main_content #col_left_home a span{
	display:none;
}

#main_content #col_left_home a.educacion{
	background:#FFFFFF url(../images/educacion-int.gif) no-repeat left top;
}

#main_content #col_left_home a.social{
	background:#FFFFFF url(../images/promocion-social-int.gif) no-repeat left top;
}

#main_content #col_left_home a.mambiente{
	background:#FFFFFF url(../images/medio-ambiente-int.gif) no-repeat left top;
}

#main_content #col_left_home a.salud{
	background:#FFFFFF url(../images/salud-int.gif) no-repeat left top;
}

#main_content #col_left_home a:hover,
#main_content #col_left_home a.active{
	background-position: left -74px;
}

#main_content #col_left_home table.extras{
	margin-top:20px;
}

#main_content #col_left_home table.extras td{
	padding:4px;
}

td.separador{
	background: url(../images/pix-claro.gif) repeat-x 0 bottom;
}

td.alto{
	height:10px;
}

#main_content #col_left_home table.extras a{
	display: inline;
	width: auto;
	height: auto;
	float: none;
}



/* FIN - links grandes*/

#main_content #col_right_home{
	width:510px;
	float:left;
}

.destacado-home {
width:245px;
}

.destacado-home .tithome {
font-family: Trebuchet MS Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#00a7bc;
	padding-top:5px;
	padding-bottom:2px;
}


#main_content #col_right_home .texto_principal{
	padding: 10px 10px 0 0;
	text-align:justify;
	clear:both;
	
}


#main_content #col_left{
	width:180px;
	margin-right:10px;
	float:left;
}

#main_content #col_right{
	width:521px;
	float:right;
}

#main_content #col_right_home h2 {
	font-size:13px;
	font-weight:bold;
	margin-bottom:13px;
	height:59px;
	line-height:50px;
	padding-left:10px;
	background:#FFF url(../images/bg/bg_titulo.jpg) no-repeat right 0;
}

#main_content #col_right h2 {
	font-size:13px;
	font-weight:bold;
	margin-bottom:13px;
	height:59px;
	line-height:50px;
	padding-left:10px;
	background:#FFF url(../images/bg/bg_titulo.jpg) no-repeat right 0;
}

#main_content #col_right h2 strong{
	color:#f47d31;
}


#main_content #col_right .texto_principal{
	padding:10px 10px 0 0px;
	text-align:justify;
	clear:both;	
}

h3 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:1em;
	color:#f69401;
}

p {
	margin-bottom:1em;
}

#main_content div#col_right.campos h2 strong{color:#333;}
#main_content div#col_right.educacion h3,
#main_content div#col_right.educacion h2 strong{color:#c80c47;}
#main_content div#col_right.mambiente h3,
#main_content div#col_right.mambiente h2 strong {color:#00a88e;}
#main_content div#col_right.salud h3,
#main_content div#col_right.salud h2 strong {color:#0073bb;}
#main_content div#col_right.social h3,
#main_content div#col_right.social h2 strong {color:#ff9608;}



.destaca-img-home{
border:#ccc 1px solid;
margin-bottom:5px;

}




#col_right a {
	color:#f47d31;
}

#col_right a:hover {
	color: #666666;
}

#col_right ul {
	margin:0 0 2em 1em;
	}

#col_right ul li {
	padding:4px 0 4px 30px;
	background:url(../images/bullet.gif) no-repeat 23px 10px;
}


#col_right ul.items li {
	padding:4px 0 4px 8px;
	background:url(../images/bullet.gif) no-repeat 0px 10px;
}

#col_right ul li.cargo {
	padding-left:22px;
	background:url(../images/ico_persona.gif) no-repeat 0 0;
	color:#f47d31;
	font-weight:bold;
}

#col_right div.menu_interno{
	float:right;
	margin-left:10px;
	width:170px;
}

#col_right div.menu_interno p.titulo_interno{
	color:#c80c47;
	font-weight:bold;
	margin:0;
}


/* MENU  **********************************************************************/

ul.menu{
	padding:0;
	margin:0;
}

ul.menu li{
	width:170px;
	border-bottom:1px solid #c4c6b7;
	background:none;
	padding:5px 0;
}

ul.menu li.titulo{
	font-weight:bold;
	color:#333;
	padding-left:10px;
	background-color:#c4c6b7;
}

ul.menu li a{
	font-weight:bold;
	text-decoration:none;
	color:#333;
	padding-left:20px;
	background:url(../images/bullet_menu.gif) no-repeat 10px 5px;
}


ul.menu li a.campos{
	color:#5e5e5e;
}
ul.menu li a.educacion{
	color:#c80c47;
}
ul.menu li a.mambiente{
	color:#00a88e;
}
ul.menu li a.salud{
	color:#0073bb;
}
ul.menu li a.social{
	color:#ff9608;
}



ul.menu li ul{
	margin:0;
	padding:0;
	}

ul.menu li ul li{
	padding:1px 0 1px 6px;
	border-bottom:none;
	}
	
ul.menu li ul#educacion1 li{
	background:url(../images/bull_subItemEDUCACION.gif) no-repeat 20px 7px;
	
	}
ul.menu li ul#mambiente1 li{
	background:url(../images/bull_subItemMAMBIENTE.gif) no-repeat 20px 7px;
	}
ul.menu li ul#salud1 li{
	background:url(../images/bull_subItemSALUD.gif) no-repeat 20px 7px;
	}
ul.menu li ul#social1 li{
	background:url(../images/bull_subItemSOCIAL.gif) no-repeat 20px 7px;
	}




ul.menu ul li a{
	text-decoration:none;
	background:none;
	font-size:10px;
	color:#666;
	display:block;
	}

ul.menu ul.educacion1 li a:hover{
	color:#c80c47;
	}

ul.menu li ul#educacion1 li a.activo{
	color:#c80c47;
	}
ul.menu li ul#mambiente1 li a.activo{
	color:#00a88e;
	}
ul.menu li ul#salud1 li a.activo{
	color:#0073bb;
	}
ul.menu li ul#social1 li a.activo{
	color:#ff9608;
	}







/* VARIOS *************************************************************************/

.img{
	float:right;
	margin-left:10px;
}

.img_left{
	float:left;
	margin-right:10px;
}

.center{
	text-align:center;
}

.table_img{
	margin:0 auto;
}

.table_img td{
	padding:5px;
	text-align:center;
}



.table_novedades{
	margin:0 auto;
}

.table_novedades td{
	padding:5px;
	text-align:left;
}

h3.titulo_novedades {
	background:url(../images/bulletAbajo.gif) no-repeat 0 0;
	padding-left:15px;
	cursor:pointer;
	cursor:hand;
	color:#f47d31;
	text-decoration:underline;
}

div.novedades {
	margin:5px 0 30px 15px;
	
}








/* FOOTER *****************************************************************************/


#footer{
	width:720px;
	height:55px;
	_height:55px;
	font-size:10px;
	clear:both;
	margin: 0 auto;
	margin-top:20px;
}

#div_axxon{
	float:left;
	width:730px;
	height:80px;
	display:block;
	text-align:left;
	margin-right:7px;
	margin-left:3px;
	margin-top:30px;
	background: url(../images/pix-claro.gif) repeat-x left 20px;
}


#footer a,
#footer a:hover,
#footer a:active,
#footer a:visited{
	text-decoration:none;
	color:#999;
}
#footer p.derecho{ 
	float:right;
	margin-right:5px;
	margin-left:2px;
}

/*MENU HORIZONTAL*/
div.menu_horizontal {
	padding:7px 0px 5px 0px;
}

div.menu_horizontal ul li{
	text-align:left;
	margin:0 0 15px 0;
	display:block;
	float:left;
	width:85px;
	border-left:1px solid #999;
	padding-left: 3px;
	height:30px;
}

div.menu_horizontal ul li a{
	text-decoration:none;
	color:#999;
	font-weight:bold;
}

div.menu_horizontal ul.gris li a.gris:hover{
	color:#FAAF3F;
	text-decoration:underline;
}

div.menu_horizontal ul.gris li a.activo{
	color:#2288b2;
}

/*FIN MENU HORIZONTAL*/


/*MENU HORIZONTAL WEBSITES*/
div.menu_horizontal_web {
	padding:7px 0px 5px 0px;
}

div.menu_horizontal_web ul li{
	text-align:left;
	margin:0 0 15px 0;
	display:block;
	float:left;
	width:85px;
	border-left:1px solid #999;
	padding-left: 3px;
	height:30px;
}

div.menu_horizontal_web ul li a{
	text-decoration:none;
	color:#999;
	font-weight:bold;
}

div.menu_horizontal_web ul.gris li a.gris:hover{
	color:#FAAF3F;
	text-decoration:underline;
}

div.menu_horizontal_web ul.gris li a.activo{
	color:#2288b2;
}

/*FIN MENU WEBSITES*/

/*COMIENZA MENU HORIZONTAL INTRANET SUMA*/
div.menu_horizontal_suma {
	padding:7px 0px 5px 0px;
}

div.menu_horizontal_suma ul li{
	text-align:left;
	margin:0;
	display:block;
	float:left;
	width:130px;
	border-left:1px solid #999;
	padding-left:3px;
	height:30px;
}

div.menu_horizontal_suma ul li a{
	text-decoration:none;
	color:#999;
	font-weight:bold;

}

div.menu_horizontal_suma ul.gris li a.gris:hover{
	color:#000;
	text-decoration:underline;

}

div.menu_horizontal_suma ul.gris li a.activo{
	color:#fff;
}

div.menu_horizontal_suma ul.gris li a.activo{
	color:#2288b2;
}

/*FIN MENU HORIZONTAL INTRANET SUMA*/


/*COMIENZA MENU HORIZONTAL CRM SIGO*/
div.menu_horizontal_sigo {
	padding:7px 0px 5px 0px;
}

div.menu_horizontal_sigo ul li{
	text-align:left;
	margin:0;
	display:block;
	float:left;
	width:100px;
	border-left:1px solid #999;
	padding-left:3px;
	height:30px;
}

div.menu_horizontal_sigo ul li a{
	text-decoration:none;
	color:#999;
	font-weight:bold;

}

div.menu_horizontal_sigo ul.gris li a.gris:hover{
	color: #000;
	text-decoration:underline;

}

div.menu_horizontal_sigo ul.gris li a.activo{
	color:#2288b2;
}

/*FIN MENU HORIZONTAL CRM SIGO*/



/*MENU HORIZONATAL relacionamiento*/
div.menu_horizontal_relac {
	padding:15px 0px 10px 0px;
}

div.menu_horizontal_relac ul li{
	text-align:left;
	margin:0;
	display:block;
	float:left;
	width:125px;
	border-left:1px solid #999999;
	padding-left:3px;
	height:30px;
}

div.menu_horizontal_relac ul li a{
	text-decoration:none;
	color:#999;
	font-weight:bold;
}

div.menu_horizontal_relac ul.gris li a.gris:hover{
	color: #000;
	text-decoration:underline;
}

div.menu_horizontal_relac ul.gris li a.activo{
	color:#2288b2;
}

/*FIN MENU HORIZONTAL relacionamiento*/



/*MENU HORIZONATAL fidelizacion*/

div.menu_horizontal_fidel {
	padding:15px 0px 15px 0px;
	clear:both;
	height:30px;
}

div.menu_horizontal_fidel ul li{
	text-align:left;
	margin:0;
	display:block;
	float:left;
	width:100px;
	border-left:1px solid #999999;
	padding-left:3px;
	height:30px;
}

div.menu_horizontal_fidel ul li a{
	text-decoration:none;
	color:#999;
	font-weight:bold;

}

div.menu_horizontal_fidel ul.gris li a.gris:hover{
	color: #000;
	text-decoration:underline;
}

div.menu_horizontal_fidel ul.gris li a.activo{
	color:#2288b2;
}

/*FIN MENU HORIZONTAL fidelizacion*/

/*MENU HORIZONTAL widget*/
div.menu_horizontal_widget {
	padding:15px 0px 10px 0px;
}

div.menu_horizontal_widget ul li{
	text-align:left;
	margin:0;
	display:block;
	float:left;
	width:125px;
	border-left:1px solid #999999;
	padding-left:3px;
	height:30px;
}

div.menu_horizontal_widget ul li a{
	text-decoration:none;
	color:#999;
	font-weight:bold;
}

div.menu_horizontal_widget ul.gris li a.gris:hover{
	color: #000;
	text-decoration:underline;
}

div.menu_horizontal_widget ul.gris li a.activo{
	color:#2288b2;
}

/*FIN MENU HORIZONTAL widget*/

/*MENU HORIZONATAL unico*/

div.menu_horizontal_unico {
	padding:15px 0px 15px 0px;
	clear:both;
	height:30px;
}

div.menu_horizontal_unico ul li{
	text-align:left;
	margin:0;
	display:block;
	float:left;
	width:100px;
	border-left:1px solid #999999;
	padding-left:3px;
	height:30px;
}

div.menu_horizontal_unico ul li a{
	text-decoration:none;
	color:#999;
	font-weight:bold;

}

div.menu_horizontal_unico ul.gris li a.gris:hover{
	color: #000;
	text-decoration:underline;
}

div.menu_horizontal_unico ul.gris li a.activo{
	color:#2288b2;
}

/*FIN MENU HORIZONTAL unico*/
.rojo{
	color:#e72d07;
}
.verde{
	color:#45a11d;
}
.azul{
	color:#2288b2;
}
.violeta{
	color:#7622b2;
}

/*************/

#main_content #col_left_home ul.wipers { float:left; width:180px; margin: 0 0 0; height:36px; overflow:hidden; }
#main_content #col_left_home ul.wipers li { float:left; height:36px; overflow:hidden; }
#main_content #col_left_home ul.wipers li a img { float:left; }
#main_content #col_left_home ul.wipers li a { float:left; height:36px; overflow:hidden; background-position:bottom; }

#main_content #col_left_home ul.wipers li a.wc { background:url(../images/wc.jpg) no-repeat 0 bottom; width:48px; }
#main_content #col_left_home ul.wipers li a.ws { background:url(../images/ws.jpg) no-repeat 0 bottom; width:46px; }
#main_content #col_left_home ul.wipers li a.we { background:url(../images/we.jpg) no-repeat 0 bottom; width:45px; }

#main_content #col_left_home ul.wipers li a.wc-active { background:url(../images/wc.jpg) no-repeat 0 top; width:48px; }
#main_content #col_left_home ul.wipers li a.ws-active { background:url(../images/ws.jpg) no-repeat 0 top; width:46px; }
#main_content #col_left_home ul.wipers li a.we-active { background:url(../images/we.jpg) no-repeat 0 top; width:45px; }

#main_content #col_left_home ul.wipers li a:hover { background-position:top; }

