﻿/* Reseteo */
html, body, div, img, h1, h2, h3, h4, h5, h6, form, fieldset, input, label,
span{
	margin:0;
	padding:0;
	}
/*//*/

/**** GENERAL ****/
body{
	background:#fafafa;
	/*font-family:calibri, arial, verdana, helvetica, sans-serif;*/
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	}

img, fieldset{
	border:0;
	}

.cl{
	clear:both;
	}

strong, b{
	font-size:13px;
}
/****//****/

/*** LOGO ***/
#logo{
	background:url("../images/bckg-flotante.png") no-repeat;
	width:233px;
	height:260px;
	position:relative;
	text-align:center;
}

#logo img{
	margin-top:60px;
}
/***//***/

/*** CONTENEDOR ***/
#contenedor{
	width:900px;
	margin:0 auto;
}

	/** Menu **/
	#menu{
		padding-left:310px;
	}
	
	#menu .dock-container ul{
		list-style-type:none;
	}
	/**//**/
	
	/** Boton Home **/
	#btnHome{
		text-align:center;
		margin-bottom:10px;
		position:relative;
		top:-15px;
	}
	/**//**/
	
	/** Submenu **/
	#submenu{
		position:relative;
		width:260px;
		height:1px;
		top:260px;
		left:-300px;
		text-align:left;
	}
	
	#submenu ul{
		list-style-type:none;
	}
	
	#submenu ul li a{
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
	}
	
	#submenu ul li a:hover{
		text-decoration:underline;
	}
	
	#submenu ul li ul{
		padding-left:20px;
	}
	
	#submenu ul li ul li a{
		font-size:12px;
		font-weight:normal;
		text-decoration:underline;
		background:url("../images/icons/ico-submenu.png") no-repeat left center;
		padding-left:10px;
		display:block;
	}
	
	#submenu ul li ul li a:hover{
		text-decoration:none;
	}
	
	#submenu .item29 a{ font-size:13px; }
	/**//**/
	
	/** Contenedor 2 **/
	#contenedor02{
		width:877px;
		background:url("../images/bckg-contenedor2.png") right repeat-y #fff;
	}
	
	#contenido01{
		background:url("../images/bckg-top.png") top no-repeat;
	}
	
	#contenido02{
		background:url("../images/bckg-down.png") bottom no-repeat;
		padding:12px;
	}
	
		/* Izquierda */
		#izquierda{
			background:url("../images/bckg-izquierda.png") bottom no-repeat #feb435;
			float:left;
			width:262px;
			text-align:left;
			
			color:#fff;
		}
		
		#topIzquierda{
			background:url("../images/bckg-izquierda-top.png") top no-repeat;
			min-height:430px;
			padding:0 15px 0 35px;
		}
		
		#topIzquierda h1{
			margin:0;
			font-size:24px;
		}
		
		#topIzquierda p{
			margin:0;
			padding:0;
		}
		
		#topIzquierda a{
			color:#fff;
		}
		
		#topIzquierda a:hover{
			text-decoration:none;
		}
		/**/
		
		/* Derecha */		
		#derecha{
			float:left;
			width:570px;
			margin-left:20px;
			text-align:left;
		}
		
		#noticias{
			background:url("../images/bckg-noticias.png") no-repeat #fff;
			margin-top:6px;
			/*height:96px;*/
			padding:15px 30px;
		}
		
		#noticias h2{
			font-size:16px;
			color:#000;
		}
		
		#noticias p{
			color:#4b4b4b;
		}
		
		#noticias a.readon{
			color:#f60;
			text-decoration:none;
		}
		
		#noticias a.readon:hover{
			color:#000;
			text-decoration:underline;
		}
		
		
		/*** Más Noticias ***/
		ul.latestnews{
			float:right;
			text-align:left;
			margin:0;
			padding:0 20px;
			width:510px;
			list-style:none;
			}
		
		ul.latestnews li{
			background:url("../images/ico-mas-noticias.png") no-repeat center left;
			padding-left:10px;
			}
		
		ul.latestnews li a{
			color:#f60;
			}
		
		ul.latestnews li a:hover{
			text-decoration:none;
			}
		
		h3.titMasNoticias{
			clear:both;
			margin-left: 330px;
			text-align:left;
			font-size:14px;
			}
		/***//***/
		
		#derecha #page ul{
			list-style-image:url("../images/ico-lista.png");
		}
		
		#derecha #page ul li ul{
			list-style-image:url("../images/ico-lista2.png");
		}
		
		#derecha #page{
			/*background:url("../images/bckg-noticias.png") no-repeat #fff;*/
			background:url("../images/bckg-titulos.png") no-repeat;
			padding:20px;
			margin-top:5px;
		}
		
		#derecha #page h2.contentheading, .componentheading{
			font-size:22px;
			font-weight:normal;
			position:relative;
			top:-15px;
		}
		
		#derecha #page h3{
			display:block;
			background:#fffbf2;
			padding:5px;
			border-top:1px dotted #f60;
			border-bottom:1px dotted #f60;
			color:#c85000;
			font-size:13px;
		}
		
		#derecha #page .titFormularios{
			position:relative;
			top:-65px;
		}
		
		#page a{
			color:#f60;
		}
		
		#page a:hover{
			text-decoration:none;
		}
		
		#page a:visited{
			color:#c85000;
		}
		
		/* Servicios */
		#derecha #page ul.servicios{
			list-style-image:none;
			list-style-type:none;
			margin-top:50px;
			padding:0;
		}
		
		#derecha #page ul.servicios li{
			float:left;
			margin-left:5px;
		}
		
		#derecha #page ul.servicios li a{
			color:#959595;
			text-decoration:none;
			font-size:14px;
			display:block;
			width:122px;
			padding-top:130px;
			text-align:center;
		}
		
		#derecha #page ul.servicios li a.consultoria{
			background:url("../images/icons/ico-serv-consultoria.png") no-repeat;
			
			
		}
		
		#derecha #page ul.servicios li a.formacion{
			background:url("../images/icons/ico-serv-formacion.png") no-repeat;
		}
		
		#derecha #page ul.servicios li a.mgid{
			background:url("../images/icons/ico-serv-idemas.png") no-repeat;
		}
		
		#derecha #page ul.servicios li a.innovacion{
			background:url("../images/icons/ico-serv-innovacion.png") no-repeat;
		}
		/**/
		
		#derecha #page ul li a{
			color:#000;
		}
		
		div.oculto{
			display:none;
		}
		
		div.visible{
			display:block;
			padding:10px 0;
		}
		
		/* Migas de pan */
		#derecha .breadcrumbs{
			font-size:11px;
		}
		
		#derecha .breadcrumbs a{
			color:#f60;
		}
		/**/
		
		/* Cuadro Gris */
		#derecha #page .cuadroGris{
			background:#efefef;
			border:1px dotted #ddd;
			padding:10px;
			color:#555;
		}
		/**/
		
		/* Formacion */
		a.hoverbot{
			color:#000 !important;
			text-decoration:underline;
		}
		/**/
		
		/* Clientes */
		table.clientes{
			border:1px dotted #ddd;
			width:100%;
			margin:5px 0;
		}
		
		table.clientes td.logo{
			width:180px;
		}
		
		table.clientes td.gris{
			background:#efefef;
			color:#555;
		}
		
		table.clientes td.gris a{
			color:#f60;
		}
		
		table.clientes td.gris a:hover{
			color:#333;
			text-decoration:none;
		}
		
		/**/
		
	/**//**/

/***//***/

/*** MENU BOTTOM ***/
#menuBottom{
	clear:both;
	margin:15px 0;
	text-align:center;
}

#menuBottom ul{
	list-style-type:none;
	margin:0 auto;
	padding:0;
}

#menuBottom ul li{
	display:inline;
	margin:0 3px;
	border-left:1px solid #555;
	padding-left:5px;
}

#menuBottom ul li a{
	color:#555;
	text-decoration:none;
}

#menuBottom ul li a:hover{
	color:#f60;
	text-decoration:underline;
}

/***//***/

/*** FORMULARIOS ***/
#ChronoContact_formulario_contacto, #ChronoContact_trabaje_con_nosotros, #ChronoContact_presupuestos, #ChronoContact_formulario_formacion_empresa,
#ChronoContact_formulario_formacion_trabajador {
	margin-top:50px;
}
#ChronoContact_formulario_contacto .cf_label, #ChronoContact_trabaje_con_nosotros .cf_label, #ChronoContact_presupuestos .cf_label, #ChronoContact_formulario_formacion_empresa .cf_label,
#ChronoContact_formulario_formacion_trabajador .cf_label{
	background:#efefef;
	float:left;
	width:120px;
	padding:5px 10px 5px 5px;
	text-align:right;
	margin-right:10px;
	color:#555;
	font-weight:bold;
	font-size:12px;
}

#ChronoContact_formulario_contacto .cf_inputbox, #chrono_verification, #ChronoContact_trabaje_con_nosotros .cf_inputbox, #ChronoContact_presupuestos .cf_inputbox, #ChronoContact_formulario_formacion_empresa .cf_inputbox,
#ChronoContact_formulario_formacion_trabajador .cf_inputbox{
	border:1px solid #ddd;
}

#ChronoContact_formulario_contacto .cf_button, #ChronoContact_trabaje_con_nosotros .cf_button, #ChronoContact_presupuestos .cf_button, #ChronoContact_formulario_formacion_empresa .cf_button,
#ChronoContact_formulario_formacion_trabajador .cf_button{
	text-align:center;
}

#ChronoContact_formulario_contacto .cf_button input, #ChronoContact_trabaje_con_nosotros .cf_button input, #ChronoContact_presupuestos .cf_button input, #ChronoContact_formulario_formacion_empresa .cf_button input,
#ChronoContact_formulario_formacion_trabajador .cf_button input{
	background:url("../images/bckg-btn-enviar.png") no-repeat;
	color:#fff;
	width:88px;
	height:33px;
	border:0;
}
/***//***/

/*** PIE ***/
#pie{
	background:url("../images/bckg-pie.png") repeat-x;
	height:60px;
	clear:both;
	padding:10px;
	text-align:center;
	color:#a2a2a2;
}

#pie a{
	color:#feb435;
}

#pie a:hover{
	text-decoration:none;
}

#pie .desarrollo{
	font-size:11px;
}
/***//***/

/*** REDES ***/
#redes{
	font-size:11px;
	color:#777;
	margin-top:15px;
}

#redes img{
	margin:0 5px;
}

div.linkRedes img{
	float:left;
}

div.linkRedes a{
	float:left;
	padding:20px;
	background:#f7f7f7;
	border:1px dotted #eee;
	margin-left:10px;
}

div.linkRedes p{
	clear:both;
}
	
/***//***/
