/*
Theme Name: 12ae Las Eras
Author: Gmediac
Author URI: http://gmediac.com/
Description: Listae Web sites, la forma sencilla de tener la mejor presencia en Internet para los pequeños negocios
Template: 12ae 
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: green, white, light, two-columns, right-sidebar, fixed-width, responsive-width, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, rtl-language-support, sticky-post, theme-options, translation-ready, clean, elegant, light, minimal, modern, simple, sophisticated, vibrant

This theme is based on _underscores, many thanks Automattic
Theme URI: https://github.com/automattic/_s

*/

@import url("../12ae/style.css");

.site-header-info{width:25%; float:left; }
.hgroup {text-align:center;}

.header-image {margin:0;}

.ae_social_bar {float:right;width:70%;}
.ae_social_bar ul{ float:right;}

.main-navigation { float:right; max-width:70%; clear:none;}
.main-navigation ul.nav-menu { float:right;}
.main-navigation li a { font-size:12px; font-size:1.2rem; line-height:2; }

.main-navigation .menu-item-home a{
text-indent:-9999px;
padding:0;
margin-top:6px;
min-height:24px;
min-width:25px;
background: none;
background-position: 0 0;
background-repeat: no-repeat;
}

.main-navigation .menu-item-home a{
	background-image: url("images/icon_home.png");
	padding:0 10px 0 0;
	padding:0 1rem 0 0;
}

.main-navigation .lock_link { float:right; padding:0 0 0 10px;  float:right; padding:0 0 0 1rem;}

.site-main .flexslider {margin: 0 0 24px;margin: 0 0 2.4rem;}

/* =Font Family & custom fonts
-------------------------------------------------------------- */
body,
button,
input,
select,
textarea, /**/
#respond h3#reply-title, /**/
#wrapper div.sharedaddy h3,
#wrapper #content div.sharedaddy h3,
#wrapper #main div.sharedaddy h3,
#wrapper #primary div.sharedaddy h3 {
	font-family: Enriqueta, georgia, serif;
}
.site-title, /**/
.entry-title,/**/
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	font-family: Muli, Helvetica, Arial, sans-serif;
	letter-spacing: -0.04em;
}
.main-navigation li a, /**/
#secondary, /**/
.widget-title/**/ {
	font-family: Muli, Helvetica, Arial, sans-serif;
}


/* Child pages
--------------------------------------------------------------------------------------------------*/


#child_list { margin:12px 0 0 0; margin:1.2rem 0 0 0; list-style:none; }
#child_list .child_page_list_item{padding:0; margin:0; float:left; position:relative; list-style:none; text-align:center; }
#child_list.columns_3 .child_page_list_item{width:22%; margin:0 3.5% 24px 0; margin:0 3.5% 2.4rem 0; padding:0 4.3%;}
#child_list.columns_3 .child_page_list_item.last {margin:0 0 24px 0; margin:0 0 2.4rem 0;}

#child_list.columns_2 .child_page_list_item{width:38%; margin:0 6% 24px 0; margin:0 6% 2.4rem 0; padding:0 4.3%;}
#child_list.columns_2 .child_page_list_item.last {margin:0 0 24px 0; margin:0 0 2.4rem 0;}

#child_list h2 {clear:none; height:148px; width:100%; margin:0; display:table-cell; vertical-align:middle; text-align:center; }

#child_list .child_page_list_item{ border:1px solid #5f7f36; min-height:148px; border-collapse:collapse;  }
#child_list .child_page_list_item:hover {background-color:#5f7f36; cursor:pointer;}

#child_list .child_page_list_item:hover .child_list_link { color: #FFFFFF!important;}

#child_list .child_list_link { display:block; width:100%; font-size:16px; font-size:1.6rem; line-height:1.5;  	-webkit-hyphens: none;	-moz-hyphens: none;	hyphens:none;  }







/* =Theme colors
-------------------------------------------------------------- 
/*	
		#FFFFFF bg
		#16B84B link1 Header 1ry CS
		#11953C link2 2ry CS
		#303832 txt1
		#4E5650 txt2
		#DFDEDE border

*/

body .site {
	background-color: rgba(255,255,255,0.9);
}

mark, ins {	background: #fff9c0;}


body,
button,
input,
select,
textarea, /**/
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus, /**/
.main-navigation a, /**/
.main-small-navigation a, /**/
.widget-title a /**/
{
	color: #303832;
}


input[type=text],
input[type=email],
input[type=password],
textarea, /**/
.wp-caption .wp-caption-text,
.gallery-caption, /**/
.site-description, /**/
.entry-meta, /**/
.entry-header .entry-meta a, /**/
.entry-content blockquote,
.comment-content blockquote, /**/
.comment-meta a
{
	color: #4e5650;
}

.entry-content pre,
.comment-content pre, /**/
.entry-content table,
.comment-content table 
{
	color: #666;
}

a,
a:visited, /**/
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a, /**/
.entry-title, /**/
.bypostauthor > article .comment-author span, /**/
.widget_flickr #flickr_badge_uber_wrapper a, /**/
#infinite-handle span,
#infinite-handle span:before
{
	color: #00264e;
}

a:hover,
a:focus,
a:active, /**/
.main-navigation a:hover,
.site-title a:hover, /**/
.entry-header .entry-meta a:hover, /**/
.entry-title a:hover, /**/
.widget_flickr #flickr_badge_uber_wrapper a:hover, /**/
#infinite-handle span:hover,
#infinite-handle span:hover:before
{
	color: #3d5374;
}

body .site, /**/ 
input[type=text],
input[type=email],
input[type=password],
textarea, /**/ 
.wp-caption, /**/ 
.entry-content pre,
.comment-content pre, /**/
.main-navigation ul ul a
{
	border: 1px solid #5f7f36;
}

.main-navigation, /**/
.main-navigation ul ul, /**/
.entry-content td,
.comment-content td
 {
	border-top: 1px solid #5f7f36;
}

.main-navigation, /**/
.entry-content table,
.comment-content table
{
	border-bottom: 1px solid #5f7f36;
}

hr {
	background-color: #5f7f36;
}

.entry-content div.sharedaddy div.sd-block {
	border-color: #5f7f36;
}

.main-navigation ul ul a {
	border-top:none;
}

body .site{
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}




/* =Button colors
-------------------------------------------------------------- */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-image:none;
	background-color: #16b84b;
	color: #FFF;
	border:none;
	box-shadow: none;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-image:none;
	background-color: #11953c;
	color: #FFF;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-image:none;
	background-color: #11953c;
	box-shadow: inset 0 0 8px 2px rgba(0,0,0,0.2), 0 1px 0 0 rgba(0,0,0,0.2);
	color: #FFF;
}

/* =Thanks Microchoft
-------------------------------------------------------------- */

.ie8 .site,
.ie7 .site,
.ie7 #infinite-handle span,
.ie8 #infinite-handle span,
.ie7 .main-navigation ul ul a,
.ie8 .main-navigation ul ul a {background: url(images/ie_bg.png);}




/* =Responsive
-------------------------------------------------------------- */
@media screen and (min-width: 769px) {

}
@media screen and (max-width: 768px) {
body .site { border:none; box-shadow:none;}
.header-image {margin:0 0 24px; margin:0 0 2.4rem;}
.header-image img{ margin:0 auto;}
.site-header-info { width:auto; float:none; padding-top:30px; padding-top:3rem; }
.ae_social_bar {width:auto; margin:0; float:none; position:absolute; top:15px; top:1.5rem; right:0; }
.ae_social_bar ul {}
.ae_header_bar {width: 100%; float: none;}
.main-navigation { float:none; max-width: none; clear:both;}
.main-navigation ul.nav-menu { float: none;}
.main-navigation ul ul a {border:none;background:none;}
.main-navigation .home_link a,
.main-navigation .lock_link a,
.main-navigation .flag_link a {background:none; text-indent:0; padding: 6px 24px 6px 12px;padding: 0.6rem 2.4rem 0.6rem 1.2rem;}
.main-navigation .lock_link,
.main-navigation .flag_link { float:none;}

#child_list.columns_3 .child_page_list_item,
#child_list.columns_3 .child_page_list_item.last,
#child_list.columns_2 .child_page_list_item{width:39%; margin:0 2.5% 24px 2.5%!important; margin:0 2.5% 2.4rem 2.5%!important; padding:0 2.5%;}

}

@media only screen and (max-width: 380px) {

#child_list.columns_3 .child_page_list_item,
#child_list.columns_3 .child_page_list_item.last,
#child_list.columns_2 .child_page_list_item{width:94%; margin:0 0 24px 0!important; margin:0 0 2.4rem 0!important; padding:0 2.5%;}

}