* {
	margin: 0;
	padding: 0;
}

body {
    font: 13px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #FFFFFF;
    background: #C0D0C5 url(images/bg.gif) repeat-x top;
}

h1, h2 {
    font: 26px/68px Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
}

h1 {
    float: left;
    width: 400px;
    text-align: left;
    color: White;
}

h2 {
    float: right;
    width: 280px;
    text-align: right;
    color: #C0D0C5;
}

h3 {
    padding: 20px 36px 5px 36px;
    font: 18px Arial, Helvetica, sans-serif;
    color: White;
}

h3.firsth3 {
    padding-top: 0;
}

p {
    padding: 5px 0;
    font: 13px/17px Arial, Helvetica, sans-serif;
    text-align: justify;
    color: #C0D0C5;
}

a {
    font-weight: bold;
    text-decoration: underline;
    color: #FFCF2A;
}

a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #FFCF2A;
}

#main {
    margin: 0 auto;
    width: 800px;
    text-align: left;
    background: #576E5F url(images/top.jpg) no-repeat top;
}

#logo {
    padding: 0 160px;
    height: 237px;
}

#menu {
    clear: both;
    margin: 0 0 40px 0;
    padding: 0 136px;
    height: 44px;
    text-align: center;
}

#menu ul {
    list-style: none;
}

#menu ul li {
    display: inline;
}

#menu ul li a {
    padding: 10px 16px 10px 14px;
    font: bold 14px/44px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #FAF0CA;
    background: url(images/menu.gif) no-repeat right;
}

#menu ul li.lastli a {
    padding: 10px 14px;
    background: none;
}

#menu ul li a:hover, #menu ul li a.active {
    text-decoration: none;
    color: White;
}

#middle {
    padding: 0 100px 50px 100px;
    background: url(images/middle.jpg) no-repeat bottom;
}

#footer {
    padding: 30px 100px 20px 100px;
    height: 60px;
    background: url(images/footer.jpg) no-repeat top;
}

#footer p {
    font: 12px/18px Arial, Helvetica, sans-serif;
    text-align: center;
    color: White;
}

#copyinfo {
    padding: 10px 0 0 0;
}

/* FORMS */
fieldset {
	margin: 0 5px 10px 0px;
	padding: 2px;
	border: 1px dotted #ccc;
} 
legend { background-color:#E19D0E; color:#FFFFFF; text-transform:uppercase; padding:3px; margin-left:10px; }
form p { margin: 5px 0 0 0; }
label {  text-align:right; margin-right:10px; display:block; width:140px; float:left; clear:both; font-weight:bold; }
input.text { width:225px; } 
textarea { width: 400px; margin: 5px 15px 15px 15px; }  


/*Navegación de la galería*/

#navegacion{
background-color: #DDC04D;
width: 530px;
height: 85px;
}
 
#navegacion ul {
padding: 5px 0px;
list-style: none;
float: left;
}
 
#navegacion li {
display: inline;
}
 
#navegacion ul li a{
color: #FFF;
float: left;
text-decoration: none;
display:block;
width:75px;
height:75px;
margin-right:5px;
margin-left:6px;
}
 
/*Esta clase se añade en el thumbnail seleccionado*/
#navegacion .activeSlide{
border: 2px solid #0066CC;
}
 
/*Tamaño de la galería*/
#galeria {
	width: 520px;
	vertical-align: middle;
	margin-left: 45px;
	text-align: center;
}

#animacion {
	margin-left: 30px;
	float: right;
	margin: 10;
	margin-top: 30px;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#lista {
	float: left;
	width: 200px;
	
}

#img-prod
{
	width: 400px;
	height: 180px;
	float: right;
	background-image: url(images/productos.png);
	background-repeat: no-repeat;
	background-attachment: inherit;
	padding: 0;
	
}

#parrafo-left {
	float: left;
	width: 330px;
	
}