@charset "UTF-8";

/**
 * Estilos generales para www.ecoactivo.org
 *
 * @file		general_eco.css
 * @version	0.1
 *
 * @link		http://www.huertodelsol.es/
 * @copyright	2009 Huerto del sol
 *
 */

@import "detalle_eco.css";

/** Reset css  *******************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/** Etiquetas  *******************/

body, html {
	text-align: center;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #fafff4;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #4062b1;
}


strong {
	font-family: "Arial Rounded MT Bold", "Trebuchet MS Bold", "Arial Bold", sans-serif;
	font-size: 1.1em;
}

span {
	color: #333;
}

h1, h2, h3, h4, h5, h6, legend {
	font-family: "Arial Rounded MT Bold", "Trebuchet MS Bold", "Arial Bold", sans-serif;
}

h1 {
	padding-top: 5px;
	padding-left: 5px;
}

h2 {
	padding: 7px 10px 7px 10px;
	margin: 5px -10px 15px -10px;
	background-color: #d6e5c6;
	font-size: 1.6em;
	color: #333;
	line-height: 1.3em;
}

h2 span.envia {
	padding: 5px 10px 5px 10px;
	background: #facb61 url(../img/submenu_on.gif) repeat-x;
	color: #5a6e03;
}

h2 span.recibe {
	padding: 5px 10px 5px 10px;
	background: #6c7c14 url(../img/submenu_off.gif) repeat-x;
	color: #fff;
}

h3, legend {
	margin: 0 0 20px -10px;
	font-size: 1.2em;
	color: #5a6e03;
	line-height: 1.5em;
}

legend {
	margin-bottom: 0;
}

h3 span, legend span {
	padding: 5px 10px 5px 10px;
	background-color: #facb61;
	background: #facb61 url(../img/submenu_on.gif) repeat-x;
	color: #5a6e03;
}

h4 {
	padding-bottom: 5px;
	border-bottom: 3px solid #facb61;
	margin: 5px 0 15px 0;
	font-size: 1.2em;
	color: #5a6e03;
}

h5 {
	margin-bottom: 5px;
	font-size: 1.1em;
	color: #333;
}

dt {
	margin-bottom: -15px;
	padding: 2px;
	font-family: "Arial Rounded MT Bold", "Trebuchet MS Bold", "Arial Bold", sans-serif;
	border-bottom: 3px solid #bcd36e;
	border-radius: 5px;
	-moz-border-radius: 5px; /*  Firefox */
	-webkit-border-radius: 5px; /*  WebKit y Safari */
	font-size: 1.1em;
	color: #5a6e03;
}

/** General  *******************/

.resolucion {
	width: 1004px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.fuera	{
	position: absolute; 
	left: -9999px;
}

.flotader {
	float: right;
}

.flotaizq {
	float: left;
}

.clear {
	clear: both;
}

.derecha {
	text-align: right !important;
}

.izquierda {
	text-align: left !important;
}

.centro {
	text-align: center !important;
}

.pie {
	padding-top: 5px;
	border-top: 1px dotted #5a6e03;
}

p.menos {
	margin-bottom: 5px !important;
}

.peq {
	font-size: 0.85em;
}

.peq img {
	vertical-align: middle;
}

.lineapeq {
	line-height: 1em !important;
}

.curva {
	border-radius: 15px;
	-moz-border-radius: 15px; /*  Firefox */
	-webkit-border-radius: 15px; /*  WebKit y Safari */
}

.curvapeq, .paginacion a {
	border-radius: 5px;
	-moz-border-radius: 5px; /*  Firefox */
	-webkit-border-radius: 5px; /*  WebKit y Safari */
}

.w100 {
	width: 100%;
}

.w50 {
	width: 50%;
}

.sinsalto {
	white-space: nowrap;
}

.alerta {
	color: #ff3333;
}

.alerta img {
	vertical-align: middle;
	margin-right: 5px;
}

.boton a, .tab li a {
	display: block;
	height: 15px;	
	padding: 2px 8px 6px 8px;
}

.boton input {
	display: block;
	height: 25px;
	padding: 0px 8px 3px 8px;
} 

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.boton input { padding: 4px 8px 3px 8px; }
}

.boton a, .boton input, .tab li a {
	margin-right: 3px;
	background: #6c7c14 url(../img/boton_off.gif);
	border: 1px solid #809700;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	font-size: 1.0em;
	font-family: "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;
}

.tab li a {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px; /*  Firefox */
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px; /*  WebKit y Safari */
	-webkit-border-top-right-radius: 3px;
}

.boton a {
	border-radius: 3px;
	-moz-border-radius: 3px; /*  Firefox */
	-webkit-border-radius: 3px; /*  WebKit y Safari */
}

.boton a:hover, .boton input:hover, .tab li a:hover {
	background: #facb61 url(../img/boton_on.gif);
	color: #333;
}

.botonin input, .botonin a {
	background: #facb61 url(../img/boton_on.gif);
	color: #333;

}

.botonin input:hover, .botonin a:hover {
	background: #6c7c14 url(../img/boton_off.gif);
	color: #fff !important;
}

.boton li {
	float: left;
	margin-bottom: 15px;
}

.msg {
	font-family: "Courier New", Verdana, Helvetica, Arial;
	color: #6a6a6a;
}

.txtayuda {
	font-family: "Courier New", Verdana, Helvetica, Arial;
	padding: 4px;
	margin-bottom: 5px;
	border: solid 1px #898989;
	background-color: #eaf8fe;
	color: #6a6a6a;
	font-size: 1.em;
	border-radius: 3px;
	-moz-border-radius: 3px; /*  Firefox */
	-webkit-border-radius: 3px; /*  WebKit y Safari */
}

.capaoculta {
	display: none;
}

.txtayuda .cerrar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	margin-bottom: 7px;
	font-size: 0.8em;
}

.imgicono {
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: middle;
}

.imgicono[alt=ayuda] {
	cursor: pointer;
}

.colorfondo1 {
	background-color: #bcd36e;
}

.colorfondo2 {
	background-color: #d5ea87;
}

.colorfondo3 {
	background-color: #f4ffe8;
}

.colorfondo4 {
	background-color: #facb61;
}

.colorgeneral {
	color: #5a6e03;
}

.separacion {
	padding: 5px;
}

.resalte {
	font-weight: bold;
}

.foto {
	margin-right: 5px;
	margin-bottom: 10px;
	border: solid 1px #5a6e03;
}

.fotosola {
	margin-right: 5px;
	border: solid 1px #5a6e03;
}

.fototexto {
	margin: 10px;
}

.popup h3 {
	background: #facb61 url(../img/submenu_on.gif) repeat-x;	padding: 5px 10px 5px 10px;
	margin-left: 0px;	
	margin-bottom: 15px;
}

.popup p {
	margin-bottom: 15px;
	margin-left: 10px;
	text-align: left;
}

.popup ul {
	margin-right: 10px;
}

.popup .boton li a {
	height: 11px;
	padding-top: 4px;
}

.popup form {
	margin: 10px;
}

.popup label {
	width: 150px;
}

.presentacion {
	padding: 5px;
	border: #bcd36e solid 1px;
	background-color: #d5ea87;
	font-family: "Arial Rounded MT Bold", "Trebuchet MS Bold", "Arial Bold", sans-serif;
	font-size: 1.3em;
	text-align: center;
	color: #5a6e03;
	line-height: 1.4em;
}

/** Estructura  *******************/

#cabecerafondo {
	height: 95px;
	background: url(../img/cabecera_fondo.gif) repeat-x;
}

#cabecera {
	background: url(../img/nubes.png) 150px 0 no-repeat;
}

#buscar_caja {
	background: #facb61 url(../img/buscar_caja.png) no-repeat;
	padding-left: 7px;
	margin-right: 4px;
	width: 193px;
	height: 90px;
}

#buscar_caja #bs_donde {
	width: 186px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#buscar_caja #bs_texto {
	width: 164px;
	background: #fff url(../img/buscar_ico.gif) 3px no-repeat;
	padding-left: 17px;
	margin-bottom: 5px;
}

#buscar_caja .boton {
	margin-right: 5px;
}

#cuerpo {
	margin-bottom: 40px;
	line-height: 1.5em;
}

#menuizq {
	width: 152px;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
	padding-left: 5px;
}

#menuizq .publica {
	margin-bottom: 0px;
}

#menuder {
	width: 167px;
	float: right;	
	padding-right: 5px;
	margin-top: 10px;
}

#menuder a:hover {
	color: #333;	
}

#menuder #login  {
	width: 159px; /* 167px */
	height: 156px; /* 213px */
	margin-top: 10px;
	padding: 4px;
	padding-top: 53px;
}

#menuder #login input[type=text], #menuder #login input[type=password] {
	width: 150px;
	margin-bottom: 3px;
}

#menuder #login label {
	margin-left: 3px;
}

#menuder #login .boton {
	margin-top: 10px;
	margin-bottom: 0px;
}

#menuder #carritos .carritoact {
	margin-top: 20px;
	margin-bottom: 20px;
	border: solid 1px #5a6e03;
}

#menuder .carrito {
	margin-top: 5px;	
}

#menuder .carrito_cabecera {
	width: 167px;
	height: 60px;
}

#menuder .carrito_cuerpo {
	padding: 5px;
	border-left: solid 1px #5a6e03;
	border-right: solid 1px #5a6e03;
	background: #e5eedc;
	color: #333;
}

#menuder .carrito_pie {
	padding-top: 5px;
	padding-right: 5px;
	width: 162px;
	height: 30px;
	background: #fff url(../img/carrito_pie.png) no-repeat;
}

#menuder .carrito .vendedor_carrito {
	margin: -7px -5px -5px -5px;
	border-bottom: solid 1px #bcd36e;
}

#menuder .carrito ul.articulos {
	margin-top: 10px;
	margin-bottom: 5px;
}

#menuder .carrito ul.articulos li {
	padding-bottom: 5px;
	line-height: 1.3em;
}

#menuder .carrito input {
	height: 10px;
}

#menuder #dispones {
	width: 147px; /* 167px */
	height: 34px; /* 94px */
	margin-top: 10px;
	padding: 10px;
	padding-top: 50px;
}

#menuder h4 {
	margin-top: 20px;
}

#centro {
	width: 645px;
	float: left;
	margin-top: 5px;	
}

#centro #cargacont, #cargapag {
	padding-top: 150px;
}

#contenidos {
	padding: 10px;
	background-color: #e5eedc;
}

#contenidos .cajaportada {
	margin-left: 5px;
	padding: 10px;
	width: 594px;
	height: 163px;
	background: #fff url(../img/cajaportada.jpg) no-repeat;
}

#contenidos .cajaportada li {
	margin-left: 45px;
	margin-bottom: 14px;
}

#contenidos .cajaportada a {
	font-family: "Arial Rounded MT Bold", "Trebuchet MS Bold", "Arial Bold", sans-serif;
	font-size: 1.2em;
}

#contenidos .grupotitulo {
	margin-bottom: 30px;
}

#contenidos ol {
	font-family: "Arial Rounded MT Bold", "Trebuchet MS Bold", "Arial Bold", sans-serif;
	font-size: 1.2em;
	list-style-type: decimal;
}

#contenidos ol h4 {
	border: none;
	margin-bottom: 10px;
	font-size: 1.0em;
}

#contenidos ol h5 {
	font-size: 0.9em;
}

#contenidos ol ol {
	font-size: 1.0em;
	list-style-type: upper-roman;
}

#contenidos ol  ol ol {
	list-style-type: lower-alpha;
}


#contenidos ol ul, #contenidos ol p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#contenidos ul.lista, ol {
	margin-left: 50px;
	margin-bottom: 20px;
}

#contenidos ul.lista li {
	list-style-image: url(../img/lista.gif);
	padding-bottom: 5px;
}

#contenidos p {
	margin-bottom: 15px;
}

#contenidos #canvas_mapa {	
	border: 1px solid #5a6e03;
	margin-bottom: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px; /*  Firefox */
	-webkit-border-radius: 3px; /*  WebKit y Safari */
}

#contenidos .mapa_peq { 
	width: 350px; 
	height: 300px;
}

#contenidos .mapa_gra { 
	width: 620px; 
	height: 300px;
}

#contenidos .mapa_peq_a { 
	width: 400px; 
	height: 250px;
}

#contenidos #pielistado {
	border: 1px solid #5a6e03;
	background: #facb61 url(../img/submenu_on.gif) repeat-x;
	padding: 3px;
	color: #333;
}

#contizq {
	
}

#contder {
	
}

#piefondo {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #e5eedc;
}

#pie {
	margin-bottom: 20px;
}

#pie div.grupo {
	margin-right: 20px;
	margin-left: 20px;
}

#pie img {
	margin-top: 10px;
	margin-bottom: 10px;
}

#pie span {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	color: #5a6e03;
}

#menupie {
	background-color: #d6e5c6;
	padding: 15px;
	line-height: 1.5em;
}

#menupie div {
	background-color: #d6e5c6;
	border-right: #f4ffe8 1px solid;
	padding-right: 10px;
	margin-right: 10px;
	margin-left: 0;
}

#menupie div.ultimo {
	border: none;
}

#menupie a {
	text-decoration: none;
	color: #5a6e03;
}

#menupie a:hover {
	color: #333;	
}

/** login y registro popup  *******************/ 


#loginpop {
	float: left;
	width: 240px;
	margin-bottom: 30px;
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 10px
}

#loginpop input[type=text], #loginpop input[type=password] {
	width: 200px;
	margin-bottom: 5px;
}

#loginpop label {
	text-align: left;
	margin-left: 5px;
	margin-bottom: 4px;

}

#loginpop .boton {
	margin-top: 10px;
	margin-bottom: 0px;
}

#registropop {
	float: left;
	width: 200px;
	border-left: 1px solid #c8c8c8;
	padding-left: 30px;
	margin-top: 10px;	
}

/** Tipo anuncios  *******************/ 


#seccionesanuncios img {
	margin: 10px;
}

/** Menu cabecera  *******************/ 

#cabecera ul {
	display: inline;
	margin-top: 5px;
}

#cabecera ul li {
	display: inline;
	padding-right: 10px;
	margin-right: 5px;
	border-right: #fff 1px solid;
}

#cabecera ul li.ultimo {
	border: none;
}

#cabecera ul li a {
	text-decoration: none;
	color: #5a6e03;
}

#cabecera a:hover {
	color: #333;
}

#sesion {
	margin-top: -3px;
	margin-left: -5px;
	margin-right: 10px;
	padding-right: 5px;
	padding-top: 7px;
	border: 1px solid #bcd36e !important;
}

#sesion a {
	color: #0000ff !important;
}

#sesion a:hover {
	text-decoration: underline !important;
}


/** Menu principal  *******************/ 

#menufondo {
	background: #748923 url(../img/menu_fondo.gif) left repeat-x;
	height: 57px;
}

#menu li {
	float: left;
	background: url(../img/menu_separador.gif) right no-repeat;
}

#menu li a.inicio  {
	width: 66px;
	text-align: center;
}

#menu li.ultimo {
	background: none;
}

#menu li a {
	display: block;
	height: 27px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 22px;
	font-size: 1.3em;
	font-family: "Arial Rounded MT Bold", "Trebuchet MS Bold", "Arial Bold", sans-serif;
	color: #fff;
	text-decoration: none;
}

#menu li a:hover, #menu li a.activo, #menu li a.donde {
	color: #ebffd5;
	background: transparent url(../img/menu_on.png) center no-repeat;
}

#menu li a.donde {
	color: #f9b53f;
}

/** Menu principal submenu  *******************/ 

#menu li {
	float: left;
}

#menu ul {
	display: none;
	position: absolute;
}

#menu ul li a {
	background: #facb61 url(../img/submenu_on.gif) repeat-x;
	display: block;
	height: 10px;
	padding: 9px;
	color: #333;
	font-size: 1.1em;
	font-family: "Arial Rounded MT", "Trebuchet MS", Arial, sans-serif;
}

#menu ul li a:hover, #menu ul li a.activo {
	background: #748923 url(../img/submenu_off.gif) repeat-x;
	color:  #fff;
}

#menu ul li {
	background: none;
	border-right: #d6e5c6 1px solid;
	background-color: #748923;
}

#menu li ul a {
	height: auto;
}

/** Menu izq  *******************/ 

#submenuizq {
	background-color: #d6e5c6;
	padding: 5px;
	padding-left: 10px;
	padding-right: 0;
	margin-bottom: 15px;
}

#submenuizq a {
	display: block;
	padding: 2px;
	padding-left: 4px;
	text-decoration: none;
	color: #5a6e03;
}

#submenuizq a:hover {
	color: #f9b53f;
	background-color: #f4ffe8;
}

#submenuizq a.activo {
	color: #333;
	background-color: #f4ffe8;
}

#submenuizq ul {
	margin-bottom: 5px;
}

#submenuizq ul a {
	padding: 2px;
	font-weight: lighter;
	color: #5a6e03;
}

#submenuizq ul a:hover {
	color: #333;	
}

#submenuizq ul li {
	border-bottom: #f4ffe8 1px solid;
	margin-left: 10px;
}

#submenuizq h4 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border: solid 1px #000;
}

/** Menu permanente  *******************/ 

#menupermanente {
	padding-right: 0;
	margin-bottom: 30px;
}

#menupermanente li {
	border-bottom: #d6e5c6 1px solid;
}

#menupermanente li a {

	display: block;
	padding: 5px 0px 5px 10px;
	text-decoration: none;
	font-size: 1.1em;
	color: #5a6e03;
}

#menupermanente li a:hover, #menupermanente li a.activo {
	background-color: #fff;
	color: #333;
}

/** Menu usuario  *******************/ 

.menuusuario {
	margin-top: 15px;
}

.menuusuario li {
	margin-bottom: 3px;
}

.menuusuario img {
	margin-right: 4px;
	vertical-align: middle;
}

.menuusuario a {
	text-decoration: none;
	color: #5a6e03;
	font-weight: bold;
}

.menuusuario a:hover, .menuusuario a.activo {
	color: #9bb208 !important;
}

/** Ruta  *******************/

#ruta {
	margin-bottom: 5px;
	padding-left: 15px;
}

#ruta span {
	color: #000;
}
   
#ruta ul {
	display: inline;
}
 
#ruta ul li {
	margin-left: 2px;
	display: inline;
}

#ruta ul ul li {
	padding-left: 15px;
	background: url(../img/ruta.gif) 0 6px no-repeat;
}

#ruta ul li a {

}

#ruta ul li a:hover {

}


/** Comunidades  *******************/

#perfilcomunidad {
	width: 480px;
	margin-left: 10px;
}

.listcomunidad { 
	width: 190px;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 1.5em;
}

.listcomunidadcont { 
	width: 120px;

}

/** Anuncios  *******************/

#intercambio {
	width: 350px;
	margin-bottom: 20px;
}

#b_solicitud {
	margin-top: 15px;	
}

#cajavotacion {
	padding-bottom: 10px;
	margin-bottom: 2px;
	background-color: #f4ffe8;
}

#votacion {
	margin-bottom: 18px;
}

.grande {
	font-size: 2.0em;
}

.mediano {
	font-size: 1.5em;
}

#mensajeamigo textarea {
	width: 510px;
}

#perfilanuncio {
	width: 480px;
}

#perfilanuncio ul {
	margin-left: 10px;
}

#perfilanuncio ul li {
	margin-bottom: 5px;
}

.listanuncio { 
	width: 190px;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 1.5em;
	/*border: solid 1px #bcd36e;*/
	padding: 3px;
}

.listanuncio:hover { 
	background-color: #d5ea87;
	border-radius: 5px;
	-moz-border-radius: 5px; /*  Firefox */
	-webkit-border-radius: 5px; /*  WebKit y Safari */	
}

.listanunciocont { 
	width: 125px;

}

.ofrece {
	padding: 2px;
	background: #6c7c14 url(../img/boton_off.gif);
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px; /*  Firefox */
	-webkit-border-radius: 3px; /*  WebKit y Safari */	
}

.busca {
	padding: 2px;
	background: #facb61 url(../img/boton_on.gif);
	background-color: #facb61;
	color: #5a6e03;
	border-radius: 3px;
	-moz-border-radius: 3px; /*  Firefox */
	-webkit-border-radius: 3px; /*  WebKit y Safari */	
}

.b_ecotienda {
	padding: 2px;
	background: #2a76be url(../img/color_ecotienda.gif);
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px; /*  Firefox */
	-webkit-border-radius: 3px; /*  WebKit y Safari */	
}

.b_trueque {
	padding: 2px;
	background: #ba721d url(../img/color_trueque.gif);
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px; /*  Firefox */
	-webkit-border-radius: 3px; /*  WebKit y Safari */	
}

.b_semillas {
	padding: 2px;
	background: #d9ad2d url(../img/color_semillas.gif);
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px; /*  Firefox */
	-webkit-border-radius: 3px; /*  WebKit y Safari */	
}


#buscaavanzada {
	background-color: #d5ea87;
	border-radius: 5px;
	-moz-border-radius: 5px; /*  Firefox */
	-webkit-border-radius: 5px; /*  WebKit y Safari */	
}
/** Transacciones  *******************/

#accionestrans {
	margin-bottom: 20px;
}

#estadotransacciones {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border: solid 1px #bcd36e;
}

#estadotransacciones ul {
	margin-left: 30px;
}

#pasos {
	font-family: "Arial Rounded MT Bold", "Trebuchet MS Bold", "Arial Bold", sans-serif;
	font-size: 1.4em;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	color: #888;
}

#pasos .descripcion {
	margin-top: 7px;
	text-align: center;
	color: #5a6e03;
	border: 1px solid #5a6e03;
	font-size: 0.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#pasos .punto {
	margin: 0 10px 0 10px;
	font-size: 1.2em;
	color: #333;
}

#pasos .activo {
	background: #f4ffe8 url(../img/iconos/arrow_up.png) center bottom no-repeat;
	padding-bottom: 8px;
	margin: 5px 0 10px 0;
	font-size: 1.2em;
	color: #333;
	border: 1px solid #5a6e03;
	border-bottom: none;
}

#grupogeneraltrans {
	width: 450px;
}

#estadotrans {
	margin-right: 10px;
	width: 150px;
}

#estadoacuerdo {
	padding-bottom: 10px;
	width: 250px;
}

#usuariotrans .listusuario, #usuariotrans .foto { 
	margin-bottom: 0;
	margin-right: 5px;
}

#estadoactualizatrans #cargatrans {
	padding-top: 75px;
	padding-bottom: 75px;
}

.flecha {
	margin-right: 10px;
	padding-top: 40px;
	padding-bottom: 40px;
	border: solid 1px #bcd36e;
}

.valoracioncont {
	width: 200px;
	margin-left: 10px;
}


/** Asistente  *******************/

form#asistente label {
	float: none !important;
	width: auto !important;
	padding-top: 2px;
	margin-right: 10px;
	text-align: left !important;
}

/** Noticias  *******************/

#noticias img {
	display: none;
}

/** Usuarios  *******************/

form#usuarios textarea {
	width: 350px;	
}

#cuerpomsg {
	margin-bottom: 20px;
}

#respuestamsg, #estadomsg {
	margin-bottom: 10px;
}

#mensajeusr, #cabeceramsg, #cuerpomsg {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;	
}

#mensajeusr textarea {
	width: 525px;
}

#formmensajeusr label {
	width: 70px;
	float: left;
	padding-top: 2px;
	margin-right: 10px;
	text-align: right;
}

#perfildatos strong {
	font-size: 1.1em;
}

#comentarios textarea {
	width: 99%;
}

#infocomentario, #infousuarios {
	border-bottom: 1px dotted #5a6e03;
	margin-bottom: 20px;	
}

.comentario {
	border-bottom: 1px dotted #5a6e03;
	padding: 5px;
	margin-bottom: 10px;	
}

.comentariocont {
	margin-left: 10px;
	width: 500px;
}

.infotab {
	border-top: 1px dotted #5a6e03;
}

.tabcont .grupo {
	width: 290px;
	padding: 5px;
}

.tabcont .grupos .colorfondo2 {
	margin-bottom: 10px;
}


#grupointernet object { 
	display: block;
	border: 1px solid #5a6e03;
	margin-bottom: 20px;
}

#grupogaleria {
	margin-left: 15px;
	border-left: 1px dotted #5a6e03;
	padding-left: 25px;
	width: 350px;
}

#grupogaleria .enlace  {
	cursor: pointer;
	margin-bottom: 10px;
}

#grupogaleria input[type=file]  {
	width: 275px;
}

#grupogaleria .enlace span {
	color: #0000FF;
}

#grupoimg .foto, #grupogaleria .foto  {
	margin-right: 12px;
	cursor: pointer;
}

#grupogaleria .foto  {
	margin-bottom: 0px;	
}

#perfildatos {
	width: 270px;	
}

#perfildonde {
	width: 350px;	
}

#contlistadosimple {
	background-color: #e5eedc;
	text-align: left;
	padding: 10px;
}

#estadolistadosimple {
	margin-top: 50px;
}

.listusuario { 
	margin-bottom: 10px;
	margin-right: 15px;
	line-height: 1.5em;
}

#contenidos form.general label, form.general .etiquetacampo {
	width: 160px;
	float: left;
	margin-right: 10px;
	text-align: right;
	color:  #5a6e03;
}


#contenidos form.general fieldset {
	margin-bottom: 20px;
}

#contenidos form.filtros fieldset {
	margin-bottom: 10px;
}

#contenidos form.filtros fieldset legend {
	margin-bottom: 10px;
}

#nuevocoment {
	margin-bottom: 10px;	
}

/** Paginacion *******************/

.paginacion {
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
}

.paginacion span {
	padding: 4px 9px;
}

.paginacion .puntos {
	font-size: 1.5em;
}

.paginacion a {
	padding: 3px 7px;
	border: #5a6e03 1px solid;
	background: url(../img/submenu_on.gif) repeat-x;
	color: #333;
	text-decoration: none;	
}

.paginacion a:hover  {
	background: url(../img/submenu_off.gif) repeat-x;
	color: #fff;
}

.paginacion .activo {
	border: #5a6e03 1px solid;
	background: url(../img/submenu_off.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}

/** Pestañas  *******************/

.tabs {
	margin-bottom: 20px;
}

.tabs h3 {
	padding: 5px;
	margin-bottom: 10px;
	font-size: 1.1em;
	color: #5a6e03;
}

.tab li { 
	display: inline; 
}

.tab li a { /* Definidio en la clase .boton en general */
	float: left;
	position: relative;
	top: 1px;
}

.tab li a:hover {
	background-image: url(../img/boton_on.gif);
	color: #333;
}

.tab li.active a { 
	color: #333; 
	background-color: #d6e5c6;
	background-image: none;
	border: 1px solid #809700;
	border-bottom: 1px solid #d6e5c6;
	font-weight: bolder;
}

.tabcont { 
	float: left; 
	padding: 10px; 
	width: 605px;  
	background-color: #d6e5c6;
	border: 1px solid #809700;
	color: #333;  
}

/** tabla  *******************/
 
table {
	margin-bottom: 20px;
	border: 1px solid #5a6e03;
	width: 100%;
	background: #d2e591;
}

table .foto {
	margin: 1px;
}

td, th {
	border: 1px dotted #5a6e03;
	padding: 5px;
	color: #333;
  }
  
th {
	text-align: left;
	white-space: nowrap;
}
  
td.boton {
	vertical-align: middle;
	text-align: center;
  }

thead th, tfoot th {
	padding: 8px;
	border: 1px solid #5a6e03;
	background: #c7c958 url(../img/tabla.gif) repeat-x;
	color: #5a6e03;
  }

tbody th, tbody td {
	vertical-align: top;
	text-align: left;
}
  
tfoot td {
	text-align: right;
	border: 1px solid #5a6e03;
	background: #c7c958 url(../img/tabla.gif) repeat-x;
	padding-top: 5px;
	color: #333;
}
  
.odd {
	background: #e4f2b1;
}

tbody tr:hover {
	background: #e5eedc;
	border: 1px solid #5a6e03;
}
  
tbody tr:hover th, tbody tr.odd:hover th {
	background: #e5eedc;
}
	
tbody th {
	background-color: #bcd36e;
	color: #576a0d;
}
		
tbody th.demanda {
	background-color: #f9dc51;
	color: #576a0d;
}
		
/** formulario  *******************/

form input, form textarea, form select {
	border: 1px solid #5a6e03;
	color: #3b3b3b;
	padding: 3px;	
	margin-bottom: 3px;
	font-size: 1.0em;
	font-family: "Courier New", Verdana, Helvetica, Arial;
	border-radius: 3px;
	-moz-border-radius: 3px; /*  Firefox */
	-webkit-border-radius: 3px; /*  WebKit y Safari */
}

form optgroup {
	font-family: "Arial Rounded MT Bold", "Trebuchet MS Bold", "Arial Bold", sans-serif;
}

form option {
	font-family: "Courier New", Verdana, Helvetica, Arial;
}

form select.desabilitado {
	border: 1px solid #a8a8a8;
	color: #a8a8a8;	
}

form input[type=file]  {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: #5a6e03;
}

form input[type=checkbox] {
	vertical-align: middle;
}

form .boton input {
	cursor: pointer;	
}

form textarea {
	overflow: auto;
}

form legend  {
	padding-bottom: 10px;
}

form label {
	float: left;
	padding-top: 2px;
	margin-right: 10px;
	text-align: right;
}
	
form .contenidocampo {
	float: left;
	margin-bottom: 3px;
}

form .contenidocampo .mapa_peq, form .contenidocampo .mapa_gra {
	margin-left: 170px;
}

form #grupocondiciones .contenidocampo, form #grupostock .contenidocampo, form #grupoventa .contenidocampo {
	width: 435px;	
}

form ul {
	margin-left: 15px;
}

form #datosdire p {
	margin-bottom: 5px;
}

form #datosdire img {
	margin-right: 3px;
	vertical-align: middle;
}

form .txtayuda {
	width: 425px;
}

form .largo {
	width: auto;
}

form .msg {
	padding-left: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

form .alerta img {
	margin-left: 5px;
	margin-right: 5px;
}

/** clearfix  *******************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
.clearfix {
	display: block;	
}

* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */