/* CSS for OliveOilK.com - Copyright 2009 Xtencil.com */

* {padding: 0px; margin: 0px; list-style-type: none; text-decoration: none;}
html, body {top: 0; left: 0; background-color: #222; color: #666; right: 0px; font-family: Arial, sans-serif; font-size: 100%; }
.hide { display: none; }
.clear { clear: both; }




/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-family: Arial, sans-serif; }
#page-content #right h1 { margin: 0 0 20px 0; color: #333; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {  }
a {cursor: pointer; outline: none; text-decoration: none; color: #111; }
a:hover {color: #666; text-decoration: none !important; }

img {border:none;}

p, li { font-size: 0.75em; line-height: 1.4em; margin-bottom: 12px; } 
.right { text-align: right; }
strong { color: #444; font-weight: bold; }
cite, em, i { font-family: Georgia, serif; font-style: italic; }




/* HEADER */
#top { height: 8px; background: #222; display: block; }
#skip { position: absolute; top: 6px; right: 30px; z-index: 9; background: url(../img/black-60.png) repeat; font-size: 0.7em; }
#skip a { color: #777; padding: 5px 10px; display: block; }
#skip a:hover { color: #eee; padding: 10px 10px 5px 10px; }

#header {position: relative; width: 100%; min-width: 900px; height: 335px; overflow: hidden; }
#header-image, #header-content {position: absolute !important; }
#header-image div{ position: absolute; }
#header-space {height: 335px !important; height: 0px; }
#header-image, #header-content { min-height: 335px; height: 335px; width: 100%; overflow: hidden; min-width: 900px; }
#slideshow1, #header-image div, #header-image img { width: 100% !important; width: auto; min-height: 335px; min-width: 1280px; height: auto !important; height: 335px;}
object { z-index: -1 !important; float: left; top: 0px; left: 0px; position: absolute; height: 335px !important; }
#newsticker img { width: 10px; }

#nav {height: 32px; width: 100%; min-width: 900px; font-size: 12pt; margin-top: -32px; background: transparent url(../img/white-70.png) repeat; overflow: hidden; position: absolute; bottom: 0px !important; bottom: -1px; }
#nav ul {width: 600px; margin: 0px 0px 0px 20px; }
#nav ul li { float: left; margin-right: 18px; }
#nav ul li a  { z-index: 100; float: left; height: 32px; color: #111; padding-left: 0px !important; line-height: 26pt; text-indent: 8px; text-align: left; text-transform: uppercase; font-size: 9pt; }
#nav li a:hover {color: #111; text-decoration: none !important; }

.current-menu a, .current-news h3, .current-about h4 {color: #111 !important; font-weight: bold; }
.current a {color: #111 !important; font-weight: bold; }

body.home #nav li#menu1,
body.olive #nav li#menu2,
body.k #nav li#menu3,
body.links #nav li#menu5,
body.news #nav li#menu4,
body.contact #nav li#menu6 {color: #111 !important; font-weight: bold;}

#level0 #nav { height: 0px; }

#nav2 { height: 0px; width: 100%; min-width: 900px; font-size: 12pt; background: transparent url(../img/white-50.png) repeat; overflow: hidden; bottom: 32px !important; bottom: 31px; position: absolute;}
#nav2 ul { width: 600px; margin: 0px 0px 0px 20px; }
#nav2 ul li { float: left; margin-right: 12px; }
#nav2 ul li a  { z-index: 10; float: left; height: 25px; color: #111; padding-left: 0px !important; line-height: 20pt; text-indent: 8px; position: relative; text-align: left; text-transform: uppercase; font-size: 8pt; }
#nav2 li a:hover {color: #111; text-decoration: none !important; }
.active { color: #111 !important; font-weight: bold; }

#language { position: absolute; right: 30px; top: 8px; }
#language p { font-size: 0.7em; }

a#external, a.external { background: url(../img/external-link.gif) no-repeat right 5px; padding-right: 15px; }






/* CONTENT */
#page-content { width: 100%; min-width: 900px; clear: both; background: #FFF url(../img/bgcontent.jpg) repeat-x bottom; border-bottom: 2px solid #000; }

#left { float: left; width: 200px; margin: 40px 44px 30px 30px; }
#right { float: left; width: 500px; margin: 36px 0 30px 0; position: relative; }

ul#news, ul.news { margin: 0 0 18px 0; padding: 0; }
ul#news li, ul.news li { margin: 0; padding: 8px 0 0 0; font-size: 1em; line-height: 1em; border-bottom: 1px solid #ccc; }

ul#news li p { margin: 0; padding: 0; }

.date { color: #999; margin-right: 20px; }
li.first { border-bottom: 1px solid #ccc; padding:0 0 15px 0 !important; margin-bottom: 20px; }

ul#news h3, ul.news h3, .news h3, h3 { font-size: 0.9em; text-transform: uppercase; margin-bottom: 13px; line-height: 1em; color: #333 !important; }
ul#news h4, ul.news h4, .news h4, h4 { font-size: 0.7em; text-transform: uppercase; margin-bottom: 9px; line-height: 1.2em; color: #666; }
h4.separator { margin: 30px 0 0 0; padding: 0 0 8px 0; border-bottom: 1px solid #ccc; font-size: 0.6em; }

body.olive #right p { margin-bottom: 12px; line-height: 1.4em; }

ul#news-list { margin: 50px 0 10px 0; font-size: 1em; border-top: 1px solid #ccc; }
ul#news-list li { margin: 0; padding: 0; }
ul#news-list li a { padding: 3px 0; margin: 0; border-bottom: 1px solid #ccc; display: block; }
ul#news-list li a:hover { background: #333; padding-left: 10px; color: #fff !important}

ul.links { list-style: none; margin: 0; padding: 0; border-top: 1px solid #ccc; }
ul.links li { position: relative; margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
ul.links li a { display: block; width: 480px; padding: 5px 10px; font-weight: bold; }
ul.links li a:hover { background: #333 url(../img/link.gif) no-repeat 480px center; color: #fff !important; }
ul.links li span { position: absolute; top:5px; left: 250px; font-weight: normal; }

a.button { background: #111; color: #ccc !important; padding: 6px 12px; }
a.button:hover { background: #444; color: #fff !important; }
body.home a.button { margin-left: 73px; }

#botella-k { margin-top: 60px; margin-left: 30px; }

#page-content #left a#external { background: url(../img/external-link.gif) no-repeat right 4px; padding-right: 17px; }
#page-content #left a#external:hover { background: #333 url(../img/external-link.gif) no-repeat 94% 4px; }

#page-content #right a#external, #page-content #right a.external { background: url(../img/external-link.gif) no-repeat right 0px; padding-right: 17px; }

#instrucciones { margin: 161px 0 0 0; border: 1px solid #ccc; background: #fff url(../img/grey-lines.jpg) repeat-y center; padding: 6px; }
#instrucciones p { font-size: 0.7em; }

#nota { margin: 100px 0 0 0; /*border: 1px solid #ccc; background: #fff url(../img/grey-lines.jpg) repeat-y right; padding: 6px;*/ } 
#nota p { font-size: 0.7em; margin-bottom: 5px !important; }



/* Gallery */
#left-images { float: left; width: 100px; margin: 40px 44px 30px 30px; }
#right-images { float: left; width: 80%; margin: 36px 0 30px 0; }
#assets-gallery { margin: 0; padding: 3px 0; /* border: 1px solid #ccc; height: 251px; overflow: auto; display: block;*/ } 
#assets-gallery .thumb { float: left; margin: 0 3px 3px 0; padding: 0; }
#assets-gallery .thumb:hover {  }


/* Contacto */
#right .col1 { float: left; width: 220px; margin: 0 30px 0 0; }
#right .col2 { float: left; width: 200px; }
.contact #right p { margin: 0 0 10px 0; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; }
.contact #right p b { color: #333; }


/* Sitemap */
ul.sitemap {  }
ul.sitemap li { margin: 0; padding: 2px 0; }
ul.sitemap li ul { border-left: 2px solid #eee; margin-left: 7px; }
ul.sitemap li ul li { font-size: 1em; padding: 2px 0 2px 7px;}

#product-select { position: absolute; left: 520px; top: 0; height: 200px; width: 152px; text-align: center; }
.img-select { margin-right: 20px; float: left; cursor: pointer; }
select.sel-prod { float: left; width: 140px; margin: 56px 0 0 0; }


/* FOOTER */
#footer { background: transparent; position: relative; width: 100%; min-width: 900px; color: #777; float: left; text-align: left; border-top: 1px solid #111; }
#footer-copy { width: 900px; }
#footer-left { float: left; width: 200px; margin: 0 44px 3px 30px; }
#footer-right { float: left; width: 500px; margin: 0; }
#footer a {color: #999; }
#footer a:hover {color: white; }
#footer p { float: left; width: auto; margin: 14px 20px 14px 0; text-transform: none; font-size: 0.7em;}

#social-icons { position: absolute; right: 30px; top: 12px; }




/* VARIOS */
.imgRight { float: right; margin: 0 0 10px 20px; }
.imgRight, .imgLeft { padding: 3px; border: 1px solid #ccc; background: #eee; }
.center { text-align: center; }
.download { margin-left: 10px; }
.grey { color: #444; }
img.xtencil {  }