/*
Theme Name: languages21
Theme URI: http://www.elegantthemes.com/gallery/divi/
Author: Vidal Herrero
Author URI: http://www.vidalherrero.com
Template:     Divi
Description: languages21 theme based on Divi
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*---------------     [MENU]   -----------------*/
/*------------------------------------------------*/


#top-menu li li a {
	width: 210px;
	padding: 6px 11px;
}


/*MENU MOBILE*/
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}


/*-------------------------------------------------*/
/*---------------  [HOME]  -----------------*/
/*-------------------------------------------------*/


/*HEADER*/

@media (max-width:429px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
		margin-left: 1px;
	}
}



/*------------------------------------------------*/
/*----------------- [ABOUT US PAGE] -----------------*/
/*------------------------------------------------*/



div .et_pb_tabs.et_pb_tabs_0.area-custom-tabs {
    border: 0px !important;
}

.area-custom-tabs .et_pb_tab_active a {
    color: #ffffff !important
    font-weight: bold !important;
}


.area-custom-tabs ul.et_pb_tabs_controls {
    float: left;
    width: 30%;
    display: block;
    background: transparent;
}

.area-custom-tabs .et_pb_all_tabs {
    display: flex;
    width: 65%;
}

/*.area-custom-tabs ul.et_pb_tabs_controls{
    margin-top: 50px;
}*/

.area-custom-tabs .et_pb_tabs_controls li {
    display: block;
    width: 100%;
    border: 1px solid #d9d9d9;
    margin-bottom: 7px;
}

.area-custom-tabs .et_pb_tabs_controls li:not(.et_pb_tab_active):last-child {
    border-right: 1px solid #d9d9d9;
}

.area-custom-tabs .et_pb_tabs_controls li a {
    display: block;
    width: 100%;
    padding: 15px 20px ;
    /*font-size: 15px;*/
}

.area-custom-tabs ul.et_pb_tabs_controls:after {
    content: none;
}

.area-custom-tabs .et_pb_tab {
/*    padding: 0 30px;*/
    padding: 0 1vw 0  3vw;
}




@media(max-width:767px){
    .area-custom-tabs ul.et_pb_tabs_controls.clearfix {
        float: left;
        width: 100%;
        display: inherit;
        margin-top: 10px;
    }
    .area-custom-tabs .et_pb_all_tabs {
        display: flex;
        width: 100%;
    }
    .area-custom-tabs .et_pb_tab.et_pb_tab.clearfix.et-pb-active-slide {
          border-left: 0px solid #d9d9d9;
    }
}



/*-------------------------------------------------*/
/*---------------  [PRODUCTION]  -----------------*/
/*-------------------------------------------------*/
.boton_descargar{
    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 40px;
    font-family: 'Nunito Sans',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 300!important;
    background-color: #e09900;
}
.boton_descargar:hover {
    background-color:#9ECF5C;
}



/*------------------------------------------------*/
/*-----------------[CONTACT FORM]-----------------*/
/*------------------------------------------------*/




/*------------------------------------------------*/
/*-------------------[BLOG PAGE]-------------------*/
/*------------------------------------------------*/



/*blog thumbnail*/
/*.et_pb_post a img {
	vertical-align: bottom;
	float: left;
	width: 300px;
	height: 150px;
	margin-right: 15px;
}

.et_pb_post {
	margin-bottom: 60px;
	border-bottom: 1px #c3c3c3 solid;
	padding-bottom: 10px;
}

*/


.et_pb_post {
	padding-bottom: 15px;
	margin-bottom: 80px;
	/*border-bottom: 2px #c3c3c3 solid;*/
}

.et_pb_post a img {
    height: auto;
    float: left;
    width: 250px;
    left: 0;
    margin-right: 14px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 980px) {
    .et_pb_post a img {
        float:none;
        width:100%;
        height: 300px;
    }
}


/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

.form-submit .et_pb_button {
	color: #fefefe!important;
	border-radius: 30px;
	letter-spacing: 1px;
	font-size: 20px;
	font-weight: 300!important;
	background-color: #222222;
	border: 1px solid #222222;

}
.form-submit .et_pb_button:hover {
    color: #222222!important;
	border-radius: 30px;
	letter-spacing: 1px;
	font-size: 20px;
	/*font-weight: 700!important;*/
	background-color: #E1CBBB;
	border: 1px solid #E1CBBB;

}



/*------------------------------------------------*/
/*-------------------[PRE-FOOTER]-----------------*/
/*------------------------------------------------*/


@media (min-width:981px) {
	#skinny-optin div.et_pb_newsletter_description {
		width: 30%;
	}
	#skinny-optin div.et_pb_newsletter_form {
		width:70%;
	}
}

/*.skinny-optin div.et_pb_newsletter_form form div.et_pb_newsletter_fields .et_pb_newsletter_field,
.skinny-optin .et_pb_newsletter_button_wrap {
	flex-basis:32.5%;
}
*/

	#skinny-optin.et_pb_newsletter .et_pb_newsletter_fields>* {
	  flex-basis: 32%;
	}


@media (max-width:980px) {
	.et_pb_column_4_4 .skinny-optin{
		display:block;
	}

	#skinny-optin.et_pb_newsletter .et_pb_newsletter_fields {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#skinny-optin.et_pb_newsletter .et_pb_newsletter_fields>* {
		flex-basis: 90%;
	}

	.skinny-optin.et_pb_newsletter_description,
	.skinny-optin.et_pb_newsletter_form {
		width: 100%;
		padding: 0;
	}
	.et_pb_column_4_4 .skinny-optin.et_pb_newsletter_description {
		text-align:center;
		margin-bottom:10px;
	}
	.skinny-optin.et_pb_newsletter_footer {
		text-align:center;
	}
}

@media (max-width:600px) {
	.skinny-optin.et_pb_newsletter_field {
		flex-basis:49%;
	}
	.skinny-optin.et_pb_newsletter_button_wrap {
		flex-basis:100%;
	}
}

@media (max-width:479px) {

	.skinny-optin.et_pb_newsletter_field{
		flex-basis:100%;
	}
}


/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/


#footer-widgets {
	font-size:14px;
}


.creditos-footer {
  text-align: center;
  color: #fff!important;
  font-size: 12px;
  line-height: 1.5em;
  padding-bottom: 4px;
}

#legales-footer a{
  color: #fff!important;
  text-decoration: underline;
}

#legales-footer a:hover {
color: #E5C9B8!important;
}




/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/

	/*-------------------[Menu]------------------*/

}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sliders]------------------*/

	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

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

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}