html {
}
body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	background-color: #000000;
	
}
strong {
    font-weight: bold;
}
a {
    outline: medium none;
}
em {
    font-style: italic;
}
#top_bar {
    background-color: #000000;
    height: 120px;
    opacity: 0.65;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 0;
}
#main_container {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 1;
	top: -120px;
}
#head {
   height: 120px;
width: 856px;
display: block;
margin: 0 auto;
position: relative;
}
#logo {
    float: left;
    height: 60px;
    margin-top: 30px;
    width: 145px;
}
#menu {
    float: right;
    margin-left: 161px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 51px;
}
#menu li {
    float: left;
    margin-left: 20px;
}
#menu li a {
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 16px;
    padding: 6px 0 12px;
    text-decoration: none;
}
#menu li a:hover, #menu li.selected a {
    border-bottom: 3px solid #FFFFFF;
    border-top: 3px solid #FFFFFF;
    padding: 3px 0 12px;
}
.content {width:856px; margin: 30px auto 0;
}
.content.template_01 {
    margin-top: 0;
}
.content.template_03 {
    margin-top: 30px;
}
.content.template_04 {
    margin-top: 30px;
}
#home_featured {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    height: 293px;
}
#home_featured .featured_data {
    font-size: 16px;
}
#home_featured .featured_data p {
    float: left;
    margin-left: 14px;
    margin-top: 4px;
}
#home_featured .featured_data p.read_more {
    float: right;
    margin-left: 0;
    margin-right: 14px;
}
#home_featured .featured_data a {
    color: #000000;
    text-decoration: none;
}
#home_featured .featured_data a:hover {
    color: #B80000;
}
#home_featured .featured_data .read_more a {
    color: #B80000;
}
#template_image {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #BBBBBB #BBBBBB #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 8px;
    height: 255px;
}
#template_info {
    margin-top: 30px;
}
#sections_list, #recipes_list {
    display: block;
    overflow: hidden;
}
#template_detail {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    display: block;
    float: left;
    min-height: 616px;
    padding: 48px;
    width: 465px;
}
#template_detail a {
    color: #B80000;
    text-decoration: none;
}
#template_detail h1 {
    color: #B80000;
    font-size: 28px;
    line-height: 12px;
}
#template_detail p, #template_detail ul {
    line-height: 18px;
    margin-top: 25px;
}
#template_detail ul li {
    list-style: disc inside url("../images/interface/list_graphic.gif");
}
#template_detail input, #template_detail textarea {
    border: 1px solid #BBBBBB;
    margin-top: 4px;
    padding: 2px 6px;
    width: 450px;
}
#template_detail .submit input {
    background-color: #BBBBBB;
    width: 100px;
}
#template_related_modules {
    display: block;
    float: right;
    width: 272px;
}
.module {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    height: 340px;
    margin-top: 30px;
    position: relative;
    width: 270px;
}
#sections_list .module, #template_related_modules .module {
    float: left;
}
#sections_list .module {
    margin-left: 20px;
}
#sections_list .module.first, #template_related_modules .module.first {
    margin-left: 0;
}
#template_related_modules .module.first {
    margin-top: 0;
}
.module a {
    color: #B70000;
    text-decoration: none;
}
.module .title {
    background-color: #FFFFFF;
    display: block;
    padding: 8px 10px 10px;
    position: absolute;
    top: 0;
    width: 250px;
}
.module .title h2 {
    color: #B80000;
    font-size: 16px;
    line-height: 24px;
}
.module .image {
    height: 173px;
    margin-top: 40px;
}
.module .text {
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 72px;
    line-height: 16px;
    padding: 11px;
}
.module .text p {
}
.module .link {
    font-size: 11px;
    font-weight: bold;
    padding: 10px;
}
.module .link a {
    background-image: url("../images/interface/link_graphic.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px;
}
#footer {
    clear: both;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 42px;
    padding-top: 30px;
	color: #fff;
	width: 856px;
    margin: 0 auto;
    position: relative;
}
.send a {
    color: #B80000;
    font-size: 11px;
    font-weight: bold;
}
#template_detail input.send_button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #B80000;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
}
ul.dropdown, ul.dropdown li, ul.dropdown ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul.dropdown {
    float: left;
    position: relative;
    z-index: 597;
}
ul.dropdown li {
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
}
ul.dropdown li.hover, ul.dropdown li:hover {
    cursor: default;
    position: relative;
    z-index: 599;
}
ul.dropdown ul {
    left: -20px;
    position: absolute;
    visibility: hidden;
    width: 132px;
    z-index: 598;
	top: 33px;
}
ul.dropdown ul li {
    float: none;
    height: 128px;
    z-index: 598;
}

ul.dropdown ul li a {
	 padding: 3px 0 12px;
    
}


ul.dropdown ul li a:hover {
	 padding: 6px 0 12px;
    
}
ul.dropdown ul ul {
    left: 99%;
    top: 1px;
}
ul.dropdown li:hover > ul {
    visibility: visible;
}
ul.dropdown li.rtl ul {
    left: auto;
    right: 0;
    top: 100%;
}
ul.dropdown li.rtl ul ul {
    left: auto;
    right: 99%;
    top: 1px;
}
#sub-menu {
	position:absolute;
    margin-left: 0px;
	top:0px;
}
#sub-menu-2 {
   position:absolute;
   left: 43px;
	top:0px;
}

#ie8-fix {
    display: none;
}

/* TWITTER FEED */


.tweets {
border: 0px solid #e7e7e7 !important;
border-radius: 5px;
max-width: 520px;
font-size: 11px;
color: #000000 !important;
background-color: #fff;
margin: auto;
}
.tweets .tweets_header a {
color: #000000 !important;
text-decoration: none !important;
font-weight: bold !important;
font-style: normal !important;
text-transform: none !important;
}

.mt_text {
padding-left: 0px !important;
}

.module .text.really_simple_twitter_widget {
display: block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
height: 72px;
line-height: 16px;
padding: 11px;
margin: 38px 0 0 0;
color: #000 !important;
}

.page-template-default .module.widget_reallysimpletwitterwidget, .single .module.widget_reallysimpletwitterwidget {margin-top: 0px;	}

.module li {margin: 0 0 7px;}

.page-template-default .module.first, .single .module.first {margin-top: 30px !important;}
	
.twitter-link {font-size:9px;}

/*  COOKIES   */
.cookie-top {
/*background: url("../images/header_bg_default.jpg") top center no-repeat; */
background: 
#333;
display: block;
position: relative;
height: 80px;
width: 856px;
margin: 0 auto;
padding: 20px 10px;
color: 
#fff;
text-align: left;

}

.cookie-top .header {
float: left;
display: inline-block;
font-size: 20px;
font-weight: bold;
width: 20%;
padding: 0 30px 0 0;}

.cookie-top .message {
color:#bebebe; display: inline-block;width:49%;font-size: 12px;}

.cookie-top .link-options {
display: inline-block;
color: 
#fff !important;
top: 0px;
position: relative;
float: right;
padding: 0 0 0 30px;}

.cookie-top .link-options a  {color:#fff;font-size:14px;font-weight:normal;display:block;text-align:left; padding: 0 0 10px; margin: 0 0 7px;}
.cookie-top .link-options a:hover  {color: #bebebe;font-size:14px;font-weight:normal;display:block;text-align:left; }

.cookie-top .link-options a.continue  {font-size:20px;}

.close-btn a {
color: 
#000;
text-decoration: none;text-align: left;}

/* cookies dialog box */

#cookie-dialog-box {display:none;z-index:100;}

#cookie-dialog-box .bgd  {width:100%; height:100%; position:absolute; display:block; background:#333; filter:alpha(opacity=70); opacity:0.7;  z-index:100;top:0px;}

#cookie-dialog-box  .box  {width:600px; height: auto; background:#FFF;display:block;position:absolute; top:20%;   left:50%;    margin-left: -300px; opacity:0; z-index:9999;}

#cookie-dialog-box .box .cookie-message h1 {color:#000;}
#cookie-dialog-box .box .cookie-message {position:relative; top:0px;text-align:left; padding:30px;}

.cookie-message p {padding: 10px 0 0px;font-size: 12px;}

h2 {padding: 10px 0 0;}

#cookie-dialog-box .box .close-btn {
background:url(../images/close_btn.jpg) no-repeat right top;	
	color: 
#333;
text-align: right;
top: 10px;
position: absolute;
right: 10px;
font-size: 10px;}
#cookie-close{
font-size: 12px;
display: block;
position: relative;
height: 30px;
width: 50px;
font-weight: normal;}

.link-google { font-size: 12px !important; font-weight: bold;
color: 
#333;
text-decoration: none;
margin: 10px 0 0;
display: block;}

/* cookie settings dialog box */

#settings-dialog-box {display:none;z-index:100;}

#settings-dialog-box .bgd  {width:100%; height:100%; position:absolute; display:block; background:#333; filter:alpha(opacity=70); opacity:0.7; z-index:100;top:0px;}

#settings-dialog-box  .box  {width:600px; height: auto; background:#FFF;display:block;position:absolute; top:20%;   left:50%;    margin-left: -300px; opacity:0; z-index:9999;}

#settings-dialog-box .box .settings-message h1 {color:#000;font-size: 20px;}
#settings-dialog-box .box .settings-message {position:relative; top:0px;text-align:left; padding:30px;}

.settings-message p {padding: 10px 0 0px;font-size: 12px;}

#settings-dialog-box .box .close-btn {
background:url(../images/close_btn.jpg) no-repeat right top;	
	color: 
#333;
text-align: right;
top: 10px;
position: absolute;
right: 10px;
font-size: 10px;}
#settings-close{
font-size: 12px;
display: block;
position: relative;
height: 30px;
width: 50px;
font-weight: normal;}

.cc-cookies  {display:none;}
.settings-message.cc-cookies {display:block !important;}

/* cookie buttons */

.continue {background:url(../images/check_alt_16x16.png) no-repeat left center; padding: 0 0 2px 28px !important;}
.cookie-open {background:url(../images/read_more_12x12.png) no-repeat left center;padding: 0 0 2px 28px !important;}
.settings-open {background:url(../images/cog_12x12.png) no-repeat left center;padding: 0 0 2px 28px !important;}

.settings-message a {font-size:12px !important; font-weight: bold;
color: 
#333;
text-decoration: none;
margin: 10px 0 0;
display: block;}

#menu a:hover, li a:hover, a#link-popup:hover {color:#666;}


.cookie-top {top:-120px;}
#outer {top:-120px;}

.cookie-message h1, .cookie-message h2 {font-size: 20px;}

@media (max-width: 800px) {
 #wrapper {width:auto;
 max-width:900px;
 min-width:600px;
 background: url("http://www.josepizarro.com/wp-content/themes/pizarro/images/bgd_2.jpg") no-repeat top center fixed; 
 -webkit-background-size: contain;
 /* -moz-background-size: contain; */
  -o-background-size: contain;
  background-size: contain;}
 
 #address {width:auto !important;
 max-width:900px;
 min-width:600px;top: -10px;margin: -2px auto;
position: relative !important;}
 
 
 #header { height: 455px;/*
 height: -o-calc(5% + 375px); 
height: -webkit-calc(5% + 375px); 
height: -moz-calc(5% + 375px);  */}
 
 /* menu bar fix */
 
#menu {
float: left;
margin: 0;
vertical-align: bottom;
width: auto;
min-width: 455px;

display: inline-block;
}

a.logo-block {display: inline-block;}

#menu a {
display: block;
float: left;
font-size: 18px;
height: 20px;
text-align: left;
width: 75px;
}

#logo {
margin-bottom: 10px;
margin-left: 0;
margin-top: 0px;
text-align: left;
width: 125px;
background-size: contain;}

.bottom-bar {width: 82%;
display: block;
position: relative;
margin: 0px auto;
padding: 10px 0 0;}
 
/* cookie small display fix */ 
 .cookie-top {
padding: 20px 3% 20px 3%;
width: 100%;
}
 .cookie-top .message {
width: 59%;
font-size: 11px;
}
.cookie-top .header {
float: left;
display: inline-block;
font-size: 20px;
font-weight: bold;
width: 18%;
padding: 0 20px 0 0;
}
.cookie-top .link-options {
display: inline-block;
width: 20%;
color: 
#fff !important;
top: 0px;
position: relative;
float: right;
padding: 0 0 0 0px;
}


}

@media (max-width: 680px) {  
#header {height:375px !important;}
.bottom-bar {width: 90%;}
#menu {min-width: 400px;}
.cookie-top .link-options {
width: 19%;}
.cookie-top .link-options a {
margin: 0 0 3px;}
#footer { padding: 0 10px 10px 10%;}
#reservation-dialog-box .box, #cookie-dialog-box .box, #settings-dialog-box .box {
width: 80%;
height: auto;
background: #FFF;
display: block;
position: absolute;
top: 20%;
left: 50%;
margin-left: -40%;
opacity: 0;
z-index: 9999;
min-width: 480px;
}
}

/* Smartphones (landscape) ----------- */
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
/* Styles */

body {min-width:1024px;}


.cookie-top {min-width:1024px;}
#settings-dialog-box .bgd, #cookie-dialog-box .bgd, #reservation-dialog-box .bgd {
min-width: 1228px;
min-height: 900px;
}

}