@charset "utf-8";

/************* clearfix classes***********/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ------------------------------
Estructura de la página
------------------------------ */
body {background-image:url(../images/bg.gif);background-repeat:repeat;background-color:#EDEDED;margin:0 auto;padding:0;font:11px "Lucida Grande","Arial","Helvetica","Verdana","sans-serif";color: #857661;}
a{color:#857661; text-decoration:none}
a:visited {color:#857661; text-decoration:none}
a:hover{color: #C1B8AA;}

#wrapper-container{background-image:url(../images/bg-container.gif);background-repeat:repeat; width:960px; margin:0 auto; padding:0: !important; }

/*
#container tiene un ancho absoluto de 815 pixeles.
El ancho de los elentos internos estan establecidos a auto,
por lo que todos tendrán el ancho del elemento contenedor.
*/
#container{width:815px; margin:0 auto;}

/***************Header**********************/
#topbar{width:960px; display:block; height:191px; background-image: url(../images/header-nav.png); background-position:center}

/****Barra de navegación*****/
#navbar{width:auto; display:block; height:24px; margin:15px 0}
#navbar ul, #navbar ul li{padding:0; margin:0; list-style:none; float:left;}
#navbar a{color:#FFFFFF; font-weight:bold;}
#navbar a:hover{background:#777777;}
#navbar li a:link, #navbar li a:visited {background:#444444; text-decoration:none; height:24px; line-height:24px; display:inline; float:left; width:auto; padding:0px 10px;}

/***************Contenido principal************/
#main{width:auto; display:block;}
#column_left{width:575px; margin-right:40px; float:left;}
#column_right{width:200px; float:left;}

img.left_img { border:2px solid #857661; float:left; margin:0 10px 0 0;}
p.clear {clear:both;}
.box {margin:0 auto; padding:0; width:815px;  }
/*
div.spacer, soluciona el alto de #main en diseños con 2 columnas
*/
div.spacer{clear:both; height:10px; display:block;}

/***************gallery************/
.galeria {margin:0 auto; padding:0; width:500px}

/* the thumbnails */
#triggers {text-align:center;}

#triggers img {background-color:#fff;padding:2px;border:1px solid #ccc;margin:2px;-moz-border-radius:4px;-webkit-border-radius:4px;}

/* the active thumbnail */
#triggers a.active img {
	outline:1px solid #000;
	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}

.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
.progress {position:absolute;top:45%;left:50%;display:none;} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs a.active img {outline:1px solid #000;z-index:9999;position:relative;}

/***************footer*********************/
#footer{width:auto; display:block; height:160px; background-image: url(../images/foot.jpg); background-repeat:no-repeat; background-position:center; }


/***************alignment classes*********************/

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.center { text-align:center;}
IMG.center { DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
IMG[align='center'] {
	DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
.alignleft { FLOAT: left}

IMG.alignleft {
	FLOAT: left; MARGIN: 2px 10px 5px 0px
}
IMG[align='left'] {
	FLOAT: left; MARGIN: 2px 10px 5px 0px
}
.alignright {
	FLOAT: right
}
IMG.alignright {
	FLOAT: right; MARGIN: 2px 0px 5px 10px
}
IMG[align='right'] {
	FLOAT: right; MARGIN: 2px 0px 5px 10px
}
.clear {
	CLEAR: both
}
HR.clear {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}