*
{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body
{
    background: #0;
    font-family: 'Open Sans' , Arial, Helvetica, Sans-serif, Verdana, Tahoma;
}

ul
{
    list-style-type: none;
}

a
{
    color: #b63b4d;
    text-decoration: none;
}

/** =======================
 * Contenedor Principal
 ===========================*/
h1
{
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    margin-top: 80px;
}

h1 a
{
    color: #c12c42;
    font-size: 16px;
}

/*
    background: #e5e5e5;*/
.accordion
{
    width: 100%;
    background: #c6bbdd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/*
    background: #e5e5e5;*/
.accordion3
{
    width: 100%;
    background: c6bbdd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion .link
{
    cursor: pointer;
    display: block;
    padding-left: 2%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #4D4D4D;
    text-align:left;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    background: #FFFfff;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion3 .link
{
    cursor: pointer;
    display: block;
    padding-left: 2%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #4D4D4D;
    text-align:left;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    background: #FFFFFF;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/*Para lo del 2016 */
.accordion .link:hover
{
    cursor: pointer;
    display: block;
    padding-left: 2%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #4D4D4D;
/*    background: #8A8A8D;*/
    /*background: #6e4ea1;*/
	background: #8e6fbd;
	/* Acordeon hover*/
	
    text-align:left;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion3 .link:hover
{
    cursor: pointer;
    display: block;
    padding-left: 2%;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #4D4D4D;
/*    background: #8A8A8D;*/
    background: #6e4ea1;
    text-align:left;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link
{
    border-bottom: 0;
}

.accordion3 li:last-child .link
{
    border-bottom: 0;
}

.accordion li i
{
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion3 li i
{
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down
{
    right: 12px;
    left: auto;
    font-size: 16px;
}

.accordion3 li i.fa-chevron-down
{
    right: 12px;
    left: auto;
    font-size: 16px;
}

.accordion li.open .link
{
    color: #6a3c8f;
}

.accordion3 li.open .link
{
    color: #6a3c8f;
}

.accordion li.open i
{
    color: #b63b4d;
}

.accordion3 li.open i
{
    color: #b63b4d;
}

.accordion li.open i.fa-chevron-down
{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion3 li.open i.fa-chevron-down
{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
.submenu
{
    display: none;
    font-size: 14px;
}

.submenu li
{

}

.submenu a
{
    display: block;
    text-decoration: none;
    color: #d9d9d9;
    padding-top: 7px;
    padding-bottom: 7px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.submenu .noa
{
    display: block;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 1px;
    margin: 1px 1px 1px 1px;
    background: #CCCCCC;
}

#tabs-1
{
    font-size: 14px;
    width: 100%;
}


.licontain
{
    width: 100%;
    height: 50px;
}

.licontain:hover
{
    /*background: #FFFFFF;
    /*color: #FFF;*/
}
.lidiv .lititle a
{
    width: 85%;
    float: left;
}

.lidiv .sublititle a
{
    width: 5%;
    float: left;
}

.lidivtitle
{
    width: 49%;
    white-space: normal !important;
    float: left !important;
}

.lidivtitle a
{
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
}


.lidivPeque img:hover
{
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}


.lidiv img:hover
{
    -webkit-transform: scale(1.6,1.6);
    transform: scale(1.6,1.6);
}


.tabback
{
    background-color: #ffffff !important;
}

.ui-widget-header
{
    background: none !important;
    /*border: 5px solid #6a3c8f !important;*/
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{
    color: #000 !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
    color: #FFF !important;
    /*background-color: #6a3c8f;*/
    /*background-color: #8B1C40; rojo */
	/*background-color: #23589c;  azul */
	/*background-color: #1a3b66;  azul */
	/*background-color: #313131;  negro */
	background-color: #1a3b66; /* azul */
	
	/* menu color de seleccionado   CONFIRMADO*/
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    background: none !important;
    /*border: 1px solid #ffffff !important;*/
    color: #eb8f00 !important;
    font-weight: bold;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
  /*  background: rgba(194,148,143,0.5) !important;
    /*border: 1px solid #6e3c8f !important;*/
    color: #6a3c8f !important;
    font-weight: bold;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited
{
    color: #F781BE;
    text-decoration: none;
}



.DivCol45 {
	font-family: 'Avenir Next LT Pro';
	width: 45%;
}

.DivCol10 {
	font-family: 'Avenir Next LT Pro';
	width: 10%;
}

/* Clase para representar una fila */
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* Clase para representar una columna */
.col {
    padding: 15px;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}