/******************************************************************************
 * GENERAL
 ******************************************************************************/
body
{
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande",Arial,Sans-serif;
}

a { text-decoration: none; color: #003366; }
a img { border: none; }

a:hover { text-decoration: underline; }

#layout
{
	width: 900px;
	background-color: #fff;
	margin: 0px auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.tit { font-size: 14px; height: 25px; font-weight: bold; color: #444; margin-top: 2px;  }


/******************************************************************************
 * CABECERA
 ******************************************************************************/
#cabecera {  }
	
	/* Cabecera Oculto */
	#cabecera-oculto { display: none; }
	
	/* Cabecera Izquierda */
	#cabecera-izquierda { float: left; width: 50%; height: 91px; }
	#cabecera-izquierda .logo
	{
		display: block;
		height:96px;
		width:333px;
		background: transparent url(img/bg/logo-beta.png) no-repeat 0px 0px;
	}
	
	/* Cabecera Derecha */
	#cabecera-derecha
	{
		display: inline-block;
		width: 50%;
		height: 80px;
		text-align: right;
		padding-top: 5px;
	}


/******************************************************************************
 * MENUS
 ******************************************************************************/
#menu
{
	margin: 20px 0 0 0;
	height: 30px;
	background: url(img/bg/bg.png) repeat-x 0% -41px;
}
	#menu ul	{ margin: 0; padding: 4px 0 0 10px; }
	#menu ul li { display: inline; }
	#menu ul li a { color: #fff; font-weight: bold; text-decoration: none; font-size: 11px; padding: 0 5px 0 5px; }

#menu2
{
	margin: 20px 0px 20px 0px;
	height: 24px;
	background: url(img/bg/menus-bg.jpg) no-repeat 0% 0px;
}
	#menu2 .menu2 { margin-left: 5px; height: 20px; background: url(img/bg/menus-bg.jpg) no-repeat 100% 0px; font-weight: bold; padding: 4px 0 0 0; }


/******************************************************************************
 * BREADCRUMBS
 ******************************************************************************/
#breadcrumbs
{
	font-family: 'helvetica neue',arial,sans-serif;
	font-size: 11px;
	color: #343434;

	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	background:#F0F0F0 url(img/bg.png) repeat-x scroll 0 -114px;
	border-color:#FFFFFF #D2D2D2 #D2D2D2;
	border-style:solid;
	border-width:1px;
	clear:both;
	height:20px;
	margin:0 auto;
	padding: 5px 0 0 20px;

	margin-bottom: 10px;
}
	#breadcrumbs a { text-decoration: none; color: #135EAE; }


/******************************************************************************
 * PROMOCION
 ******************************************************************************/
#promocion
{
	float:left;
	width:850px;
	padding-left: 50px;
}
	#promocion ul { margin: 0; padding: 0; }

	#promocion ul li { float:left; list-style-type: none;  }
	#promocion ul li.next { float:left; margin-left: 18px;  }
	#promocion li a:link, #promocion li a:visited, #promocion li a:active, #promocion form
	{
		background:#FFFFFF url(img/bg/gradiente1.jpg) repeat-x scroll center bottom;
		border:1px solid #D6D6D6;
		color:#444444;
		display:block;
		font-size:14px;
		letter-spacing:-1px;
		padding:8px 12px;
		text-decoration:none;
		width:228px;
	}
	#promocion form { padding-top: 15px; height: 32px; }
	#promocion ul li span {color:#888888; font-size:10px; display: block;}
	#promocion img { float:left; margin:0 8px 5px 0; }
	
#promocion-lateral ul { margin: 0; padding: 0; }
	#promocion-lateral ul li { list-style-type: none; margin-bottom: 20px; }
	#promocion-lateral li a:link, #promocion-lateral li a:visited, #promocion-lateral li a:active, #promocion-lateral form
	{
			background:#FFFFFF url(img/bg/gradiente1.jpg) repeat-x scroll center bottom;
			border:1px solid #D6D6D6;
			color:#444444;
			display:block;
			font-size:14px;
			letter-spacing:-1px;
			padding:8px 12px;
			text-decoration:none;
			width:190px;
	}
	#promocion-lateral ul li span
	{
		color:#888888;
		display:block;
		font-size:10px;
	}
	#promocion-lateral img
	{
		float:left;
		margin:0 8px 5px 0;
	}


/******************************************************************************
 * LATERAL DE LA IZQUIERDA
 ******************************************************************************/
#lateral-izq
{
	float: left;
	width: 220px;
}

#lateral-izquierda
{
	float: left;
	width: 190px;
	margin: 10px 20px 0 0;
	font-size: 13px;
	color: #003366;
}
.lateral-izquierda
{
	padding: 0 5px 5px 5px;
	margin: 4px 0 0 0;
}

	#lateral-izquierda ul
	{
		padding: 0;
		margin: 0 0 5px 0;
		list-style-type: none;
	}
	#lateral-izquierda ul li { line-height: 20px; }
	#lateral-izquierda ul li a {  background: url(img/bullet/bullet-menu.png) no-repeat 0px 4px; padding: 0 0 0 12px; font-weight: bold; color: #003366; text-decoration: none; }
	#lateral-izquierda ul.submenu { padding: 0 0 0 10px; }
	#lateral-izquierda ul.submenu li a { background: transparent url(img/bullet/bullet-submenu.png) no-repeat scroll 0 4px; font-weight: normal; }

/******************************************************************************
 * LATERAL DE LA DERECHA
 ******************************************************************************/
#lateral-der
{
	float: right;
}

#lateral-derecha
{
	border-top: 1px solid #fff;;
	width: 190px;
	margin: 50px 0px 10px 20px;
	font-size: 11px;
	color: #003366;
}
	.lateral-derecha select { font-size: 10px; }

/******************************************************************************
 * MAIN (DERECHA)
 ******************************************************************************/
#main
{
	margin: 0 0 0 225px;
	font-size: 12px;
}

#contenido-detalle #tit { font-size: 20px; height: 33px; font-weight: bold; margin-top: 20px; }
#contenido-detalle #tit2 { font-size: 20px; height: 33px; font-weight: bold; }

/******************************************************************************
 * PIE
 ******************************************************************************/
#pie
{
	margin: 0px auto;
	text-align: center;
	font-size: 11px;
}

#pie
{
	width: 900px;
	margin: 0px auto;
	
	font-family: 'helvetica neue',arial,sans-serif;
	font-size: 11px;
	color: #aaa;

	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	background:#F0F0F0 url(img/bg.png) repeat-x scroll 0 -114px;
	border-color:#FFFFFF #D2D2D2 #D2D2D2;
	border-style:solid;
	border-width:1px;
	clear:both;
	height:20px;
	margin:0 auto;
	padding: 5px 0 0 20px;
	border-top: 1px solid #d2d2d2;
	
	margin-top: 40px;
	margin-bottom: 10px;
}


/******************************************************************************
 * CATEGORÍAS
 ******************************************************************************/
ul.categorias { padding: 0; margin: 5px 0 0 10px; }
	.categorias
	{
		float: left;
		width: 155px;
	}
	.categorias li { list-style-type: none; }
	ul.categorias li a { font-size: 11px; letter-spacing: 0.3px; text-decoration: none; color: #003366; }
	ul.categorias li a:hover { text-decoration: underline; }
	

/******************************************************************************
 * EMPRESAS
 ******************************************************************************/
ul.empresas { padding: 0; margin: 5px 0 0 10px; }
	.empresas
	{
		float: left;
		width: 200px;
	}
	.empresas li { list-style-type: none; }
	ul.empresas li a { font-size: 11px; letter-spacing: 0.3px; text-decoration: none; color: #003366; }
	ul.empresas li a:hover { text-decoration: underline; }


/******************************************************************************
 * BOTONES
 ******************************************************************************/
.boton
{
	background:transparent none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	display:inline-block;
	height:30px;
	line-height:30px;
	margin:0;
	overflow:visible;
	padding:0;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	width:auto;
}
.boton span, .boton em
{
	background:transparent url(img/bg/misbanners.png) no-repeat scroll 0 0px;
	padding-left:30px;
	color:#003300;
	display:block;
	font-size:10px;
	height:30px;
	line-height:30px;
	margin:0;
}

.boton em
{
	background:transparent url(img/bg/misbanners.png) no-repeat scroll 100% 0px;
	font-weight:bold;
	padding-right:20px;
	padding-left: 0px;
}
.boton a { font-weight: bold; }

.telefono em { background:transparent url(img/bg/misbanners.png) no-repeat scroll 100% 0px; }
.telefono span { background:transparent url(img/bg/misbanners.png) no-repeat scroll 0 0px; }
.web em { background:transparent url(img/bg/misbanners.png) no-repeat scroll 100% -30px; }
.web span { background:transparent url(img/bg/misbanners.png) no-repeat scroll 0 -30px; }
.email em { background:transparent url(img/bg/misbanners.png) no-repeat scroll 100% -60px; } .email a { color: #003300; }
.email span { background:transparent url(img/bg/misbanners.png) no-repeat scroll 0 -60px; }


.boton-submenu { display:inline; }
	.boton-submenu-sombra
	{
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topright:3px;
		border-bottom:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		display:inline-block;
	}


.boton-submenu button, .boton-submenu input
{
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	background:transparent url(img/bg/botones.gif) repeat-x scroll 0 0;
	border:1px solid #CCCCCC;
	color:#666666;
	cursor:pointer;
	font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	height:20px;
	line-height:18px !important;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	overflow:visible;
	padding: 0 10px 4px;
	text-align:center;
	vertical-align:middle;
	width:auto;
}
.boton-submenu input
{
	padding: 0 20px 4px;
}

.boton-submenu button:hover
{
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	border:1px solid #999;
}
.boton-submenu button.mificha span {background:transparent url(img/bg/botones.gif) no-repeat scroll 0 -88px; padding:0 8px 0 16px;}
.boton-submenu button.entrar span {background:transparent url(img/bg/botones.gif) no-repeat scroll 0 -118px; padding:0 8px 0 16px;;}
.boton-submenu button.salir span {background:transparent url(img/bg/botones.gif) no-repeat scroll 0 -208px; padding:0 8px 0 16px;}
.boton-submenu button.registro span {background:transparent url(img/bg/botones.gif) no-repeat scroll 0 -178px; padding:0 8px 0 16px;}
.boton-submenu button.avatar span {background:transparent url(img/bg/botones.gif) no-repeat scroll 0 -268px; padding:0 8px 0 16px;}


/******************************************************************************
 * FORMULARIO
 ******************************************************************************/
#formulario {  }
#formulario input, #formulario textarea { border: 1px solid #ccc; color: #8A8A8A; }


/******************************************************************************
 * OTROS
 ******************************************************************************/
.par { background-color: #f1f1f1; }

.myclear
{
	clear: both;
	margin-bottom: 20px;
}

.hace { font-size: 11px; color: #777; margin-top: 3px; }

.avatar-home
{
	width: 32px;
	height: 32px;
}
.div-avatar { width: 32px; float: left; margin-top: 2px; margin-left: 5px; }
.div-log { height: 45px; margin-left: 45px; margin-top: 10px; padding: 1px 0;}
.div-opinion { height: 45px; margin-left: 60px; margin-top: 5px;}

.div-novedades { width: 49%; float: left; color: #333; }
.div-empresas-mas-visitadas { width: 49%; margin-left: 345px; color: #333; margin-top: 20px; }
.mas-visitadas { padding: 10px; margin: 10px; }
.mas-visitadas li { list-style-type: none; background: url(img/bullet/bullet-menu.png) no-repeat 1px 4px; padding: 0 0 3px 15px; }

.detalle-empresa1 { margin: 0px auto; text-align: center; }

.detalle-empresa1 li, .detalle-empresa2 li { list-style-type: none; }

.servicios li { display: inline; }
.servicios li.next { margin-left: 18px; }

.opiniones-tit { margin: 0 40px 0 20px; border-bottom: 1px solid #eee; color: #333; }

.hover {
	background:transparent url(img/bg/tooltip.png) no-repeat scroll 0 0;
	display:none;
	height:108px;
	position:absolute;
	width:232px;
	z-index:999;
	padding: 13px;
}

.gradiente
{
	background:#FFFFFF url(img/bg/gradiente1.jpg) repeat-x scroll center bottom;
	border:1px solid #D6D6D6;
	color:#444444;
	display:block;
	font-size:14px;
	letter-spacing:-1px;
	padding:8px 12px;
	text-decoration:none;
}
.gradiente2
{
	background:#FFFFFF url(img/bg/gradiente1.jpg) repeat-x scroll center bottom;
	border:1px solid #D6D6D6;
	color:#444444;
	font-size:14px;
	letter-spacing:-1px;
	padding:8px 12px;
	text-decoration:none;
}


.noaparenta-form { margin-bottom: 5px; }


/******************************************************************************
 * MODAL
 ******************************************************************************/
.tit-modal
{
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	margin: 0 0 20px 0;
}