/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

h1, h2 {font-weight: 300;}
h3, h4, h5, h6 {font-weight: 300;}

h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 12px;}
h2 { font-size: 24px; line-height: 1.1em; margin-bottom: 8px; }
h3 { font-size: 18px; line-height: 1.1em; margin-bottom: 6px; } /*28*/
h4 { font-size: 16px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
h5 { font-size: 14px; line-height: 1.1em; }						/*17*/
h6 { font-size: 12px; line-height: 1.1em; }

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{ text-transform: none; letter-spacing: 0px;}

.alternate_color h2 {color: #ffffff;}

a:hover, a:focus, a:visited {text-decoration: none;}
#top .av_inherit_color a {text-decoration: none;}
p { margin: 0.55em 0; font-weight: 300;}
ul {font-weight: 300;}
sup{vertical-align: super; line-height: 0 !important; font-size: x-small;}

.avia-video, .avia-iframe-wrap {margin-bottom: 0px !important;}

.main_color .rounded-container, #top .main_color .pagination a:hover, .main_color .small-preview, .main_color .fallback-post-type-icon {background: #a38546;}

/* menu */
.av-main-nav > li > a {font-weight: 300;}
#top .av_header_glassy.av_header_transparency .header_bg {background-color: #fff; opacity: 0.9; filter:alpha(opacity=90); }
.av-menu-button > a .avia-menu-text {padding: 6px;}
#top .av-menu-button > a .avia-menu-text {border: 1px solid; border-radius: 2px;}

.sub_menu a {font-weight: 300 !important; text-decoration:none;}
#top #header .mega_menu_title a{ font-size: 13px; font-weight:300;}

/* Buttons */ 
#top .avia-button.avia-color-light{
	color:white;
	border:1px solid #fff;
	background: transparent;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.avia-button.avia-color-light:hover{
	background: white !important;
	color: #2b2b2b !important;
	opacity: 1 !important;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#top .avia-button.avia-color-dark{
	color:#a38546; border:1px solid #a38546;
	color: rgba(163, 133, 70, 0.9);
	border-color: rgba(163, 133, 70, 0.9);
	background: transparent;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.avia-button.avia-color-dark:hover{
	background: #a38546 !important;
	color: white !important;
	color:rgba(112, 0, 116, 0.1);
	opacity: 1 !important;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#top .avia-slideshow-button {border-radius: 2px; padding: 13px 16px; font-weight: 400;}
.avia-button.avia-size-small {padding: 7px 18px 6px;}

body div .avia-button {border-radius: 100px;}

.avia-button.avia-color-orange, .avia-button.avia-color-orange:hover{background-color: #a38546; border-color: #a38546; 	color: #fff; }

.avia-button.avia-color-purple, .avia-button.avia-color-purple:hover{background-color: #6e0072; border-color: #6e0072; color: #fff; }

/* sidebar */ 
.content, .sidebar, .header_color div, .alternate_color, .main_color { border: none!important; }
.content, .sidebar{padding-top:10px; padding-bottom:10px;}

#top .avia_ajax_form .text_input {padding: 8px;}

.image-overlay .image-overlay-inside:before{content:"+"; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; font-weight: 200; }
.av-image-caption-overlay{background: rgba(0,0,0,0.5); z-index: 10; color:#fff;  text-align: center;}

#top .av-control-minimal .avia-slideshow-arrows a:before{border:none;}
div .slideshow_caption h2{text-transform: none; font-weight: 300;}

.main_color strong {color:#222222;}

/*	Blockquotes  */

blockquote {border-left-style:none; padding-left:20px; font-size: 1.4em; line-height: 1.5em;}

/* stilos */
.center {text-align: center;}
.white {color: white !important;}
.shadow_black {text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.9);}

/* columnas */ 
body .column-top-margin{margin-top:20px;}
div .av_one_half {margin-left: 2%; width: 49%;}

/* blog */ 
.html_elegant-blog #top .post-entry .post-title,
.html_elegant-blog .avia-content-slider .slide-entry-title{
	letter-spacing: 1px;
	font-weight: 300;
	text-transform: none;
}
#top .fullsize .template-blog .first-quote{margin-top:15px;text-align: center;}


/*caption frame*/
#top div .caption_center .slideshow_caption {text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);}

.avia-caption-content{line-height: 1.3em; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}
.avia-caption-content p {margin:15px 0; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);}

/* titulos */

.home_subtitle_white {
  font-size: 28px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}

.home_subtitle_white_bottom {
  font-size: 25px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 30px;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
}

.home_subtitle_grey {
  font-size: 28px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 30px;
  font-weight: 400;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
  text-align: center;
  color: #a5a5a5;
}

.home_subtitle_grey_bottom {
  font-size: 25px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 30px;
  font-weight: 300;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px rgba(256, 256, 256, 1);
  text-align: center;
  color: #a5a5a5;
}

/* buttons small */
a.main-button-purple {
color: #fff !important;
background: #6e0072;
border-radius: 15px;
padding: 2px 10px;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

a.main-button-purple:hover {
color: #6e0072 !important;
background: #ffffff;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

a.main-button-gold {
color: #ffffff !important;
background: #a38546;
border-radius: 15px;
padding: 2px 10px;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

a.main-button-gold:hover {
color: #a38546 !important;
background: #ffffff;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

a.main-button-grey {
color: #a5a5a5 !important;
background: #e5e5e5;
border-radius: 15px;
padding: 3px 10px;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

a.main-button-grey:hover {
color: #f4f4f4 !important;
background: #a5a5a5;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

a.main-button-white {
color: #ffffff !important;
background: rgba(255,255,255,0.30);
border-radius: 15px;
padding: 3px 10px;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

a.main-button-white:hover {
color: #444444 !important;
background: #ffffff;
border-radius: 15px;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

/* Seccion Proyectos */
.main_color .grid-content {background-color: #f7f7f7;}
.main_color .grid-entry-title {background-color: transparent;}
.grid-entry .inner-entry {box-shadow: none; background-color: #f7f7f7; }
.image-overlay{background: #0097d7;}
.avia-slideshow {margin: 10px 0;}


/* Seccion Productos */
.product_title {color: #fff; font-size: 30px; font-weight: 200; }
.product_subtitle { color: #dbdbdb; font-size: 15px; font-weight: 200; text-shadow: #000 0px 0px 10px;}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  
  p { margin: 0.55em 0; font-weight: 400;}

}