/*
Theme Name: childtheme
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page.
Version: 1.38
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
Tags: two-columns, right-sidebar, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
Template: sydney
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/


@import url("../sydney/style.css");

.top{ width:100%; position:absolute; right:20%; top:0; z-index:99999999; float:right;text-align:right;  }

.top p{ margin:0; font-size:0.9em}
.top p span{ color:#1A73BE; padding-left:20px,}
.top p span strong {font-size:1.2em}

.site-footer{ text-align:center; font-size:0.8em;}

@media only screen and (max-width: 768px) { 
.top{  right:0; top:0;  }

.text-slider .maintitle {
		font-size:1.3em; 
	}
.text-slider .subtitle {
		font-size: 1.1em; 
	}
}
 
 #producto{ float:left; width:47%; margin:20px;}

@media only screen and (max-width: 768px) {  
 #producto{ float:left; width:97%; margin:20px;}

}

/*

 .entry-content h1{ font-size:3em;}
.entry-content p{ padding-bottom:15px;font-size:1.2em; line-height:1.5em; color:#222;}
#main.site-main p span { color:#0168B3!important}


.image-area { padding-bottom:30px;}
.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
    padding:  0px;
}
h3{ text-transform:uppercase;}



h2.title{ font-weight:500; font-size:2.8em; text-transform:uppercase; line-height:1em; color:#0168B3}


.index{ text-align:center; }
.index h2{ font-weight:600; font-size:2.8em; text-transform:uppercase; line-height:1em; color:#0168B3}
.index h1{ font-weight:400; font-size:1.8em; text-transform:uppercase; line-height:1em; color:#222}

.index p{ max-width:900px; margin:0 auto; font-size:1.4em;  line-height:1.8em; }

ul.destacados li{ float:left; width:31%; padding:40px; text-align:center; list-style:none}
ul.destacados li img{ display:block; width:100%; margin:0 auto; border-radius:400px;  }
ul.destacados li img:hover{ opacity:0.5  }
ul.destacados li   a{ font-size:1.6em; font-weight:400;text-transform:uppercase;   padding-top:20px  }





 ul.productos li { float: left; list-style:none; width:31%; padding:40px; text-align:center; ;}
ul.productos li  img{border:1px solid #ccc; display:block; width:100%; margin:0 auto; border-radius:400px;  }
ul.productos li  img:hover{border:1px solid #0168B3;}
ul.productos li  h3{ font-size:1.4em; font-weight:500;text-transform:uppercase; text-align :center ; min-height:60px;padding-top:10px  }


a.download {  padding:18px; font-size:1.2em; display:block; margin-left:auto; margin-right:auto; text-align:center; max-width:250px; text-align:center; background:#0168B3; margin-top:20px; color: #FFFFFF}
a.download i{  padding-left:8px; }
a.download:hover { background:#222}


.galeria { clear:both; display:block; width:100%; margin-top:20px; }


.galeria img{ float:left; max-width:20%; padding:20px; border:1px solid #ccc; margin:20px; height:auto; min-height:200px; max-height:220px; width:auto; display:inline-block; }

.clear { clear:both; height:1px;}
@media ( max-width: 1024px){ 

.row{ margin-left: 10px!important;
margin-right: 10px!important}
.top{ position:absolute; right:2%; }

  ul.destacados li{ float:left; width:30%; padding:20px; text-align:center; list-style:none}

 ul.productos li  h3{ font-size:1.2em;    }
 ul.productos li {  width:48%; padding:20px; ;}

}

@media only screen and (max-width: 488px) {  
.top a.catalogo{ padding:4px; font-size:0.8em; display:block;  }
ul.destacados li{ float:left; width:90%; padding:20px; text-align:center; list-style:none}

 ul.productos li {  width:95%; padding: 0px; ;}
.galeria img{ float:left; max-width:40%; padding:10px; border:1px solid #ccc; margin:10px; height:auto; min-height:150px; max-height:160px; width:auto; display:inline-block; }

}