@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'Charter';
    src: url('fonts/original_Charter.eot?#iefix') format('embedded-opentype'), 
         url('fonts/original_Charter.woff') format('woff'),
         url('fonts/original_Charter.ttf') format('truetype'),
         url('fonts/original_Charter.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body{
	font-family: 'Noto Serif', serif;
	font-weight:normal;
	height:100%;
	margin:0 auto; 
	width:100%; }

h1{ 
	color:#900;
	font-size:22px;
	font-weight:bold;
	line-height:30px; }	

h2{ 
	color:#900;
	font-size:18px;
	font-weight:bold; }

h3{ 
	font-size:28px;
	font-weight:bold; }

h4{
	color:#2a2a2a;
	font-size:20px;
	font-weight:bold; }

h5{ 
	color:#2a2a2a;	
	font-size:16px;
	font-weight:bold; }

a{ 	color:#999;
	text-decoration:none; }

a:hover{ 
	color:#900;
	transition-duration: 1s; }

/*------------------------------------
				[MAIN]
-------------------------------------*/
header{ 
	float:left;
	height:auto;
	padding:0 20px;
	width:calc(100% - 40px); }

footer{
	background-color:#2a2a2a;
	color:#ccc;
	float:left;
	height:auto;
	line-height:20px;
	padding:0 20px;
	width:calc(100% - 40px); }

#content{
	height:auto;
	margin:0 auto;
	width:1200px; }
	
#banner{
	float:left;
	padding:0 20px;
	width:calc(100% - 40px); }
	
#services{ 
	float:left;
	padding:0 20px;
	width:calc(100% - 40px); }

#eventos{ 
	float:left;
	padding:0 20px;
	width:calc(100% - 40px); }

#social{ 
	float:left;
	padding:0 20px;
	width:calc(100% - 40px); }
	
.adaptive-banner{ width:100%; }

#separator{
	float:left;
	height:15px;
	width:100%; }

/*------------------------------------
				[MENU]
-------------------------------------*/
#box-menu{
	height:155px;
	margin-bottom:15px;
	margin-top:15px;
	width:100%; }

#social-menu{
	font-size:20px;
	padding:15px 50px;
	text-align:right;
	width:calc(100% - 100px); }
	
#logo{
	float:left;
	margin-left:15px;
	text-align:center;
	width:120px; }
	
#menu{ 
	float:left;
	font-size:20px;
	margin-top:20px;
	padding:15px 20px;
	width:calc(100% - 190px); }

#list-menu{
	float:right;
	width:350px; }
	
.menu{ 
	float:left;
	margin:0 5px; }

.red{ color:#900; }

.adaptive-logo{ width:100%; }

.paypalbtn{ 
	color:#900;
	cursor:pointer;
	background-color:#fff;
	border:none;
	font-family: 'Noto Serif', serif;
	font-size:18px;
	margin-top: -7px; }

/*------------------------------------
 			[SECCIONES]
-------------------------------------*/
#section-services{
	float:left;
	margin:20px 0;
	width:100%; }

.box-services{
	cursor:pointer;
	float:left;
	margin:0 70px;
	text-align:center;
	width:140px;
	opacity:0.7; }

.box-services:hover{ opacity:1.0; }

.title-services{ 
	float:left;
	padding:8px;
	text-align:center;
	width:calc(100% - 16px); }

.adaptive-img{ width:80%; }

#section-social{ 	
	float:left;
	width:100%; }

#social-left{
	float:left;
	width:60%; }
	
#social-right{
	float:left;
	text-align:right;
	width:40%; }
	
#footer{
	height:105px;
	font-size:14px;
	margin:0 auto;
	margin-top:30px;	
	width:1200px; }
	
#footer-left{
	float:left;
	width:50%; }

#footer-right{
	float:left;
	margin-top:25px;
	text-align:right;
	width:50%; }
	
/*------------------------------------
 			[INTERIORES]
-------------------------------------*/
#wrapper{
	float:left;
	margin:20px 0;
	width:100%; }

#head-banner{
	margin:15px 0;
	width:100%; }

#wrapper-left{
	float:left;
	line-height:25px;
	padding:20px;
	text-align:justify;
	width:calc(60% - 40px); }

#wrapper-right{
	float:left;
	text-align:right;
	width:40%; }
	
.list-text{
	background-color:#f1f1f1;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	padding:25px;
	width:calc(100% - 50px); }
	
.list-content{ margin-left:25px; }

.lvl2{ margin-left:50px; }

.convoca{ text-align:center; }

.convoca:hover{ color:#2a2a2a; }

.sistema{
	background-color: #f1f1f1;
	border-bottom:1px solid #2a2a2a;
	border-top:1px solid #2a2a2a;
	margin:25px 0;
	padding:15px;
	text-align:center;
	width:calc(100% - 30px); }

/*------------------------------------
 			[POP-UP]
-------------------------------------*/
#overlay{ 
    background-color: #2a2a2a;
    display: none;
    height: 100%;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    z-index: 888; }

#pop-up{ 
    cursor: pointer;
    display: none;
    height: auto;
    left: -350px;
    margin-left: 50%;;    
    margin-top: 50px;
    position: fixed;
    width: 38%;
    z-index: 999; }

.pop-up{ width: 100%; }

.box-evento{ 
    line-height: 25px;
    padding:35px;
    text-align: center;
    width: calc(100% - 70px); }

.sub-box{ 
    margin-top: 10px;
    padding: 25px; }