@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 */

/* ------------------------------
basico
------------------------------ */
body {margin:0; font-family:Arial; font-size:80%;color:#f5f5f5;}
#bg { background: url(../images/bg.jpg) repeat; margin:0; padding:0;}
a {outline:none; font-weight:bold; text-decoration:none; color:#fff;}
a:hover {color:#79A623;text-decoration:none; }
p{ line-height: normal;}
h1,h2,h3,h4,h5,h6 {font-family:Arial; font-weight:700; padding-bottom:10px; color:#79A623; text-shadow: 1px 1px 1px #000; }


/* ------------------------------
Estructura de la página
------------------------------ */

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

/***************Header**********************/
#topbar{width:auto; display:block; height:128px ;}


				
/****Barra de navegación*****/


.lavaLampBottomStyle {position: relative; height: 27px; width: auto; background:url(../images/menu_bg.png) no-repeat; padding: 0 5px 5px; margin: 20px 0; overflow: hidden; }
.lavaLampBottomStyle li {float: left; list-style: none; }
.lavaLampBottomStyle li.back { border-bottom: 5px solid #79A623; width: 9px; height: 27px; z-index: 8; position: absolute; }
.lavaLampBottomStyle li a { font-family:Arial; font-size:80%; text-decoration: none; color: #fff; outline: none; text-align: center; top: 7px; text-transform: uppercase; letter-spacing: 0; z-index: 10; display: block; float: left; height: 27px; position: relative; overflow: hidden; margin: auto 10px;  }   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited { border: none; }

/***************Contenido principal************/
#main{ width:auto; display:block; }
#column_left{width:550px; margin-right:20px; padding:10px; margin-left:10px; float:left; min-height:400px}
#column_right{
	width:250px;
	padding:10px;
	float:left;
	text-align:right;
	font-weight: bolder;
}


.box {width:100%;}
.box-t, .box-b {font-size:0; line-height:0; height:9px; }
.box-t {background:url(../images/box-t.png); width:100%;}
.box-b {background:url(../images/box-b.png); width:100%; }
.box-c {background:url(../images/box-c.png); width:100%; }
.box-cnt {padding:11px 20px; }
/*
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; width:550px; }

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

#triggers img {background-color:#777;padding:2px;border:1px solid #777;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:50%;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; margin-top:10px; font: 11px Lucida Grande, 'Trebuchet MS', verdana, sans-serif; }
#footer .box-c {background:url(../images/box-c.png); width:100%; height:80px;}
#footer-nav a:link, a:visited {outline:none; font-weight:bold; text-decoration:none; color:#fff;}
#footer-nav a:hover {color:#79A623;text-decoration:none; }
#footer-nav a:active {color:#7bc441;text-decoration:none; }
/***************contacto*********************/
#form {
	background:url(../images/form_bg.png) no-repeat 0 0;
	padding:70px 0 0 34px;
	margin: auto;
	width:542px;
	height:364px; /* fixed size (envelope graphic) */
	color:#000;
	overflow:hidden;
}
#form .campo {
	width: 200px;
	background:#fff url(../images/form_input.gif) repeat-x;}
#form .error {
	border: 1px solid #F00;
	padding: 0.3em;
	font-size: 1.1em;}
#form .com {
	background:#fff url(../images/form_input.gif) repeat-x;
	width:300px;
	height:100px;
	}
#form .com-error {
	border: 1px solid #F00;
	padding: 0.3em;
	font-size: 1.2em;
	margin-top: 30px;
	width:450px;
	height: 50px;
	font: 1.2em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}
#form .boton {
	text-indent:-8000px;
	overflow:hidden;	
	border:none;
	background:url(../images/form_button.png) no-repeat 0 0;
	cursor:pointer;
	float:right;
	margin-right:100px;
	margin-top: -30px;
	width:95px;
	height:36px;
	}
#error, #ok {
	border: 1px dashed #060;
	background-color:#DED9D1;
	margin-top: 30px;
	width:450px;
	height: 50px;
	padding: 5px;}
/***************slider home*********************/

#slider {
	width:520px;
	position:relative;
	min-height:320px;
	margin:15px 30px 15px 5px;
	background:#000 url(../images/loading.gif) no-repeat 50% 50%;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
	color: #fff;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
}
.nivo-controlNav {
	position:absolute;
	left:43%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:34px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}


/***************clases*********************/
.alignleft {
text-align:left;
float:left;
margin:8px;
}

.alignright {
text-align:right;
float:right;
margin:8px;
}

.aligncenter {
text-align:center;
clear:both;
margin-right:5px;
}

.justify {
text-align:justify;
}