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

/************************************************************/
/********************[ Mage_CSS_C Generic]*******************/
/************************************************************/

BODY {
	background-color: #000;
	
	background-image:url(../imagenes/body_bg.gif);
	
	text-align: center;
	font-family:  "Arial", Tahoma, Verdana;
	font-size: 11px;
	color : #FFF;
	margin : 0 0 0 0;
} 

p { margin:0; padding:0 0 10px 0; }

img { margin:0; padding: 0; }

/* Enlaces */

a:link {
	color: #91C53A;
	text-decoration: none;
}
a:visited {
	color: #91C53A;
	text-decoration: none;
}
a:hover {
	color: #91C53A;
	text-decoration: underline;
}
a:active {
	color: #91C53A;
	text-decoration: none;
}

/* Encabezados */
h1 { padding:0; margin:0; }
h2 {}
h3 { font-family:"Arial"; font-size: 22px;  }
h4 { font-family:"Arial"; font-size: 30px;  }
h5 {}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a { }

/* Propiedades formulario */

form { margin: 0; padding: 0; }

input, select, textarea { }

input, select { font-size: 10px;  border: 1px solid silver;  }
textarea      { font-size: 11px;  border: 1px solid silver; }
button        { font-size: 10px;  }

input.disabled { background-color: #F0F0F0; }

input:focus,
select:focus,
textarea:focus { background-color: #ffd; }

/* Form Elements */
input.input-text, select, textarea { 
	border:1px solid #000; 
	font:11px "Tahoma", Verdana, Arial;
}
option, optgroup { font:11px "Tahoma", Verdana, Arial; }
optgroup { font-weight:bold; }
textarea { overflow:auto; }
input.input-text, textarea { /* padding:2px; */ }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
.qty { /* width:2.5em; */ }

.group-select label, 
.form-list label, 
.payment-methods label { font-weight:bold; }

.input-text:focus,
select:focus, 
textarea:focus { background:#FFFFDD; }

/* Radio buttons */
fieldset.level { }
fieldset.level legend{ font-weight: bold; }
fieldset.level .submit{ margin-top: 15px; }
.checkLabel { margin-right: 20px;}

/* Form Elements USER-AREA */
.user-area fieldset { }
.user-area legend { text-transform:uppercase; color: #FFF; margin-bottom: 10px; }
.user-area span{ color: #888; }
.position-button { margin-left: 300px; } /* posicion forzada para el boton del form de contacto */

.campo_form { margin: 5px 0; }
.campo_form label{
	padding: 0 1em;
	display: block;
	width: 7em;
	float: left;
	text-align: right;
}

.campo_form input { padding: 4px 0; }

.campo_form .fixed { width: 267px; }
.campo_form .validate { color:#F00; }
.validate-ok { color: #8CBD3B; margin-left: 100px; }


/* Form Elements PROCESS-AREA */
.process { text-align:left; }
.process-area fieldset { }
.process-area legend { text-transform:uppercase; color: #FFF; margin-bottom: 10px; }
.process-area span{ color: #FFF; font-size: 11px; }
.process .position-button { text-align:right; } /* posicion forzada para el boton del form de contacto */

.campo_process { margin: 5px 0; }
.campo_process label{

}

.campo_process input { padding: 4px 0; }

.campo_process .fixed { width: 100px; }
.campo_process .validate { color:#F00; }

/* FORM cart */
.form-cart { width: 30px; }


/*********************** buttons */

.acciones   { }
.acciones a { color:#FFF; text-decoration:none; white-space: nowrap; }

.form-static { width: 130px; }
.simple-button { padding-top: 5px ; padding-bottom: 4px; padding-right: 10px; }
.simple-button span { }

.form-button {
    overflow:visible;
    /* min-width:180px; */
	height: 23px; /* necesario para IE8 */
	background-image:url(../imagenes/button_bg.gif);
	background-position:center left;
	background-repeat:repeat-x;
	/* text-transform:uppercase;*/
    border:0;
	font: 10px "Tahoma", Verdana, Arial;
    cursor:pointer;
    text-align:left;
	color:#fff;
	background-color:#000;
	border: 1px solid #000;
	padding-left: 30px;
    }

.form-button:hover { 	
	background-color:#ccc;
	background-image:url(../imagenes/button_bg_over.gif);
	color: #000;
}

/* btn verde */
.btn-verde {
	background-image:url(../imagenes/button_verde.gif);
	background-position:center left;
	background-repeat:no-repeat;
    }
.btn-verde:hover { background-image:url(../imagenes/button_verde_over.gif); }


/************************************************************/
/********************[ Mage_CSS_C Layout]********************/
/************************************************************/


/********************** Base Layout */

/* Structure */
#wrapper {
	margin:auto;
	text-align: justify;
	width: 100%;
	z-index: 1;
}

#wr-header { background: #ddd url(../imagenes/menu/body_bg.gif) repeat-x; }

#wr-top { 
	height: 35px;
	border-bottom: 1px solid #CCCCCC;
	background: url(../imagenes/menu/topnav_bg.gif) repeat-x;
}

#wr-menu { 
	width:900px; 
	margin:auto; 
	height: 100%; /* comentar */
	padding-left:100px;
}

#wr-content { }

#wr-middle {
	min-height: 470px; /* necesita de hack IE6 */
	
	background-image:url(../imagenes/background.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#000;
	/* 
	background-color: #444;
	*/
	padding-bottom: 20px; 
	border-bottom: 1px solid #444;
}

#wr-footer {
	background: url(../imagenes/footer_bg.gif) repeat-x; 
	border-top: 1px solid #000;
}


/********************** col-1-layout */

#col-1-layout { 	
	width:900px; 
	margin:auto;
}

#col-1-layout .top { }

#col-1-layout .col-main {
	background-color: #2A2A2A;
	border: 1px solid #000;
}

#col-1-layout .bgless {
	background: none;
	border:none;
}

/********************** Header */

/* Header structure */
.header {
	width:900px; 
	height: 120px; /* comentar */
	margin:auto;
	position:relative;
}

/* shopping-cart */
.shopping-cart {
	width: 225px;
	position:absolute; 
	bottom: 10px;
	right: 0;
	border: 1px solid #303030;
}

.shopping-cart .title,
.shopping-cart .subtotal { padding: 5px 10px; }

.shopping-cart .title { 
	background-color: #f00; 
	background:url(../imagenes/shopping_title.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
.shopping-cart .subtotal { background-color: #CCC; color: #5B5B5B; }
.shopping-cart .subtotal span { color: #2a2a2a; }
.icon-cart { 
	background:url(../imagenes/icon_cart.jpg); 
	background-position: left; 
	background-repeat:no-repeat;
	padding-left: 25px;
}

/* Logo */
#logo { }
#logo img { padding-top: 20px; }

/* Breadcrumbs */
.breadcrumbs { }
.breadcrumbs ul { margin:0; padding:10px 0; }
.breadcrumbs li { display:inline; }
.breadcrumbs li a { background:url(../imagenes/breadcrums.gif) no-repeat right; padding-right: 15px; }
.breadcrumbs li.first { background:url(../imagenes/img_icon_breadcums.gif) no-repeat left;  padding:0 5px 0 0;  }
.breadcrumbs li.last { color: #91C53A; }

.breadcrumbs a:link {
	text-decoration: none;
	color: #91C53A;
}

.breadcrumbs a:visited {
	text-decoration: none;
	color: #91C53A;
}

.breadcrumbs a:hover {
	text-decoration: underline;
	color: #91C53A;
}

.breadcrumbs a:active {
	text-decoration: none;
	color: #91C53A;
}

/********************** Content */
/* Content structure */
.container { padding: 10px; }

/* Col left */

/* Col main */

/* Col right */

/*********************** Footer */

.footer {
	width:900px; 
	margin:auto;
	height: 100%;
}

.legacy {
	position: absolute;
	right: 0;
	margin-top: -70px;
	margin-right: 10px;
	color: #444;
}

/************************************************************/
/******************[ Mage_CSS_C Elements]********************/
/************************************************************/

/*********************** tabs */

.group-left { width: 60%; }
.group-right { width: 21%; }

ul.contact { margin-left: 10px; }

.jpeg01 { 
	background-image:url(../imagenes/jpeg_01.png); /* necesita de hack IE6 */
	background-position:bottom right;
	background-repeat:no-repeat;
}
.jpeg02 { 
	background-image:url(../imagenes/jpeg_02.png); /* necesita de hack IE6 */
	background-position:bottom right;
	background-repeat:no-repeat;
}
.jpeg03 { 
	background-image:url(../imagenes/jpeg_03.png); /* necesita de hack IE6 */
	background-position:bottom right;
	background-repeat:no-repeat;
}
.jpeg04 { 
	background-image:url(../imagenes/jpeg_04.png); /* necesita de hack IE6 */
	background-position:bottom right;
	background-repeat:no-repeat;
}


/*********************** tables */

/* table_destacamos */

table.destacamos { margin-bottom: 20px; }

table.destacamos thead tr { background-color:#F0F0F0; }

table.destacamos thead th { 
	border-bottom: 1px solid #d2d2d2; 
	padding: 7px 0;
	text-align:center;
	color:#444;
	font-weight: bold;
	background-image:url(../imagenes/thead_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	}

table.destacamos thead th.active {
	color:#FFF;
	background-image:url(../imagenes/thead_bg_active.gif);
	}
	
table.destacamos tbody td a.border img{ border: 1px solid #CCC; }
	
table.destacamos tbody td { font-weight: normal; text-align:center; vertical-align:middle; }
table.destacamos tbody td{ padding: 10px 0 5px 0; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #2A2A2A; }
table.destacamos tbody tr.row0 { background-color:#000; }
table.destacamos tbody tr.row1 { background-color:#444; }
table.destacamos tbody tr:hover td { /* background-color: #ffd; */ /* cursor: pointer; */ } /* resaltar tabla al pasar el mouse */
table.destacamos tbody td p{ }
table.destacamos tbody td.left{ /* border-left: 1px solid #d2d2d2; */ }
table.destacamos tbody td.right{ /* border-right: 1px solid #d2d2d2; */ }

table.destacamos tfoot tr{   }
table.destacamos tfoot td{  padding: 20px 0 0 0; text-align:right; }

/* paginacion */ /* EMPIEZA PAGINACION GENERAL */

.wr-page-list { margin-top: 20px; text-align:center; }
.wr-page-list ul { list-style: none; }
.wr-page-list li { display: inline; padding: 0 5px; }

/* paginacion */ /* EMPIEZA PAGINACION OPCIONAL */

table.adminlist .page { display:table; padding:0;  margin:0 auto; }

.wr-page { 
	background-color:#0F0F0F; 
	border: 1px solid #000; 
	padding: 4px;
	margin-bottom: 10px; 
	color: #606060;
}
.wr-page .page{ /* margin: auto; display:table; */ display:block; }

.page div.limit {
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0 10px;
}

/* -- buttons -> STILL NEED CLEANUP*/

.button1,
.button1 div{ height: 1%; float: right; }

.button2-left,
.button2-right,
.button2-left div,
.button2-right div { float: left; }

.button1 { background: url(../imagenes/icons_page/j_button1_left.png) no-repeat; white-space: nowrap; padding-left: 10px; margin-left: 5px;}

.button1 .next { background: url(../imagenes/icons_page/j_button1_next.png) 100% 0 no-repeat; }

.button1 a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 12px;
	font-weight: bold;
	color: #606060;
	cursor: pointer;
	padding: 0 30px 0 6px;
}

.button1 a:hover { text-decoration: none; color: #91C53A; }

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #fff;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: default; color: #999; }

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span { padding: 0 6px; }

.page span,
.blank span { color: #606060; font-weight: normal; }

.button2-left a:hover,
.button2-right a:hover { text-decoration: none; color: #91C53A; }

.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }

.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }

.button2-left { background: url(../imagenes/icons_page/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }
.button2-right { background: url(../imagenes/icons_page/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }

.button2-right .prev { background: url(../imagenes/icons_page/j_button2_prev.png) no-repeat; }
.button2-right.off .prev { background: url(../imagenes/icons_page/j_button2_prev_off.png) no-repeat; }

.button2-right .start { background: url(../imagenes/icons_page/j_button2_first.png) no-repeat; }
.button2-right.off .start { background: url(../imagenes/icons_page/j_button2_first_off.png) no-repeat; }

.button2-left .page,
.button2-left .blank { background: url(../imagenes/icons_page/j_button2_right_cap.png) 100% 0 no-repeat; }

.button2-left .next { background: url(../imagenes/icons_page/j_button2_next.png) 100% 0 no-repeat; }
.button2-left.off .next { background: url(../imagenes/icons_page/j_button2_next_off.png) 100% 0 no-repeat; }

.button2-left .end { background: url(../imagenes/icons_page/j_button2_last.png) 100% 0 no-repeat; }
.button2-left.off .end { background: url(../imagenes/icons_page/j_button2_last_off.png) 100% 0 no-repeat; }

.button2-left .enter { background: url(../imagenes/icons_page/j_button2_enter.png) 100% 0 no-repeat; }
.button2-left.off .enter { background: url(../imagenes/icons_page/j_button2_enter_off.png) 100% 0 no-repeat; }

.button2-left .cart { background: url(../imagenes/icons_page/j_button2_cart.png) 100% 0 no-repeat; }
.button2-left.off .cart { background: url(../imagenes/icons_page/j_button2_cart_off.png) 100% 0 no-repeat; }

.button2-left .image 		{ background: url(../imagenes/icons_page/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{ background: url(../imagenes/icons_page/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak 	{ background: url(../imagenes/icons_page/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank	 	{ background: url(../imagenes/icons_page/j_button2_blank.png) 100% 0 no-repeat; }



/*********************** Gallery */
/* list-image */
.list-image { 
	width: 208px;
	height: 130px;
	overflow:hidden;
	background: #fff;
	/*background-image:url(../imagenes/logotipo_min.gif);*/
	background-image:url(../imagenes/jpeg_05.gif);
	background-position:center;
	background-repeat:no-repeat;
	border: solid 6px #ccc;
	text-align:center;
	position:relative;
}

.list-image .caption-list { 
	width: 208px; 
	background-color:#000;
	filter: alpha(opacity=70);
	opacity: .7;
	position:absolute;
	bottom: 0;
	z-index: 999; 
}

.list-image:hover { border-color: #fff; }

.galeria { border: solid 6px #91C53A; }

/* gallery */
.wr-gallery { }
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 8px;
	padding-left:23px;
	margin: 0;
	float: left;
	position: relative;
	/*
	width: 180px;
	height: 130px;
	*/
}
.gallery img {
	/*
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;	
	*/
	/*margin:42px;*/
}
.play {margin:42px;}
.gallery li:hover img { /* border-color: #000; */ }

.gallery em {
	display: none!important; /* Se oculta "Ampliar imagen" */
	width: 102px;
	background: url(../imagenes/bubble.gif) no-repeat;
	padding: 0px 0 6px;
	display: none;
	position: absolute;
	top: -10px;
	left: 55px;
	z-index: 999;
	font-style: normal;
	text-align: center;
}

.equipo em { left: 15px; }

.gallery a {
	text-decoration: none;
	color: #000;
}
.gallery a:hover em {
	display: block;
}

/************************** Google maps */

.map-border { border: 1px solid #444; padding: 2px; }
.definition { margin-top: 10px;}
.definition .title { margin-bottom: 10px; border-bottom: 1px dotted #444; text-transform:uppercase; }

/* message */
.message-error { 
	background-color:#f1f1f1;
	background-image: url(../imagenes/icons/exclamation.png);
	background-position: 10px;
	background-repeat:no-repeat;
	color: #F00;
	border-bottom: 3px solid #a50808;
	border-top: 3px solid #a50808;
	padding: 5px 5px 5px 35px; 
	margin-bottom: 10px;
}

.message-notification { 
	background-color:#f1f1f1;
	background-image: url(../imagenes/icons/lightbulb.png);
	background-position: 10px;
	background-repeat:no-repeat;
	color: #a78200;
	border-bottom: 3px solid #e1af00;
	border-top: 3px solid #e1af00;
	padding: 5px 5px 5px 35px; 
	margin-bottom: 10px;
}

.message-verify { 
	background-color:#f1f1f1;
	background-image: url(../imagenes/icons/tick.png);
	background-position: 10px;
	background-repeat:no-repeat;
	color: #00a73b;
	border-bottom: 3px solid #00a73b;
	border-top: 3px solid #00a73b;
	padding: 5px 5px 5px 35px; 
	margin-bottom: 10px;
}


/*****************************************/
/******** ALIGNMENTS AND CLEARS **********/
/*****************************************/

/* Directional and spacial */
.f-left 		    { float:left; }
.f-right		    { float:right; }
.v-top              { vertical-align:top; }
.v-middle           { vertical-align:middle; }
.v-bottom           { vertical-align:bottom; }
.a-left             { text-align:left; }
.a-center           { text-align:center; }
.a-right            { text-align:right; }
.nm                 { margin:0 !important; }
.np                 { padding:0 !important; }
.no-display         { display:none; }
.no-show            { display:none; }
.nowrap, .nobr      { white-space:nowrap; }
.no-float           { float:none !important; }
.pointer            { cursor:pointer; }
.clr 				{ clear:both; }
.line 				{ line-height: 20px; }

/* Font */
.normal             { font-weight:normal !important; }
.bold               { font-weight:bold !important; }

/* margins */
.margin-top-5		{ margin-top: 5px; }
.margin-top-10 		{ margin-top: 10px; }
.margin-top-20 		{ margin-top: 20px; }