
/*
 Web del Espacio por un Comercio Justo
 © Copyright 2007 Francisco López Losada && Sodepaz
 flopezlosada@yahoo.es
 sodepaz@sodepaz.net
 
 Este programa es software libre. Puede redistribuirlo y/o modificarlo bajo los términos de la Licencia Pública General de GNU según es publicada por la Free Software Foundation, bien de la versión 3 de dicha Licencia o bien (según su elección) de cualquier versión posterior.
 
 Este programa se distribuye con la esperanza de que sea útil, pero SIN NINGUNA GARANTÍA, incluso sin la garantía MERCANTIL implícita o sin garantizar la CONVENIENCIA PARA UN PROPÓSITO PARTICULAR. Véase la Licencia Pública General de GNU para más detalles.
 
 Debería haber recibido una copia de la Licencia Pública General junto con este programa. Si no ha sido así, escriba a la Free Software Foundation, Inc., en 675 Mass Ave, Cambridge, MA 02139, EEUU.
 
 La licencia se encuentra en el archivo licencia.txt
 */ /*
 Global
 */
body {
    background: #FF002B;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    /* IE Fix */
    margin: 0;
    color: #666;
}

A:link {
    COLOR: #B03424;
    text-decoration: none;
}

A:visited {
    COLOR: #B03424;
    text-decoration: none;
}

A:active {
    COLOR: #B96C00;
    text-decoration: none;
}

A:hover {
    COLOR: #000000;
    text-decoration: none;
}

/*
 Pagina
 */
#general {
    margin: 0 auto;
    margin-top: 5px;
    width: 895px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 5px;
    text-align: left;
}

/*
 encabezado
 */
#encabezado {
    background: url(../images/encabezado.jpg) no-repeat 100% 0;
    border-bottom: 4px solid #fff;
    border-top: 5px solid #fff;
    height: 150px;
}

#encabezado h1 {
    margin: 0;
    color: #ffffff;
    font-family: Verdana, sans-serif;
    font-size: 37px;
    font-weight: bold;
    cursor: default;
    padding-left: 20px;
    padding-top: 98px;
    padding-right: 30px;
    padding-bottom: 10px;
}

#encabezado h2 {
    margin: 0;
    color: #595959;
    font-family: 'Sans Serif', 'Lucida Sans', Verdana, Arial;
    font-size: 1.6em;
    cursor: default;
    padding-bottom: 28px;
    padding-left: 20px;
    font-size: 17px;
}

/*
 ______________________________________________________________________________________________________
 */
/*
 Navegador
 */
#navegador ul {
    background: #B22222;
    border-bottom: 4px solid #fff;
    margin: 0;
    padding: 0;
    height: 23px;
    width: 895px;
}

#navegador li {
    list-style-type: none;
    display: inline;
    line-height: 17px;
}

#navegador li a {
    text-decoration: none;
    color: #000000;
    background-color: #B22222;
    border-right: 4px solid #fff;
    border-bottom: 0;
    padding: 3px 8px;
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    float: left;
    font-weight: bold;
}

#navegador li a:hover {
    background-color: #E31E00;
}

/*
 ______________________________________________________________________________________________________
 */
/*
 Barra Lateral
 */
#barra_lateral {
    float: left;
    width: 145px;
    position: relative;
    margin-left: 5px;
}

#barra_lateral A:link {
    COLOR: #4F5160;
    text-decoration: none;
}

#barra_lateral A:visited {
    COLOR: #4F5160;
    text-decoration: none;
}

#barra_lateral A:active {
    COLOR: #4F5160;
    text-decoration: none;
}

#barra_lateral A:hover {
    COLOR: #000000;
    text-decoration: none;
}

#barra_lateral h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #ffffff;
    padding: 4px;
    border: 1px solid #425227;
    background-color: #708090;
    cursor: default;
    text-align: left;
}

#barra_lateral p {
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 4px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #666666;
}

/*
 Menú principal
 */
#menu_principal {
    background: #dfe4e7;
    padding-left: 0;
    margin: auto;
    border-bottom: 1px solid #D1D9C4;
    width: 140px;
}

#menu_principal table {
    width: 140px;
    padding: 0%;
    margin: 0%;
}

#menu_principal td {
    list-style: none;
    margin: auto;
    line-height: 20px;
    border-top: 1px solid #D1D9C4;
    font-family: verdana;
    font-size: 11px;
    padding-left: 10px;
}

/*
 Menú de acceso
 */
#menu_login {
    float: right;
    width: 140px;
    border: 0px dashed #cccccc;
}

#menu_login p {
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 4px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #666666;
}

/*
 Menús de administración y usuari@s
 */
#menu_admin {
    background: #dfe4e7;
    border: #cccccc dashed 0px;
    width: 140px;
    margin: auto;
}

#menu_admin table {
    width: 140px;
    padding: 0%;
    margin: 0%;
}

#menu_admin td {
    list-style: none;
    margin: 0;
    line-height: 20px;
    border-top: 1px solid #D1D9C4;
    font-family: verdana;
    font-size: 11px;
    padding-left: 10px;
}

#menu_admin td a {
    text-decoration: none;
}

/*
 ______________________________________________________________________________________________________
 */
/*
 Columna Central
 */
#columna_central {
    float: left;
    width: 559px;
    position: relative;
    margin-left: 18px;
    margin-right: 18px;
}

/* #columna_central div { background: #fff url(../images/para_bg.jpg) repeat-x; }	 */
#columna_central h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #ffffff;
    padding: 4px;
    border: 1px solid #425227;
    background-color: #708090;
}

#columna_central h4 {
    background: #E53A3A;
    font: bold 10px verdana, arial, sans-serif;
    padding: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: #425227 solid 1px;
    color: #000000;
    width: 300px;
}

#columna_central h5 {
    font: normal 10px verdana, arial, sans-serif;
    padding: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 15px;
    margin-right: 15px;
    border: #425227 solid 1px;
    color: #000000;
}

#columna_central h6 {
    font: normal 10px verdana, arial, sans-serif;
    padding: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 25px;
    margin-right: 25px;
    border: #425227 solid 0px;
    color: #000000;
}

#columna_central span {
    display: block;
}

#columna_central table td {
    font: 11px verdana, arial, sans-serif;
    vertical-align: super;
}

#columna_central label {
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    color: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 100px;
    border: 1px solid #425227;
    background-color: #FFA053;
}

#columna_central p {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 4px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
    text-align: justify;
}

#columna_central ul {
    padding-left: 20px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}

#columna_central ul li {
    display: table;
    padding-bottom: 4px;
}

#columna_central select {
    margin: 10px;
    width: 180px;
}

#columna_central .selectEstrecho {
    width: 60px;
}

#eventosProximos {
    margin-right: 130px;
    margin-bottom: 10px;
    border: 3px double #B4BBA9;
    background: #DADADA;
}

#eventosLejanos {
    margin-right: 130px;
    margin-bottom: 10px;
}

#eventosHoy {
    margin-right: 130px;
    margin-bottom: 10px;
    border: 3px double #B4BBA9;
    background: #D5B6B3;
    color: #000;
}

#subtotalPedido {
    margin-bottom: 10px;
    border: 1px solid #000;
    background: #A7A7A7;
    color: #000;
}

#precioFinal {
    margin: auto;
    margin-bottom: 20px;
    border: 3px double #000;
    background: #DA412C;
    color: #000;
    width: 50%;
}

/*
 ______________________________________________________________________________________________________
 */
#columna_derecha A:link {
    COLOR: #4F5160;
    text-decoration: none;
}

#columna_derecha A:visited {
    COLOR: #4F5160;
    text-decoration: none;
}

#columna_derecha A:active {
    COLOR: #4F5160;
    text-decoration: none;
}

#columna_derecha A:hover {
    COLOR: #000000;
    text-decoration: none;
}

#columna_derecha {
    float: right;
    width: 145px;
    position: relative;
    margin-right: 5px;
}

#columna_derecha h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #ffffff;
    padding: 4px;
    border: 1px solid #425227;
    background-color: #708090;
    cursor: default;
    text-align: left;
}

#columna_derecha p {
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 4px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #666666;
}

#agenda {
    border: 1px solid #B4BBA9;
    background-color: #dfe4e7;
}

/*
 Pie de página
 */
#pie_de_pagina {
    background: #778899;
    border-bottom: 5px solid #fff;
    border-top: 10px solid #fff;
    text-align: center;
    color: #000000;
    font-size: 10px;
    clear: both;
}

#pie_de_pagina a {
    text-decoration: none;
    color: #ffffff;
}

#pie_de_pagina a:hover {
    text-decoration: none;
    color: #595959;
}

#pie_de_pagina p {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 4px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
}

/*
 ______________________________________________________________________________________________________
 */
/*
 Imágenes
 */
.imagen_a_la_izquierda {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 0px;
    max-width: 200px;
}

.imagen_buscar {
    float: right;
    margin-right: 100px;
    margin-bottom: -10px;
    border: 0px;
}

.imagen_a_la_derecha {
    float: right;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    border: 0px;
    max-width: 200px;
}

.imagen_a_la_derecha_categorias {
    float: right;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    border: 0px;
    max-width: 100px;
}

.imagen_categoria_productos {
    margin: 0 0 5px 10px;
    border-width: 0px;
    max-width: 90px;
    max-height: 90px;
}

.imagen_productos {
    float: right;
    margin: 0 0 5px 10px;
    border-width: 0px;
    max-height: 90px;
}

.imagen_productos_izquierda {
    float: left;
    margin-right: 25px;
    margin-bottom: 20px;
    border-width: 0px;
    max-height: 90px;
}

.imagen_noticias {
    float: right;
    margin: 0 0 5px 10px;
    border-width: 0px;
    max-height: 90px;
}

.imagen_noticia_admin {
    float: right;
    margin: 0 0 5px 10px;
    border-width: 0px;
    max-height: 40px;
}

.imagen_agenda {
    float: left;
    max-width: 35px;
    max-height: 60px;
    margin-right: 5px;
    border: none;
}* html .imagen_agenda {
    float: left;
    height: expression( this.height >

this.width && this.height > 60 ? "60px": true );
   width: expression(this.width>this.height&&this.width > 35? "35px": true );
   margin-right:5px;
	border:none;
}

#selectNumeros {
    display : inline;
    max-width : 50px;
    vertical-align : middle;
  }

.imagen_peq_derecha {
	float: right;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 11px;
	border: 0px;
	max-width: 40px;
}
/*
entradas de formulario
*/

.selectEstrecho {
    max-width:45px;
  }


.selectMedioEstrecho {
    max-width:65px;
  }






/*
Portada de noticias
*/

#clearer {
	clear:both;
	margin:0px;
}

#clearerNoticias {
	clear:both;
	margin-bottom:10px;
}

#noticia_ppal{
}

#noticia_ppal img{
	float:left;
   max-width:250px;
   max-height:300px;
   margin-right:5px;
	border:none;
}

*html #noticia_ppal img{
	float:left;
   height: expression( this.height>this.width && this.height > 300 ? "300px": true );
   width: expression(this.width>this.height&&this.width > 250? "250px": true );
   margin-right:5px;
	border:none;
}


#noticia_ppal span {
	font-family:verdana, arial, sans-serif;
	font-weight:bold;	
	font-size:16px;
	text-align:left;
	display:inline;
		

}

#noticia_ppal cite{
	font-style:normal;
	font-size:9px;
	font-weight:bold;
	color:#C20003;

}
#noticia_ppal p{
	font-size:10px;

}

#noticia_ppal  a:link img{
	border:none;
}

#noticia_ppal  a:link span{
	color:#000;
	text-decoration:none;
}

#noticia_ppal  a:link p{
	color:#535353;
	text-decoration:none;
}


#noticia_ppal  a:visited span{
	color:#000;
	text-decoration:none;
}

#noticia_ppal  a:visited p{
	color:#535353;
	text-decoration:none;
}

#noticia_ppal  a:hover span{
	text-decoration:underline;
}

#noticia_ppal  a:hover p{
	color:#000;
}


#noticias_categoria_portada{
margin-top:10px;
}

#noticias_categoria_portada span{
	display:block;
	background-color:#96ABC1;
	border:solid 1px #425227;
	color:#FFF;
	margin-bottom:5px;
   font-family: verdana, arial, sans-serif;
   font-size: 10px;
   font-weight:bold;
   padding:1px;
   text-align:left;
}
#noticias_categoria_portada .enlaceBlanco:link {
	color:#fff;
}
#noticias_categoria_portada .enlaceBlanco:visited {
	color:#fff;
}
#noticias_categoria_portada .enlaceBlanco:hover {
	color:#000;
}
#noticias_categoria_portada_izquierda {
	width:320px;
	float:left;
}


#noticias_categoria_portada_izquierda img{
	float:left;
   max-width:100px;
   max-height:150px;
   margin-right:5px;
	border:none;
	
}
*html #noticias_categoria_portada_izquierda img{
	float:left;
   height: expression( this.height>this.width && this.height > 150 ? "150px": true );
   width: expression(this.width>this.height&&this.width > 100? "100px": true );
   margin-right:5px;
	border:none;
}




#noticias_categoria_portada_izquierda span {
	font-family:verdana, arial, sans-serif;
	font-weight:bold;	
	font-size:11px;
	background-color:#fff;
	border:0px;
	color:#000;
	margin-bottom:0px;
	text-align:left;
	
}

#noticias_categoria_portada_izquierda cite{
	font-style:normal;
	font-size:9px;
	font-weight:normal;
	color:#C20003;
	padding-bottom:10px;
}
#noticias_categoria_portada_izquierda p{
	font-size:10px;
}

#noticias_categoria_portada_izquierda a:link img{
	border:none;
}

#noticias_categoria_portada_izquierda a:link span{
	color:#000;
	text-decoration:none;
}

#noticias_categoria_portada_izquierda a:link p{
	color:#535353;
	text-decoration:none;
}


#noticias_categoria_portada_izquierda a:visited span{
	color:#000;
	text-decoration:none;
}

#noticias_categoria_portada_izquierda a:visited p{
	color:#535353;
	text-decoration:none;
}

#noticias_categoria_portada_izquierda a:hover span{
	text-decoration:underline;
}

#noticias_categoria_portada_izquierda a:hover p{
	color:#000;
	text-decoration:none;
}







#noticias_categoria_portada_derecha {
	width:190px;
	float:right;
	margin-left:10px;
}




#noticias_categoria_portada_derecha span {
	font-family:verdana, arial, sans-serif;
	font-weight:bold;	
	font-size:11px;
	background-color:#fff;
	border:0px;
	color:#000;
	margin:0px;
	text-align:left;
}

#noticias_categoria_portada_derecha cite{
	font-style:normal;
	font-size:9px;
	font-weight:normal;
	color:#C20003;

}
#noticias_categoria_portada_derecha p{
	font-size:10px;

}

#noticias_categoria_portada_derecha a:link span{
	color:#000;
	text-decoration:none;
}

#noticias_categoria_portada_derecha a:visited span{
	color:#000;
	text-decoration:none;
}

#noticias_categoria_portada_derecha a:hover span{
	text-decoration:underline;
}

/*
________________________________________________________________________________________________--
*/



/*
Pedidos
*/

#pedidos{
	background-color:#FFE4BF;
	padding-bottom:5px;
}

#pedidos textarea{
	margin-left:10px;
}
#pedidos span {
    text-align:left;
    margin-top:5px;
    margin-bottom:5px;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #ffffff;
    padding:4px;
    border: 1px solid #425227;
    background-color:#C85759;
    width:350px;
  }


#contenidoPedidos{
	width:90%;
	margin:auto;
	margin-bottom:5px;
	background-color:#E1E1E1;
	padding-bottom:0px;
	
}

#contenidoPedidos p{
	margin-left:20px;
}

#contenidoPedidos em{
	font-family: verdana, arial, sans-serif;
   font-size: 11px;
   color:#000;
   font-weight:bold;
   font-style:normal;
   padding:4px;
   
   }

#contenidoPedidos .formulario{
	float:right;
}

.aviso{
background-color:#FF0004;
color:#fff;
}



.categorias {
	display:block;
	border:1px solid black;
	background:#5a73f8;;
	width:400px;	
	margin-top:10px;
	padding:5px;
	text-align:left;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color:#fff;
}


#noticia_portada img{
	display:block;
	float:none;
	clear:both;
	margin:auto;
	border:none;
	max-width:270px;
	height: expression( this.height>this.width && this.height > 270 ? "270px": true );
	width: expression(this.width>this.height&&this.width > 270? "270px": true ); 
}

#noticia_portada a:link img {
	border:none;
}

#noticia_portada a:visited span {
	color:#4c4d58;
	text-decoration:none;
	font-weight:bold;
}

#noticia_portada a:link  p {
	color:#535353;
	text-decoration:none;
}

#noticia_portada a:link span {
	color:#4c4d58;
	text-decoration:none;
	font-weight:bold;
}

#noticia_portada a:hover span {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#noticia_portada  a:visited p {
	color:#535353;
	text-decoration:none;
}

#noticia_portada a:hover p {
	color:#000;
	text-decoration:none;
}
#noticia_portada p {
	font-size:11px;
}

#noticia_portada cite {
	color:#C20003;
	font-size:9px;
	font-style:normal;
	font-weight:bold;
}

#noticia_ppal0{
	float:left;
	width:280px;
	padding:6px;
	border:1px solid black;
	background:#9FAFEA;
}

#noticia_ppal1 img{
	max-width:150px;
    max-height:200px; 
	float:left;
	margin-right:5px;   
}

#noticia_ppal1 img{	
    height: expression( this.height>this.width && this.height > 200 ? "200px": true );
    width: expression(this.width>this.height&&this.width > 150? "150px": true );    
}

#noticia_ppal1{
	float:right;
	width:250px;
	padding:3px;
}

#noticia_ppal2{
	float:right;
	width:250px;
	padding:3px;
}

#noticia_ppal2 img{
	float:left;
	margin-right:5px;
	max-width:150px;
    max-height:200px;    
}

#noticia_ppal2 img{	
    height: expression( this.height>this.width && this.height > 200 ? "200px": true );
    width: expression(this.width>this.height&&this.width > 150? "150px": true );    
}