/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/****************************************************************************/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Calligraffitti);

/****************************************************************************************************************************************************************/


/* FONTS */

body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0px;
    margin-top: 0px;
}

h1{
}
   
h2{
    font-size: 1em;
}   
 
 h2 .text-section-title { font-size:0.8em;  }
 
.text-section-title { font-size:18px; font-weight: lighter; }
.text-section { font-size: 14px; font-weight: lighter; }


/***************** HEAD  **********************/

.header-container-wrapper {
    background: #FFF;
    width: 100%;
    min-height: 60px;
    max-height: 102px;
    padding: 0;
    margin: 0;
}
.container-fluid {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    max-width: none;    
    transition: padding 0.5s ease 0s;
}
.row-fluid-wrapper {
    border-bottom: 0;
    margin: 0 auto;
    padding-bottom: 0;
}

/***************************************/

/**************** PIE *******************/

.text-menu-foot-title { color: #C0D232; font-size: 14px; font-weight: bolder; }


.hs_cos_wrapper_type_post_listing ul{
    margin-top: 0px; 
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.hs_cos_wrapper_type_post_listing li {
    padding-top: 5px;
    padding-bottom: 5px;
     }
    
.hs_cos_wrapper_type_post_listing li a {
    text-decoration: none;
    color: #FFF;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Open Sans',sans-serif; }

.hs_cos_wrapper_type_post_listing li a:hover {
    color: #bfd721;
}    


.hs_cos_wrapper_type_menu ul{
    margin-top: 0px; 
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.hs_cos_wrapper_type_menu li {
    padding-top: 5px;
    padding-bottom: 5px;
    
}

.hs_cos_wrapper_type_menu li a {
    text-decoration: none;
    color: #FFF;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Open Sans',sans-serif; 

}

.hs_cos_wrapper_type_menu li a:hover {
    color: #bfd721;
}

#foot-follow-vertical { display: none;}
#foot-follow-horizontal { display: block;}
/*#foot-contact-horizontal  { display: none;}*/
/*#foot-contact-vertical  { display: block;}*/


.foot-contact-spain { 
    float: left !important;
    font-size: 10px !important;
    margin-right: 5%;
}
.foot-contact-brazil {     
    font-size: 10px !important;
}

/*********** FIN PIE ************************/

/*********** HEAD MENU inicio *************************************************************************************************/

#head-menu { display: none;}
#head-menu-mobile { display: block; height: 65px;}


#menu_1 { background: #2F2F2F; }
#menu_1_1 { max-width: 1100px; height: 60px; margin: 0px auto;}

.body-container-wrapper {
    transition:     all .5s ease-in;
}

.body-container-wrapper.Open {
	margin-top:     42px;
}

* { margin: 0px;
	padding: 0px; 
	outline: 0;
}

/*** CSS de LOGO **/

#logo {
	width:auto;
	float: left;	
	}




/**** CSS del BOTÓN TRIAL ****/
#btn_trial_head {
	float: right;
	padding-top: 17px;
	padding-left: 15px;
}

/***  CSS del MENU PRINCIPAL  ****/

#menu_1_2 { 
	text-align: center;
	font-size: 16px;	
	margin: 0px auto;
	height: 60px;
	float: right;
	padding-top: 12px;		
}

#menu_1_2 ul { list-style-type: none; }

#menu_1_2 ul li.nivel1 { 
	float: right;	
	margin-right: 2px;
	position: relative;	
	}
#menu_1_2 ul li { float: left;}

#menu_1_2 ul li a, #menu ul li span {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 10px 20px;
	position: relative;
}

#menu_1_2 ul li a:active {	
	position: relative;
}
#menu_1_2 ul li span.nivel1 {
	display: block;
}

/***  CSS del SUBMENU  ****/


#submenu_1 { background: #707070; }
#submenu_1_1 { max-width: 1100px;  height: 42px; margin: 0px auto; }


.submenu_on { display: block; }
.submenu_off { display: none; }

#submenu_1_2 { 
	text-align: center;
	font-size: 12px;
	max-width: 1100px;
	margin: 0px auto;
	position: relative;
	height: 41px;	
	padding-top: 12px;		
}

#submenu_1_2 ul { list-style-type: none; }

#submenu_1_2 ul li.nivel1 { 
	float: right;	
	margin-right: 2px;
	position: relative;	
	}
#submenu_1_2 ul li { float: left;}

#submenu_1_2 ul li a, #menu ul li span {
	display: block;
	color: #ffffff;
	text-decoration: none;
    font-size: 12px;
	padding: 0px 20px;
	position: relative;
}
a:active {
	position: relative;
}
#submenu_1_2 ul li a:active {	
	position: relative;
}
#submenu_1_2 ul li span.nivel1 {
	display: block;
}

/*###.JSC  CSS de LOGIN *************/
.element_menu_login { float: right; padding-top: 22px; padding-left: 20px; }
.element_menu_text { font-size: 14px; color: #ffffff; padding-top: 2px; }
a.element_menu_text { text-decoration: none; color: #ffffff; }
.popup_content { position: relative; }
.popup {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
	z-index: 19002;
}

#popup_login {
	width: 300px;
	height:175px;
	top: 60px;
	right: 0px;
}

.popup a {
	padding: 0px !important;
	color: #2f2f2f !important;
}
.popup a:hover {
	color: #bfd621 !important;
}
.popup INPUT[type="text"] {
	height: 25px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	width: 100%;
}
.popup_button {
	color: #2f2f2f !important;
	background-color: #ffffff !important;
	padding: 5px 10px !important;
	border: 1px solid #2f2f2f !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.input_content { position: relative; }
.input_error_message {
	position: absolute; 
	top: 30px;
	font-family: 'Open Sans',sans-serif;
	font-size: 12px;
	color: red;
	display: none;
}

#popup_login_remember {
	width: 300px;
	height:175px;
	top: 60px;
	right: 0px; 
	display: none; 
}

/*******************  Begin.spinner *************************/
.spinner { /*margin: 100px auto;*/ width: 20px; height: 20px; position: relative; }
.container1 > div, .container2 > div, .container3 > div {
	width: 6px;
	height: 6px;
	background-color: #333;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.spinner .spinner-container { position: absolute; width: 100%; height: 100%; }
.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
	0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
	40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}
/*******************   End.spinner  *************************/

/*###.JSC FIN CSS de LOGIN *************/




/*********** HEAD MENU fin **************************************************************************************************/







.container-maxwidth {
    max-width: 1100px; 
    margin: 0px auto; 
}  

.container-maxwidth-foot {
    max-width: 1100px;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 10px 0;    
}


.title-header {
   padding: 10px 10px 10px 10px;
}  

.section-left {
   padding: 10px 10px 10px 10px;
}
.section-middle {
   padding: 10px 10px 10px 10px;
}

.section-right {
   padding: 10px 10px 10px 10px;
}

.foot-end { height: auto; background-color: #bfd721; }
.text-foot { font-size: 10px; color: #2f2f2f; }
a.text-foot { color: inherit; text-decoration: none;}

.container-foot-legal {
    width: auto !important;
    float: right;   
}

.container-foot-copyright {
    width: auto !important;
    float: left;    
    margin-right: 5%;   
}

.container-maxwidth-menu-foot {
    max-width: 1100px;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 4% 3% 0 3%;
    
}

.container-maxwidth-menu-head-mobile {
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    
}


/*****************************/

@media (min-width: 500px) {
   
    h1{   
        font-size: 25px;
    }
    h2{   
        font-size: 15px;
    }
    .title-header {        
        padding: 5% 5% 0 50%;
    } 
    .section-left {
          padding: 5% 55% 0 5%;
    }
     .section-right {
          padding: 5% 5% 0 55%;
    }
    .section-middle {
          padding: 5% 18% 5% 18%;
    }
    
    .text-foot { font-size: 12px;}
    
   
    
}

@media (min-width: 650px) {
   
    h1{   
        font-size: 28px;
    }
    h2{   
        font-size: 18px;
    }
    
    
    
    .container-maxwidth-menu-foot {
        padding: 10px 0;
    }
    
   
    .text-section-title { font-size:22px; }
    .text-section { font-size: 18px; }
    .foot-end { height: 45px !important; }
    
    .text-foot { font-size: 12px;}
    .container-foot-legal {       
        float: right !important;
    }

    .container-foot-copyright {       
        margin-right: 5%;
        float: left !important;
    }
    .text-menu-foot-title { color: #777777;}
    #foot-contact { float: left; width: 27%; margin-left: 1%;}
    #foot-menu { float: right; width: 33%; margin-left: 4%; }
    #foot-post { float: right; width: 15%; margin-left: 4%;}
    #foot-follow { float: right; width: 9%; margin-left: 4%; }
    
    .foot-contact-spain { 
        width: 100% !important;
        font-size: 14px !important;
    }
    .foot-contact-brazil {
        width: 100% !important;
        font-size: 14px !important;
        margin-left: 0!important;
     }
    #foot-follow-vertical { display: block;}
    #foot-follow-horizontal { display: none;}
    
    /*********** HEAD inicio ************************/

    #head-menu { display: block;}
    #head-menu-mobile { display: none;}

    #menu_1_2 { 
        font-size: 10px;	
    }
    #menu_1_2 ul li a, #menu ul li span {       
    	padding: 13px 3px;	   
    }
    .element_menu_login {
        float: right;
        padding-top: 22px;
        padding-left: 10px;
    }
    .element_menu_text { font-size: 11px; }
    
   
    #btn_trial_head {
        padding-left: 10px;
    }
    #submenu_1_2 ul li a, #menu ul li span {
        font-size: 11px;
        padding: 0 10px;
    }
/*********** HEAD fin ************************/
}
@media (min-width: 710px) {
   
     #menu_1_2 { 
        font-size: 12px;    
    }
    #menu_1_2 ul li a, #menu ul li span {       
        padding: 13px 6px;	   
    }
    .element_menu_login {
        float: right;
        padding-top: 22px;
        padding-left: 10px;
    }
    .element_menu_text { font-size: 12px; }
    
   
    #btn_trial_head {
        padding-left: 10px;
    }
    #submenu_1_2 ul li a, #menu ul li span {
        font-size: 12px;
        padding: 0 10px;
    }
}    
@media (min-width: 860px) {
   
    h1{   
        font-size: 2.2em
    }
    h2{   
        font-size: 1.2em;
    }
    
    .section-left h2  { font-size: 1.7em; }
    .section-right h2 { font-size: 1.7em; }
    .section-middle h2 { font-size: 1.7em; }
     
    /*.text-section-title { font-size:30px; }**/
    .text-section { 
        font-size: 1.2em;
        line-height: 1.5em;
        padding-top: 2%;
        font-weight: lighter;
            
     }
    
    .foot-end { height: 45px !important; }
    .text-foot { font-size: 13px;}
    #foot-post { float: right; width: 15%; margin-left: 4%;}
    
    #foot-follow-vertical { display: block;}
    #foot-follow-horizontal { display: none;}
    
  /*********** HEAD inicio ************************/

    #menu_1_2 { 
        font-size: 14px;    
    }
    #menu_1_2 ul li a, #menu ul li span {       
    	padding: 12px 14px;	   
    }
    .element_menu_login {
        float: right;
        padding-top: 22px;
        padding-left: 15px;
    }
    .element_menu_text { font-size: 14px; }
    
   
    #btn_trial_head {
        padding-left: 15px;
    }
    #submenu_1_2 ul li a, #menu ul li span {
        font-size: 12px;
        padding: 0 20px;
    }
/*********** HEAD fin ************************/
}

@media (min-width: 900px) {
 #menu_1_2 { 
        font-size: 14px;    
    }
   
    
}