@charset "utf-8";
/*
Lucatmi.com | Siempre cerca de ti.
http://www.lucatmin.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 */

body {
	background:#FFF;
	font:normal 62.5%/140% Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}

a:link,
a:visited {
	color:#005F7D;
	text-decoration:none
}
a:hover,
a:active {
	color:#FFB027;
	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:960px;
	text-align:center;
}

/* BANNERS (#banners)
--------------------------------------------- */
#banners {
	width:100%;
	background: #FFF url(../img/backgroundBanners.jpg) left bottom repeat-x;
}
#bannersInner {
	width:960px;
	height:115px;
	margin:0 auto;
	position:relative;
}
	#bannersInner div.floatLeft {
		position:absolute;
		left:5px;
		top:10px;
		width:758px;
	}
	#bannersInner div.floatRight {
		position:absolute;
		right:5px;
		top:10px;
		width:182px;
	}

/* CABECERA (#header)
--------------------------------------------- */
#header {
	width:100%;
	background:#FFF url(../img/backgroundHeader.jpg) left bottom repeat-x;
	border-top:1px solid #FFB027;
	border-bottom:1px solid #FFF;
}
#headerInner {
	width:960px;
	height:88px;
	margin:0 auto;
	position:relative;
	background:transparent url(../img/backgroundHeaderStar.jpg) right bottom no-repeat;
}
	#utilsNav {
		display:none;
		visibility:hidden;
	}
	h1 {
		position:absolute;
		width:364px;
		height:65px;
		left:5px;
		top:12px;
	}
		 h1 a {
			display:block;
			width:364px;
			height:65px;
			background:transparent url(../img/logoLucatmi.png) no-repeat;
			overflow:hidden;
			text-indent:-9999px;
		}
		.home h1 a {
			cursor:default !important;
		}

	#topNav {
		position:absolute;
		right:0;
		top:-1px;
	}
		#topNav li {
			float:left;
			font:bold 16px Arial, Helvetica, sans-serif;
			padding:0 8px 2px;
			border-right:1px solid #FFB027;
			color:#CCC;
		}
		#topNav li.last {
			border-right:0;
		}
		#topNav li a {
			float:left;
			font-weight:bold;
			color:#09C;
			text-decoration:none;
			border-bottom:1px dotted #09C;
			padding-top:5px;
		}
		#topNav li a.selected,
		#topNav li a.selected:hover {
			background:transparent url(../img/backgroundTabSelected.gif) 50% 0% no-repeat;
			color:#666;
			border-bottom:none;
			cursor:default !important;
		}
		#topNav li a:hover {
			color:#FFB027;
			border-bottom:1px solid #FFB027;
		}
		
/* BÚSQUEDA (#search)
--------------------------------------------- */
#search {
	width:100%;
	background: #0080AA url(../img/backgroundSearch.jpg) left bottom repeat-x;
	border-bottom:1px solid #005F7D;
}
#searchInner {
	width:960px;
	height:75px;
	margin:0 auto;
	position:relative;
}
	img.queBuscas {
		position:absolute;
		top:25px;
		left:60px;
	}
	#searchInner #searchBox {
		position:absolute;
		top:15px;
		left:238px;
		width:485px;
		height:44px;
		border:1px solid #eee;
		background:#FFF url(../img/backgroundSearchBox.jpg) left top repeat-x;
	}
		#searchBox #searchBoxInner {
			position:absolute;
			top:0;
			left:0;
			width:45px;
			height:44px;
			display:block;
			border-right:1px solid #eee;
			background:transparent url(../img/searchImg.png) 50% 50% no-repeat;
		}
		#searchBox input.busqueda {
			font:normal 20px Arial, Helvetica, sans-serif;
			color:#444;
			position:absolute;
			top:7px;
			left:55px;
			width:370px;
			border:none;
			background:transparent;
		}
		#searchBox button.buscar {
			margin:0;
			padding:0;
			border:none;
			background:none;
			position:absolute;
			top:6px;
			right:6px;
			overflow:visible;
			cursor:pointer;
		}
		#searchBox button.buscar img {
			position:relative;
			top:0;
			right:0;
			cursor:pointer;
		}
	span.empresas {
		font:normal 20px Arial, Helvetica, sans-serif;
		color:#eee;
		position:absolute;
		top:25px;
		left:740px;
	}

/* NAVEGACIÓN (#nav, #mainNav, #secondaryNav)
--------------------------------------------- */
#nav {
	width:100%;
	height:31px;
	background:#B8B8B8 url(../img/backgroundNav.jpg) left top repeat-x;
}
	#navInner {
		width:960px;
		margin:0 auto;
		text-align:left;
	}

	#mainNav {
		margin:0 auto;
		padding-left:10px;
		}
		#mainNav li {
			float:left;
			margin:0 2px;
		}
			#mainNav li a {
				display:block;
				float:left;
				font:bold 16px Arial, Helvetica, sans-serif;
				color:#FFF;
				text-decoration:none;
				padding-left:5px;
				height:28px;
				margin-top:3px;
			}
				#mainNav li a span {
				display:block;
				padding:0 5px 0 0;
				line-height:28px;
				}
			#mainNav li a.selected,
			#mainNav li a.selected:hover {
				background:#FFF url(../img/backgroundNavTabSelected.gif) left top no-repeat;
				color:#333;
				cursor:default !important;
				text-decoration:none;
			}
				#mainNav li a.selected span,
				#mainNav li a.selected:hover span{
					background:#FFF url(../img/backgroundNavTabSelected.gif) right top no-repeat;
				}
			#mainNav li a:hover {
				background:#B8B8B8 url(../img/backgroundNavTabHover.gif) left top no-repeat;
				color:#000;
				text-decoration:underline;
			}
				#mainNav li a:hover span {
					background:#B8B8B8 url(../img/backgroundNavTabHover.gif) right top no-repeat;
				}



/* CONTENIDO (#content)
--------------------------------------------- */
#content {
	margin:0 auto;
	width:960px;
	text-align:left;
	background:#FFF;
	clear:both;
}
	#contentInner {
		padding:20px 5px 0;
		clear:both;
	}
	
#main {
	width:740px;
	float:left;
	position:relative;
	padding-bottom:1em;
}
.home #main {
	width:758px;
}

	#main h2 {
		margin:0.5em 0;
		font:bold 2em/140% Arial, Helvetica, sans-serif;
		color:#333;
		border-bottom:1px solid #F3E783;
	}
	#main h3 {
		margin:1em 0 0.25em;
		font:bold 1.6em/140% Arial, Helvetica, sans-serif;
		color:#666;
		text-transform:uppercase;
	}
	#main p {
		margin:0.75em 0;
		font:normal 1.3em/140% Arial, Helvetica, sans-serif;
	}
	#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 a {
		font-weight:bold;
	}
	#main .col {
		float:left;
		width:243px;
		background:#FEF9C5;
		border-left:1px solid #FEF9C5;
		border-top:1px solid #FEF9C5;
		border-right:1px solid #F3E783;
		border-bottom:1px solid #F3E783;
		min-height:400px;
	}
		#main .col h2 {
			font:bold 1.8em Arial, Helvetica, sans-serif;
			color:#555;
			border-bottom:1px solid #F3E783;
			text-transform:uppercase;
			margin:0;
		}
		#main .col p {
			font:bold 1.4em/140% Arial, Helvetica, sans-serif;
		}
	#main #resultadosLucatmi.resultados,
	#main #resultadosOtros.resultados {
	}
	#main .resultados .resultado {
		border-bottom:1px dotted #ccc;
		padding:1px 10px;
	}
	#main .resultados .resultado.first,
	#main div.resultados > div.resultado:first-child {
		border-top:1px dotted #ccc;
		padding:0px 10px;
	}
	#main .resultadosLucatmi.resultado:hover,
	#main .resultadosOtros.resultado:hover {
		background:#F6F6F6;		
	}
	#main .resultadosLucatmi.resultado:hover {
		background:#F6F6F6 url(../img/backgroundResultado.gif) right top no-repeat;		
	}
		#main .resultadosLucatmi.resultado .nombre {
			font:bold 1.2em Arial, Helvetica, sans-serif;
		}
		#main .resultadosOtros.resultado .nombre {
			font:bold 1.1em Arial, Helvetica, sans-serif;
			color:#444;
		}
		#main .resultados .catEmpresa,
		#main .resultados .catPrincipal {
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#666;
		}
		#main .resultados .catEmpresa {
			text-transform:uppercase;
			margin-bottom:0;
		}
		#main .resultados .resultado .direccionPostal {
			margin:-0.5em 0 0.75em !important;
		}
/* Formularios */
#main fieldset {
	width:400px;
	padding:1em 2em;
	margin:0 auto;
	border:1px solid #0080AA;
}
	#main fieldset legend {
		padding:0 0.5em;
		font:bold 1.3em/140% Arial, Helvetica, sans-serif;
		color:#0080AA;
		text-transform:uppercase;
	}
	#main fieldset label {
		font:bold 1em/140% Arial, Helvetica, sans-serif;
		color:#666;
	}
	select {
		padding:1px;
		}


/* Paginación */
#pagination {
	text-align:center;
	margin:1em auto;
}
	#pagination p {
		color:#CCC;
	}
		#pagination strong {
			color:#999;
		}
		#pagination a {
			font:bold 1.1em/100% Arial, Helvetica, sans-serif;
			text-decoration:none;
		}
		#pagination a:hover {
			text-decoration:underline;
		}


/* BARRA LATERAL (#sidebar)
--------------------------------------------- */
#sidebar {
	float:right;
	width:182px;
}
	#sidebar .box {
		margin-bottom:10px;
	}

/* ENLACES AL PIE (#prefooter)
--------------------------------------------- */
#prefooter {
	margin:0 auto;
	padding:0;
	width:960px;
	height:35px;
	clear:both;
	text-align:center;
	border-top:1px solid #CCC;
	font:normal 14px/35px Arial, Helvetica, sans-serif;
	color:#CCC;
}
	#prefooter a {
		font-weight:bold;
	}
/* PIE (#footer)
--------------------------------------------- */
#footer {
	margin:0 auto;
	padding:0;
	width:960px;
	clear:both;
	text-align:left;
	background:#FFB027 url(../img/backgroundFooter.jpg) left top repeat-x;
}
	#footerInner {
		margin:0 auto;
		height:70px;
		background:transparent url(../img/logoLucatmiPie.gif) 15px 15px no-repeat;
	}
	#footer p,
	#footer p strong,
	#footer a {
		font:bold 11px/145% Arial, Helvetica, sans-serif;
		color:#FFF;
	}
	#footer ul {
		padding-left:25px;
		list-style:disc;
		color:#FFF;
	}
	#footer li {
	}
	#footerLinks,
	#footerInfo {
		width:167px;
		height:70px;
		border-left:1px solid #FFF;
	}
	#footerLinks {
		padding-top:10px;
	}
	#footerInfo {
		padding-left:25px;
		padding-top:10px;
	}

/* 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;
}