@charset "ISO-8859-1";
/* CSS Document */

/*Colores
azul oscuro: #1c164b;
color hover: #23d9d7;
azul claro:  #189bbf;
*/

/*******************************************
Resetear valores para todos los navegadores
*******************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i{
	margin: 0;
	padding: 0;
	/*border: 0;*/
	outline: 0;
	/*font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;*/
	vertical-align: baseline;
	line-height:inherit;
}
blockquote{
	margin: 0 inherit;
  padding: 0 inherit;
}
ol, ul, li{
	outline: 0;	
	vertical-align: baseline;
	line-height:inherit;
}
img{	
	line-height:inherit;
}
.formato_contenido img{
	padding:5px;
}
:focus{
	outline: 0
}
blockquote:before, blockquote:after, q:before, q:after{
	content: ""
}
blockquote, q{
     quotes: "" ""
}
input, textarea, button{
     margin: 0;
     padding: 0
}
hr{
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px;
}
html, body{
	min-height:100%;
	height:100%;
}
/*******************************************
	Estructura general del contenedor
*******************************************/
body{
	background:#ebe8dd url(../imagenes/fondo_pagina.jpg) repeat-x top;	
}
/*CONTENEDOR GENERAL*/
/*Cambia con respecto a seccion.css*/
#wrapper{	
	width:946px;
	margin:0 auto;
	padding-bottom:50px;
	min-height:100%;
	height:auto !important;	
	overflow:hidden;	
	background: #fff url(../imagenes/degradado.jpg) no-repeat bottom center;
}
#wrapp\65	r{
	/*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
	height:auto; /*** For moz to stop it fixing height to 100% ***/
}	
*html #wrapper{
	/* importante para que se expanda la caja del centro en relacion al texto*/
	height:auto;
}
/*Propiedades importantes para el centrado de la pagina en explorer*/
	html,body{
		text-align:center;
		margin:0 auto;
	}	
	#wrapper{
		text-align:left;
	}
/*Fin de las propiedades importantes para el centrado de la pagina en explorer*/
/*CABECERO INDEX*/
/*Cambia con respecto a seccion.css*/
#contenedor_cabecera{
	width:946px;
	margin:0 auto;
	height:485px;		
	background:#ebe8dd url(../imagenes/foto_superior.jpg) no-repeat top;
}
	/*Cambia con respecto a seccion.css*/
	#cabecera{
		width:946px;
		margin:0 auto;
	}
/*CUERPO*/
#cuerpo, #contenido, #col_dcha, .formato_contenido, .formato_contenido_col_dcha{
	/*padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;	
	/padding-bottom:0 !important;
	/margin-bottom:0 !important;*/	
	min-height:100%; 
	height:100%;	
}
#contenedor_cuerpo{
	margin:0 auto;
	_height:390px; /* Para IE6 siempre dar una altura minima*/
	width:946px;	
}
#cuerpo{	
	margin:0 auto;
}
/*Cambia con respecto a seccion.css*/
#contenido{
	margin:-65px 0 0 0;
	width:600px;	
	float:left;
}
#col_dcha{
	width:345px;
	/*height:auto; --> OBSERVAR COMPORTAMIENTO*/
	float:right;	
	background: url(../imagenes/sombreado_pagina.gif) repeat top right;
}
/*FIN CONTENIDO. SOLO DEFINIDO EN SECCIONES*/
#contenedor_fin_contenido{
	width:946px;
	margin:0 auto;
	height:75px;
	background:url(../imagenes/fin_degradado.gif) no-repeat top center;
}
#fin_contenido{
	margin:0;
	text-align:left;
	padding:0 25px 0 25px;
}
#fin_contenido h1{
	display:none;
}
#fin_contenido h1 span{
	display:inline !important;
	font-variant:normal;
}
/*PIE*/
#contenedor_pie{
	width:946px;
	margin:0 auto;
	height:50px;
}
	#pie{
		margin:0 auto;
	}
.clear{
  clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	overflow:hidden;
}
.clear-right{
	clear:right;	
}
.clear-left{	
	clear:left;
}
.clear_space{
	overflow:hidden;
	height:1%;
}
/*******************************************
Formateo o propiedades generales del texto
*******************************************/
div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, table, th, td, ul, ol, li, input, label, textarea, select, form, a, legend{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:10pt;
	/*font-weight:normal;*/
	color:#505050;
	line-height:25px;
}
A:link, A:visited, A:active {color: #189bbf; background : transparent; text-decoration:none}
A:hover {color: #23d9d7; background : transparent; text-decoration:none}
a img, button img{
	border:0;
}
img[usemap]{
	border:0;
}
li{
	margin:10px 0;
}
p{
	margin:15px 0;
}
.fecha_superior{
	position:absolute;
	top:10px;	 
	right:9px;
	color:#ffffff;
}
/*Cambia con respecto a seccion.css*/
.menu_superior{
	text-align:right;
	height:115px;
	padding-top:10px;
	position:relative;
}
.sombra_menu_superior{
	position:absolute;
	right:238px;	
	top:7px;
	display:none;
}
.menu{
	padding:0;
	margin:0 0 0 200px;
	background:url(../imagenes/fondo_menu.gif);
	width:663px;
	height:28px;
	position:relative;	
}	
	/* Inicio Menu */
	.menu ul{
		padding:0;
		margin:0;
	}	
	.menu li{
		display:inline;
		float:left;
		line-height:23px;
		padding:0px 11px;
		margin:0;
	}	
	/*Aplicable a todos los li del menu*/
	.menu li a{	
		font-size:10pt;
		font-weight:bold;
		height:28px;
		line-height:15px;
	}	
	.menu ul li a:link, .menu ul li a:visited,.menu ul li a:active {color:#ffffff;text-decoration:none;cursor:pointer;}	
	/*.menu ul li:hover, */.menu ul li a:hover {background-color:#151b35;}
	.menu ul li.sub ul.submenu{	
		padding:0;	
		margin:0;
		-moz-border-radius:0 7px;
		-ms-border-radius: 7px; /* Internet Explorer 8 */	
		-khtml-border-radius: 7px;/* Konkeror*/
		-webkit-border-radius: 7px;/* Safari */
		/*behavior:url(../border-radius_2.htc);	*/
		display:none;
		background:#ffffff;
		/*border:1px solid #ffffff;*/
		width:auto;
	
		position:absolute;
		left:0;
		top:28px;
		
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;	
	}	
.menu ul li.sub ul.my-border {display:none; padding:3px; margin:0; width:660px; position:absolute !important;top:35px;left:0; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.menu ul li.sub ul.my-border, .menu ul li.sub ul.my-border .sb-inner { background:#fff; }
	.menu ul li ul li{
		margin:0;
		padding-right:10px;
		border:0;		
		line-height:18px !important;
	}
	.menu ul li ul li a:link,.menu ul li ul li a:visited,.menu ul li ul li a:active{
		color:#1c164b;
		font-size:9pt;
	}
	.menu ul li ul li a:hover{
		background:transparent !important;
		color:#189bbf;
	}	
	/* Fin Menu */
/***** BOTONES SEO REDONDEADOS *****/
#botones_seo{
	position:relative;
	right:30px;
	padding-top:20px;	
}
#botones_seo a{
	padding-right:25px;	
	cursor:pointer;
}
/*Estilo formulario enviar a un amigo*/
#form_envio{	
	position:relative;
	width:300px;
}
#form_envio form{
	font-size:8pt;
	line-height:13px;
	font-weight:bold;
	color:#e9a31b;
	text-align:justify
}
#form_envio fieldset{
	padding:20px;
	border:0;	
}
#form_envio legend{
	font-size:14pt;
	color:#e9a31b;
}
#form_envio label{		
	vertical-align:top;	
	color:#1c164b;
	font-weight:bold;
	font-size:8pt;
}
#form_envio label span{
	float:left;
	width:75px;
	color:#1c164b;
	font-weight:bold;
	font-size:8pt;
}
#form_envio input{
	border-color:#1c164b;
	color:#1c164b;
}
#form_envio textarea{
	border-color:#1c164b;
	color:#1c164b;
	behavior:none;
}
.formato_contenido_col_dcha{
	padding:0;	
}
.formato_contenido_col_dcha .noticias_lateral{
	background-color:#ffffff;
}
.formato_contenido_col_dcha .fecha{
	color:#35a6d4;
}
.formato_contenido_col_dcha h2, .formato_contenido_col_dcha h2 a{
	font-size:12pt;
	letter-spacing:0px;
	font-weight:bold;				
	color:#1c164b;
}
	.formato_contenido_col_dcha h2{	
		padding-left:20px;
		background:url(../imagenes/vineta_2.gif) no-repeat left;
	}
/*Cambia con respecto a seccion.css*/
.formato_contenido{
	padding:0 15px 0 35px;
}
/*Cambia padding con respecto a seccion.css*/
	h1{
		font-size:14pt;
		color:#1c164b;
		font-weight:bold;
		padding:25px 0 25px 40px;
		margin-left:0px;		
		background:url(../imagenes/vineta.gif) no-repeat top left;
		position:relative;
	}
	h1 span{
		font-size:20px;
		font-variant:small-caps;
		font-weight:normal;
		display:block;
		line-height:20px;
		letter-spacing:2px;		
	}
	h1 img{
		position:absolute;
		top:-6px;
		left:150px;
		/*behavior: url(../iepngfix.htc);*/
	}
	.formato_contenido .listado{
		 border-spacing: 5px
	}
	.formato_contenido .listado th hr{
		border-bottom:1px solid #000000;
	}	
	.formato_contenido .listado td hr{
		border-bottom:1px solid #f0f0f0;
	}	
	.formato_contenido h2, .formato_contenido h2 a, .formato_contenido .titulo
	{
		font-size:12pt;
		letter-spacing:0px;
		font-weight:bold;				
		color:#1c164b;
	}
	.formato_contenido h2, .formato_contenido .titulo{	
		padding-left:20px;
		background:url(../imagenes/vineta_2.gif) no-repeat left;
	}
	.formato_contenido h2 a:hover{
		color:#23d9d7;
	}
	.formato_contenido .fecha{
		font-size:8pt;
		font-weight:bold;
		padding:5px 0 2px 0!important;
		margin-bottom:10px;
		background-color:transparent;
		color:#189bbf;
		border-bottom:2px dotted #189bbf;
	}
	.formato_contenido .foto{
		float:left;
		padding:0 10px 10px 0;
	}
.portada{
	padding:0 35px 0 0;
}
	.portada h2 a:hover{
		color:#23d9d7;
	}
/****************************************************************************
PROPIEDADES O CLASES QUE SIEMPRE DEBEN ESTAR DEFINIDAS EN LA HOJA DE ESTILO
PORQUE ESTAN DEFINIDAS EN LOS SISTEMAS
*/
ul.categorias{
	padding-left:15px;
	margin-left:15px;	
}
ul.categorias li{
	list-style:none;
}
ul.categorias li a{
	text-transform:uppercase;
}
/*ul.categorias li a:before
{
	content: "+";
	font-size:12pt;
	padding-right:15px;
}
*/
ul.categorias li a:hover{
	background-color:#f1f1f1;
	display:block;
}
.paginacion{
	font-size:7pt;
	font-weight:bold;
	text-align:center;
	margin: 0 auto;
}
.resaltar{
	/*color:#23d9d7;*/
	line-height:12px;
	/line-height:16px;
	padding:0 5px;	
	border:1px solid #189bbf;
	background-color:#189bbf;
	color:#ffffff;
	margin:0 auto;
	min-width:auto !important;
	width:auto;
	font-size:7pt;
	
	-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
	/*behavior:url(../border-radius.htc);*/
}
.negrita{
	font-weight:bold;
}
.centrado{
	text-align:center;
	margin:0 auto;
}
.alineacion_derecha, .align_derecha{
	text-align:right;
}
.alineacion_izquierda{
	text-align:left;
}
.overflou /* Importante para solucionar problema del los clear en mozilla*/ {
	overflow:hidden;
}
#tam_cuadriculas{
	text-align:left !important;
	vertical-align:top;	
}
.cuadricula{
	float:left;	
	margin-left:3px;
	_margin-left:0;
	margin-bottom:3px;
	border-collapse:collapse;	
	overflow-x:auto;
	text-align:left !important;
}
#nivel{
	text-align:right;
	margin-bottom:15px;
}
#nivel a{
	padding:5px;
	font-weight:bold;
	font-variant:small-caps;
	color:#189bbf;
}
#nivel a:hover{
	color:#1c164b;
}
/*INTEGRACION FORMULARIO*/
#contacto{
	width:90%;
	margin:0 auto;
}
#contacto fieldset{
	padding:15px;
	border:1px solid #1e8ecd;
}
#contacto legend{
	font-size:10pt;
	font-variant:small-caps;
	color:#000000;
}
#contacto label{
	width:160px;
	float:left;
	vertical-align:baseline;
}
#contacto input[type=text],#contacto textarea{
	width:500px !important;
	border: 1px solid #1e8ecd;
}
#contacto blockquote{
	margin-left:160px;
}
/***** FORMATEO DE BOTONES *****/
button{	
	line-height:12px;
	/line-height:16px;
	padding:0 5px;	
	border:1px outset #189bbf;
	background-color:#ffffff;
	color:#189bbf;
	margin:0;
	height:auto !important;
	min-width:auto !important;
	width:auto;
	overflow:visible;
	font-size:8pt;
	cursor:pointer;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px; /* Internet Explorer 8 */	
	-khtml-border-radius: 8px;
  -webkit-border-radius: 8px;	
	/*behavior:url(../border-radius.htc);*/
}
input[type=button], input[type=submit], input[type=reset], .boton{
	line-height:12px;
	/line-height:16px;
	padding:0 5px;	
	border:1px outset #189bbf;
	background-color:#ffffff;
	color:#189bbf;
	margin:0;
	height:auto !important;
	min-width:auto !important;
	width:auto;
	overflow:visible;
	font-size:8pt;
	cursor:pointer;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px; /* Internet Explorer 8 */	
	-khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
	/*behavior:url(../border-radius.htc);*/
}
input[type=text],input[type=password],textarea{
	line-height:12px;
	/line-height:16px;
	padding:0 5px;
	/padding:0 3px 0 6px;
	border:1px outset #189bbf;
	background-color:#ffffff;
	color:#000000;
	margin:0;
	width:auto;
	font-size:8pt;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px; /* Internet Explorer 8 */	
	-khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
	/*behavior:url(../border-radius.htc);*/
}
textarea{
	overflow:auto;
}
input[type='radio'],input[type='checkbox']{
	width:auto;
}
/***** ESTILO REDONDEADO PARA LAS AREAS DE NEGOCIO *****/
#contenedor_pestania{
	position:relative;
	top:-105px;
	left:110px;
	width:850px;
}
.pestania #pestania_digital,.pestania #pestania_consultoria,.pestania #pestania_comunicacion,.pestania #pestania_formacion{
	-moz-border-radius: 8px;	
	-khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
	/*behavior:url(../border-radius.htc);
	-ms-border-radius: 8px; / * Internet Explorer 8 */	
	
	width:135px !important;
	height:30px !important;
	border:3px solid #ffffff;
	padding:5px;	
	margin:0 auto;	
	clear:both;
	display:inline-block;	
	font-size:8pt;
	line-height:15px;
	background-image:none;
}
.pestania #pestania_digital{
	background-color:#ffffff !important;
	color:#1c164b;
	margin-right:60px;
}
.pestania #pestania_consultoria{
	background-color:#ffffff !important;
	color:#9daa05;
	margin-right:60px;
}
.pestania #pestania_comunicacion{
	background-color:#ffffff !important;
	color:#e9a31b;
	margin-right:60px;
}
.pestania #pestania_formacion{
	background-color:#ffffff !important;
	color:#23d9d7;
	margin-right:0;
}
/******************************************************/
/*Cambia con respecto a seccion.css*/
#contenedor_area{
	position:relative;
	top:125px;
	left:75px;
	width:850px;	
}
/*Cambia con respecto a seccion.css*/
.area #digital,.area #consultoria,.area #comunicacion,.area #formacion{
	-moz-border-radius: 8px;	
	-khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
	/*behavior:url(../border-radius.htc);
	-ms-border-radius: 8px; Internet Explorer 8 */	
	
	border:6px solid #ffffff;
	padding:0;	
	margin:0 auto;
	margin-right:50px;
	clear:both;
	display:inline-block;	
	width:145px /*!important*/;
	height:160px /*!important*/;
	overflow:hidden;
	font-size:8pt;
	line-height:15px;
}
/*Cambia con respecto a seccion.css*/
.area #digital{	
	background:#f2f2f2 url(../imagenes/columbus_digital.gif) no-repeat bottom left;
	color:#1c164b;
	padding-top:30px;	
}
/*Cambia con respecto a seccion.css*/
.area #consultoria{
	background:#f5f6e6 url(../imagenes/columbus_consultoria.gif) no-repeat bottom left;
	color:#9daa05;
	padding-top:30px;
}
/*Cambia con respecto a seccion.css*/
.area #comunicacion{
	background:#fdf6e8 url(../imagenes/columbus_comunicacion.gif) no-repeat bottom left;
	color:#e9a31b;
	padding-top:30px;
}
/*Cambia con respecto a seccion.css*/
.area #formacion{
	background:#e9fbfb url(../imagenes/columbus_formacion.gif) no-repeat bottom left;
	color:#23d9d7;
	padding-top:30px;	
}
.contenedor_tags{
	height:auto !important;	
	width:285px !important;
	_height:100px;
}
#nube_tags{	
	/*Diferentes en cada hoja de estilo para home y para seccion. En el index sale con formato de caja y en secciones al pie como palabras sueltas.*/
}
#nube_tags a{
	color:#1c164b;
}
#nube_tags a:hover{
	color:#23d9d7;
}
/***** ESTILO PARA LA NUBE DE TAGS *****/
a.etiqueta1{
	font-size: 12px !important;
}
a.etiqueta2{
	font-size: 14px !important;
}
a.etiqueta3{
	font-size: 18px !important;
}
a.etiqueta4{
	font-size: 22px !important;
}
a.etiqueta5{
	font-size: 26px !important;
} 
a.etiqueta6{
	font-size: 36px !important;
}


/*Galería de fotos del portfolio paginada*/

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:500px; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:21px; height:22px; float:left;margin-left:10px;/margin-left:0}
.photo ul.topic li a.set {display:block; font-size:10pt;font-weight:normal; width:35px; height:21px; text-align:center; line-height:25px; color:#1c164b; text-decoration:none; /**background:#ebe8dd;**/ /*font-family:verdana, arial, sans-serif*/;/**-moz-border-radius:8px**/}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active ul li a
{color:#1c164b; /**background:#ebe8dd;**/-moz-border-radius:8px;-webkit-border-radius:8px;/*font-size:10pt;font-weight:bold*/}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{/**color:#ffffff;**/ background:#e0fcff;-moz-border-radius:8px;-webkit-border-radius:8px;}

.photo ul.topic li.active a.set{
	font-size:11pt;
	color:#23d9d7
}
.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:400px; background:#ffffff; width:550px; padding:20px 40px; /**border-top:5px double #ebe8dd;**/ z-index:1;/**-moz-border-radius:20px**/}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block;position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:400px; background:#ffffff; width:550px; padding:20px 40px; /**border-top:5px double #dedbd1;**/ z-index:100;/**-moz-border-radius:20px**/}

.photo ul.topic li ul li
{display:inline; width:117px; height:76px; float:left;background:url(../imagenes/degradado_fondo_portfolio.png) no-repeat;/*background-color:#ebe8dd;border:1px dotted #ccc;*/margin:8px;}

.photo ul.topic li ul li a
{display:block; width:115px; height:75px; cursor:default; float:left; text-decoration:none; background:transparent !important; /**/border-bottom:1px solid #888;/**/border-right:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:64px;}

.photo ul.topic li ul li a span{line-height:10px;font-size:8pt;padding:2px;font-weight:bold}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-65px; top:-32px; width:275px; height:160px;border:2px dotted #dedbd1;background-color:#ffffff;-moz-border-radius:8px;-webkit-border-radius:8px;padding:0}



/*Para galería en "soluciones de gestión" */

.photo ul.topic li:hover ul.no_ampliar li a:hover img
{position:relative;left:0;top:0;width:115px;height:75px;cursor:default}

.photo ul.topic li ul.no_ampliar li
{display:inline; width:117px; height:90px; float:left;background:url(../imagenes/degradado_fondo_portfolio.png) no-repeat;/*background-color:#ebe8dd;border:1px dotted #ccc;*/margin:8px;}

.photo ul.topic li ul.no_ampliar li img
{margin-bottom:5px;}

.photo ul.topic li ul.no_ampliar li a div
{font-size:8pt;line-height:12px;font-style:italic}

.photo ul.topic li ul.no_ampliar li a:hover div
{color:#23d9d7;}

/***** MENU SEO *****/
#menuSEO{text-align:left;margin-left:40px}
#menuSEO ul{margin:0;padding:0}
#menuSEO ul li{display:inline;margin:0;margin-right:71px;/margin-right:50px;}
#menuSEO ul li a{font-size:9pt;font-variant:small-caps;}
#menuSEO ul ul{position:absolute;text-align:left;margin:0;padding:0;/margin-top:18px;}
#menuSEO ul ul li{display:block;margin:0;padding:0;}
#menuSEO ul ul li a{font-size:8pt;font-variant:normal;}
#menuSEO a{color:#1c164b}
#menuSEO a:hover{color:#23d9d7}

.marcadoresSociales{position:absolute;width:850px;text-align:right;}