/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Contents
==================================================
00. RETINA CSS
01. TESTING TEXT
02. BASE STYLES (1240px)
03. #DESKTOP-LARGE (1140px)
04. #DESKTOP-SMALL (960px)
05. #Tablet (Portrait)
06. #Mobile (Portrait)
07. #Mobile (Landscape)
*/


/*
=============================================== 00. RETINA CSS ===============================================
*/
only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

nav li:first-child a, nav li:first-child a:hover, h2, h2:after {-webkit-background-size: 50% auto ;  
-moz-background-size: 50% auto;  
background-size: 50% auto ;}
nav li:first-child a, nav li:first-child a:hover {background-image: url(images/navigation-home@2x.png);}
h2 { background-image:url(images/heading2@2x.png);}
h2:after {background-image:url(images/heading-sidebar-arrow@2x.png);}


}


/*
=============================================== 01. TESTING TEXT ===============================================
*/
body:after {position:relative; z-index:55; content: "less than 320px";font-size: 300%;font-weight: bold;position: fixed;bottom: 60px;width: 100%;text-align: center;background-color: hsla(1,60%,40%,0.7);color: #fff;
display:none !important; /* -------------------- ADD OR REMOVE display:none !important; to display testing text -------------------- */}



/*
=============================================== 02. BASE STYLES (1240px) ===============================================
*/
/* Note: Design for a width of 1240px */
body:after {content: "Wider than 1240px";background-color: hsla(200,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */
html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */ 
body {max-width:100%; width:100%;}
img {max-width:100%; height: auto; }
.lt-ie9 img {width: auto; }
#main, #content-sidebar, #sidebar, .slider-content .slider-image, .slider-text, .slider-text-overlay {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig, #content-sidebar .grid2column, #content-sidebar .grid3column, #content-sidebar .grid3columnbig, #content-sidebar .grid4column, #content-sidebar .grid4columnbig {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;  }

/*
=============================================== 03. #DESKTOP-LARGE (1140px) ===============================================
*/
/* Note: Design for a width of 1140px */
@media only screen and (min-width: 1140px) and (max-width: 1240px) {
body:after {content: "1140px to 1224px";background-color: hsla(150,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ 

/* Main Containers */
#main {width:1045px;}
#content-sidebar { width:680px;}
#sidebar {width:345px;}
.slider-content .slider-image { width:700px;}
.slider-text { width:300px; padding-top:25px; padding-bottom:15px;}
.slider-text-overlay {  width:300px;height:243px; margin-top:-288px; padding-top:25px;}


/* Default Grid */
.grid2column {width:510px;  }
.grid3column {width:332px; }
.grid3columnbig {width:688px;  }
.grid4column {width:243px; }
.grid4columnbig {width:777px; }

#content-sidebar .grid2column {width:328px;}
#content-sidebar .grid4column {width:152px;}
#content-sidebar .grid4columnbig {width:504px;}
#content-sidebar .grid3column {width:210px;}
#content-sidebar .grid3columnbig {width:444px;}


/* Misc Adjustments */
#flickr-footer ul li img { width:65px; height:65px;} 
footer #flickr-footer ul li img { width:52px; height:52px; }
.contact-form-border-input { width:490px;  }
#contactform input#contactname, #contactform input#email {width:387px; }
#contactform .contact-form-border {width:575px;}
#contactform textarea#message {width:472px; }
#about-author-description {width:882px;}
#content-sidebar #about-author-description {width:510px;}



}



/*
=============================================== 04. #DESKTOP-SMALL (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 979px) and (max-width: 1140px) {
body:after {content: "959px to 1139px";background-color: hsla(0,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ 

/* Main Containers */
#main {width: 100%;
padding: 0px 0px 0px 0px; height:1278px}
#content-sidebar { width:65%;}
#sidebar {width:300px;}

.pestana, .login-form {
    width: 300px;
}
footer { margin:0px 0px 0px 0px;  padding:0px 0px 0px 0px;}
#sidebar h2 {margin:0px 0px 20px 0px;}
.sidebar-padding {padding: 10px 0px 22px 20px;}

/* FEATURED SLIDER */
.slider-content .slider-image { width:591px;}
.slider-text { width:250px; padding-top:25px; padding-bottom:10px;}
.slider-text-overlay { float:right; position:relative; width:250px;  height:198px; margin-top:-243px; padding-top:25px;}
.flexslider .blog-post-icons {padding-bottom:9px;}
.slider-text p, .flexslider .blog-post-icons a.comments-icon, .slider-text-overlay p {display:none;}

/* Default Grid */
.grid2column {width:428px;  }
.grid3column {width:277px; }
.grid3columnbig {width:579px;  }
.grid4column {width:202px; }
.grid4columnbig {width:654px; }

#content-sidebar .grid2column {width:270px;}
#content-sidebar .grid4column {width:123px;}
#content-sidebar .grid4columnbig {width:417px;}
#content-sidebar .grid3column {width:172px;}
#content-sidebar .grid3columnbig {width:368px;}


/* Misc Adjustments */
.sf-menu a {padding:16px 12px;}  /* Top Menu Size */
#flickr-footer ul li img { width:65px; height:65px;} 
footer #flickr-footer ul li img { width:41px; height:41px; }
.contact-form-border-input { width:470px;  }
#contactform input#contactname, #contactform input#email {width:367px; }
#contactform .contact-form-border {width:520px;}
#contactform textarea#message {width:417px; }
#mc_embed_signup  input { width:150px; }
#about-author-description {width:718px;}
#content-sidebar #about-author-description {width:400px;}


#contenido-header {
    width: 100%;
}

.menu-principal-container {
    width: 100%;
}

.contenedor-pestana {
    width: 100%;
}

#centro
{
	width:100%;
}

#content
{
	width:100%;
	padding-top: 45px;
}

.columnahome {
    width: 30%;
	margin: 0 10px;
}

.columnahome h3 a, .columnahome h4.catname {
    font-size: 16px;
}

.social-icons img {
    width: 21%;
}

.col2footer
{
	font-size: 11px;
	line-height:13px;
}

.col1footer img {
    width: 81%;
}

footer .col1footer, footer .col2footer, footer .social-icons {
    height: 200px;
}

footer {
    height: 200px;
}

header #logo img {
    width: 100%;
    height: auto;
}

input#searchsubmit {
    display: none;
}

.searchform {
    width: 164px;
    margin-right: 5px !important;
}

}



/*
=============================================== 05. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 979px) {
body:after {content: "768 to 959px";background-color: hsla(270,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ 

/* Main Containers */
#main {width:100%;height: 1306px; }
#main, footer {padding: 0px 0px 0px 0px;}
footer {padding-bottom:25px;}
#content-sidebar { width:65%;padding-left: 10px;}
#sidebar {width:30%;}
footer { margin:0px 0px 0px 0px; }
#sidebar h2 {margin:0px 0px 20px 0px;}
.sidebar-padding {padding: 10px 0px 22px 0px;}

/* FEATURED SLIDER */
.slider-content .slider-image { width:100%;}
.slider-text, .slider-text-overlay { width:220px; height:254px; margin-top:-289px; margin-right:0px; padding:20px 20px 15px 20px;  background:#393939; background: rgba(57,57,57,.9);}
.slider-text-overlay { float:right; position:relative; width:210px; padding:20px 0px; margin:0px; height:153px; margin-top:-193px;  padding:20px;  background:#393939; background: rgba(57,57,57,.9);}
.flexslider .blog-post-icons {padding-bottom:9px;}
.slider-text p, .flexslider .blog-post-icons a.comments-icon, .slider-text-overlay p {display:none;}


/* Default Grid */
.grid2column {width:338px;  }
.grid3column {width:218px; }
.grid3columnbig {width:460px;  }
.grid4column {width:157px; }
.grid4columnbig {width:519px; }

#content-sidebar .grid2column {width:204px;}
#content-sidebar .grid4column {width:90px;}
#content-sidebar .grid4columnbig {width:318px;}
#content-sidebar .grid3column {width:128px;}
#content-sidebar .grid3columnbig {width:280px;}



/* Misc Fixes */
.commentlist {width:72%;}
.sf-menu a {padding:16px 9px;}  /* Top Menu Size */
#flickr-footer ul li img { width:52px; height:52px;} 
footer #flickr-footer ul li img { width:31px; height:31px; }
.contact-form-border-input { width:420px;  }
#contactform input#contactname, #contactform input#email {width:317px; }
#contactform .contact-form-border {width:420px;}
#contactform textarea#message {width:317px; }
#mc_embed_signup  input { width:90px; }
#about-author-description {width:538px;}
#content-sidebar #about-author-description {width:260px;}

#contenido-header {
    width: 100%;
}

.menu-principal-container {
    width: 100%;
}

.contenedor-pestana {
    width: 100%;
}

#centro
{
	width:100%;
}

#content
{
	width:100%;
	padding-top: 45px;
}

.columnahome {
    width: 30%;
	margin: 0 6px;
}

.columnahome h3 a, .columnahome h4.catname {
    font-size: 16px;
}

.social-icons img {
    width: 21%;
}

.col2footer
{
	font-size: 11px;
	line-height:13px;
}

.col1footer img {
    width: 81%;
}

footer .col1footer, footer .col2footer, footer .social-icons {
    height: 200px;
}

footer {
    height: 200px;
}

header #logo img {
    width: 46%;
    height: auto;
}

input#searchsubmit {
    display: none;
}

.searchform {
    width: 164px;
    margin-right: 5px !important;
}

.pestana {
    width: 30%;
}

.login-form {
   width: 100%;
}

.col1, .col2 {
    margin-bottom: 20px;
}


.option-field.checkbox {
    bottom: 22px;
}

.option-field {
    width: 100%;
}

.simplr-field {
    width: 100%;
}

#simplr-form input {
    width: 276px !important;
}

#simplr-form input.submit {
    width: 210px !important;
}

.columnahome {
    /*height: 380px;*/
}

.wpp-list {
    padding: 0 5px;
}

.fotolistado {
    width: 49px;
}

.listado-autores .info-autor {
    width: 77%;
}


.author .image-autor {
    width: 53%;
    height: auto;
}

.posts-autor {
    padding-left: 5px;
    padding-right: 5px;
}

}



/*
=============================================== 06. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */


@media only screen and (max-width: 767px) {
body:after {content: "0 to 480px"; background-color: hsla(90,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */ 


/* Main Containers */
#main {width:100%; }
#main, footer {padding:0px 0px 0px 0px; }
#content-sidebar { width: 95%;
position: inherit;
top: 0;
margin:0 auto; 
float:none;}
.home #content-sidebar {margin-top: 73px;}
#sidebar {width:100%;margin-top: 20px;}
footer { margin:0px 0px 0px 0px; height: 467px;}

/* FEATURED SLIDER */
.slider-content .slider-image { width:100%;}
.slider-text, .slider-text-overlay { display:none;}
.commentlist {width:95%; left:0px;}
.commentlist .children li.comment .comment-meta {margin-left:0px;}
.commentlist .avatar {display:none;}

.lt-ie9 header #logo {max-width:80%; }
header #logo img {max-width:80%; }


/* Default Grid */
.grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig, #content-sidebar .grid2column, #content-sidebar .grid3column, #content-sidebar .grid3columnbig, #content-sidebar .grid4column, #content-sidebar .grid4columnbig {width:100%; margin-bottom:15px;}

/* Misc Fixes */
header #logo, .social-icons, footer #copyright .copyright-right, footer #copyright .copyright-left {float:none; margin:13px auto; text-align:left;}
footer #copyright {padding:7px 0px 25px 0px;display: none;}
#right-header-container {float:none; display:none;}
header .searchform {float:none; margin:0px auto;}
header ul.sub-navigation {padding:15px 0px 10px 0px; float:none; margin:0px auto; text-align: center;}
header ul.sub-navigation li {padding:0px 4px; float:none;}
.flex-direction-nav {display:none;} 
.contact-form-border-input { width:290px;  }
#contactform input#contactname, #contactform input#email {width:187px; }
#contactform .contact-form-border {width:290px;}
#contactform textarea#message {width:187px; }
#content-sidebar #about-author-description, #about-author-description {width:140px;}
#respond input {width:70%;}
#respond textarea {width:80%;}

/* Select Menu */
body nav {background:transparent;}
nav ul, .sub-navigation-child { display: none; }  
nav select option {font-size:12px; background:#fff; color:#888;}
header nav {float:none; text-align:center; z-index:0; display:none;}
nav select { text-transform:none; display:block; margin:15px auto 20px auto; width:300px; min-width: 150px; max-width: 100%; -webkit-appearance: none; -moz-appearance: normal; appearance: normal;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none;-moz-user-select: none;
background-image: url(../images/select-arrow.png),  -webkit-linear-gradient(#FAFAFA, #f9f9f9 40%, #e8e8e8);
background: linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
background-position: center right; background-repeat: no-repeat;
font-size:13px;
border: 1px solid #aaaaaa;
color: #555555;
padding:7px 5px 7px 10px;}

#contenido-header {
    width: 96%;
}

header #logo img {
    height: auto;
    width: 60%;
}

#content {
    width: 100%;
}

.columnahome {
    width: 100%;
	text-align: center;
	margin: 0 0px;
}

.flexslider
{
	display:none;
}

#centro {
    padding-top: 0px;
}

footer .col1footer {
    float: none;
	width: 42%;
	margin: 0 auto;
	height: auto;
}

footer .col2footer{
    float: none;
	width:100%;
	font-size: 10px;
line-height: 12px;
margin-top: 19px;
height: auto;
}

footer .social-icons {
	display:none;
}

#arbol2
{
	width: 98%;
}

#sidebar h2 {
    margin: 0px 0px 20px 0px;
}

header {
    height: 70px;
}

.social-icons-mitad
{
	display:block;
	float:none;
}

.contfooter {
    position: initial;
}

.social-icons-mitad img {
    width: 7%;
}

.social-icons-mitad h3 {
    font-size: 12px;
}

.sidebar-padding.feed {
    display: block !important;
}

.breadcrumbs {
    display: none;
}

.blog-image-main {
    display: none;
}

.post {
    width: 90%;
    margin: 0 auto;
}

#centrointerna #content
{
	padding-top: 0px;
}

#centrointerna {
    padding-top: 115px;
}


.option-field.checkbox {
    bottom: 22px;
}

.option-field {
    width: 100%;
}

.simplr-field {
    width: 100%;
}

#simplr-form input {
    width: 276px !important;
}

#simplr-form input.submit {
    width: 210px !important;
	top: 13px;
position: relative;
}

#responsive-menu {
	/*position:fixed !important;*/
}

#pestana-movil
{
	display:block;
}

.contenedor-pestana {
    width: 100%;
}

.pestana {
    width: 100%;
}

.pestana
{
	top:0px;
}

}

@media only screen and (min-width: 768px) and (max-width: 880px) {
#pestana-movil
{
	display:none;
}

#content {
    padding-top: 35px;
}
}

@media only screen and (min-width: 0px) and (max-width: 880px) {
#centro {
    height: auto;
}
#arbol-izquierdo
{
	display:none;
}

#ninas-izquierda
{
	display:none;
}

#arbol-derecho, #ninas-derecha
{
	left:0;
	right:0;
	margin:0 auto;
}

#nina2, #nina1, #arbol4, #albol1, #albol2, #albol3, #arbol3, #albolinterna1, #arbolinterna1
{
	display:none;
}

#arbolesinterna {
    background-position: -381px;
}

#contenedor-adminbar {
    width: 100%;
}

#click-menu {
    margin-top: 16px;
}

section#centro{
	overflow:hidden;
}

#logo
{
	overflow:hidden;
	width:100%;
}



header #logo
{
	margin: 13px auto 0;
}

.login-form {
    width: 100%;
}

#click-menu {
    top: 0px !important;
	position: fixed !important;
}







.masleidas .fotolistado {
    width: 20%;
}

#commentform {
    width: 100%;
}

#comments span {
    width: 100% !important;
}
.fb_ltr {
    width: 100% !important;
}

.breadcrumbs {
    max-width: 425px;
}

.option-field.checkbox {
    top: 235px;
}


}

@media only screen and (max-width: 480px) {
	.contenedor-pestana {
    width: 30%;
    position: absolute;
    right: 0;
    top: 35px;
}

#pestana-movil
{
	display:block;
}

.contenedor-pestana {
    width: 100%;
}

.pestana {
    width: 100%;
}

.pestana
{
	top:35px;
}

.foto-autor {
    width: 15%;
}

.info-autor {
    width: 75%;
}

.col1, .col2 {
    float: none;
	width:90%;
}

.campoformgrande {
    text-align: center;
}

.postdeuator h3 {
    width: 75%;
}

.home .vermasmovil
{
	display:block;
}

.home .sidebar-padding {
    display: none;
}

.columnahome {
   height: auto;
width: 100%;
margin: 0 auto;
float: none;
padding-bottom: 10px;
margin-top: 15px;
}

.columnahome.columna3 {
    display: block;
}

.columnahome img {
    width: 100%;
}

.woocommerce section#main {
    width: 100%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*="columns-"] ul.products li.product, .woocommerce[class*="columns-"] ul.products li.product {
    width: 90%;
    float: none;
    margin: 0 auto 20px;
}

.page-template-paginas-tienda #content-sidebar {
    float: none;
    width: 90%;
}

.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n), .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(2n), .woocommerce[class*="columns-"] ul.products li.product:nth-child(2n) {
    float: none;
}

.option-field.checkbox {
    top: 292px;
}

.submit.button {
    margin-top: 53px !important;
    margin-bottom: 10px !important;
}

.newsletter {
	/*display: none; */
        width: 100%;
    margin: 0 auto;
    text-align: center;
}

.page-template-nuestro-especialista .blog-image-main {
    display: block;
    float: none !important;
    margin: 0 auto;
}

#simplr-form .checkbox label {
    width: 82% !important;
}

#simplr-form label {
    width: 100% !important;
}

.simplr-field {
    margin: 7px 0;
}

.select select {
	width: 287px !important;
}

textarea#biografia {
    width: 266px !important;
}

#simplr-form input.submit {
    top: 40px;
}

.botonaniversario
{
	display: block;
    width: 90%;
    margin: 22px auto;
    clear: both;
    position: relative;
    top: 15px;
}

.opcion {
    width: 50% !important;
}

.opcionesciudad {
    width: 100% !important;
    text-align: left !important;
}

.opcionesradio {
    width: 100% !important;
}

.alianza {
    width: 90% !important;
    float: none !important;
    margin: 21px auto !important;
    height: auto !important;
}

}


/*
=============================================== 07. #Mobile (Landscape) ===============================================
*/
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
body:after { content: "480 to 767px"; background-color: hsla(150,50%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */




/* Main Containers */
#main {width:100%;  }
#main, footer {padding:0px 0px 0px 0px;}


.lt-ie9 header #logo {max-width:70%; }

/* Misc Fixes */
.contact-form-border-input { width:420px;  }
#contactform input#contactname, #contactform input#email {width:317px; }
#contactform .contact-form-border {width:420px;}
#contactform textarea#message {width:317px; }
#content-sidebar #about-author-description, #about-author-description {width:280px;}





}