/*
Hoja de estilos de
http://fincasantmiquel.es

Diseño "Aire"
(cc) 2008-2009 Algunos derechos reservados, Marcos Cruz (http://alinome.net)
Publicado bajo licencia de Creative Commons del tipo "Reconocimiento", versión 2.5
http://creativecommons.org/licenses/by/2.5/es/deed.es

La maquetación está basada en el diseño "Birdwatch" de Free CSS Templates:
http://www.freecsstemplates.org/templates/previews/birdwatch/
"Birwatch" está publicado bajo licencia de Creative Commons del tipo "Reconocimiento", versión 2.5

La paleta de colores está basada en:
http://www.colorcombos.com/color-scheme-266.html
http://www.colorcombos.com/color-scheme-188.html

FFFFFF blanco, fondo
959595 gris, texto
80C31C verde, títulos
BCDD5A verde, fondos
FF7900 naranja, enlaces
FBB36B naranja, enlaces visitados
FCF1D1 crema, filas de productos disponibles
 
*/

/***************************************
Puesta a cero

Idea inspirada en:
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
http://nettuts.com/html-css-techniques/weekend-quick-tip-create-your-own-resetcss-file/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
abbr, acronym, address, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
form, fieldset, label, legend, input, textarea,

table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: inherit;
  background-color: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
/*
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes:none; 
}
*/
/***************************************
Principal 
*/

body {
	margin: 0;
	font: normal small Verdana, Arial, Helvetica, sans-serif;
	color: #959595;
	background-color: #FFFFFF;
	margin:1em 0;
}

#pagina { 
	margin: 0 auto;
	}

/***************************************
Títulos
*/

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #80C31C;
}

h1 {
	font-size: 2.5em;
	line-height: 1.2em;
	margin: -.3em 0 .8em 0; /* margen superior negativo para alinear el texto con la columna lateral */
	font-weight: normal;
}

#columnaprincipal h1 {
	clear: both;
	}

h2 {
	margin-bottom: .8em;
	font-size: 2em;
	font-weight: normal;
  clear:left;
}

h3 {
	margin: 1em 0;
	font-size: 1.5em;
	font-weight: normal;
}

h4 {
	margin: .5em 0;
	font-size: 1.2em;
	font-weight: normal;
}

/***************************************
Estilos de bloque o similares
*/

p, blockquote, ul, ol, dl, table, pre, form fieldset {
	margin-bottom: 1.4em;
}

p, blockquote,li,dd,dt  {
	line-height: 1.8em;
}

p, blockquote  {
	text-align: justify;
}

blockquote {
	margin-right: 2em;
	background: url(../files/disenos/aire/comillas_BCDD5A_v4.png) no-repeat left .5em;
	padding-left:20px;
}

/*
hr.navegacion {
	color: #BCDD5A;
	}

div.hermanas + hr.navegacion {
	clear: left;	
	}
*/

/***************************************
Estilos de texto
*/

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

code {
	font-family: "Corier New", Courier, monospace;
}
/*
q:before {
  content: "«";
}
q:after {
  content: "»";
}
*/
q {
  quotes: '«' '»' '"' '"' "'" "'"; 
}

sub { 
	vertical-align: sub ;
	font-size: 80%;
}
sup { 
	vertical-align: super ;
	font-size: 80%;
}

/***************************************
Listas
*/

ul, ol, dd {
	margin-left: 2em;
}

ol {
	list-style: decimal;
}

#columnaprincipal ul {
	list-style-image: url(../files/disenos/aire/lista_00_v6.png) ;
}

#restaurar dl dt {
	font-weight: bold !important;
}

#restaurar dl dd {
	margin-left: 2em !important;
}

#columnaprincipal ul.datos {
	margin:0;
	list-style: none;
	list-style-image: none; 
}

/***************************************
Navegación
*/

#navegacionsuperior{
	}

#navegacioninferior {
	clear: left;
	}

.findenavegacion {
	clear:both;
	}

#navegacionsuperior .hermanas + .findenavegacion,
#navegacionsuperior .ascendientes + .findenavegacion {
	background: transparent url(../files/disenos/aire/linea_1313x10_BCDD5A_v1.png) no-repeat center bottom;
	margin-bottom: 1em;
	padding-bottom: 13px;
	}

#navegacioninferior .hermanas {
	background: transparent url(../files/disenos/aire/linea_1313x10_BCDD5A_v1.png) no-repeat center top;
	margin-top: 1em;
	padding-top: 13px;
	}

#columnaprincipal ul.trail {
	width: 100%;
	list-style: none;
	margin:0;
	}
#columnaprincipal ul.trail br {
	line-height: 0;
	margin: 0;
	}
#columnaprincipal ul.trail li {
	width: 24%;
	border: 1px solid transparent;
	float: left;
	}
#columnaprincipal ul.trail li+li {
	margin-left:3px;
	}
#columnaprincipal ul.trail li.trailfirst {
	/*float:left;*/
	}
#columnaprincipal ul.trail li.trailprev{
	/*float:left;*/
	}
#columnaprincipal ul.trail li.trailnext {
	/*float:right;*/
	}
#columnaprincipal ul.trail li.traillast {
	/*float:right;*/
	}

/***************************************
Enlaces
*/

a {
	text-decoration: underline;
	color: #FF7900; 
}

a.externo {
	background: url(../files/disenos/aire/enlace_externo_cuadro_FF7900.png) no-repeat scroll right;
	padding-right: 15px;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: underline;
}

a:visited {
	color: #FBB36B;
}

a.externo:visited {
	background: url(../files/disenos/aire/enlace_externo_cuadro_FBB36B.png) no-repeat scroll right;
	padding-right: 15px;
}


/***************************************
Novedades principales
*/

.novedad h2 {
	/* clear: both; */
	margin-bottom: .8em;
	font-size: 1.5em;
	font-weight: normal;
}

.novedad .fecha {
	display:block;
	width:86px;
	height:90px;
	margin: 0 ;
	float:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	clear:right;
	background: url(../files/disenos/aire/fecha_00_v04.png) no-repeat .5em top;
	padding-top: 1em;
}

.novedad .fecha .anho, 
.novedad .fecha .mes,
.novedad .fecha .dia {
	display: block;
	width: 100px;
	margin-bottom: 1px;
	padding: 1px;
	text-align: center;
}

.novedad .fecha .anho {
	/* background: #EAEAEA; */
	font-size: 90%;
}

.novedad .fecha .mes {
	clear: right;
	/* background: #D6D5D5;*/
}

.novedad .fecha .dia {
	clear: right;
	/* background: #EAEAEA; */
	font-size: 200%;
}

/***************************************
Novedades en recuadro de huerta
*/

#recuadrohuerta .novedadhuerta h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 ;
}

#recuadrohuerta .novedadhuerta p {
	line-height:normal;
}

#recuadrohuerta .novedadhuerta .fecha {
	margin: 0 ;
	text-align: left;
	font-size: 90%;
}

/***************************************
Novedades en zona de avisos
*/

#avisos p {
	line-height: normal;
	margin: 0 0 .5em;
}

#avisos .aviso {
	background: transparent url('../files/disenos/aire/aviso_16_v07.png') no-repeat -18px -8px;
	padding: 3em 1em 1em 2em;
}

#avisos h3 {
	margin: 0 0 .5em;
	font-size: 1.1em;
	font-weight: bold;
	line-height: normal;
}

#avisos .aviso .fecha {
	margin: 0 0 .2em 1em;
	text-align: right;
	font-size: 90%;
}

/***************************************
Cabecera
*/

#cabecera {
	/* width: 770px;
	height: 96px; */
	margin: 4em auto 1em;
}

#cabecera h1 a {
display: block;
height: 96px; /* ajustar según la altura del logotipo */
text-indent: -999em;  /* esconder el texto */
text-decoration:none; /* sin esto los firefox antiguos subrayarán el enlace */
/* firefox 2 no muestra la imagen si es PNG */
background: #FFFFFF url('../files/logotipo/logotipo_1400x96_izquierda_margen_87.png') no-repeat -23px +0px; /* 23 pixeles a la izquierda para hacer coincidir el algarrobo con la columna lateral */
/* background: #FFFFFF url('../files/logotipo/logotipo_1602x96_centro.png') no-repeat center center; */
}

/***************************************
Columnas
*/

#columnas {
	margin: 0 64px; /* márgenes laterales en pixeles para hacer coincidir el árbol del logo de cabecera */
}

#columnalateral {
	float: left;
	width: 20%;
}

#columnalateral p {
	text-align: left;
}

#columnaprincipal {
	float: right;
	width: 75%;
}

/***************************************
Recuadros de la columna lateral 
*/

.recuadro {
	background: url(../files/disenos/aire/recuadro_BCDD5A_v2.png) no-repeat left top;
	padding: .8em;
	margin-bottom: 1em;
}

.recuadro h2 {
	padding: 0px 0 0 10px;
	border-bottom: 1px solid #BCDD5A;
	font-size: 1.4em;
	text-align: center;
}

/***************************************
Recuadro de secciones (menú)
*/

#recuadrosecciones {
	margin-bottom: 1em;
}

#recuadrosecciones ul {
	margin: 0;
	list-style: none;
	line-height: normal;
	font-size:110%;
}

#recuadrosecciones li {
	display: inline;
	line-height: 1.2em;
}

#recuadrosecciones a,
#recuadrosecciones strong {
	display: block;
	padding: .2em 1em;
}

#recuadrosecciones a:hover,
#recuadrosecciones a:active {
	font-weight: bold;
	color: #80C31C;
	text-decoration: none;
}

#recuadrosecciones a:hover {
	background: url(../files/disenos/aire/opcion_de_menu_BCDD5A_v5.png) no-repeat right center ;
}

#recuadrosecciones strong {
	font-weight: bold;
	color: #80C31C;
	background: url(../files/disenos/aire/opcion_de_menu_BCDD5A_v2.png) no-repeat right center ;
}

/***************************************
Formularios
*/

form {
}

fieldset {
	border: 1px solid #BCDD5A;
	width: auto;
	padding: 1em;
}

legend {
	font-weight: bold;
	padding: 0 1em;
}

label {
	font-weight: bold;
	cursor: pointer;
}

label input,
label textarea {
	font-weight: normal;
}

img.info {
	cursor: help;
}

label img.info {
	margin-right: .5em;
}

img.info + input {
	margin-left: .5em;
}

input,
textarea {
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px inset #BCDD5A;
	color: #959595;
	font-size:110%;
}

button,
input.boton {
	border: 1px outset #80C31C;
	background-color: #BCDD5A;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
}

input + input,
input + button,
button + button { 
	margin-left: 1em;
}

ul + p input.boton,
ul + p button,
fieldset + p input.boton,
fieldset + p button {
	margin-top: 1em;
}

/***************************************
Pie
*/

#pie {
	clear: both;
	padding: 20px 50px;
	background: #FFFFFF url('../files/logotipo/logotipo_1313x10_tierra.png') no-repeat top left;
}

#pie p {
	font-size: 90%;
	margin: 0;
	line-height: normal;
}

#pie #iconos ul {
	margin: 0;
	}

#pie #iconos ul li {
	display: inline;
	}

#pie #iconos ul li+li {
	margin-left: 7px;
	}

#pie #iconos a {
	background:none;
	padding-right:0;
	}

/***************************************
Imágenes
*/

img {
  border:0;
}
img.izquierda, img.left,
div.izquierda, div.left,
object.izquierda, object.left {
  float:left;
  margin: 1em 2em 1em 0;
}
img.derecha, img.right,
div.derecha, div.right,
object.derecha, object.right {
  float: right;
  margin: 1em 0 1em 2em;
}

/***************************************
Artículos
*/

.fechadearticulo {
  display:block;
  text-align: right;
  font-weight:bold;
  margin-bottom:1em;
}

dl.articulos dd {
  border-bottom: 1px solid #CCC;
}

dt .fechadearticulo {
  margin-bottom:0;
}

.publicado {
  margin-top:1em;
}

/***************************************
Tablas
*/

.tabla {
  margin:  0 auto 1em auto ;
}

/*
table {
  font-size:110%;
}

th {
  font-weight: bold;
  text-align: center;
}

td {
  border: 1px solid gray;
}
*/

table {
	border-width: 1px;
	border-spacing: 5px;
	border-style: none;
	border-color: gray;
	border-collapse: separate;
}
th, td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: gray;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  border-radius: 6px;
}
th {
  border-width: 4px;
  font-weight: bold;
  text-align: center;
  font-size: 120%;
}


caption {
  margin-bottom:1em;
  text-align: center;
  font-style:italic;
}

table.precios {
  border-spacing:.5em;
}
table.precios td {
  padding:.5em;
}
table.precios thead tr {
  padding-bottom:1em;
  border: 1px solid #A89166;
}
table.precios th ,
table.precios td.producto { 
  font-family: Georgia, "Times New Roman", Times, serif;
  /*color: #80C31C;*/
  font-size: 1.3em;
  font-weight: normal;
}
table.precios td.producto { 
  text-align:left;
}
table.precios th.precio,
table.precios th.unidad { 
  text-align:right;
}
table.precios tr.disponible {
  background-color:#FCF1D1; 
}
table.precios tr.disponible td {
  font-weight: bold;
}
table.precios td.precio,
table.precios td.precioporotraunidad {
  font-family: Courier, monospace;
  font-size:1em;
  text-align: right;
}
table.precios td.unidad,
table.precios td.otraunidad {
  font-size:1em;
  text-align: right;
}

#tablatemporadas table {
  border-spacing:.5em;
}

#tablatemporadas table tr td,
#tablatemporadas table tr th {
  padding:.2em;
  width: 5em;
  text-align: center;
}

#tablatemporadas table tr th.producto {
  text-align: left;
}

#tablatemporadas table tr td {
  border: 1px solid #FCF1D1;
}

#tablatemporadas table tr td.disponible {
  background-color:#FCF1D1; 
}


/***************************************
Abreviaturas, acrónimos  y glosas
*/

abbr, acronym, .glossary {
	cursor:help;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: thin;
}

/***************************************
Accesibilidad
*/

.oculto {
   position: absolute;
   top: -999em;
   left: -999em;
}

/***************************************
Panel de gestión 
*/

.paneldegestion {
  background-color: #F7F7F7;
  border: 1px solid #999;
  padding: .5em;
  width: 90%;
  margin: 0 auto;
  }

.paneldegestion + div#columnas,
.paneldegestion + .message,
div#columnas + .paneldegestion {
  margin-top: .5em;
  }

#columnaprincipal .paneldegestion ul, 
.paneldegestion ul {
  font-size: 1em;
  line-height: 1em;
  margin: auto;
  padding: 0;
  list-style: none;
  }

#columnaprincipal .paneldegestion ul li,
.paneldegestion ul li {
  margin:0;
  display:inline;
  }

#columnaprincipal .paneldegestion ul li.separado,
.paneldegestion ul li.separado {
  margin-left:32px;
  }

/***************************************
Vista preliminar
*/

div.vistapreliminar,
div.preview {
   border: 2px dotted orange;
   padding:.5em;
   margin-bottom:1em;
}

p.vistapreliminar {
   color:orange !important;
   text-align:center;
   border-top: 2px dotted orange;
   margin:0;
}

/***************************************
BoltWire
*/

.marks { font-size: 80%; color: red; }
table.stripe { margin-left: 0px; }
table.stripe th, table.stripe td {padding: 5px;}
tr.striperow { background-color: #F7F7F7; padding: 7px; }
table.rss { padding: 0px; border-spacing: 0px; border-collapse: collapse; }
table.rss th { padding: 10px; border: 1px solid #999; background-color: #F7F7F7; padding-right: 25px; text-align: left; }
table.rss td { padding: 7px; border: 1px solid #999; background-color: #FFFFFF; padding-right: 25px; }

.hotlinks a, .hotlinks a:link, .hotlinks a:visited {
  color: black;
  text-decoration: none;
  border-bottom: 1px dotted #999;
  }
.hotlinks a:hover {
  border-bottom: none;
  font-style:italic;
  }

.box { background-color: #F7F7F7; padding: 7px; border: 1px solid #999;}
.box li { margin: 5px 5px 5px 5px;}
.box ul { margin: 0px 0px 0px 20px;}
.code { background-color: #F7F7F7; padding: 7px; border: 1px solid #999;margin: 0 0 1.5em 0;}
.code ul { margin: 0px 0px 0px 20px;}  

.message { /* recuadro para los mensajes del sistema */ 
	width: 90%;
	margin: 0 auto;
	background-color: #F7F7F7; 
	padding: 7px; 
	border: 1px 
	solid #999; 
	color: green; 
	font-weight: bold;
	}

.diff { color: green; font-size:75%; background-color: #F7F7F7; padding: 2px 5px 2px 5px; line-height: 2.5em;}

/*


~data~
author: fincasantmiquel
~
changesummary: Página modificada por fincasantmiquel.
~
title: Hoja de estilos del diseño Aire
~
fakecssend: */

~