@charset "utf-8";
/* CSS Document */

* 						{ margin:0; padding:0; }

html, body, #wrap		{ height: 100%;}

.clearfix:after			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix				{ display: inline-block; }
* html .clearfix		{ height: 1%; }
.clearfix 				{ display: block; }
br.truco				{ display:block; line-height:1px; margin-top: 1px; clear: both;}


body 					{ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 75%;
						  color: #333; background-color: #fff; }
body > #wrap			{ height: auto; min-height: 100%;}
#wrap					{ background:url(../img/bg_body.png) repeat-x top; }
body.grey				{ background-color: #B5B7BC}
body.black				{ background:#B5B7BC url(../img/bg_bodyhome.gif) repeat-x top;}


/*CABEZAL************/
#header					{ height:93px; width: 980px; margin: 0 auto; }
#logo					{ line-height: 93px; float: left; background: url(../img/bg_logo.png) no-repeat center left; width:300px;}
	#logo a				{ display:block; text-indent: -99999px; height:93px; outline: none; }

#nav 					{ text-transform: uppercase; float: right; height: 33px; list-style-type: none; width: 65%; padding-top: 60px; }
	#nav li 			{ float: right; margin-left: 2em; }
	#nav li a			{ color: #CCC; text-decoration: none; padding: 2px 3px; }
	#nav li a:hover		{ background-color: #033; border: 1px solid #666; padding: 2px 2px; }


/*PRINCIPAL**********/
#main 					{ padding: 0 0 180px; line-height: 1.6em; }/* el padding debe ser el mismo alto que el footer */
#main div.tope			{ width: 980px; margin: 0 auto; position:relative;}
.black #main			{ background:url(../img/bg_main_black.png) no-repeat center top; } 
.colunica 				{ width:840px; margin: 0 auto; padding-top: 2em; }
.colunica h2			{ font-size: 36px; font-weight: normal; color:#900; margin-bottom: 1em;}
.secundario				{ width:840px; margin: 0 auto; padding-top: 2em; }
.secundario h2			{ font-size: 24px; font-weight: normal; color:#fff; margin-bottom: 1em;}
#main p					{ margin-bottom: 1em; font-size: 14px; line-height: 20px;}
#main .colunica h3		{
	border-top: 1px dotted #FFF;
	color:#069;
	margin-top: 0;
	margin-right: 3em;
	margin-left: 3em;
	margin-bottom: 1em;
}
#main .colunica p		{ margin: 0 3em 1em;}
#main a					{
	text-decoration: none;
	border-bottom: 1px dotted #069;
	color: #069;
}
#main a:hover			{ color:#900; border-color: #900;}
#main .secundario.clearfix p img { margin-left: 5px; border: 3px solid #666; }

/*para columnas *****/
.a30					{ width: 31%; float:left; margin-right: 2%; }
.a40					{ width: 23%; float:left; margin-right: 2%; }
.a50					{ width: 48%; float:left; margin-right: 2%; }
.a60					{ width: 64%; float:left; margin-right: 2%; }


/*SLIDESHOW**********/
.slideshow				{ position:relative; margin: 0 auto;}
.slideshow img 			{ position: absolute; z-index: 8; left: 0px; top: 0px; }
.slideshow img.active	{ z-index: 10; }
.slideshow img.last-active		{ z-index: 9;}

#featured				{ width: 980px; height: 263px; }

#banners				{ width:520px; height: 70px; margin-top: 20px; }
#banners img			{ width:520px; height: 70px; }

#novedades				{
	background: url(../img/bg_novedades.png) no-repeat top left;
	width: 195px;
	height: 240px;
	position: absolute;
	top: 1em;
	right:0;
	z-index: 20;
	overflow:auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#novedades h3			{ color:#06C; margin: 0 0 0 0.6em; font-size: 18px; font-weight:normal; line-height: 2.5em; }
#novedades ul			{ margin-left: 0.8em; padding-left: 0.8em;}
#novedades ul li		{
	margin-bottom: 0.4em;
}


/*PIE****************/
#footer 				{ position: relative; margin-top: -180px;/* valor negativo del alto del footer */
						  height: 180px; clear:both; background-color:#ACAFB5; text-align: center; }
#footer div				{ width:980px; margin: 0 auto; padding-top: 2em; }
#footer dl				{ float:left; width: 33%; text-align: center; line-height: 22px; margin-bottom: 20px;}
#footer dt				{ font-size:18px; color:#FFF;}

#ivirtual-signature 	{ border:none; padding:5px 15px 0 5px;}