/* Auto generated Css File */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* class="clearfix" Clase .clearfix, per afegir a cada últim element utilitzant float: */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block;*display:inline;*zoom:1; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* Chorradetes */

/* Beautifull blockquotes */
blockquote {
     background:#f9f9f9;
     border-left:10px solid #ccc;
     margin:1.5em 10px;
     padding:.5em 10px;
     quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
     color:#ccc;
     content:open-quote;
     font-size:4em;
     line-height:.1em;
     margin-right:.25em;
     vertical-align:-.4em;
}
blockquote p {
     display:inline;
}

/* Change the color of highlighted text by adding this little CSS snippet to your stylesheet. */

::selection {
/*
   background: #0080ff; 
        color: #ffffff;
*/
   }
::-moz-selection {
  /*
 background: #0080ff; 
        color: #ffffff;
*/
   }

/* Fi Chorradetes */



/* Detalles Images per defecte */
a img {border:none};
img{
    background: url(img/preloader.gif) no-repeat 50% 50%;
}


body:before
{
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   }
   
    

#thr {width:1px;height: 1px;background: transparent;overflow: hidden;display:block;}	      
 
  


 /*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3 
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}@-webkit-keyframes slidetounlock {
	0% {
		background-position: -320px 0;
	}
	
	100%{
		background-position: 100px 0;
	}
}
html,body{}
#base {position:absolute;margin-top:0px; margin-left: auto;
  margin-right: auto;width:960px;}
  
body {font-family:"Lucida Sans Unicode","Lucida Grande";background:#BCBABA;color:#000;font-size:12px;background: url(../content/img/background.png) #BCBABA repeat-x ;background-attachment: fixed;}
a, a:link, a:visited {color:#fff;text-decoration: none;}
a:hover{color:#999;}


h1 {margin:0px;margin-left:15px;height: 21px; text-shadow: 3px 3px 0.3px black; padding:0px;padding-top:60px;color:#AAA87C; font-family: 'CopperPlateNormal';font-size: 15px;letter-spacing: 2px;}
#header {display:block;position:relative;z-index:140;width:982px;margin:0 auto; height:158px;background: url(../content/img/header.png) no-repeat;clear:both;}
#logo {float:left;width:203px;text-align: center;}
#subheader {color:#674f17;font-size:18px;display:block;z-index:25;width:960px;margin-top:0px;margin-left:auto;margin-right: auto;height: 61px;position:relative;top:-54px;background: url(../content/img/back_submenu.png) ; -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.7);
   -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.7);
   box-shadow: 0px 0px 6px rgba(0,0,0,.8);}

#header_center {width:537px;height: 150px;float:left;}
#header_right{float:right;vertical-align: top;text-align: center;width: 241px}

#idiomas {width:100%;font-size:11px;text-align: center}
#pig {display:block;width:75px;margin:34px auto 0px ;vertical-align: top;clear:both;}
#menu {display: block;margin:0px;padding:0px;margin-top: 23px;padding-top:15px;border-top:1px solid #292929;width:537px;background:black;}
.submenu {position:absolute;display: block;margin-top: 20px;padding-top:15px;}
#menu a,#menu a:link,#menu a:visited{display:inline-block;*display:inline;*zoom:1;margin-right:43px;margin-left:0px;padding:0px;color:#999;font-size: 16px;text-decoration: none;font-weight: 300;}
#menu a:first-child{margin-left:15px;}
#menu a:last-child{margin: 0px;margin-right:0px;}
#menu a:hover{color:white;}
#menu a:active{color:white;}
.submenu a,.submenu a:link,.submenu a:visited{display:inline-block;text-align:center;padding-left:10px;padding-right:10px;color:#5e4812;font-weight:300;font-size: 16px;text-decoration: none;}
.submenu a:hover{color:white;}
.submenu a:active{color:#fff;}
.submenu a.selected{color:#fff;}
#idiomas ul { list-style: none;width: 100%;padding:0px;}
#idiomas ul li { display: inline-block;margin-left:10px;}
#idiomas a,#idiomas a:link,#idiomas a:visited{color:#666;font-size: 11px;text-decoration: none;}
#idiomas a:hover{color:white;}

#menu a.selected{color:#fff;}

#base , #content {padding:0px;}
#content{}
.sombra_both { -webkit-box-shadow: 3px 3px 5px #878686,  -3px 3px 5px #878686;   
-moz-box-shadow: 3px 3px 5px #878686,  -3px 3px 5px #878686;   
box-shadow: 3px 3px 5px #878686,  -3px 3px 5px #878686; 

}

#base {top:-54px;position: relative;z-index:1;background: #fff;}

.row {display: block;padding-top:10px;padding-bottom:10px;}
.one_third {display: inline-block;margin:0px;margin-left:12px;margin-right:-3px; vertical-align: top !important; }


.f { padding:20px;}

.fxx {display: inline-block;border-right:1px solid #333;vertical-align: top;padding:0px;margin:0px;min-height:315px;margin-left:-3px;position: relative;}
.fxx:first-child{margin-left:0px;}

.f83 {width:83px;height:300px;display: inline-block;border-right:1px solid #333;vertical-align: top;}
.f220 {width:225px;height:300px;display: inline-block;border-right:1px solid #333;vertical-align: top;}
.f150 {width: 155px;height:300px;display: inline-block;border-right:1px solid #333;vertical-align: top;}
.f192 {width:220px;min-height:190px;display: inline-block;vertical-align: top;padding:0px;margin: 0px;}
.f192b {width:149px;min-height:190px;display: inline-block;vertical-align: top;padding:0px;margin: 0px;}
.f192c {width:120px;min-height:190px;display: inline-block;vertical-align: top;padding:0px;margin: 0px;}
.home_box {color:White;width:304px;height: 243px;}
.home_box_inside {padding:20px;position: relative;vertical-align: baseline;height: 162px}
.home_box_inside p.title {color:#292200;font-size:18px;margin-top:0px;margin-bottom:10px;}
.home_box_inside p {margin-top:0px;color:#fff;font-size:12px;line-height: 20px;font-weight: 200 }
.last { margin-right:0px;}
#footer{background: #000;color:#999;width: 960px;z-index:99;font-size:11px;line-height: 16px;position:absolute;}

a.btn,a.btn:link,a.btn:visited{line-height: 20px;-moz-border-radius: 20px 20px;border-radius: 20px 20px;
color:#333;font-size:11px;padding:3px;padding-left:6px;padding-right:6px;text-align:center;text-decoration: none;height:20px;
background:rgb(184,184,184);
background-image: linear-gradient(bottom, rgb(184,184,184) 100%,  rgb(210,210,210) 19%);
background-image: -o-linear-gradient(bottom, rgb(184,184,184) 100%,  rgb(210,210,210) 19%);
background-image: -moz-linear-gradient(bottom, rgb(184,184,184) 100%,  rgb(210,210,210) 19%);
background-image: -webkit-linear-gradient(bottom, rgb(184,184,184) 100% , rgb(210,210,210) 19%);
background-image: -ms-linear-gradient(bottom, rgb(184,184,184) 100%,  rgb(210,210,210) 19%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.19, rgb(184,184,184)),
	color-stop(1, rgb(210,210,210))
);

}
a.btn:hover{color:#000;

background-image: linear-gradient(bottom, rgb(210,210,210) 19%, rgb(184,184,184) 100%);
background-image: -o-linear-gradient(bottom, rgb(210,210,210) 19%, rgb(184,184,184) 100%);
background-image: -moz-linear-gradient(bottom, rgb(210,210,210) 19%, rgb(184,184,184) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(210,210,210) 19%, rgb(184,184,184) 100%);
background-image: -ms-linear-gradient(bottom, rgb(210,210,210) 19%, rgb(184,184,184) 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.19, rgb(210,210,210)),
	color-stop(1, rgb(184,184,184))
);
}
#footer h2 {width:120px;color:#999;font-size:12px;}


h2, h3,h4,h5 {margin-top:0px;padding-top:0px;font-weight:normal;font-weight:200}



/* Productos */
#gamahoreca_container{  
padding-bottom:18px;
	margin-top:39px;
	width: 960px;
	overflow-x: hidden;
}
#gamahoreca_container .gamahoreca{  
		display: block;
		width: 960px;
	border-bottom:1px solid #bcbaba;
	padding-top:18px;
	padding-bottom:16px;
	min-height: 190px;
	padding-left:10px;
	padding-right:10px;

}
#gamahoreca p {  
		
}
#gamahoreca_container .ref{  

	width:40px;
		display: inline-block;
		vertical-align: top;
		line-height: 15px;
		font-size: 12px;
		position: relative;
		top:-3px;
}
#gamahoreca_container .parentcategory{  
		
}
#gamahoreca_container .category{  
		
}
#gamahoreca_container .title{  
font-size: 10px;
		color:#666;
		font-weight: bold;
		text-transform: capitalize;
		display: inline-block;
		margin-bottom:9px;
		
}
#gamahoreca_container .imagen{  
		margin-top: 20px;
}
#gamahoreca_container .title_producto{  
color:#9a833f !important;	display: inline-block;line-height: 15px;width:170px;vertical-align: top;		position: relative;
		top:-3px;
font-size: 12px;font-weight: bold;
}
#gamahoreca_container .producto{
width: 175px;
color:#666;font-size:10px;line-height: 15px;
}
#gamahoreca_container .conservacion{  
width:180px;
		color:#666;font-size:10px;line-height: 15px;
				margin-bottom:20px;
}
#gamahoreca_container .caducidad{  
width:175px;
		color:#666;font-size:10px;line-height: 15px;
}
#gamahoreca_container .presentacion{  
/* width:175px; */
		color:#666;font-size:10px;line-height: 15px;
		margin-bottom: 20px;
}
#gamahoreca_container .pesopieza{  
		color:#666;font-size:10px;line-height: 15px;
}
#gamahoreca_container .piezascaja{  
		color:#666;font-size:10px;line-height: 15px;
}
#gamahoreca_container .cajaspaleta{  
		color:#666;font-size:10px;line-height: 15px;
}
#gamahoreca_container .medidas{  
		color:#666;font-size:10px;line-height: 15px;
}
#gamahoreca_container .archivo{  
		color:#666;font-size:10px;line-height: 15px;
		text-align: center;
		width: 100%;
		margin-top:40px;
}
#gamahoreca_container .archivo p {
		color:#666;font-size:10px;line-height: 15px;width: 120px;margin:0 auto;
}  

#sidebar {
width:276px;
display: inline-block;
vertical-align: top;
height: 100%;
padding-bottom: 50px;
}
#sidebar .panel {

width:204px;
margin-bottom: 20px;
}
#sidebar .panel.amarillo {
background: #fff5d7;
background: url(../content/img/panel_yellow.jpg) repeat-x #fff5d7;
border:1px solid #e8d18d;
}
#sidebar .panel.gris {

background: #eee;
background: url(../content/img/panel_gris.jpg) repeat-x #eee;
border:1px solid #ccc;
}
#sidebar .panel_inside {
border:1px solid #fff;
padding:23px;}
#sidebar .panel.amarillo p{color: #5c502d; font-size:12px;line-height: 18px;}
#sidebar .panel.amarillo h2 {color:#292200;font-size:18px;}
#sidebar .panel.gris p{color: #595959; font-size:12px;line-height: 18px;}
#sidebar .panel.gris h2 {color:#212121;font-size:18px;}

.subcontent{
display: inline-block;
width:513px;
padding-left:108px;
padding-right:59px;
vertical-align: top;
padding-bottom: 50px;
}
.subcontent p {color:#333; font-size:12px;line-height: 20px;}
.subcontent h3 {color:#957a29;font-size:13px;margin-bottom: 20px;}
.subcontent h2 {padding:0px;margin-bottom:10px;}
#calidad, #empresa, #contacto { padding-top:65px;}
#contacto {padding-bottom: 40px;}
#slider{width:960px;height:327px;}
#slider_productos {width: 960px;height: 290px}
#bandera {margin-left:50px;float:left;background-repeat: no-repeat;background-position: 0px -2px;width: 237px;height: 298px;text-align: center;}
#bandera p {color:white;width:181px;margin:0 auto;text-align:left;font-size:12px;line-height: 20px;} 
.growl a{font-size:14px;

 background: -webkit-gradient(linear,left top,right top,color-stop(0, #999999),color-stop(0.4, #999999),color-stop(0.5, white),color-stop(0.6, #999999),color-stop(1, #999999)); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: slidetounlock 5s infinite;
padding: 0px;margin: 0px;

width: 200%;display: block;


margin-left:5px;

}
  .growl {background:#000;padding-left:6px;padding-right:6px;    margin-top:220px;margin-right:70px;height:30px;line-height: 30px;-moz-border-radius: 10px;border-radius: 10px; float:right;background: rgba(0,0,0,0.7);*background:#000
  }
  .growl a:hover{  -webkit-text-fill-color: #fff;font-weight: 100;}
#googlemaps {width:700px;margin:0 auto;margin-top:50px;}

#contacto_form{
display: inline-block;
width:666px;
}
#contacto tr {margin-top:10px;margin-bottom:10px;}
#contacto_form form {margin-top:20px;}
#contacto_form h2 {margin-left:128px;font-size:18px;margin-bottom:18px;}
#contacto_form small {margin-left:128px;color:#666;font-size:12px;margin-bottom:15px;}
.asterisco {color:red;}
#direccioncontacto {
display: inline-block;
vertical-align: top;
width:290px;
}
#direccioncontacto h2 {margin-bottom: 14px;padding:0px;}
#direccioncontacto p {font-size:12px; line-height:20px;margin:0px;padding:0px;}

input[type='text'] {width: 458px;height:20px;margin-bottom:20px;}
textarea{width:458px;height: 78px;margin-bottom:20px;}
label {font-size:12px;margin-right:15px;}

#avisolegal {padding-top:42px;line-height: 18px;}

#submenu_productos{position:absolute;margin-top:0px;height:39px;width:960px;line-height:38px;text-align:center;background: url(../content/img/back_submenu_productos.png);color:#999;z-index: 100;
}

#submenu_productos a,#submenu_productos a:link,#submenu_productos a:visited{display:inline-block;padding-left:5px;padding-right:5px;color:#999;font-size: 14px;text-decoration: none;}
#submenu_productos a:hover{color:white;}

.menu_tri {position:absolute;margin-top:4px;width:19px;height:9px;background: url(../content/img/menu_tri.png) no-repeat 0px 0px;display:none;}
#tri_home {left:227px;display:block;}
#tri_productos {left:340px;}
#tri_calidad {left:455px;}
#tri_empresa {left:565px;}
#tri_contacto {left:685px;}
#colorblack p {color: #5c502d;}

#footer ul {padding-left:10px;margin-top:-10px;list-style: none;}
#footer  a, a:visited{color:#999;}
#footer  a:hover{color:#fff}
#contacto a, #contacto a:link, #contacto a:visited{color:#999;}
#contacto a:hover{color:#666;}
strong {letter-spacing: 0px;}
#submenu_productos a.selected{color:#fff;}

#goback {color:white; background: rgba(0,0,0,0.7);text-align: center;padding:10px;position: fixed;top:60%;right: 30%;-moz-border-radius: 10px;border-radius: 10px;cursor: pointer;cursor: hand;display:none;}

#facebook {display:inline-block;vertical-align:bottom;width:20px;height:20px;background: url(../content/img/facebook_but.jpg) 0px 0px;}
#facebook:hover{background-position-y: -20px;}
#twitter {display:inline-block;vertical-align:bottom;width:20px;height:20px;background: url(../content/img/twitter_but.jpg) 0px 0px;}
#twitter:hover{
background-position-y: -20px;}

#footer a.dorado,#footer a.dorado:visited {color:#c29935;}

.flecha_blanca {background: url(../content/img/flecha_blanca.jpg);width:17px;height: 8px;margin:0 auto;position:relative;display:none;}