/*
Theme Name: El Cuartito Cafe
Theme URI: http://www.elcuartitocafe.com
Description: A child theme created for El Cuartito Cafe
Author: Luis Maza
Author URI: http://www.maza-it.net
Version: 1.0
*/

body {
padding:0px 0px 30px 0px;
margin:0px 0px 0px 0px;
font-family: 'News Cycle', sans-serif;
}

#header {
width:100%;
height:178px;
}

#inside-header {
width:970px;
height:178px;
margin:auto;
padding-top:20px;
background:#ffffff;
}

#lang {
z-index:1; color:#555555; position:absolute;
margin-top:100px;
margin-left:440px;
}

.gamma-description h3 {
font-size:10px;
}



#lang a {
color:#555555;
text-decoration:none;
}

#lang a:hover {
text-decoration:underline;
}

#logo {
position:absolute;
margin-left:10px;
}

#wrapper {
width:970px;
padding:0px 0px 0px 0px;
margin:auto;
background:#ffffff;
}

#contenedor {
width:970px;
margin:auto;
height:600px;
}

#menu-principal {
padding:0px 0px 0px 0px;
margin:20px 0px 0px 0px;
width:600px;
margin-left:190px;
margin-top:140px;
z-index:10;
}

#menu-principal ul {
list-style:none;
z-index:10;
}

#menu-principal li {
float:left;
z-index:10;
}

#menu-principal a {
color:#000000;
margin-left:40px;
text-decoration:none;
font-family: 'Shadows Into Light', cursive;
font-style:italic;
font-weight:bold;
z-index:10;
}

#menu-principal a:hover {
text-decoration:underline;
z-index:10;
}

#menu-principal ul li:hover > ul {
display:block;
z-index:999999;
}

#menu-principal ul ul {
    display:none;
	position:absolute;
	width:100px;
	background:#ffffff;
	margin-left:20px;
	z-index:999999;
}

#menu-principal ul ul li {
	width:100px;
	z-index:999999;
	padding:5px 5px 5px 5px
	background:#ffffff;
}

#menu-principal ul ul a {
color:#000000;
font-size:16px;
text-decoration:none;
text-align:left;
display:block;
font-weight:normal;
height:30px;
margin-left:-15px;
z-index:999999;
background:#ffffff;
}

#chair {
position:absolute;
margin-left:800px;
margin-top:-20px;
z-index:2;
width:184px;
height:189px;
}

#slogan {
width:600px;
text-align:center;
font-size:50px;
font-family: 'Special Elite', cursive;
color:#555555;
position:absolute;
margin-left:200px;
margin-top:20px;
}

#slogan span {
font-size:16px;
color:#555555;
font-family: 'Special Elite', cursive;
text-transform:uppercase;
}


#post-content-index {
width:390px; height:450px;
background: url(images/bg-indextrans.png) no-repeat;
color:#ffffff;
padding:18px 45px 45px 38px;
font-weight:normal;
font-size:14px;
position:absolute; margin-top:-600px; position:relative;
}



#events-index {
float:left; width:390px;
padding:60px 45px 45px 45px;
background: url(images/bg-events-index.png) no-repeat;
font-weight:normal;
font-size:11px;
color:#ffffff;
}

.thumb-events {
width:100px;
height:100px;
float:left;
margin-bottom:10px;
}

.events-intro {
width:270px;
height:100px;
float:left;
margin-bottom:10px;
margin-left:15px;
 text-align:justify;
}

.events-intro a {
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

.events-intro a:hover {
text-decoration:underline;
}

div.clear {
    clear:both;
}

#contenedor-about {
width:970px;
height:600px;
margin:auto;
background: url(images/bg-about.jpg) no-repeat;
}

#content-inside-about {
float:left; width:440px; height:567px;
background: url(images/bg-about-content.png) no-repeat;
color:#ffffff;
font-weight:normal;
font-size:14px;
text-align:justify;
padding:40px 80px 40px 40px;
}

#content-inside-about h3 {
color:#ffffff;
font-size:18px; letter-spacing:10px;
text-transform:uppercase;
}

#contenedor-contact {
width:970px;
height:600px;
margin:auto;
background: url(images/bg-contact.jpg) no-repeat;
}

#content-inside-contact {
float:right; width:440px; height:567px;
background: url(images/bg-about-content.png) no-repeat;
color:#ffffff;
font-weight:normal;
font-size:14px;
text-align:justify;
padding:40px 80px 40px 40px;
}

#content-inside-contact h3 {
color:#ffffff;
font-size:18px; letter-spacing:10px;
text-transform:uppercase;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
background-color: 
#000000;
color: 
#555555;
width: 100%;
height: 40px;
border: 1px solid 
#555555;
font-size:15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.wpcf7 textarea {
background-color: 
#000000;
color: 
#555555;
width: 100%;
height: 120px;
border: 1px solid 
#555555;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#contenedor-map {
width:970px;
height:600px;
margin:auto;
background: url(images/bg-map-2.jpg) no-repeat;
}

#content-inside-map {
color:#ffffff;
font-weight:normal;
font-size:14px;
text-align:justify;
margin:auto;
padding-top:20px;
width:928px;
}

#content-inside-map h3 {
font-size:18px; letter-spacing:10px;
text-transform:uppercase;
}

#contenedor-events {
width:970px;
height:auto;
margin:auto;
margin-top:24px;
}

#contentwbg {
width:538px; height:560px;
padding-top:20px;
}

.post-events {
width:300px; font-size:12px; color:#555555; text-align:justify; margin-left:10px; float:left; margin-bottom:20px;
margin-top:20px;
}

#latest-post {
width:970px; margin:auto; margin-bottom:50px;
}

#left-last a {
font-family: 'Special Elite', cursive;
text-decoration:none;
text-transform:uppercase;
color:#555555;
font-size:22px;
}

#left-last a:hover {
text-decoration:underline;
}

#left-last {
float:left; width:600px;
}

#right-image {
float:right; width:300px;
}

.post-events a {
font-size:14px; text-decoration:none; text-transform:uppercase; color:#555555;
font-family: 'Special Elite', cursive;
}
.post-events a:hover {
text-decoration:underline;
}

.post-metadata {
text-transform:uppercase;
font-size:10px;
text-decoration:none;
color:#555555;
}

#contentwbg p {
color:#555555;
font-size:13px;
}

.post-container-events a {
color:#555555;
font-weight:bold;
text-decoration:none;
line-height:10px;
}

#scroll-gallery {
overflow: scroll; height: 400px; width: 940px;
}

.post-metadata a {
color:#555555;
text-decoration:underline;
}

.post-container-events a:hover {
text-decoration:underline;
}

#paginator {
float:right;
width:970px;
border-top:1px solid #cccccc;
padding-top:10px;
}

#paginator a {
color:#555555;
font-size:12px;
font-weight:bold;
text-decoration:none;
} 

#paginator a:hover {
color:#555555;
font-size:12px;
font-weight:bold;
text-decoration:underline;
} 

#contenedor-gallery {
width:970px;
height:auto;
margin:auto;
margin-top:20px;
}

#content-inside-gallery {
color:#ffffff;
font-weight:normal;
font-size:14px;
text-align:justify;
margin:auto;
padding-top:20px;
width:960px;
}

#content-inside-gallery h3 {
color:#555555;
font-size:16px;
text-transform:uppercase;
font-family: 'Special Elite', cursive;
}

#content-inside-gallery p {
width:800px;
margin-left:90px;
}

#contenedor-location {
width:970px;
height:600px;
margin:auto;
background: url(images/bg-location.jpg) no-repeat;
}

#content-inside-location {
color:#ffffff;
font-weight:normal;
font-size:14px;
text-align:justify;
margin:auto;
padding-top:20px;
width:928px;
}

#content-inside-location h3 {
color:#ffffff;
font-size:18px; letter-spacing:10px;
text-transform:uppercase;
}

#contenedor-reviews {
width:970px;
height:600px;
margin:auto;
background: url(images/bg-reviews.jpg) no-repeat;
}

#content-inside-reviews {
color:#ffffff;
font-weight:normal;
font-size:14px;
text-align:justify;
margin:auto;
padding-top:20px;
width:928px;
}

#content-inside-reviews h3 {
color:#ffffff;
font-size:18px; letter-spacing:10px;
text-transform:uppercase;
}

.blockquote {
display: block;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

#contenedor-menu {
width:970px;
height:600px;
margin:auto;
}

#content-inside-menu {
color:#ffffff;
font-weight:normal;
font-size:14px;
text-align:justify;
margin:auto;
padding-top:20px;
width:928px;
}

#content-inside-menu h3 {
font-size:13px; color:#885e16;
text-transform:uppercase;
}

#sidebar-menu {
float:left; width:290px; height:550px;
background: url(images/sidebar-menu3.jpg) no-repeat;
font-size:18px;
padding:20px 20px 20px 20px;
}

#sidebar-menu a {
font-size:25px;
color:#ffffff;
text-decoration:none;
font-family: 'Special Elite', cursive;
line-height:40px;
}

#sidebar-menu a:hover {
text-decoration:underline;
}

#general-menu-bg {
width:970px;
height:600px;
margin-top:0px;
background: url(images/bg-general-menu.png);
position:absolute;
margin-top:-20px;
margin-left:-20px;
background:#ffffff;
border-bottom:1px solid #cccccc;
}

#write-it {
width:288px;
height:93px;
font-size:12px;
text-transform:uppercase;
background: url(images/reviews-write-it2.png);
position:absolute; margin-left:650px; padding-top:30px; 
text-align:center;
margin-top:100px;
}

#write-it a {
text-transform:uppercase;
text-decoration:none;
font-size:12px;
letter-spacing:0px;
color:#ffffff;
}

#write-it a:hover {
text-decoration:underline;
font-size:12px;
color:#ffffff;
}


#write-it span {
font-size:17px;
color:#ffffff;
letter-spacing:10px;
}

#write-it2 {
width:288px;
height:93px;
font-size:12px;
text-transform:uppercase;
background: url(images/reviews-write-it2.png);
position:absolute; margin-left:650px; padding-top:30px; 
text-align:center;
margin-top:-60px;
}

#write-it2 a {
text-transform:uppercase;
text-decoration:none;
font-size:18px; letter-spacing:4px;letter-spacing:0px;
color:#ffffff;
}

#write-it2 a:hover {
text-transform:uppercase;
text-decoration:none;
font-size:18px; letter-spacing:4px;letter-spacing:0px;
color:#ffffff;
}

#post-content {
width:630px;
margin:auto;
}

.post-single {
width:630px; font-size:15px; color:#555555; text-align:justify; margin:auto;
}

#post-content-events {
margin:auto;
width:630px;
}

.post-single h3 {
color:#555555; text-transform:uppercase;
}


.menu_item_wrapper {
background:#ffffff;
width:180px;
height:130px;
padding:5px 5px 5px 5px;
color:#444444;
float:left;
margin-bottom:10px;
margin-right:20px;
}

.menuItemTitleWrap {
height:30px;
}

.menuItemTitle a {
float:left;
color:#885e16;
text-decoration:none;
}

.menuItemTitle a:hover {
text-decoration:underline;
color:#885e16;
}


.item-price-block {
float:right;
color:#8ebb18;
}

#general-menu-bg h2 {
background: url(images/bg-titulos-menu.png);
width:400px;
padding-left:30px;
}

#menu-cuartito {
float:left; width:619px; height:591px;  background:#ffffff;
padding-left:11px;
color:#555555;
margin-left:5px;
}

#menu-cuartito p {
width:600px;
color:#555555;
font-size:17px;
}

#menu-principal-responsive {
display:none;
}

#mapa-find {
width:448px; float:left; margin-top:20px; margin-left:20px;
}

#img-find {
width:448px; float:left; margin-top:20px;
}

	#chair2 {
display:none;
	}
	  


nav#mobile {
	display:none;
}



#footer {
width:970px;
height:40px;
margin:auto;
text-align:center;
padding-top:14px;
}

#footer a {
color:#555555;
text-decoration:none;
text-transform:uppercase;
}

#footer a:hover {
text-decoration:underline;
text-transform:uppercase;
}

.odd-post {
border:1px solid #000000;
}

span.flare-button-count {
display:none;
}

.galeria p {
color: #555555; width: 940px; margin-left: 1px; margin-bottom: 30px; 
}
	#content-inside-gallery h2 {
	text-align:center;
	color:#555555;
font-size:16px;
text-transform:uppercase;
font-family: 'Special Elite', cursive;
	}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'News Cycle', sans-serif;
	background: #ffffff; 
	color:#555555;
	max-width:240px;
	}
	
	#content-inside-gallery h2 {
	text-align:center;
	color:#555555;
font-size:16px;
text-transform:uppercase;
font-family: 'Special Elite', cursive;
	}
	
	#cafe-cul {
	margin-left:0px;
	text-align:center;
	}


	#wrapper {
	width:240px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}

	#header {
	width:240px;
	height:auto;
	}

	#inside-header {
	text-align:center;
	height:auto;
	width:240px;
	}
	
	#logo {
	width:160px;
	height:145px;
	margin-left:75px;
	margin-top:60px;
	}
	
	#logo img {
	width:100px;
	height:105px;	
	}
	
	#contenedor {
	width:240px;
	height:auto;
	}

	#post-content-index {
	color:#555555;
	background:none;
	width:240px;
	text-align:center;
	padding-top:600px;
	height:auto;
	max-height:auto;
	}
	
	#post-container {
	color:#555555;
	width:240px;
	}
	
	#contenedor-events {
	color:#555555;
	background:none;
	width:240px;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin-top:10px;
	}
	
	#contenedor-events {
	color:#555555;
	background:none;
	width:240px;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin-top:10px;
	}
	
	#latest-post {
	background:none;
	width:240px;
	padding:0px 0px 0px 0px;
	margin-left:20px;
	color:#555555;
	}
	
	#left-last {
	width:240px;
	padding:0px 0px 0px 0px;
	text-align:center;
	margin-left:20px;
	}
	
	#right-image {
	width:240px;
	padding:0px 0px 0px 0px;
	text-align:center;
	margin-left:50px;	
	}
	
	#contentwbg {
	background:none;
	width:240px;
	padding:0px 0px 0px 0px;
	margin-left:13px;
	color:#555555;
	}
	
	#contentwbg a {
	color:#555555;
	}
	
	
	
	.post-events {
	width:240px;
	text-align:center;
	padding:0px 0px 0px 0px;
	color:#555555;
	}
	
	.post-events a {
	color:#555555;
	}
	
	#contentwbg p {
	color:#555555;
	}
	
	.post-container-events {
	color:#555555;
	}
	
	.post-image {
	width:240px;
	}
	.post-image img {
	width:240px;
	height:160px;
	}
	
	#paginator {
	width:240px;
	padding-left:20px;
	text-align:left;
	color:#555555;
	margin:auto;
	}

	#paginator a {
	color:#555555;
	text-align:left;
	}
	
	#slogan {
	width:240px;
	text-align:center;
	line-height:normal;
	position:relative;
	font-size:10px;
	margin-top:170px;
	display:block;
	margin-left:36px;
	font-size:14px;
	}
	
	#slogan span {
	font-size:14px;
	text-transform:none;
	}
	
	

	.cb-slideshow {
	display:none;
	}
	
	#menu-principal {
	display:none;
	}

	#menu-principal-responsive {
	width:100%;
	display:block;
	position:absolute;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
	background:#999999;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:20px;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #000000;
	}

	#menu-principal-responsive ul {
	list-style:none;
	z-index:999;
	width:320px;
	padding-left:0px;
	padding-top:0px;
	}

	#menu-principal-responsive li {
	float:left;
	z-index:999;
	}

	#menu-principal-responsive a {
	color:#ffffff;
	text-decoration:none;
	z-index:99999;
	font-size:15px;
	margin-left:5px;
	margin-top:-7px;
	position:relative;
	}

	#menu-principal-responsive a:hover {
	text-decoration:underline;
	z-index:999;
	}

	#chair {
	display:none;
	}

	#write-it { 
	display:none;
	}

	#lang {
	z-index:1; color:#555555; position:absolute;
	margin-left:10px;
	margin-top:60px;
	}

	#lang a {
	color:#555555;
	text-decoration:none;
	}

	#lang a:hover {
	text-decoration:underline;
	}
	
	#contenedor-reviews {
	width:260px;
	margin-left:30px;
	background:#cccccc;
	height:1000px;
	margin-top:20px;
	}
	
	#content-inside-reviews {
	color:#555555;
	width:240px;
	}
	
	#content-inside-reviews h3 {
	width:240px;
	text-align:center;
	color:#555555;
	}
	
	.testimonial_group {
	width:240px;
	text-align:center;
	color:#555555;
	}
	
	.rr_review_text {
	width:240px;
	color:#555555;
	}
	
	.testimonial {
	width:240px; 
	text-align:center;
	color:#555555;
	margin-bottom:60px;
	}
	
	.testimonial p {
	width:240px;
	color:#555555;
	}
	
	.testimonial_group::after { 
	width:240px;
	color:#555555;
	}
	
	.rr_title {
	width:100px;
	float:left;
	text-align:left;
	}
	
	.rr_review_name {
	width:240px;
	position:absolute;
	color:#000000;
	margin-top:30px;
	padding-top:16px;
	}
	
	.testimonial .read_more {
	width:240px;
	}

	.more_text span {
	width:240px;
	color:#555555;
	}
		
	#write-it2 {
	width:240px;
	color:#555555;
	background:none;
	margin:0px 0px 0px 0px;
	margin-top:-20px;
	}
	
	#write-it2 a {
	color:#555555;
	}
	#write-it2 a:hover {
	color:#555555;
	text-decoration:underline;
	}
	
	.right .rr_small_input {
	width: 220px;
	height: 29px;
	margin-bottom: 9px;
	}
	
	.rr_review_name {
	margin-top:-10px;
	}
	
	.reviewform {
	width:240px;
	}
	
	.right .rr_large_input {
	width: 220px;
	height: 182px;
	vertical-align: top;
	margin-bottom: 12px;
	}
	
	
	#contenedor-location {
	width:240px;
	color:#555555;
	background:#ffffff;
	margin-left:20px;
	}
	
	#content-inside-location {
	width:240px;
	}
	
	#content-inside-location h3 {
	width:240px;
	color:#555555;
	text-align:center;
	letter-spacing:normal;
	margin-left:10px;
	}
	
	#img-find {
	width:240px; margin-top:20px;
	margin-left:18px;
	}
	
	#img-find img {
	width:240px;
	height:192px;
	}
	
	#mapa-find {
	width:240px; margin-top:20px;
	}
	
	#mapa-find iframe {
	width:240px;
	height:192px;
	}

	#contenedor-contact {
	width:240px;
	background:#ffffff;
	}
	
	#content-inside-contact {
	width:240px;
	float:left;
	background:none;
	color:#555555;
	}
	
	#content-inside-contact h3 {
	color:#555555;
	letter-spacing:normal;
	width:240px;
	text-align:center;
	}

	#contenedor-gallery {
	width:240px;
	background:#ffffff;
	}
	
	#content-inside-gallery {
		width:240px;
	text-align:center;
	margin-left:40px;
	}
	
	#content-inside-gallery h3 { 
	text-align:center;
	}
	
	#content-inside-gallery p { 
	width:240px;
	text-align:center;
	margin-left:40px;
	}
	
	#scroll-gallery {
	width: 240px;
	height:300px;
	margin-left:40px;
	}

	.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 240px;
	z-index: 10;	
	}
	
	#chair2 {
	display:block;
	}
	
	.post-single {
	width:240px; font-size:12px; color:#555555; text-align:center; margin-left:24px;
	}

	.post-single h3 {
	color:#555555; width:240px; text-align:center; text-transform:uppercase;
	}
		
	#mobile-menu { 
	background: url("images/icon-mobile.png") no-repeat scroll 0 0 transparent; 
	cursor: pointer; display: inline-block;
	 top:0px; position:fixed; height: 30px; 
	 margin: 12px; width: 100%; 
	 visibility: visible;
	 color:#555555;
	 z-index:999999;
	  }
	  
nav#mobile a {
	text-decoration: none;
	color: #FFF;
}

/*
Entire Menu System
*/

nav#mobile {
	background-color:#cccccc;
	box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
	display:block;
	z-index:999999;
	position:fixed;
	width:100%;
}

/*
Top black bar that holds the toggle button
*/

nav#mobile #toggle-bar {
	line-height:70px;
}

/*
Toggle button #1 ("Menu")
*/

nav#mobile strong a {
	margin-left:5px;
	padding:10px;
	color:#555555;
}

/*
Toggle button #2 ("Navicon")
*/

nav#mobile .navicon {
	float: right;
	height: 6px;
	width: 34px;
	margin: 20px;
	border-top: 18px double #555555;
	border-bottom: 6px solid #555555;
	font-size:0;
	color:#555555;
}

/*
The dropdown menu
*/

nav#mobile ul li {
	clear:both;
	list-style:none;
	color:#555555;
}

nav#mobile ul li a {
	display:block;
	background-color:#000000;
	text-transform:uppercase;
	letter-spacing:.2em;
	margin:2px 0;
	padding:6px 0 6px 8px;
	color:#ffffff;
}

nav#mobile ul ul {
	font-size:small;
	display:none;
}

nav#mobile ul ul li {
}

nav#mobile ul ul a {
	background-color:#333;
	padding-left:8px;
}

nav#mobile ul ul a:before {
	content: "\2192";
	padding-right:8px;
}

	#contenedor-menu {
	background:#ffffff;
	width:300px;
	height:auto;
	max-height:auto;
	}
	
	#content-inside-menu {
	width:300px;
	background:#ffffff;
	padding-top:0px;
	height:auto;
	max-height:auto;
	}
	
	#general-menu-bg {
	width:300px;
	background:#ffffff;
	margin-left:15px;
	margin-top:20px;
	height:auto;
	max-height:auto;
	position:relative;
	}
	
	#sidebar-menu {
	width:100px;
	color:#555555;
	background:#ffffff;
	float:left;
	margin-left:0px;
	padding-left:0px;
	padding-top:0px;
	height:auto;
	text-align:left;
	}

	#sidebar-menu a {
	color:#555555;
	font-size:12px;
	text-align:left;
	letter-spacing:none;
	line-height:20px;
	}
	
	#menu-cuartito {
	float: left;
	width:165px;
	margin-left:0px;
	background: #ffffff;
	height:auto;
	max-height:auto;
	}
	
	#menu-cuartito p {
	width:165px;
	color:#555555;
	font-size:13px;
	height:auto;
	max-height:auto;
	}
	
	#menu-cuartito img {
	width:165px;
	height:120px;
	}
	
	#footer {
	width:320px;
	}
	
	#footer a {
	font-size:10px;
	}

	.stars {
	float:left;
	color: #ffaf00;
	width:30%;
	text-align:left;
	}
	
	div.flare-vertical.flare-backgroundcolor-none.flare-left.enablecounters.countloaded.countloadfinished {
	display:block;
	margin-left:-170px !important;
	margin-top:30px;
	}
	

}