/*body { background: #FFFFFF; color: #333333; font-family: Geneva, Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; margin: 0px; }*/
body {
  background-color: #FFFFFF;
  color: #006600;
  font-family: tahoma, Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 17px;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
h1,h2,h3,h4,h5,h6{
color:#008000;
}
#sangrias {margin:0px 20px 0px 20px}
#sangrias_top {float:left; padding:10px 0px 5px 20px}

h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:20px;}
h4{font-size:15px;}
h5{font-size:13px;}
h6{font-size:11px;}

img{
border:none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight:100;
}

/*Contenidos con encabezados, paginas interiores, Contents with headers, internal pages*/
#ContWrapper {
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 700px;
	background-color: #FFFFFF;
}
#ContWrapper #ContWrapper2 #IndiceColumn {
  background-color: #F3F4EE;
  border-color: #F3F4EE; /* Sets the border color properties for an element using shorthand notation */
  border-width: 0px; /* Sets the border width properties for an element using shorthand notation */
  float: left;
  padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: 235px;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#ContWrapper #ContWrapper2 #CentralColumn {
  background-color: #FFFFFF;
  margin: 0 0 0 235px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0px 0px 0px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#ContWrapper #ContWrapper2 .clearFloat {
  clear: right;
  display: block;
}
#ContentHeaders {
background-image:url(images/fondoencabezado.png);
margin-bottom:20px;
background-repeat:repeat-y;
height:30px;
border-bottom:0px solid #081D28;
}

/* Commonly used to style page titles. */
h1 {
  color: #008000;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
/* Commonly used to style section titles. */
h2 {
  color: #008000;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #003300;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #003366;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #b92200;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #003333;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #006600;
}
#emailButton {background-image:url(images/emailButton.png); background-repeat:no-repeat; margin-right:10px; float:right; margin-top:30px}
.indice { color: #99CC33; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 600; line-height: normal; }

#top { float: left; height: 75px; padding: 0px; width: 700px; }
#top_logo { clear: both; float: left; height: auto; padding-left: 0px; padding-right: 0px; padding-top: 5px; width: 925px; }
#buscador { background-color: #e7c976; height: 30px; padding: 0px 0px 0px 10px; }
#footer { clear: both; color: #ffffff; font-size: 9px; height: 15px; padding: 1px 0px 0px 25px; text-decoration: none; width: 900px; }

#nug_admin { float: left; padding: 5px 5px 5px 5px; text-align: center; width: 50px; }
/*BLOGS*/
.blg_container { border-right-color: #999999; border-right-style: solid; border-right-width: thin; float: left; margin-top: 15px; overflow: auto; padding-right: 0px; width: 700px; }
.blg_container2 { float: left; height: auto; width: 1000px; }
.blg_desc { font-size: 11px; font-weight: normal; padding: 5px; }
.blg_foot { border-top: 1px dashed #d7e2ca; color: #666666; font-weight: normal; padding-bottom: 10px; padding-top: 5px; }
.blg_menu { float: left; margin-top: 15px; padding-left: 5px; width: 285px; }
.blg_titulo { background-color: #CCCCCC; color: #FFFFFF; font-size: 11px; font-style: normal; font-weight: 200px; padding: 5px; }
.blg_titulo a{ color: #FF3300; }

/*BUSCADOR*/

/*PRODUCTOS*/
.categorias_home { background-color: #ffffff; border-top: #355e2f solid 3px; color: #355e2f; font-size: 11px; height: 20px; margin-bottom: 10px; margin-left: -5px; margin-top: 10px; padding-bottom: 2px; padding-left: 5px; padding-right: 0px; padding-top: 2px; width: 135px; }
#agregar_boton_prod { float: left; padding-top: 10px; width: 60px; }
#ano_prod { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; padding-left: 0px; padding-top: 5px; }
.contenedor_compras { background-color: #e7ebf7; padding: 10px 0px 10px 5px; width: 170px; }
.divisiones { border-top-color: #666666; border-top-style: dotted; border-top-width: thin; padding: 5px 0px 5px 0px; width: 140px; }

.ch10 { font-size: 10px; padding-left: 0px; }
.ch10a { color: #333333; font-size: 10px; padding-left: 0px; }
.ch11 { font-size: 10px; margin-left: 0px; }
.ch9 { color: #333333; font-size: 9px; margin-left: 0px; }

#ch17{ color: #D53826; font-size: 11px; font-weight: bold; }
#column_25 { border-bottom: #0000CC thin solid; color: #333333; float: left; font-weight: 800; height: 30px; padding: 10px 10px 10px 10px; width: 25%; }
#column_45 { border-bottom: #0000CC thin solid; float: left; font-weight: 600; height: 30px; padding: 10px 10px 10px 10px; width: 45%; }

#contenedor { background-color: #ffffff; border: solid #E6E6E6 thin; float: left; width: 462px; }
#contenedor_funciones_prod { clear: left; float: left; width: 200px; }
#contenedor_home { margin-top: -10px; padding-bottom: 10px; padding-left: 10px; padding-right: 105px; }
#contenedor_prod { border: #E6E6E6 thin solid; float: left; height: 195px; margin: 0px; width: 225px; }
#contenedor_prod_detalles { border: #E6E6E6 thin solid; clear: left; float: left; height: auto; margin: 10px; width: 520px; }
#controles_prod { float: left; padding-bottom: 15px; padding-left: 5px; padding-right: 5px; padding-top: 20px; width: 220px; }
#datos_prd_contenedor { float: left; padding-bottom: 0px; padding-left: 2px; padding-right: 0px; padding-top: 15px; width: 65px; }
#descrip_prod { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; padding-left: 0px; padding-top: 10px; }
#detalles_boton_prod { float: left; padding-left: 5px; padding-top: 10px; width: 90px; }

#foto_prod { float: left; padding-bottom: 0px; padding-left: 2px; padding-right: 0px; padding-top: 10px; width: 155px; }
#foto_prod_detalles { float: left; padding-bottom: 0px; padding-left: 5px; padding-right: 0px; padding-top: 10px; text-align: center; width: 200px; }
#item_prod { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-bottom: 5px; padding-left: 2px; padding-top: 5px; }

#precio_container_prod { float: left; font-size: 12px; font-weight: normal; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 10px; width: 50px; }
#precio_container_prod_detalles { clear: both; float: right; font-size: 11px; font-weight: normal; padding-bottom: 5px; padding-right: 30px; padding-top: 10px; width: 160px; }
#medidas_prod { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; padding-left: 0px; padding-top: 4px; }

#titulo_prod { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; padding-left: 0px; padding-top: 2px; }

#titulo_caja { background-color: #BADCCD; border: #000000 solid 1px; color: #000033; font-size: 14px; height: 14px; margin-bottom: 10px; margin-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; padding-top: 2px; width: 462px; }
#titulo_caja a{ text-decoration: underline; }
#titulo_caja_laterales { background-color: #98536e; border: #BDBDBD solid 1px; color: #ffffff; font-size: 14px; height: 12px; margin-bottom: 5px; margin-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 0px; padding-top: 5px; width: 120px; }


/*NOTAS, FRASES Y FUENTES ESPECIALES EN GENERAL UTILIZADAS EN TODO EL SITIO*/
.notas { color: #666666; font-size: 9px; }
.frases { color: #666666; font-size: 12px; font-weight: 600; letter-spacing: 2px; margin: 10px 20px 10px 20px; text-align: center; }


/*BOTONES DE AREAS DE ADMINISTRACION DE COMPRAS, EVENTOS Y ADMINISTRACIÓN DE USUARIOS EN GENERAL: CHECAR QUE USAN IMAGENES*/
.b_skin_admin { background-image: url(img/b_opciones_admin.gif); background-position: left; background-position: left; background-repeat: no-repeat;  height: 17px; margin: 20px 0px 2px 4px; width: 90px; position: absolute; float:left; display:table}
#b_edit { background-image: url(img/edit.gif); background-position: left; background-position: left; background-repeat: no-repeat; color: #CC0000; float: right; font-size: 10px; font-weight: 700; height: 23px; padding: 8px 0px 2px 24px; width: 99px; }
#b_edit_menu { background-image: url(img/b_opciones_admin.gif); background-position: left; background-repeat: no-repeat;  height: 17px; margin: 20px 0px 2px 4px; width: 90px; position:relative; display:block; color: #CC0000; font-size: 10px; font-weight: 700; padding: 0px 0px 2px 24px}
#b_edit_menu2 { background-image: url(img/b_opciones_admin.gif); background-position: left; background-repeat: no-repeat;  height: 17px; margin: 20px 0px 2px 4px; width: 90px; position:absolute; float:left; display:table; color: #CC0000; font-size: 10px; font-weight: 700; padding: 0px 0px 2px 24px}
#b_edit_centrales { background-image: url(img/b_opciones_admin.gif); background-position: left; background-repeat: no-repeat;  height: 17px; margin: -20px 0px 2px 4px; width: 90px; position:relative; color: #CC0000; font-size: 10px; font-weight: 700; padding: 0px 0px 2px 24px}

#b_opciones_admin { background-image: url(img/b_opciones_admin.gif); background-position: left; background-position: left; background-repeat: no-repeat; color: #333333; font-size: 9px; font-weight: 500; height: 17px; padding: 8px 0px 2px 14px; width: 90px; }
#b_usuarios_acceso { background-image: url(img/b_usuarios_acceso.gif); background-position: left; background-position: left; background-repeat: no-repeat; color: #333333; font-size: 10px; font-weight: 500; height: 22px; margin-left: 8px; padding: 8px 0px 2px 16px; width: 130px; }
#b_usuarios_compras { background-image: url(img/b_usuarios_compras.gif); background-position: left; background-position: left; background-repeat: no-repeat; color: #333333; font-size: 10px; font-weight: 500; height: 22px; margin-left: 8px; padding: 8px 0px 2px 24px; width: 130px; }
#b_usuarios_descargas { background-image: url(img/b_usuarios_descargas.gif); background-position: left; background-position: left; background-repeat: no-repeat; color: #333333; font-size: 10px; font-weight: 500; height: 22px; margin-left: 8px; padding: 8px 0px 2px 16px; width: 130px; }
#b_usuarios_envios { background-image: url(img/b_usuarios_envios.gif); background-position: left; background-position: left; background-repeat: no-repeat; color: #333333; font-size: 10px; font-weight: 500; height: 22px; margin-left: 8px; padding: 8px 0px 2px 24px; width: 130px; }
#b_usuarios_eventos { background-image: url(img/b_usuarios_eventos.gif); background-position: left; background-position: left; background-repeat: no-repeat; color: #333333; font-size: 10px; font-weight: 500; height: 22px; margin-left: 8px; padding: 8px 0px 2px 24px; width: 130px; }
#b_usuarios_personal { background-image: url(img/b_usuarios_personal.gif); background-position: left; background-position: left; background-repeat: no-repeat; color: #333333; font-size: 10px; font-weight: 500; height: 22px; margin-left: 8px; padding: 8px 0px 2px 10px; width: 130px; }
#botones { background-image: url(img/botones.gif); background-position: left; background-repeat: no-repeat; height: 22px; padding: 5px 0px 2px 20px; width: 120px; }
#botones a.hover{ color: #990000; }
#botones_a130x22 { background-image: url(img/botones_a130x22.gif); background-position: left; background-position: left; background-repeat: no-repeat; height: 22px; padding: 5px 0px 2px 18px; width: 130px; }
#botones_agregar{ background-image: url(img/botones_agregar.gif); background-position: left; background-position: left; background-repeat: no-repeat; color: #333333; font-size: 10px; font-weight: 700; height: 25px; padding: 5px 0px 2px 22px; width: 80px; }
#botones_b130x22 { background-image: url(img/botones_b130x22.gif); background-position: left; background-position: left; background-repeat: no-repeat; height: 22px; padding: 5px 0px 2px 18px; width: 130px; }
#botones_comercio120x22 { background-image: url(img/botones_comercio120x22.gif); background-position: left; background-position: left; background-repeat: no-repeat; height: 22px; padding: 5px 0px 2px 18px; width: 120px; }
#botones_comercio130x22 { background-image: url(img/botones_comercio130x22.gif); background-position: left; background-position: left; background-repeat: no-repeat; height: 22px; padding: 5px 0px 2px 18px; width: 130px; }
#botones_cupon130x22 { background-image: url(img/botones_cupon130x22.gif); background-position: left; background-position: left; background-repeat: no-repeat; height: 22px; padding: 5px 0px 2px 18px; width: 130px; }
#botones_currency130x22 { background-image: url(img/botones_currency130x22.gif); background-position: left; background-position: left; background-repeat: no-repeat; height: 38px; line-height: 16px; padding: 8px 0px 2px 18px; width: 130px; }
#botones_deposito130x22 { background-image: url(img/botones_deposito130x22.gif); background-position: left; background-position: left; background-repeat: no-repeat; height: 22px; padding: 5px 0px 2px 4px; width: 130px; }
#botones_eliminar70x30 { background-image: url(img/boton_eliminar70x30.gif); background-position: left; background-position: left; background-repeat: no-repeat; height: 26px; margin-top: -15px; padding: 15px 0px 2px 24px; width: 72px; }
#botones_eliminar70x30 a, #botones_agregar a { color: #CC0000; font-weight: 800; }
#botones_info { background-image: url(img/botones_info.gif); background-position: left; background-position: left; background-repeat: no-repeat; color: #333333; font-size: 10px; font-weight: 700; height: 25px; padding: 5px 0px 2px 22px; width: 80px; }
#botones_info a{ color: #FF9900; font-weight: 800; }
#botones_tarjeta130x22 { background-image: url(img/botones_formapago130x22.gif); background-position: left; background-position: left; background-repeat: no-repeat; height: 22px; padding: 5px 0px 2px 4px; width: 130px; }
#b_edit {height:23px;background-image:url(img/edit.gif);background-position:left;background-repeat:no-repeat;background-position:left;width:99px;padding:8px 0px 2px 24px;font-weight:700;font-size:10px;color: #CC0000;float:right;}
.b_admin_indice{height:24px; width:178px;background-image:url(img/b_admin_indice.jpg); background-position:left; background-repeat: no-repeat; border-left:#ECEAE5 2px solid}
#b_admin_text9 {
	padding:5px 0px 0px 15px;
	font-weight:300;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	height:20px;
}
#b_admin_text9 a {color:#666666; text-decoration:none}
#b_admin_text18 {padding:10px 0px 1px 20px; font-weight:300; font-size:18px;font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#87331C; height:34px; line-height:20px; }
#b_admin_text18 a{color:#87331C; text-decoration:none}

/*-BOTONES Y ESTILOS DE LA EBIBLIOTECA*/ 

#biblios_central { float: left; padding-bottom: 5px; padding-left: 15px; padding-right: 5px; padding-top: 5px; width: 600px; }
#biblios_container { width: 850px; }
#biblios_menu { float: left; width: 210px; }
#biblios_temasrelacionados { color: #000033; font-size: 10px; font-style: normal; font-weight: normal; list-style-position: outside; list-style-type: square; }
#biblios_titulos { background-color: #535F97; border: #818BAF solid 1px; color: #FFFFFF; font-size: 14px; height: 14px; margin-bottom: 10px; margin-top: 2px; padding-bottom: 4px; padding-left: 10px; padding-right: 0px; padding-top: 2px; width: 98%; }
#email { background-image: url(img_session/email.gif); background-repeat: no-repeat; float: left; height: 16px; margin: 14px; width: 16px; }
#enviar { float: left; padding: 5px 5px 5px 5px; text-align: left; width: 150px; }
#favoritos { float: left; padding: 5px 5px 5px 0px; text-align: left; width: 140px; }
#favoritos_2 { clear: both; float: right; padding: 5px 5px 5px 5px; text-align: center; width: 140px; }
#ranking { float: left; padding: 5px 5px 5px 5px; width: 100px; }
#temasytipos_admin { float: left; padding: 15px 5px 5px 5px; text-align: center; width: 50px; }
/*GLOSARIOS*/
#glosario_titulo {color:#000033; font-size:16px; font-weight:bold; padding:30px; letter-spacing:4px;}
#glosario_def{color:#000000; font-size:12px; font-weight:400; white-space:nowrap;}
#email {width:40px;height:30px;background-image:url(img/mail.gif);background-repeat:no-repeat;margin:1px;float:left;}
#home {width:40px;height:30px;background-image:url(img/home.gif);background-repeat:no-repeat;margin:1px;float:left;}
#login {width:40px;height:30px;background-image:url(img/login.gif);background-repeat:no-repeat;margin:1px;float:left;}
#logout {width:40px;height:30px;background-image:url(img/logout.gif);background-repeat:no-repeat;margin:1px;float:left;}

/*Aqui comienza el estilo de la plantilla*/

.img {margin-right:15px}

.wrap {
margin:0px auto;
padding:0;
width:700px;
}

#top {
	padding:0;
	width:700px;
	text-align:left;
	display:table;
	margin: auto;
}


#head {
	margin:0px;
	width:700px;
	height:114px;
	text-align:left;
	padding:0px;
	display:table;
	clear: both;
}


#content {background:url(images/left.gif) top left repeat-y #ffffff;
width:700px;
margin:0;
padding:0;
text-align:left;
height:auto;
display:table;}

#footer {background:url(images/bot_px.gif) top repeat-x;
width:700px;
height:30px;
margin:0;
padding:0;
text-align:left;}

.line {background:url(images/dot.gif);
height:1px;
margin-bottom:12px;
margin-top:12px;}

.menu {color:#4A4A4A; font-size:12px; text-decoration:none;}
.copy {color:#404040; text-decoration:none;}
.left_title {color:#444444; font-size:12px; text-decoration:none; text-transform:uppercase}
.right_title_blue {color:#577B8F; font-size:14px; text-decoration:none;}
.right_title_yellow {color:#F69B00; font-size:14px; text-decoration:none;}

/*-------------------------------------------------------PAGE_1,2,3,4-------------------------------------------------------*/

#left_content {background:#EFF0E7;padding:0;margin:0;text-align:left;width:235px;height:100%;float:left;}


#right_content {padding:0;margin:0;float:left;text-align:left;width:464px;display:table;}

/*-------------------------------------------------------PAGE_5-------------------------------------------------------*/


#content_wrap {
padding:0;
margin:0;
text-align:left;
width:699px;
display:table;
}
/*--1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111--*/

.gray {color:#333333; text-decoration:none}
.blue {color:#01707D; text-decoration:none}
.yellow {color:#F69B00; text-decoration:none}

.white {color:#ffffff; text-decoration:none}

.abs {vertical-align:middle}
.big {font-size:13px}
.bigger {font-size:16px}
.n {font-size:11px}
.sm {font-size:9px}

.clear {
clear:both}

a {	color:#01707D; text-decoration:underline}

.abs {vertical-align:middle}
		
.form_search { width:157px;
		height:21px;
		font-family:tahoma;
		font-size:11px;
		border-style:solid;
		border-width:1px;
		border-color:#A6A6A6;
		background-color:#ffffff;
		color:#404040;
		padding:2px 2px 2px 5px}
		
.form { width:195px;
		height:18px;
		font-family:tahoma;
		font-size:10px;
		border-style:solid;
		border-width:1px;
		border-color:#C4C6C7;
		background-color:#F0F2F3;
		color:#404040;
		padding:0px}
		
.textarea { width:195px;
		height:221px;
		font-family:tahoma;
		font-size:11px;
		border-style:solid;
		border-width:1px;
		border-color:#C4C6C7;
		background-color:#F0F2F3;
		color:#404040;
		padding:2px 2px 2px 5px;
		overflow:hidden;}
		
.u		{text-decoration:underline}
.nu		{text-decoration:none}
.t 		{text-transform:uppercase}

a:hover{text-decoration:none;}
.a:hover{text-decoration:underline;}


/*Login*/
span#mod_login_usernametext,span#mod_login_passwordtext,span#mod_login_remembertext{
font-size:11px;
position:relative;
left:6px;
top:0px;

}
span#mod_login_usernametext,span#mod_login_passwordtext{
font-size:12px;
}
input#mod_login_username,input#mod_login_password{
width:94px;
background-color:#ffffff;
border: #666666 thin solid;
margin:12px;
}
input#mod_login_username{
position:relative;
top:10px;
left:10px;
clear:right;
}
input#mod_login_password{
position:relative;
top:10px;
left:2px;
}
form#mod_login_logoutform{
margin:2px;
}
form#mod_loginform{
padding-top:5px;
}
form#mod_loginform input.button{
border:none;
position:relative;
top:0px;
left:0px;
}

form#mod_loginform a.mod_login{
left:5px;
position:relative;
top:3px;
}
form#mod_loginform span#mod_login_noaccount a{
left:5px;
position:relative;
top:2px;
}
select.inputbox{
background-color:#C2C9CA;
border:none;
}