body {background:url("../images/bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #444; font-family: Arial,Helvetica,sans-serif; text-align: justify; }
html, body { height: 100%; }
#wrapper {height: auto !important; margin: 0 auto -30px; min-height: 100%; }
a, a:hover, a:focus, a:active {outline:none !important;}

/* HEADER */
header .header {background: url("../images/bg_header.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 10px 0 #333; height: 250px; }
.logo {background: url("../images/logo.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 0 0 4px 4px; cursor: pointer; height: 223px; margin: 0 auto; width: 270px; }

/* NAV */
nav { border-radius:0 !important; background:#231f20 !important; border:none !important; width:auto; margin:0 auto; border-top: 1px solid #fff; box-shadow: 0 0 10px 0 #333; color: #fff; font-weight: 300; height: 2.4em; width: 100%; }
nav ul li { background: url("../images/separador.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); cursor: pointer; float: left; height: 100%; line-height: 40px; list-style: none outside none; margin: 0; padding: 0 30px 0 10px; text-align: center; }
nav ul {width:785px; float:inherit !important; margin:0 auto !important; background: url("../images/separador.png") no-repeat scroll left center rgba(0, 0, 0, 0); height: 100%; margin: 0 auto; padding: 0 0 0 25px !important; text-align: center; }
nav a { color:#fff; background:none !important; letter-spacing:0.15em;}
nav a:hover, nav a:active, nav a:focus { color:rgba(255, 255, 255, 0.7); background:none !important;}

/* HOME */
.box{border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); cursor: pointer; float: left; height: 480px; margin: 15px 12px; opacity: 0.7; position: relative; text-align: center; width: 230px; }
.box:hover{box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); opacity: 1; }
.aceite{background:url("../images/aceite_bw.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
.aceite:hover{	background:url("../images/aceite.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
.aceitunas{background:url("../images/aceitunas_bw.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
.aceitunas:hover{background:url("../images/aceitunas.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
.olivenza{background:url("../images/olivenza_bw.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); height:290px; }
.olivenza:hover{background:url("../images/olivenza.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
.elaboracion{background:url("../images/elaboracion_bw.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
.elaboracion:hover{background:url("../images/elaboracion.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
.box p{line-height: 1.6em; margin: 10px 20px; padding: 0 0 20px; }
.box h2{text-align:center; }
.box img {border-radius: 4px 4px 0 0; width:auto; }
.triangulo{background: url("../images/triangulo.png") repeat scroll 0 0 rgba(0, 0, 0, 0); height: 33px; position: relative; width: 66px; z-index: 100; }
#tr-aceite{margin: 266px auto 0; }
#tr-aceitunas{margin: 337px auto 0; }
#tr-olivenza{margin: 81px auto 0; }
#tr-elaboracion{margin: 197px auto 0; }

/* CONTENT */
.content {padding:2% 10px; margin-bottom:25px;}
.content a {color:#444; text-decoration:underline;}
.content a:hover, .content a:focus, .content a:active {color:#444; text-decoration:none;}
h1 {border-bottom: 1px dotted #231f20; color: #231f20; font-weight: 100; letter-spacing: 7px; line-height: 50px; margin: 0 0 30px; text-align: left; text-transform: uppercase; }
h2 {color: #666666; font-size: 20px; font-style: normal; font-weight: 100; letter-spacing: 0.15em; margin: 30px 0 10px 10px; text-transform: uppercase; }
h3 {border-radius:3px; background: none repeat scroll 0 0 #231f20; color: #ffffff; font-weight: 100; padding: 3px 10px; font-size:120%; }
.precio-antes { text-decoration:line-through; font-size:90%;}
.precio-especial {color:red; font-weight:bold; margin: 0 8px; font-size:110%;}
.dl-horizontal dt { text-align:left; width:100px;}
.dl-horizontal dd {margin-left: 100px; }
address { margin:20px; padding:10px 0; width:auto; }
.home .btn, .home .btn:hover, .home .btn:focus, .home .btn:active {width:230px; margin:5px 12px !important;}
.btn, .btn:hover, .btn:focus, .btn:active {margin:5px 0; width:100%; box-shadow:none !important; text-decoration:none !important; color:#fff !important; background:#bcb60f; padding: 10px; text-transform: uppercase; letter-spacing: 0.15em; }
.btn-negro, .btn-negro:hover, .btn-negro:focus, .btn-negro:active {margin:5px 0 !important; width:100%; box-shadow:none !important; text-decoration:none !important; color:#fff !important; padding: 10px !important; text-transform: uppercase; letter-spacing: 0.15em;background:#231f20 !important; }
.btn-form { max-width:200px;}
.btn span {font-size:120%;}

/* FORMULARIO */
form.contacto{background:#fff; padding:20px; margin:15px 0 ;}
form.contacto p {letter-spacing:1px; font-weight:bold;}
form.contacto input, form.contacto textarea {border:none !important; font-weight:100 !important; padding:5px; background:#f7f7f7; width:100%;}

/* FOOTER */
#push, footer {height: 30px; }
.copy { background: #bcb60f; color:#fff; padding:7px 6px; font-size: 80%; }
.copy p { margin:0;}

/* GALERÍA  */
#gallery ul li{margin:10px; line-height:3; }
#gallery ul li img{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); cursor:pointer; opacity:0.7; }
#gallery img:hover{box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2); opacity:1; }