/* CSS Document */

body {
	background:url(graf/bcg.jpg) repeat-x;
	background-color:#ABA581;
	margin:0;
}


a img {
	border:none;
}

img  {
	behavior:url(iepngfix.htc);/* Para los png transparentes */
}


p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:5px 0;
}

h1 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#5C5F65;
	margin:5px 0;
}

h1 a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#5C5F65;
	text-decoration:none;
}

h1 a:hover {
	color:#3D3F43;
}

h2 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ADA784;
	margin:5px 0;
}

h3 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#5A903C;
	background:url(graf/item-4.gif) 0 5px no-repeat;
	padding:0 0 0 25px;
	margin:10px 0;
}

h4 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#3E3B2A;
	background:url(graf/item-2.gif) no-repeat;
	padding:0 0 5px 30px;
	margin:10px 0;
}

h5 {
	font:bold 25px Arial, Helvetica, sans-serif;
	color:#A0CF85;
	background:url(graf/item-1.gif) no-repeat;
	padding:0 0 0 30px;
	margin:10px 0;
}

#contenedor {
	width:978px;
	height:auto;
	margin:0 auto;
}

#top {
	width:978px;
	height:410px;
	position:relative;
}

#logo {
	width:323px;
	height:88px;
	position:absolute;
	top:35px;
	left:50px;
}

#menu {
	width:600px;
	position:absolute;
	top:150px;
	left:350px;
}

#menu a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	margin:0 0 0 30px;
}

#menu a:hover {
	color:#058F46;
}

#cuerpo {
	width:898px;
	height:auto;
	background-color:#F7F5F2;
	padding:40px;
}

#col-izq {
	width:600px;
	float:left;
}

#col-der {
	width:280px;
	float:right;
}

#col-izq2 {	
	width:280px;
	float:left;
	margin:20px 0 0 0;
}

#col-der2 {
	width:600px;
	float:right;
	margin:20px 0 0 0;	
}

#col-der img {
	margin:0 0 5px 0;
}

#map3 {
	position:absolute;
	top:20px;
	left:60px;
	width:205px;
	height:205px;
}

#pie {
	width:100%;
	margin:0 auto;
	padding:20px 0 5px 0;
	background:url(graf/bcg-pie.jpg) repeat-x;
	text-align:center;
}

#pie a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#383425;
	margin:0 10px;
	text-decoration:none;
}

#pie strong {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:10px 0;
}

#pie p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#paginado {
	height:20px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#322F21;
	margin:30px 0 0 0;
	text-align:center;
	display: block;
}

#paginado a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#322F21;
}

/* Clases */

.reset {
	clear:both;
	margin:0px 0px 5px 0px;
	font-size:1px;
}

.warning{
	background:url(graf/bg-error-ie6.gif) repeat-x;
	color:#FFFFFF;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	z-index:10000;
	display:none;
	width:100%;
	height:90px;
}

.ver-mas {
	width:44px;
	height:17px;
	background:url(graf/bcg-ver-mas.png) no-repeat;
	padding:5px 2px 5px 10px;
	display: inline-block;
}

.ver-mas a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.ver-mas a:hover {
	color:#E8E1D9;
}

.listado-productos {
	float:left;
	width: 600px;
}

.listado-productos ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

.listado-productos li {
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ADA784;
	width: 226px;
	border-bottom: 1px dotted #ADA784;
	padding:5px 0 0 10px;
	margin: 0 30px 0 0;
	background:url(graf/item-5.gif) 0 10px no-repeat;
}

.listado-productos li a, .listado-productos2 li a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ADA784;
	text-decoration:none;
}

.listado-productos li a:hover, .listado-productos2 li a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#797351;
}

.listado-productos li ul li, .listado-productos2 li ul li {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#3E3B2A;
	padding:5px 0;
	border:none;
	background:none;
}

.listado-productos li ul li a, .listado-productos2 li ul li a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#3E3B2A;
	text-decoration:none;
}

.listado-productos li ul li a:hover, .listado-productos2 li ul li a:hover {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#1F1E14;
}

.listado-productos2 {
	float:left;
	width: 280px;
}

.listado-productos2 ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

.listado-productos2 li {
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ADA784;
	width: 260px;
	border-bottom: 1px dotted #ADA784;
	padding:5px 0 0 10px;
	margin: 0 30px 0 0;
	background:url(graf/item-5.gif) 0 10px no-repeat;
}

.tit-nov {
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#ADA784;
	font-style:italic;
	background:url(graf/item-3.gif) no-repeat;
	padding:0 0 5px 30px;
	margin:10px 0;
}

.novedades-home {
	background-color:#E4E1D5;
	padding:20px;
	width:240px;
}

.img-nov {
	width:212px;
	height:159px;
	float: left;
	border:6px solid #FFFFFF;
	margin: 0 0 10px  8px;
}

.novedades-home p {
	margin:0 0 10px 0;
	color:#888C92;
}

.ver-mas-nov a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ADA784;
	float:left;
}

.ver-mas-nov a:hover {
	color:#736D4D;
}

.novedades {
	padding:0px;
	width:445px;
	float:left;
	margin:10px 0 0 0;
}

.novedades img {
	width:212px;
	height:159px;
	float:left;
}

.txt-nov {
	color:#888C92;
	float:left;
	width:200px;
	margin:0 0 0 10px;
}

.txt-nov2 {
	color:#888C92;
	float:left;
	width:655px;
	margin:0 0 0 10px;
}


.banner-contacto {
	width:280px;
	height:250px;
	background:url(graf/bcg-banner-consulta.jpg) no-repeat;
	float:float;
	position:relative;
	margin: 20px 0 0 0;
	background-color: #E4E2D5;
}

.contactar {
	position:absolute;
	top:200px;
	left:50px;	
}

.prod {
	width:600px;
	float:left;
	padding:5px 0;
	border-bottom:2px solid #ADA784;
}

.consultar {
	background:url(graf/consultar.png) no-repeat;
}

.volver {
	background:url(graf/volver.png) no-repeat;
}

.pdf {
	background:url(graf/pdf.jpg) no-repeat;
}

.word {
	background:url(graf/word.jpg) no-repeat;
}

.excel {
	background:url(graf/excel.jpg) no-repeat;
}

.pdf, .word, .excel {
	padding:10px 5px 15px 40px;
	float:left;
	margin:0 0 10px 0;
	width:155px;
}

.consultar, .volver {
	padding:5px 0 5px 30px;
	display:inline-block;
	margin: 10px 10px 0 0;
}

.consultar a, .volver a, .pdf a, .word a, .excel a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#3E3B2A;
}

.consultar a:hover, .volver a:hover, .pdf a:hover, .word a:hover, .excel a:hover {
	color:#AEA988;
}

.extras {
	background:url(graf/bcg-extra.png) no-repeat;
	width:585px;
	height:20px;
	padding:5px 0 10px 5px;
	margin:20px 10px 20px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#3E3B2A;
}

.mas {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#A0CF85;
	border-bottom:1px dotted #A0CF85;
	padding:5px 0;
	margin:25px 0 10px 0;
}

/* Estilos transiciones cabeceras */
#ftHolder {
	width:978px;
	height:410px;
	position: absolute;
	z-index: -1;
	overflow: hidden;
}
#ft {float:left;}
#example { float: left; }
.ft-title { padding: 10px 10px; width:978px; text-align: left; }

.ft-prev, .ft-next { background-color: #000; padding: 0 10px; }
.ft-button-ft-active { color: black; }

/*Estilos Slide Destacados*/
#slideshow {
	width:530px;
	height:300px;
	float: left;
	position:relative;
	padding:10px 35px 0 35px;
	overflow:hidden;
	margin:0 0 30px 0;
}

#slidesContainer {
	width:530px;
	margin:0 10px;
	overflow:hidden;
}

#pageContainer {
  width:545px;
  height:250px;
  margin:0 auto;
}

.slide {
	float:left;
}

.slide p {
	margin:0 0 10px 0;
	color:#888C92;
}

.img-prod {
	width:158px;
	height:119px;
	margin:0 10px 10px 0;
	float: left;
}

.control {
  width:39px;
  height:263px;
  display:block;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:90px;
  left:8px;
  background:url(graf/control-left.gif) no-repeat 0 0;
}
#rightControl {
  top:90px;
  right:-5px;
  background:url(graf/control-right.gif) no-repeat 0 0;
}

/*Estilos contacto*/

/* Formulario */

.form-contacto {
	float:left;
	width:375px;
	margin:40px 0 0 50px;
	padding:0;
	text-align:right;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666666;
	float: left;
}

.inputs {
	width:200px;
	background-color:#FFF;
	border:1px solid #C2C1C1;
	vertical-align:middle;
	margin:2px 30px 2px 6px;
	padding:2px 5px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
}

.boton-contacto {
	float:right;
	cursor:pointer;
	margin:10px 30px 0 0;
}

label {
	display:block;
}