@charset "utf-8";
/*
DC & Ladian Asesores | Asesoría Integral de Empresas.
http://www.ladian.com
LMMS @ Extrenet 2008

Versión: 1.0

 - CSS realizada y testeada para IE 6/7, Firefox 2.0.17/3.03, Opera 9.27/9.52 y Safari 3.1.2
 - Hacks y código específico para IE en la CSS: screenIE.css
*/


/* ESTILOS GENERALES - Normalización y varios 
--------------------------------------------- */

/* Eric Meyer's Reset incluido en el archivo reset.css */
html {
	font-size:125%;
}
body {
	background:#F2F2F2;
	font:normal 50%/140% Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	margin-top:20px;
}

a:link,
a:visited {
	color:#0A367A;
	text-decoration:none
}
a:hover,
a:active {
	color:#0A367A;
	text-decoration:underline;
}

hr {
	display:none;
	visibility:hidden;
}
	hr.separator {
		display:block;
		visibility:visible;
		border:0pt none;
		width:100%;
		margin:0;
		padding:0;
		height:1px;
		color:#DDD;
		background-color:#DDD;
	}

table { 
	margin:0em auto;
	border-collapse:collapse; 
	border-spacing:0; 
}
	th {
		background-color:#ebebeb;
		font:bold 1em Arial, Helvetica, sans-serif;
	}
	th,td {
		padding:0.25em;
		vertical-align:top;
		font:normal 1em Arial, Helvetica, sans-serif;
	}
	caption, th {
		text-align:center;
	}
	

/* PÁGINA (#page)
--------------------------------------------- */
#page {
	width:100%;
	min-width:96em;
	text-align:center;
}

/* CABECERA (#header)
--------------------------------------------- */
#header {
	width:100%;
	background: transparent url(../img/backgroundHeader.gif) 0 0 repeat-y;
	border-bottom:5px solid #CCC;
}
#headerInner {
	width:96em;
	height:69px;
	margin:0 auto;
	position:relative;
	top:-20px;
	border-top:20px solid #FFF;
	overflow:visible;
}
	#utilsNav {
		display:none;
		visibility:hidden;
	}
	h1 {
		position:absolute;
		width:177px;
		height:89px;
		left:-8px;
		top:0px;
	}
		 h1 a {
			display:block;
			width:177px;
			height:89px;
			background:transparent url(../img/logoLadian.png) no-repeat;
			overflow:hidden;
			text-indent:-9999px;
		}
		.home h1 a {
			cursor:default !important;
		}

	#topNav {
		position:absolute;
		right:0;
		top:1em;
	}
		#topNav li {
			float:left;
			height:1.8em;
			font:normal 1.2em/1.8em Arial, Helvetica, sans-serif;
			padding:0 0.75em;
			border-right:1px solid #b2b2b2;
		}
		#topNav li.last {
			border-right:0;
		}
		#topNav li a {
			float:left;
			font-weight:bold;
			color:#FFF;
		}

/* NAVEGACIÓN (#nav, #mainNav, #secondaryNav)
--------------------------------------------- */
#nav {
	border-top:1px solid #666;
}
	#navInner {
		width:96em;
		margin:0 auto;
		text-align:left;
	}

	#mainNav {
			height:4em;
			background:#FFF url(../img/backgroundNavUl.gif) left top repeat-x;
		}
		#mainNav li {
			display:inline;
		}
			#mainNav li a {
				display:block;
				float:left;
				width:160px;
				height:40px;
				font:bold 1.6em/85% Arial, Helvetica, sans-serif;
				color:#666;
				text-decoration:none;
				width:0;
				padding-left:160px;
				overflow:hidden;
				background-image:url(../img/backgroundNav.gif);
				background-repeat:no-repeat;
				
			}
			/* Navegación: Estado Inicial (reposo) */
			
			#mainNav li#asesoria a {
				background-position:0 0;
			}
			#mainNav li#gestoria a {
				background-position:-160px 0;
			}
			#mainNav li#consultoria a {
				background-position:-320px 0;
			}
			#mainNav li#novedades a {
				background-position:-480px 0;
			}
			#mainNav li#presupuestos a {
				background-position:-640px 0;
			}
			#mainNav li#privado a {
				background-position:-800px 0;
			}
			
			/* Navegación: Estado Hover (mouseover) */
			
			#mainNav li a:hover{
				color:#333;
				background-color:#F2F2F2
			}
			
			#mainNav li#asesoria a:hover {
				background-position:0 -40px;
			}
			#mainNav li#gestoria a:hover {
				background-position:-160px -40px;
			}
			#mainNav li#consultoria a:hover {
				background-position:-320px -40px;
			}
			#mainNav li#novedades a:hover {
				background-position:-480px -40px;
			}
			#mainNav li#presupuestos a:hover {
				background-position:-640px -40px;
			}
			#mainNav li#privado a:hover {
				background-position:-800px -40px;
			}
			
			/* Navegación: Estado Hover (mouseover) */

			body.asesoria #mainNav li#asesoria a,
			body.asesoria #mainNav li#asesoria a:hover,
			body.gestoria #mainNav li#gestoria a,
			body.gestoria #mainNav li#gestoria a:hover,
			body.consultoria #mainNav li#consultoria a,
			body.consultoria #mainNav li#consultoria a:hover,
			body.novedades #mainNav li#novedades a,
			body.novedades #mainNav li#novedades a:hover,
			body.presupuestos #mainNav li#presupuestos a,
			body.presupuestos #mainNav li#presupuestos a:hover,
			body.privado #mainNav li#privado a,
			body.privado #mainNav li#privado a:hover {
				color:#036;
				background-color:#DDD;
				cursor:default !important;
			}
			
			body.asesoria #mainNav li#asesoria a,
			body.asesoria #mainNav li#asesoria a:hover {
				background-position:0 -80px;
			}
			body.gestoria #mainNav li#gestoria a,
			body.gestoria #mainNav li#gestoria a:hover {
				background-position:-160px -80px;
			}
			body.consultoria #mainNav li#consultoria a,
			body.consultoria #mainNav li#consultoria a:hover {
				background-position:-320px -80px;
			}
			body.novedades #mainNav li#novedades a,
			body.novedades #mainNav li#novedades a:hover {
				background-position:-480px -80px;
			}
			body.presupuestos #mainNav li#presupuestos a,
			body.presupuestos #mainNav li#presupuestos a:hover {
				background-position:-640px -80px;
			}
			body.privado #mainNav li#privado a,
			body.privado #mainNav li#privado a:hover {
				background-position:-800px -80px;
			}
	
	#secondaryNav {
		position:absolute;
		top:0;
		left:0;
		font:normal 1.4em/100% Arial, Helvetica, sans-serif;
	}
		#secondaryNav a {
			font-weight:bold;
		}


/* CONTENIDO (#content)
--------------------------------------------- */
#content {
	margin:0 auto;
	width:96em;
	text-align:left;
	background:#FFF;
	clear:both;
}
	#contentInner {
		padding:1em;
		padding-bottom:0;
		clear:both;
	}
	
#main {
	float:left;
	position:relative;
	padding-bottom:1em;
}
	#mainInner {
		padding-left:1em;
	}
	#main h2 {
		font:bold 2.4em/130% Eurostile, Arial, Helvetica, sans-serif;
		color:#000;
		margin-top:1.5em;
	}
	#main h3 {
		font:bold 1.4em/130% Arial, Helvetica, sans-serif;
		margin:0;
		color:#666;
		text-transform:uppercase;
	}
	#main h4 {
		font:bold 1.6em/130% Arial, Helvetica, sans-serif;
		margin:1em 0 0;
		color:#999;
	}
	#main p {
		margin:0.75em 0;
		font:normal 1.3em/140% Arial, Helvetica, sans-serif;
		text-indent:1.5em;
	}
		#main p.new {
			text-indent:0;
		}
	#main #intro {
		margin:0.25em 0 0.75em 0;
		font:italic bold 1.5em/140% Arial, Helvetica, sans-serif;
		color:#666;
		text-indent:0;
	}
	#main ol,
	#main ul {
		margin:1em 0;
		padding-left:3em; 
	}
	#main ul li,
	#main ol li {
		font:normal 1.3em/140% Arial, Helvetica, sans-serif;
		margin-top:0.3em;
	}
	#main ol {
		list-style:decimal;
	}
	#main ul {
		list-style: disc;
	}
	#main ol ul,
	#main ul ul {
		list-style:circle;
	}
	#main ol ol,
	#main ul ul,
	#main ol ul,
	#main ul ol  {
		margin-top:0;
		margin-bottom:0;
	}
	#main ol li ol li,
	#main ul li ul li,
	#main ol li ul li,
	#main ul li ol li{
		font:normal 1em/140% Arial, Helvetica, sans-serif;
		margin-top:0.3em;
	}
	#main .arrow {
		font:bold 1.1em/130% Tahoma, Arial, Helvetica, sans-serif;
	}
	#main a {
		font-weight:bold;
	}
	
	#main p#contactData {
		width:23em;
		margin:0 auto 1em;
		padding:7px 0 15px 110px;
		text-indent:0;
		background:transparent url(../img/logo.gif) left top no-repeat;
	}
	
/* Formularios */
#main fieldset {
	width:40em;
	padding:1em 2em;
	margin:2em auto;
	border:1px solid #DDD;
}
	#main fieldset legend {
		padding:0 0.5em;
		font:bold 1.4em/130% Arial, Helvetica, sans-serif;
		color:#666;
		text-transform:uppercase;
	}
	#main fieldset label {
		font:bold 1em/140% Arial, Helvetica, sans-serif;
		color:#666;
	}	
	#main fieldset p {
		text-indent:0;
	}
	#main fieldset input[type=text],
	#main fieldset textarea {
		font:normal 0.9em Arial, Helvetica, sans-serif;
		width:33.5em;
	}
	

/* BARRA LATERAL (#sidebar)
--------------------------------------------- */
#sidebar {
	float:right;
}
	#sidebar .box {
		margin-bottom:1em;
		border:1px solid #DDD;
	}
		#sidebar .box h2 {
			border-bottom:1px solid #DDD;
			font:bold 1.6em Arial, Helvetica, sans-serif;
			padding-bottom:0.25em;
			margin-bottom:0.25em;
			color:#333;
			text-transform:uppercase;
		}

	#sidebar .box .boxInner{
		padding:0.75em 1em;
	}
	#sidebar .box p {
		font:normal 1.1em/130% Arial, Helvetica, sans-serif;
		margin:0.5em 0;
	}
	#sidebar .box a {
		font:bold 1.1em/130% Arial, Helvetica, sans-serif;
	}
	#sidebar .box .arrow {
		font:bold 1.1em/130% Tahoma, Arial, Helvetica, sans-serif;
	}
	#sidebar .box form {
	}
	#sidebar .box label {
		width:6em;
		float:left;
		margin-left:1em;
		text-align:right;
		font:bold 1.2em/140% Arial, Helvetica, sans-serif;
		padding:3px;
		color:#999;
		margin-bottom:3px;
	}
	#sidebar .box input {
		width:12em;
		font:bold 1.2em/140% Arial, Helvetica, sans-serif;
		padding:2px;
		color:#333;
		margin-bottom:3px;
	}
	

/* PIE (#footer)
--------------------------------------------- */
#footer {
	margin:0 auto;
	width:96em;
	border-top:0.2em solid #8399BA;
	clear:both;
	text-align:left;
}
	#footerInner {
		padding:1em 0;
	}
	#footer p {
		font:normal 1.1em/130% Arial, Helvetica, sans-serif;
	}
		#footer p strong {
			font:bold 1.1em Arial, Helvetica, sans-serif;
		}
	#footer #footerLinks {
		color:#CCC;
	}
		#footer #footerLinks a {
			font:bold 1.1em Arial, Helvetica, sans-serif;
		}
		#footer #footerLinks a:hover {
			color:#999;
		}


		


/* ESTILOS/CLASES AUXILIARES
--------------------------------------------- */
.center {
	margin-left:auto;
	margin-right:auto;
}
.block {
	display:block;
}
.inline {
	display:inline;
}
.inlineBlock {
	display:block;
}
.alignLeft {
	text-align:left;
}
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:center;
}
.alignJustify {
	text-align:justify;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.margin {
	margin:1em;
}
.marginLeft {
	margin-left:1em;
}
.marginRight {
	margin-right:1em;
}
.marginBottom {
	margin-bottom:1em;
}
.marginTop {
	margin-top:1em;
}
.padding {
	padding:1em;
}

/* Columnas - Sobre una retícula de 960px (96em) incluyendos los espacios, glutter, entre columnas */
.col22em { /* 1/4 */
	width:22em;
}
.col46em { /* 2/4 */
	width:46em;
}
.col70em { /* 3/4 */
	width:70em;
}
.col30em { /* 1/3 */
	width:30em;
}
.col62em { /* 2/3 */
	width:62em;
}

.smallText {
	font:1em/130% Arial, Helvetica, sans-serif;
}
.upperCase {
	text-transform:uppercase;
}
.bold {
	font-weight:bold;
}
.noDisplay {
	display:none;
	visibility:hidden;
}
.externalLink {
	background: url(../img/icoExternalLink.gif) center right no-repeat;
	padding-right: 13px;
}
.clearAll {
	clear:both;
}
/* "Easy Clearing Hack" */
.clearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix {
	display:inline-block;
}
.clearFix {
	display:block;
}
* html .clearFix {
	height:1px;
}