﻿/* Services Blocks */ 
.service-block{ padding:20px 0;} 
.service-block-icon .icon-wrapper{-webkit-transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s; -moz-transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s; -o-transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s;   transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s;} 
.service-block-title{ margin:20px 0; font-size:24px;} 
.service-block-content a.link-icon {display:block; margin:0; padding-bottom:0;} 
.service-block:hover{} 
 
/* service block border style */ 
.service-block.sb-border{border: solid #e5e5e5; border-width:1px 1px 4px 1px; margin: 60px 0 20px; padding: 0 20px 20px;} 
.service-block.sb-border .service-block-icon {margin-top: -41px;} 
.service-block.sb-border .icon-wrapper{ background:#fff;} 
 
 
 #one .formulario-home input[type=button] { position: absolute; margin-top: -64px; right: 0; width: 4rem; height: 4rem; background: transparent; color: transparent; text-indent: 500px; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-bordr-radius: 0;}



/* services blocks - colors */ 
/*default*/ 
.sb-default:hover .icon-wrapper{color:#ffffff !important;} 
.service-block.sb-border.sb-default{border-width:1px 1px 4px 1px; border-style: solid;} 
/*success*/ 
.sb-success:hover .icon-wrapper{background:#99cc00 !important; color:#ffffff !important;} 
.sb-success .service-block-title{color:#99cc00;} 
.sb-success .service-block-title h2{color:#99cc00;} 
.service-block.sb-border.sb-success{border-width:1px 1px 4px 1px; border-style: solid; border-color: #99cc00 !important;} 
/*info*/ 
.sb-info:hover .icon-wrapper{background:#33cccc !important; color:#ffffff !important;} 
.sb-info .service-block-title{color:#33cccc;} 
.sb-info .service-block-title h2{color:#33cccc;} 
.service-block.sb-border.sb-info{border-width:1px 1px 4px 1px; border-style: solid; border-color: #33cccc !important;} 
/*warning*/ 
.sb-warning:hover .icon-wrapper{background:#ff9900 !important; color:#ffffff !important;} 
.sb-warning .service-block-title{color:#ff9900;} 
.sb-warning .service-block-title h2{color:#ff9900;} 
.service-block.sb-border.sb-warning{border-width:1px 1px 4px 1px; border-style: solid; border-color: #ff9900 !important;} 
/*danger*/ 
.sb-danger:hover .icon-wrapper{background:#cc0000 !important; color:#ffffff !important;} 
.sb-danger .service-block-title{color:#cc0000;} 
.sb-danger .service-block-title h2{color:#cc0000;} 
.service-block.sb-border.sb-danger{border-width:1px 1px 4px 1px; border-style: solid; border-color: #cc0000 !important;} 
/*purple*/ 
.sb-purple:hover .icon-wrapper{background:#cc66cc !important; color:#ffffff !important;} 
.sb-purple .service-block-title{color:#cc66cc;} 
.sb-purple .service-block-title h2{color:#cc66cc;} 
.service-block.sb-border.sb-purple{border-width:1px 1px 4px 1px; border-style: solid; border-color: #cc66cc !important;} 
/*orange*/ 
.sb-orange:hover .icon-wrapper{background:#ff6600; !important; color:#ffffff !important;} 
.sb-orange .service-block-title{color:#ff6600;} 
.sb-orange .service-block-title h2{color:#ff6600;} 
.service-block.sb-border.sb-orange{border-width:1px 1px 4px 1px; border-style: solid; border-color: #ff6600 !important;} 
 
/*services slider*/ 
.service-slider{ max-height:350px !important;} 
/* Background Color - !IMPORTANT */ 
.bg-color-default, .sm-default a.current, .sb-default:hover .icon-wrapper { background-color:#41a9a7!important;} 
 
/* Border Color */ 
.btn.btn-border.btn-primary, #slide-panel, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus, .border-list a:before, #contactForm .error, .form-control:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .progress-pie-3 .chart-3 canvas, .btn-primary, .panel-primary , .panel-primary > .panel-heading {border-color: #09de7c;} 
 
/* Border Color !IMPORTANT */ 
.service-block.sb-border.sb-default {border-color: #41a9a7!important;} 
.icon-wrapper.icon-border-radius.fa-3x { 
    height: 70px; 
    width: 70px; 
    line-height: 70px; 
    border: 1px solid #41a9a7; 
        color: #41a9a7
} 

.destramite{
	display: -webkit-box;
    max-width: 100%;
    height: 74px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
.service-block-icon .icon-wrapper{-webkit-transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s; -moz-transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s; -o-transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s;   transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s;} 

.icon-wrapper { 
    display: inline-block; 
    font-size: 1em; 
    height: 30px; 
    text-align: center; 
    width: 30px; 
} 

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
  min-height: 220px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #47A5B9;
  /*min-height: 355px;*/
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #47A5B9;
  border-color: #47A5B9;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
 
#DivTramites .accordion .collapsed-icon:after{    content: "\f056"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-left:6px } 
#DivTramites .accordion .collapsed.collapsed-icon:after{    content: "\f055"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-left:6px  } 
#DivTramites .accordion .footTram{ text-align: center; margin: -61px 0 0 0; background: #eee;    height: 190px;} 
#DivTramites .accordion .panel-heading{ 
height: 68px; 
} 
 
 
#DivTramites .accordion .panel-heading h5{ 
font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif!important; 
} 
 
#DivTramites .accordion a.btn.btn-success.pago{ 
    margin-top: 12px !important; 
        display: block !important; 
}	 
#DivTramites .accordion .panel-title a{display:inline; padding:10px 8px;color: white!important;} 
#DivTramites .accordion .panel-title a .fa{margin-left: 6px; color: #CDDC39; font-size: 18px;} 
/**-------------------------------------   
   Btn FBA
-------------------------------------**/
div[data-id="chat-right"] { position: fixed; top: 0; left: 0; width: 100px; z-index: 9999; }
div[data-id="chat-right"] .ext { position: fixed; left: 0Px; top: 220Px; background: #47A5B9; border: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; width: 92px; height: auto; }
div[data-id="chat-right"] .ext:focus { outline: 0; }
div[data-id="chat-right"] .ext i { display: block; font-size: 2.5em; color: #fff; }
div[data-id="chat-right"] .ext span { display: block; font-size: .75em; color: #fff; }

/**----------------------------------------------------
    BASE STYLES [MAIN CONTENT]
-----------------------------------------------------**/
#wrapper { background: #fff !important; position: relative; width: 100%; font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 300; color: #2a2a2a;}
#wrapper .container { background: none repeat scroll 0 0 transparent; display: block; margin: 0 auto; max-width: 100%; padding: 0 15px; position: relative; max-width: 1170px;}
#wrapper img { border: none; height: auto;}
#wrapper img.resp { width: 100%;}
#wrapper a { color: #d91c23; text-decoration: none; outline: 0;}

 

#suiteBarButtons span, #suiteBarButtons a, #suiteBarButtons div{
	box-sizing:initial !important;
	-webkit-box-sizing:initial !important;
}
#s4-bodyContainer{
	padding-bottom:0px !important;
}

.encuesta table tbody td 
{
	border-bottom:0px solid #e9e9e9 !important;
}

.encuesta section
{
	position:static !important;
}

#s4-workspace {
    /*overflow: auto;
    position: relative;
    height: 100% !important;
    width: 100% !important;*/
}

/**-------------------------------------
  HEADINGS [TITLES & OTHERS]
-------------------------------------**/
#wrapper h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif !important; font-weight: normal; color: #2a2a2a; margin-top: 10px; letter-spacing: -1px;}
#wrapper h1 { margin-bottom: 0.2em; font-size: 2.15em; line-height: 1.4;}
#wrapper h2 { margin-bottom: .5em; margin-top: .5em; font-size: 1.75em; line-height: 1.2;}
#wrapper h3 { margin-bottom: 0.3em; letter-spacing: -1px; font-size: 1.46em; line-height: 1.3;}
#wrapper h4 { margin-bottom: 0.5em; font-size: 1.2em; line-height: 1.25;}
#wrapper h5 { margin-bottom: 1.25em; font-size: 1.07em;}
#wrapper h6 { font-size: .93em;}

/**-------------------------------------
  Estilos Header [Contenedor Cabezote]
-------------------------------------**/

header { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: auto; z-index: 333;    }
header .col, footer .col { margin-bottom: 0; margin-top: 0;}
header .top-header { background: #47A5B9; position: relative; display: block; width: 100%; padding: 0; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s;}
header .top-header .social { position: relative; display: block; text-align: right;}
header .top-header .social i { background: #fff; color: #47A5B9; margin: 7px 0 7px 10px; padding: 5px 0; width: 24px; font-size: .8em; text-align: center;}

header .main-header { background: rgba(255, 255, 255, 0.90); height: auto; padding: .6em 0; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s;}
header .main-header .logo { position: relative; bottom: -2px; float: left; width: 260px; margin: 0 8px 0 0; padding: 0; height: 100%;}
header .main-header .logo img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

header .top-header.smaller { position: absolute; top: -50px;}
header .main-header.smaller .logo img { width: 150px !important;}
header .main-header.smaller {border-bottom: 3px solid #47A5B9;}
header .main-header.smaller .mgmenu li span span { }
header .main-header.smaller .mgmenu > li { margin-left: 1.5em; padding-right: 0;}
header .main-header.smaller .mgmenu > li > span { width: 100px; padding: 5px 15px 5px 15px;}
header .main-header.smaller .mgmenu > li img { width: 30px; margin: 0 auto 0;}


/** ----------------------------------
  ESTILOS SHAREPOINT 
------------------------------------**/
#MSOTlPn_MainTD{
    display: block;
    position: fixed;
    top: 73px;
    right: 10px;
    z-index: 1000;
    height: 90% !important;
    width: auto !important;
    overflow-y: auto;
    background: transparent;	
}

.ms-signInLink{
	display:none !important;
}
.ms-core-webpartadder{
	z-index: 9981 !important;
}
.article .date-line{
	display:inline-block;
}
.article .article-header {
    zoom: 1;
    display: block;
    margin-bottom: 15px;
}
.article .article-header h3{
    line-height: 28px !important;
	
}
.ms-rteStyle-Titulo_Principal {
	-ms-name: "Titulo_Principal";
	font-family: 'Oswald', sans-serif !important;
	color: #333;
	text-transform: uppercase !important;
	font-size: 1.46em;
	line-height: 30px !important;
	font-weight: 400 !important;
}


.ms-rteStyle-Subtitulo {
	-ms-name: "Subtitulo";
	font-family: 'Oswald', sans-serif !important;
	color: #444;
	font-weight: 400 !important;
	text-align: justify !important;
	font-size: 1.2em;
	line-height: 28px !important;
}

.ms-rteStyle-Texto_Normal {
	-ms-name: "Texto Normal";
	font-family: 'Oswald', sans-serif !important;
	color: #2a2a2a;
	text-align: justify !important;
	font-size: 16px;
	line-height: 18px !important;
	font-weight: 300 !important;
	margin-top: 10px !important;
}

.ms-rteStyle-Texto_Normal_Resaltado {
	-ms-name: "Texto Normal Resaltado";
	font-family: 'Oswald', sans-serif !important;
	color: #666;
	text-align: justify !important;
	font-size: 14px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
	margin-top: 10px !important;
}

.ms-vb a:link, .ms-vb2 a:link, .ms-vb-user a:link{
	  box-sizing: initial !important;
}
.sectionHome .ms-vh-div {
    padding: 0 12px;
}

 /*BTN TAMAÑO FUENTE*/
 .btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  color: #7e7e7e;
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

a.btn
{
display:inline !important;
}

a.rvfs-decrease:link, a.rvfs-decrease:hover, a.rvfs-decrease:visited{color:#8B0E14 !important; font-weight:bold;}
a.rvfs-reset:link, a.rvfs-reset:hover, a.rvfs-reset:visited{color:#8B0E14 !important; font-weight:bold;}
a.rvfs-increase:link, a.rvfs-increase:hover, a.rvfs-increase:visited{color:#8B0E14 !important; font-weight:bold;}

a.TituloS:link, a.TituloS:hover, a.TituloS:visited
{
	color:#fff !important;
}
  
#cssmenu a.btn {
    background: #fff;
    padding: 1px 10px;
    border: 0;
    color: #41a9a7 !important;
} 


 /*FIN BTN TAMAÑO FUENTE*/

.banner-cap {
    position: absolute;
    padding: 10px;
    bottom: 0vh;
    background: rgba(0,0,0,0.6);
    color: #fff;
    width: auto;
    left: 0;
}

.banner-cap h1 {
            color: #fff !important;
            text-transform:uppercase;
            line-height: 1.1 !important;
        }

/** =============== TOP MENU SECTION ============== **/
#cssmenu { background: transparent; position: relative; display: block; float: left; width: auto; margin: 7px auto; padding: 0; font-family: 'Oswald', sans-serif; line-height: 1;}
#cssmenu ul { list-style: none; margin: 0; padding: 0; display: block; text-align: left; max-width: 100%; float: left;}
#cssmenu ul:after, #cssmenu:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden;}
#cssmenu ul li { margin: 0; padding: 0; display: block; position: relative;}
#cssmenu ul li a { text-decoration: none; display: block; margin: 0; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cssmenu ul li ul { position: absolute; left: -9999px; top: auto;}
#cssmenu ul li ul li { max-height: 0; position: absolute; -webkit-transition: max-height 0.4s ease-out; -moz-transition: max-height 0.4s ease-out; -ms-transition: max-height 0.4s ease-out; -o-transition: max-height 0.4s ease-out; transition: max-height 0.4s ease-out; background: #fafafa; z-index: 999;}
#cssmenu ul li ul li.has-sub:after { display: block; position: absolute; content: ""; height: 10px; width: 10px; border-radius: 5px; background: #000000; z-index: 1; top: 13px; right: 15px;}
#cssmenu.align-right ul li ul li.has-sub:after { right: auto; left: 15px;}
#cssmenu ul li ul li.has-sub:before { display: block; position: absolute; content: ""; height: 0; width: 0; border: 3px solid transparent; border-left-color: #ffffff; z-index: 2; top: 15px; right: 15px;}
#cssmenu.align-right ul li ul li.has-sub:before { right: auto; left: 15px; border-left-color: transparent; border-right-color: #ffffff;}
#cssmenu ul li ul li a { font-size: 13px; font-weight: 300; text-transform: none; background: rgb(251, 251, 251, 0.9); color: #000000; letter-spacing: 0; display: block; width: 170px; padding: 11px 10px 11px 20px; text-align: left;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a { color: #d91c23;}
#cssmenu ul li ul li:hover:after, #cssmenu ul li ul li.active:after { background: #f15a29;}
#cssmenu ul li ul li:hover > ul { left: 100%; top: 0;}
#cssmenu ul li ul li:hover > ul > li { max-height: 72px; position: relative;}
#cssmenu > ul > li { float: left;}
#cssmenu.align-center > ul > li { float: none; display: inline-block;}
#cssmenu.align-center > ul { text-align: center;}
#cssmenu.align-center ul ul { text-align: left;}
#cssmenu.align-right > ul { float: right;}
#cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0;}
#cssmenu.align-right ul ul li:hover > ul { right: 100%; left: auto;}
#cssmenu.align-right ul ul li a { text-align: right;}
#cssmenu > ul > li:after { /*content: "";*/ display: block; position: absolute; width: 100%; height: 0; top: 0; z-index: 0; /*background: #fafafa; -webkit-transition: height .2s; -moz-transition: height .2s; -ms-transition: height .2s; -o-transition: height .2s; transition: height .2s;*/}
#cssmenu > ul > li.has-sub > a { padding-right: 15px;}
#cssmenu > ul > li.has-sub > a:after { display: block; content: ""; height: 12px; width: 12px; position: absolute; border-radius: 13px; right: 14px; top: 11px;}
#cssmenu > ul > li.has-sub > a:before, .goog-te-menu-value:before { display: block; content: ""; border: 4px solid transparent; border-top-color: #fff; z-index: 2; height: 0; width: 0; position: absolute; right: 1px; top: 9px;}
#cssmenu > ul > li > a { color: #fff; padding: 5px 10px; /** 10px 20px **/ font-weight: 300; font-size: 13px; z-index: 2; position: relative;}
#cssmenu > ul > li:hover:after, #cssmenu > ul > li.active:after { height: 100%;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #fff;}
#cssmenu > ul > li:hover > a:before, #cssmenu > ul > li.active > a:before { border-top-color: #fff;}
#cssmenu > ul > li:hover > ul { left: 0;}
#cssmenu > ul > li:hover > ul > li { max-height: 72px; position: relative;}
#cssmenu #menu-button { display: none;}
#cssmenu > ul > li > a { display: block;}
#cssmenu > ul > li { width: auto;}
#cssmenu > ul > li > ul { width: 170px; display: block;}
#cssmenu > ul > li > ul > li { width: 170px; display: block;}

@media all and (max-width: 840px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu > ul { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.35s ease-out; -moz-transition: max-height 0.35s ease-out; -ms-transition: max-height 0.35s ease-out; -o-transition: max-height 0.35s ease-out; transition: max-height 0.35s ease-out;}
    #cssmenu > ul > li > ul { width: 100%; display: block;}
    #cssmenu.align-right ul li a { text-align: left;}
    #cssmenu > ul > li > ul > li { width: 100%; display: block;}
    #cssmenu.align-right ul ul li a { text-align: left;}
    #cssmenu > ul > li > ul > li > a { width: 100%; display: block;}
    #cssmenu ul li ul li a { width: 100%;}
    #cssmenu.align-center > ul { text-align: left;}
    #cssmenu.align-center > ul > li { display: block;}
    #cssmenu > ul.open { max-height: 300px; border-top: 1px solid rgba(250, 250, 250, 0.28); overflow:auto;}
    #cssmenu ul { width: 100%;}
    #cssmenu ul > li { /** float: none; **/ width: 100%;}
    #cssmenu ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 12px 20px;}
    #cssmenu ul > li:after { display: none;}
    #cssmenu ul li.has-sub > a:after, #cssmenu ul li.has-sub > a:before, #cssmenu ul li ul li.has-sub:after, #cssmenu ul li ul li.has-sub:before { display: none;}
    #cssmenu ul li ul, #cssmenu ul li ul li ul, #cssmenu ul li ul li:hover > ul, #cssmenu.align-right ul li ul, #cssmenu.align-right ul li ul li ul, #cssmenu.align-right ul li ul li:hover > ul { left: 0; position: relative; right: auto;}
    #cssmenu ul li ul li, #cssmenu ul li:hover > ul > li { max-height: 999px; position: relative; background: none;}
    #cssmenu ul li ul li a { padding: 8px 20px 8px 35px; color: #ffffff; background-color: transparent;}
    #cssmenu ul li ul ul li a { padding: 8px 20px 8px 50px;}
    #cssmenu ul li ul li:hover > a { color: #000000;}
    #cssmenu #menu-button { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 7px 20px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 1px; color: #ffffff; cursor: pointer; text-align: left;}
    #cssmenu #menu-button:after { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; right: 20px; top: 13px;}
    #cssmenu #menu-button:before { display: block; content: ''; position: absolute; height: 7px; width: 22px; border-top: 2px solid #ffffff; right: 20px; top: 8px;}
}

/** ==== LANGUAGES STYLES ==== **/
.goog-te-gadget-simple { width: 108px !important;}
.goog-te-gadget-icon { float: left !important; display: none !important;}
.goog-te-gadget-simple .goog-te-menu-value { font-family: 'Oswald' !important; font-weight: 300 !important; line-height: 20px !important; background-color: transparent !important; color: white !important; font-size: 14px !important;}
.tituloMenu { float: left; margin: 0; padding: 3px 0px 0px 0px;}
.goog-te-gadget { margin-top: 0 !important;}
.goog-te-gadget-simple { background: transparent !important; border: 1px solid transparent !important; padding-bottom: 0px !important; padding-top: 0px !important; margin-top: 1px !important;}
.goog-te-gadget-simple a:link, .goog-te-gadget-simple a:visited { color: #fff !important;}
.goog-te-gadget-simple a:hover { color: #fff !important;}
.goog-te-menu-value span { color: #fff !important; border: none !important; margin-left: 2px;}
.goog-te-menu-value span:last-child { display: none;}
.goog-te-menu-value img { display: none;}

@media screen and (max-width: 785px) {
    /** #cssmenu { width: 100%;}**/
    .no-mobile { display: none;}
}

/** =============== MAIN MENU SECTION ============== **/
#mgmenu1 { z-index: 12;}
#mgmenu2 { margin-top: 12px; z-index: 11;}

/** ---- A. MEGA MENU BAR STYLE ---- **/
.mgmenu_container, .mgmenu_fixed, .mgmenu_footer { width: 100%; height: auto; z-index: 10;}
.mgmenu_container { position: relative; margin: 0 auto;}
.mgmenu_fixed, .mgmenu_footer { width: inherit; max-width: inherit; position: fixed; top: 0; /* IE7 Fix */ *width: expression(this.parentNode.currentStyle['width']);}
.mgmenu_footer { top: auto; bottom: 0;}
.mgmenu { display: table; font-size: 12px; list-style: none; padding: 0 2px; margin: 0 auto; position: relative; /* For IE7 */ line-height: 1;}
.mgmenu > li { float: left; margin: 0; padding-right: 15px; margin-left: 10px; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s;}
.mgmenu > li img { display: table; width: 42px; margin: 0 auto 8px;}
.mgmenu > li:hover, .mgmenu > li.active { background-color: #fff;}
.mgmenu > li:hover span, .mgmenu > li.active span { color: #41a9a7 !important;}
.mgmenu li.noactive { background: none;}
.mgmenu > li > a, .mgmenu > li > span { display: block; color: #41a9a7; font-size: 1em; font-weight: 600; outline: 0; text-decoration: none; padding: 5px 0 5px 15px;}
.mgmenu > li > span:hover, .mgmenu > li > a:hover, .mgmenu > li > a:focus { cursor: pointer; color: #ffffff; outline: none;}
.mgmenu > li .mgmenu_drop { background-image: url("../img/downArrow.png"); background-repeat: no-repeat; background-position: right 19px; padding-right: 20px;}
.mgmenu_footer .mgmenu > li .mgmenu_drop { background-image: url("../img/upArrow.png");}
.mgmenu > li.right_item { float: right; margin-right: 0;}
.mgmenu_container > .mgmenu > li.mgmenu_button, .mgmenu_fixed > .mgmenu > li.mgmenu_button, .mgmenu_footer > .mgmenu > li.mgmenu_button { display: none; cursor: pointer; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; font-weight: bold; background-color: transparent; background-image: url("../img/toggle.png"); background-repeat: no-repeat; background-position: 96% 10px; line-height: 12px; padding: 14px 4% 14px 4%; color: #ffffff;}
.mgmenu_container > .mgmenu > li.mgmenu_button_active, .mgmenu_fixed > .mgmenu > li.mgmenu_button_active, .mgmenu_footer > .mgmenu > li.mgmenu_button_active { background-color: #000000;}

/** ---- B. MEGA MENU TRIGGER BUTTON STYLE ---- **/
.mgmenu_trigger { position: fixed; z-index: 2; margin: 0 auto; right: 0; margin-right: 20px; width: 35px; height: 41px; display: block;}
.mgmenu_trigger { top: 0; background-image: url("../img/button_up.png"); background-position: center center; background-repeat: no-repeat; background-color: #121212;}
.mgmenu_trigger.active { background-image: url("../img/button_down.png");}
.mgmenu_footer ~ .mgmenu_trigger { top: auto; bottom: 0; background-image: url("../img/button_down.png");}
.mgmenu_footer ~ .mgmenu_trigger.active { background-image: url("../img/button_up.png");}

/** ==== 02 DROP DOWNS ==== **/
/** ---- A. COMMON STYLES ---- **/
.mgmenu li .dropdown_container, .mgmenu li .dropdown_fullwidth, .mgmenu li .mgmenu_multilevel { position: absolute; top: auto; display: none; float: left; width: 100%; /** remove if dropdown_container is left: auto **/ zoom: 1; z-index: 10; margin: 0px 0 40px -1px; padding: 20px 0 15px 0; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); border: 1px solid #CCCCCC; border-top: none; background: #e5e5e5; color: #212121;}
.mgmenu li .dropdown_container { left: 1px; /** auto **/}
.mgmenu li .dropdown_fullwidth { left: 0;}
.mgmenu li.right_item .dropdown_container { left: auto; right: -1px;}

/** ---- B. FOOTER STYLE ---- */
.mgmenu_footer .mgmenu > li .dropdown_container, .mgmenu_footer .mgmenu > li .dropdown_fullwidth, .mgmenu_footer .mgmenu > li .mgmenu_multilevel { margin: 0 0 0 -1px; top: auto; bottom: 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.05); border: 1px solid #CCCCCC; border-bottom: none;}
.mgmenu > li:hover .dropdown_container, .mgmenu > li:hover .dropdown_fullwidth, .mgmenu > li.right_item:hover .dropdown_container { display: block;}

/** ---- C. DROP DOWN CONTAINERS ---- **/
.mgmenu li .dropdown_1column { width: 8.3334%; padding-left: 2%; padding-right: 2%;}
.mgmenu li .dropdown_2columns { width: 16.6667%; padding-left: 1.8333%; padding-right: 1.8333%;}
.mgmenu li .dropdown_3columns { width: 25%; padding-left: 1.5%; padding-right: 1.5%;}
.mgmenu li .dropdown_4columns { width: 33.3334%; padding-left: 1.333%; padding-right: 1.333%;}
.mgmenu li .dropdown_5columns { width: 41.6667%; padding-left: 1.166%; padding-right: 1.166%;}
.mgmenu li .dropdown_6columns { width: 50%; padding-left: 1%; padding-right: 1%;}
.mgmenu li .dropdown_7columns { width: 58.3334%; padding-left: 0.833%; padding-right: 0.833%;}
.mgmenu li .dropdown_8columns { width: 66.6667%; padding-left: 0.666%; padding-right: 0.666%;}
.mgmenu li .dropdown_9columns { width: 75%; padding-left: 0.5%; padding-right: 0.5%;}
.mgmenu li .dropdown_10columns { width: 83.3334%; padding-left: 0.333%; padding-right: 0.333%;}
.mgmenu li .dropdown_11columns { width: 91.6667%; padding-left: 0.1666%; padding-right: 0.1666%;}
.mgmenu li .dropdown_fullwidth { width: 100%;}

/** ==== 03 COLUMNS GRID ==== **/
.mgmenu .col_1, .mgmenu .col_2, .mgmenu .col_3, .mgmenu .col_4, .mgmenu .col_5, .mgmenu .col_6, .mgmenu .col_7, .mgmenu .col_8, .mgmenu .col_9, .mgmenu .col_10, .mgmenu .col_11, .mgmenu .col_12 { float: left; display: inline; position: relative; padding-left: 2%; padding-right: 2%; *padding-left: 1.9%; *padding-right: 1.9%;}
.mgmenu .col_1 { width: 4.33%;}
.mgmenu .col_2 { width: 12.66%;}
.mgmenu .col_3 { width: 21%;}
.mgmenu .col_4 { width: 29.33%;}
.mgmenu .col_5 { width: 37.66%;}
.mgmenu .col_6 { width: 46%;}
.mgmenu .col_7 { width: 54.33%;}
.mgmenu .col_8 { width: 62.66%;}
.mgmenu .col_9 { width: 71%;}
.mgmenu .col_10 { width: 79.33%;}
.mgmenu .col_11 { width: 87.66%;}
.mgmenu .col_12 { width: 96%;}
.mgmenu .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 18px;}
.mgmenu .col_border { -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.15); -o-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.15); box-shadow: -1px 0 0 rgba(0, 0, 0, 0.15);}

/** ==== 04 MULTILEVEL DROP DOWN ====  **/
.mgmenu .dropdown_flyout, .mgmenu .dropdown_flyout .dropdown_flyout_level { padding: 0; margin: 0; list-style: none; z-index: 9; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
.mgmenu .dropdown_flyout .dropdown_flyout_level { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); border: 1px solid #CCCCCC; background: #e5e5e5;}
.mgmenu .dropdown_flyout li { float: left; width: 100%; padding: 3px 0 3px 0;}
.mgmenu .dropdown_flyout ul li { width: 160px; padding: 3px 10px 3px 10px;}
.mgmenu .dropdown_flyout li.last { margin-bottom: 12px;}
.mgmenu .dropdown_flyout a { display: block; width: 10em;}
.mgmenu .dropdown_flyout .dropdown_flyout_level { position: absolute; margin: 15px 0 0 4px; padding: 6px; left: 98%; top: -21px; display: none; zoom: 1; float: left;}
.mgmenu .dropdown_flyout .dropdown_flyout_level_left { left: -102%; right: 100%;}
.mgmenu .dropdown_flyout .dropdown_parent { background: url("../img/rightArrow.png") no-repeat 90% 9px;}
.mgmenu .dropdown_flyout .dropdown_parent_left { background: url("../img/leftArrow.png") no-repeat 90% 9px;}
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level, .mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level_left { display: block;}
.mgmenu .dropdown_flyout .flyout_heading { font-family: Georgia, Times, "Times New Roman", serif; padding-bottom: 9px; margin-bottom: 9px; font-size: 16px; border-bottom: 1px solid #cccccc; -webkit-box-shadow: 0 1px 1px #f4f4f4; -moz-box-shadow: 0 1px 1px #f4f4f4; -o-box-shadow: 0 1px 1px #f4f4f4; box-shadow: 0 1px 1px #f4f4f4;}

/** ==== 05 CONTENT & TYPOGRAPHY ==== **/
/** ---- A. BASIC TYPOGRAPHY ---- **/
.mgmenu p, .mgmenu h1, .mgmenu h2, .mgmenu h3, .mgmenu h4, .mgmenu h5, .mgmenu h6 { padding: 0; margin: 0; font-weight: normal; color: #222222; text-shadow: 1px 1px 1px #ffffff; margin-bottom: 18px;}
.mgmenu h1, .mgmenu h2, .mgmenu h3, .mgmenu h4, .mgmenu h5, .mgmenu h6 { font-family: Georgia, Times, "Times New Roman", serif;}
.mgmenu p { font-size: 12px;}
.mgmenu h1 { font-size: 32px;}
.mgmenu h2 { font-size: 28px;}
.mgmenu h3 { font-size: 24px;}
.mgmenu h4 { font-size: 18px;}
.mgmenu h5 { font-size: 16px;}
.mgmenu h6 { font-size: 14px; text-transform: uppercase;}
.mgmenu a { text-decoration: none; color: #222222 !important; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s;}
.mgmenu a:hover { color: #777777;}
.mgmenu a:focus { background: none;}

/** ---- B. LISTS ---- **/
.mgmenu > li ul, .mgmenu > li ol { padding: 0 0 0 18px; margin: 0 0 0 0;}
.mgmenu > li ul { list-style: square;}
.mgmenu > li ol { list-style: decimal;}
.mgmenu > li ul.no_bullets { list-style: none; padding: 0;}
.mgmenu > li ul.no_bullets li { line-height: 24px;}
.mgmenu > li ul li, .mgmenu > li ol li { font-size: 1em; line-height: 22px; position: relative; margin-bottom: 0; color: #222222; text-shadow: 1px 1px 1px #ffffff;}
.mgmenu > li ul li a { display: block;}
.mgmenu > li ul li a:hover { background: #41a9a7; display: block; color: #fff !important; text-shadow: 0 0; padding: 0 5px;}
.mgmenu > li ul li span { margin-left: 20px; font-size: .8em; line-height: 2em; position: absolute;}

/** ---- C. OTHER STYLES ---- **/
.mgmenu blockquote { color: #aaaaaa; border-left: 5px solid #cccccc; padding-left: 20px; font-family: Georgia, serif; font-style: italic; font-size: 18px; line-height: 27px;}
.mgmenu .text_box { width: 100%; background: #ffffff; padding: 12px 8% 12px 8%; -webkit-box-shadow: 0 1px 1px #bbbbbb; -moz-box-shadow: 0 1px 1px #bbbbbb; -o-box-shadow: 0 1px 1px #bbbbbb; box-shadow: 0 1px 1px #bbbbbb;}

/** ---- D. FORM ELEMENTS ---- **/
.mgmenu .contact_form { display: block; margin-bottom: 10px;}
.mgmenu .contact_form label { font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.mgmenu .form_element { color: #000000; background-color: #fbfbfb; border: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 96%; padding: 9px 2% 9px 2%; margin: 12px 0 18px 0; -webkit-box-shadow: 0 1px 1px #efefef; -moz-box-shadow: 0 1px 1px #efefef; -o-box-shadow: 0 1px 1px #efefef; box-shadow: 0 1px 1px #efefef; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; -ms-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out;}
.mgmenu .form_element:hover { background-color: #fcfcfc;}
.mgmenu .form_element:focus { background-color: #ffffff;}
.mgmenu .form_element:focus { outline: none;}
.mgmenu .contact_form textarea { height: 120px; resize: none;}
.mgmenu .contact_form .required { color: #C00;}
.mgmenu .contact_form .error, .mgmenu .contact_form .success { width: 96%; padding: 9px 2% 9px 2%; margin: 12px 0 6px 0; border: 1px solid rgba(0, 0, 0, 0.15); text-shadow: 1px 1px 1px #ffffff; -webkit-box-shadow: 0 1px 1px #efefef; -moz-box-shadow: 0 1px 1px #efefef; -o-box-shadow: 0 1px 1px #efefef; box-shadow: 0 1px 1px #efefef;}
.mgmenu .contact_form .error { background: #f7cac4; color: #992213;}
.mgmenu .contact_form .success { background: #d8f6bc; color: #2f530b; margin-bottom: 12px;}
.mgmenu .contact_form .button { padding: 7px 12px; margin: 9px 12px 0 0; white-space: nowrap; font-size: 11px; text-transform: uppercase; vertical-align: middle; cursor: pointer; border: 1px solid #000000; color: #ffffff; background-color: #222222; text-shadow: 0 1px 1px #000000; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -ms-transition: background-color 0.3s; transition: background-color 0.3s;}
.mgmenu .contact_form .button:active {}
.mgmenu .contact_form .button:hover, .mgmenu .contact_form .button:focus { color: #ffffff; background-color: #1A1A1A;}
.mgmenu .contact_form .select_element { float: left; width: 310px; overflow: hidden; position: relative; background-color: #fbfbfb; border: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; margin: 12px 0 18px 0; -webkit-box-shadow: 0 1px 1px #efefef; -moz-box-shadow: 0 1px 1px #efefef; -o-box-shadow: 0 1px 1px #efefef; box-shadow: 0 1px 1px #efefef;}
.mgmenu .contact_form .select_element select { width: 100%; height: 30px; font-size: 12px; color: #999; padding: 6px 0 6px 10px; border: 0; background: none; outline: none;}
.mgmenu .contact_form .select_element select option { background: #fdfdfd; width: 100%; color: #666;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mgmenu .contact_form .select_element:after { content: ''; position: absolute; top: 50%; right: 10px; margin-top: -3px; border: 5px solid transparent; border-top: 5px solid #333333; pointer-events: none;}
    .mgmenu .contact_form .select_element select, .mgmenu .contact_form .select_element select option { -webkit-appearance: none; appearance: none;}
}

/** ==== 06 DROP DOWN TABS ==== **/

/** ==== 07 MOBILE DEVICES ==== **/
@media only screen and (min-width: 785px) and (max-width: 984px) {
    .mgmenu > li { padding-right: 17px;}
    .mgmenu > li > a, .mgmenu > li > span { padding-left: 17px; font-size: 1.1em;}
    .mgmenu .mini_icon { padding-left: 3px;}
}

@media only screen and (min-width: 785px) {
    .mgmenu_container .mgmenu > li, .mgmenu_fixed .mgmenu > li, .mgmenu_footer .mgmenu > li {display: block !important;}
    .mgmenu_container > .mgmenu > li.mgmenu_button, .mgmenu_fixed > .mgmenu > li.mgmenu_button, .mgmenu_footer > .mgmenu > li.mgmenu_button { display: none !important;}
}

@media only screen and (max-width: 785px) {
    .mgmenu { display: block; overflow: auto;}
    .mgmenu_container, .mgmenu_fixed, .mgmenu_footer { width: 100%; height: auto; margin: 0; position: relative; left: auto; top: auto; bottom: auto;}
    .mgmenu_container .mgmenu > li, .mgmenu_fixed .mgmenu > li, .mgmenu_footer .mgmenu > li { float: none; width: auto; border: none; display: none; padding: 0;}
    .mgmenu_container > .mgmenu > li.mgmenu_button, .mgmenu_fixed > .mgmenu > li.mgmenu_button, .mgmenu_footer > .mgmenu > li.mgmenu_button { display: block;}
    .mgmenu > li > span, .mgmenu > li > a { display: block; padding: 16px;}
    .mgmenu > li .mgmenu_drop { background-position: 96% 19px;}
    
    .mgmenu > li .dropdown_container, .mgmenu > li .dropdown_fullwidth, .mgmenu_footer .mgmenu > li .dropdown_container, .mgmenu_footer .mgmenu > li .dropdown_fullwidth { position: absolute; top: auto; bottom: auto; width: auto; margin: 0 0 0 -1px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05); border: 1px solid #CCCCCC; border-top: none;}
    
    .mgmenu li .dropdown_1column, .mgmenu li .dropdown_2columns, .mgmenu li .dropdown_3columns, .mgmenu li .dropdown_4columns, .mgmenu li .dropdown_5columns, .mgmenu li .dropdown_6columns, .mgmenu li .dropdown_7columns, .mgmenu li .dropdown_8columns, .mgmenu li .dropdown_9columns, .mgmenu li .dropdown_10columns, .mgmenu li .dropdown_11columns, .mgmenu li .dropdown_fullwidth { width: 100%; padding-left: 0; padding-right: 0;}
    
    .mgmenu .col_1, .mgmenu .col_2, .mgmenu .col_3, .mgmenu .col_4, .mgmenu .col_5, .mgmenu .col_6, .mgmenu .col_7, .mgmenu .col_8, .mgmenu .col_9, .mgmenu .col_10, .mgmenu .col_11, .mgmenu .col_12 { width: 92%; margin-left: 4%; margin-right: 4%; padding: 0; float: left; display: block;}
    
    .mgmenu .col_border { box-shadow: none;}
    
    /* Multilevel drop down */
    .mgmenu .dropdown_flyout, .mgmenu .dropdown_flyout .dropdown_flyout_level, .mgmenu .dropdown_flyout .dropdown_flyout_level_left { position: relative; left: auto; right: auto; top: auto; padding: 0; margin: 6px 4% 0 4%;}
    .mgmenu .dropdown_flyout .dropdown_flyout_level { border: none; background: none; box-shadow: none;}
    .mgmenu .dropdown_flyout li, .mgmenu .dropdown_flyout ul li { width: 100%; padding: 6px 0 6px 0;}
    .mgmenu li .dropdown_flyout .dropdown_parent { background: url("../img/downArrow-b.png") no-repeat 98% 14px;}
    
    /* Other Elements */
    .mgmenu_trigger { display: none;}
    .mgmenu blockquote { margin-left: 12px;}
    .mgmenu .img_description { text-align: left;}
    .mgmenu .menubar_icon { z-index: 9; float: none !important; padding: 0 0 14px 0 !important;}
    .mgmenu .menubar_icon ul { width: 100%; padding: 0 0 9px 0 !important;}
    .mgmenu .menubar_icon ul > li { padding-left: 2%; padding-right: 2%;}
}

/** ==== 08 RETINA DISPLAYS ==== **/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) { .mgmenu > li .mgmenu_drop { background-size: 9px 5px; background-image: url("../img/downArrow@2x.png");}
    .mgmenu_footer .mgmenu > li .mgmenu_drop { background-size: 9px 5px; background-image: url("../img/upArrow@2x.png");}
    .mgmenu_container > .mgmenu > li.mgmenu_button, .mgmenu_fixed > .mgmenu > li.mgmenu_button, .mgmenu_footer > .mgmenu > li.mgmenu_button { background-size: 24px 24px; background-image: url("../img/toggle@2x.png");}
    .mgmenu_trigger { background-size: 35px 35px; background-image: url("../img/button_up@2x.png");}
    .mgmenu_trigger.active { background-size: 35px 35px; background-image: url("../img/button_down@2x.png");}
    .mgmenu_footer ~ .mgmenu_trigger { background-size: 35px 35px; background-image: url("../img/button_down@2x.png");}
    .mgmenu_footer ~ .mgmenu_trigger.active { background-size: 35px 35px; background-image: url("../img/button_up@2x.png");}
    .mgmenu .dropdown_flyout .dropdown_parent { background-size: 5px 9px; background-image: url("../img/rightArrow@2x.png");}
    .mgmenu .dropdown_flyout .dropdown_parent_left { background-size: 5px 9px; background-image: url("../img/leftArrow@2x.png");}
    .mgmenu .mini_icon { background-image: url("../img/icons/mini-icons-white@2x.png"); background-repeat: no-repeat; background-size: 304px 144px;}
    .mgmenu .menubar_icon ul > li > a { background-size: 24px 24px;
    }
}

@media only screen and (max-width: 785px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .mgmenu li .dropdown_flyout .dropdown_parent { background-size: 9px 5px; background-image: url("../img/downArrow-b@2x.png");}
}

/**----------------------------------------------------
    HOME PAGE STYLES [HOME PAGE]
-----------------------------------------------------**/

#one .col, #two .col, #three .col, #four .col, #six .col { margin-bottom: 0;}

/** ==== ONE SECTION STYLES ==== **/
#one .content-top {height: 100vh;
    padding-top: 3em;
    width: 100vw;}
#one .formulario-home { position: relative; width: 80%; height: 100vh; display: table; margin: -5em auto 0;}
#one .formulario-home .search { display: table-cell; vertical-align: middle; z-index: 1;}
#one .formulario-home input[type=submit] { position: absolute; margin-top: -64px; right: 0; width: 4rem; height: 4rem; background: transparent; color: transparent; text-indent: 500px; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-bordr-radius: 0;}
#one .formulario-home input { background: rgba(255, 255, 255, 0.8); height: 4rem !important; margin: 0 auto; padding: 0 1rem; font-size: 32px; font-size: 2rem; color: #416e92; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); border: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
#one .formulario-home span { position: relative; float: right;}
#one .formulario-home .search span:after { position: absolute; content: "\f002"; font-family: FontAwesome; font-size: 25px; color: #416e92; margin-top: -42px; right: 19px; pointer-events: none;}

/** ==== TWO SECTION STYLES ==== **/
#two .content-top, #three .content-top, #four .content-top { height: 100vh; padding-top: 1em; transition: height 1s, background-position 8s;}
#two .tcenter, #three .tcenter, #four .tcenter { position: relative; padding: 1em 0; text-align: center;}
#two .tcenter .stitle, #three .tcenter .stitle, #four .tcenter .stitle, #six .tcenter .stitle { color: #fff !important; text-shadow: 0 5px 6px rgba(0, 0, 0, 0.4);}
#two .tcenter .stitle h1, #three .tcenter .stitle h1, #four .tcenter .stitle h1, #six .tcenter .stitle h1 { display: block; font-size: 2.5em; color: #fff !important; letter-spacing: .1px !important;}

#two .services { background: rgba(61, 108, 84, 0.65); padding: 1em;}
#two .services .services-row { margin-bottom: 1em;}
#two .services .services-row:last-child { margin-bottom: 0;}
#two .services .item { text-align: center; color: rgb(255, 255, 255); margin-bottom: 1em;}
#two .services .item span { font-size: 1.4em; font-weight: 400;}
#two .services .icon { font-size: 4em; margin-bottom: 20px;}

/** ==== THREE SECTION STYLES ==== **/
#three { border-bottom: 1px solid #47A5B9;}
#three .tcenter { padding: 1em 0 1em;}
#three .tcenter .stitle { color: #41a9a7 !important; text-shadow: 0 0;}
#three .tcenter .stitle h1 { color: #41a9a7 !important;}

#three .news-section { display: block;}
#three .news-item, #six .news-item { position: relative;}
#three .news-item .img-content, #six .news-item .img-content { background: #fff; position: relative; overflow: hidden; height: 29vh /** 210 **/; width: 100%; margin: 0 auto;}
#three .news-item .img-inner, #six .news-item .img-inner { position: relative; top: 50%; left: -2.5%; right: -2.5%;}
#three .news-item .img-inner img, #six .news-item .img-inner img { width: 105%; min-height:200px; max-width: 110%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
#three .news-item .desc, #six .news-item .desc { background: rgba(0, 0, 0, 0.4); max-width:100%; position: absolute; bottom: 0; padding: 10px; color: #fff;}
#three .news-item .desc h2, #six .news-item .desc h2 { width: 99%; font-size:17px !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0; margin-bottom: 5px; color: #fff;}
#three .news-item .desc span, #six .news-item .desc span { overflow: hidden; display: block; line-height:16px !important; min-height: 65px; max-height: 65px;}

/** ==== FOUR SECTION STYLES ==== **/
#four .tcenter { padding: 1em 0 1em;}
#four .tcenter .stitle { color: #41a9a7 !important; text-shadow: 0 0;}
#four .tcenter .stitle h1 { color: #41a9a7 !important;}
#four .texto-recorre {    padding: 15px;line-height: 1.3em;font-size: 20px;text-align: center;}
#four .street { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
#four .street iframe { position: relative; width: 100%; height: 50vh; pointer-events: none;}
#four .street iframe.clicked{ pointer-events: auto;}

/** ==== SIX SECTION STYLES ==== **/
#six .content-top { position: relative; top: 0; width: 100%; height: auto; padding-top: 3em; transition: height 1s, background-position 8s;}
#six .texto-proyectos {padding: 0px;line-height: 1.5em;font-size: 20px;}
#six .poll, #six .video, #six .box { background: #8DC73F; min-height: 303px; max-height: 100%; padding: 10px; color: #000000;}
#six .poll p, #six .video p { font-weight: 400; margin-bottom: 10px; line-height: 1.3em;}
#six .poll h3, #six .video h3 { color: #0A8841; margin-top: 0; font-size: 1.8em;}
#six .poll .radio {margin-bottom: 5px;}
#six .poll .regular { display: none;}
#six .tcenter { position: relative; padding: 0em 0; text-align: center;}
#six .poll .regular + label { -webkit-appearance: none; background-color: #58595b; border: 4px solid #58595b; border-radius: 10px; width: 100%; float: left; margin-right: 5px; padding: 0; position: relative; width: 20px; height: 20px;}
#six .poll .regular:checked + label { background: #fff; border: 4px solid #58595b;}
#six .poll .cont .formulario:last-child { margin-top: 15px; margin-bottom: 0px;}
#six .imagen-proyectos {width: 43%;height: auto;overflow: hidden;}
#six .imagen-proyectos img {width: 100%;height: auto;}
#six .proyectos {display: inline-flex;width: 100%;padding: 25px;background: rgba(255, 255, 255, 0.67);margin: 15px;    height: auto;}
#six .poll .formulario input { width: auto; height: auto; padding: 8px 2.5em;}
.content-top.ciudad {height: 80vh;margin-bottom: 8vh;}
.content-down {position: relative;height: 40vh;}
#six .box h3 {color: #0A8841;margin-top: 0;font-size: 1.8em;}
#six .box p {color: #000000;}
#six .box i {color: #000000 !important;}
#six .nbs-flexisel-container {position: relative; max-width: 100%;padding: 30px 0 0 0;}
#six .nbs-flexisel-nav-left { display:none;}
#six .nbs-flexisel-nav-right { display:none;}



/**-------------------------------------
  Estilos Content [Contenedor Contenido]
-------------------------------------**/

/** BEGIN ACCORDEON **/
.accordion-container { width: 100%; margin: 0 0 2px; clear: both;}
.accordion-toggle, .accordion-header { position: relative; display: block; padding: 15px; font-size: 1.5em; font-weight: 300; background: #f3f3f3; color: #363B3F; text-decoration: none;}
.accordion-toggle.open, .accordion-header.active-header { background: #009bdd; color: #fff;}
.accordion-toggle:hover, .accordion-header:hover { background: #009bdd; color: #fff!important;}
.accordion-toggle span.toggle-icon, .accordion-header span.toggle-icon { position: absolute; top: 11px; right: 20px; font-size: 1.5em;}
.accordion-content { display: none; padding: 20px; overflow: auto;}
.accordion-content img { display: block; float: left; margin: 0 15px 10px 0; max-width: 100%; height: auto;}/* media query for mobile */
@media (max-width: 760px) {
.content {width: auto;}
.accordion-content {padding: 10px 0;overflow: inherit;}}
/** END ACCORDEON **/

/** BEGIN CHARTS **/
.chart {
    background-color: #F4F4F4 !important;
}

.chart h4 {
    padding-left: 8px;
}
/** END CHARTS **/

/** BEGIN FORMULARIOS **/
.formulario{
 	width: 100%;
 	padding: 0 5px;
 	/**margin: 0 auto;**/
   	height: auto;
   	padding: 0 1%;
}
.formulario .searchT{
	width: 96.5%;
}
.formulario input{
   width: 100%;
   font-size:1em;
   margin: 5px 0 5px 0;
   height:40px;	
   padding-left: 5px;
   font-weight: 300;
}

.formulario input[type="submit"] {
    width: auto;
    /*margin-left: 15px;*/
    margin-top: -1px;
    padding: 5px 4vw !important;
    line-height: 0em;
    height: 40px;
    display: inline-block !important;
    background:#2a2a2a;   
    color:#FFF;

}
.formulario select{
   width: 100%;
   font-size:1em;
   margin: 5px 0 5px 0;
}
.formulario input button{
   width: 50% !important;  
}
.asterisco {
	font-size: 14px;
	color: #00b500;
}
.formulario-select {
   width: 100%;
   height: 36px;
   overflow: hidden;
   background: url(../img/down_arrow_select.png) no-repeat right #fff;
   border: 1px solid rgba(204,204,204,0.55);
   margin: 5px 0 5px 0;
   padding: 5px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0px 1px 6px rgba(204, 204, 204, 0.61);
    -webkit-box-shadow: inset 0px 1px 6px rgba(204, 204, 204, 0.61);
    box-shadow: inset 0px 1px 6px rgba(204, 204, 204, 0.61);
   	
}
.formulario-select select {
   background: transparent;
   width: 90%;
   padding: 5px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   font-weight: 300;
}
/** END FORMULARIOS **/

#five .full-bg {
    width: 100%;
    height: auto;
    background-size: cover;
}


.full-bg {
    width: 100%;
    height: auto;
    background-size: cover;
}


.full-bg #goto {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    text-align: center;
    font-size: 24px;
    font-size: 2.3em;
    font-weight: 400;
    color: #fff;
    width: 100%;
    height: 32vh;
    padding-top: 1.3em;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background-size: 2rem;
    background: rgba(15, 89, 87, 0.6);
}

.full-bg #goto span { display: block;}
.full-bg #goto i { margin-top: .5em; font-size: 1.5em;}

/** BEGIN GLOSARIO **/
.abc { 
	background-color: #8DC73F;
	margin: 5px;
	padding: 10px;
	text-align: center;
	font-size: 25px;
	margin: 0 auto;
	letter-spacing:5px;
}
.abc a {
    color:#fff !important;
}
.abc a:link{
	color:#fff;
	text-decoration:none !important;
}
	
.abc a:hover{
	color:#0a7b0a;
	text-decoration:none !important;
}
	
.abc a:visited{
	color:#fff;
	text-decoration:none !important;
}

.cont{
	text-align:justify;
}
/** END GLOSARIO **/

/** BEGIN MIGA DE PAN **/
.migadepan {
    color: #666666;
    text-align: justify;
    font-size: 16px;
    margin: 10px 0;
    font-weight: 300;
}
/** END MIGA DE PAN **/

/** BEGIN TABLA PERFIL **/
.perfil{
	width:90%;
	margin:0 auto;
}
.perfil td{
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #8DC73F;
    padding-bottom: 0;
}
.perfil td i {
    vertical-align: top;
    color: #8DC73F;
}
.pefil td a {
    text-decoration: none;
}
/** END TABLA PERFIL **/

/** BEGIN SECTION NAV **/
.section-nav {
    display: none;
    position: fixed;
    top: 37vh;
    right: 0;
    margin-top: -6rem;
    padding: .5rem 1.5rem 0 .5rem;
    z-index: 333;
    margin-right:15px;
}

.section-nav li {
    margin: 0 0 .75rem 0;
    padding: 0; 
}

.section-nav li:last-child {
    margin-bottom: none; 
}

.section-nav a {
    display: block;
    text-indent: -999em;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    font-size: 10px;
    font-size: 0.625rem;
    color: white;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
    transition: background .4s; 
}

.section-nav a:hover {
    text-decoration: none;
    border-color: white; 
}

.section-nav a.active {
    border-color: white;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.8);
}
/** END SECTION NAV **/

/** BEGIN RESPONSIVE TABLE **/
    
    .tableRes { border: 1px solid #ccc; width: 100%; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
    .tableRes tr { border: 1px solid #ddd; padding: 5px; }
    .tableRes th, .tableRes td { padding: 10px; text-align: center; order-bottom: 1px dotted #ccc; }
    .tableRes th { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; color: #41A9A7; }
    td[data-label="Nombre Tarea"]{ text-align: left; padding-left: 48px !important; }
	.tableRes td.tramiteActivo{ background: #41A9A7; color: #FFF; }

    @media screen and (max-width: 750px) {
        .tableRes { border: 0; }
        .tableRes thead { display: none; }
        .tableRes tr { margin-bottom: 10px; display: block; border-bottom: 2px solid #ddd; }
        .tableRes td { display: block; text-align: right; font-size: 13px; border-bottom: 1px dotted #ccc; }
        .tableRes td:last-child { border-bottom: 0; }
        .tableRes td:before { content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold; color: #41A9A7; }
        .accordion-container{ width: 99%; }
	    .formulario .searchT{ width: 92% !important; }
	    .formulario select{ width: 96.5% !important; }
	    .formulario input{ width: 93% !important; }
	    .formulario input[type="submit"]{ margin-top: 5px; width: 95.5% !important; }
    }

/** END RESPONSIVE TABLE **/

/** BEGIN VARTRA NAV - TRAMITES **/
.vartra_nav{
  position:relative;
  background: rgba(204, 204, 204, 0.25); 
  width:100%;
  height:70px;
  margin-bottom:5px;
}
.link_bg{
   width:70px;
   height:70px;
   position:absolute;
   background: #8DC73F;
   color:#fff;
   z-index:2;
}
.link_bg i{
   position:relative;
}
.link_title{
  position:absolute;
  width:100%;
  z-index:3;
  color:#fff;
}
.link_title:hover .icontramites{
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);  
}
.vartra_nav:hover .link_bg{
  width:100%;
  background: #8DC73F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;  
}
.vartra_nav:hover a{
  font-weight:bold;
  color: #fff !important;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out; 
  -o-transition:all .5s ease-in-out; 
  -ms-transition:all .5s ease-in-out;
   transition:all .5s ease-in-out;  
}
.icontramites{
  position:relative;
  width:70px;
  height:70px;
  text-align:center;
  color:#fff;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out; 
  -o-transition:all .5s ease-in-out; 
  -ms-transition:all .5s ease-in-out;   
  float:left;
  transition:all .5s ease-in-out;   
  float:left;  
}
.icontramites i{
	top:22px;position:relative;
}
.tramites a{
  display:block;
  position:absolute;
  float:left;
  color:#fff;
  text-decoration:none;
  width:100%;
  height:70px;
  text-align:center;
}
.tramites span {
  margin-top:25px;
  display:block;
  font-weight: 400;
}
/** END VARTRA NAV - TRAMITES **/

/** BEGIN LOGO SLIDER **/
/*enlaces de interÃ©s | slider logos*/
.titulo_enlace{
	color: #fff;
	font-size: 1.2em;
	text-transform:uppercase;
	line-height:23px;
}
.icon_slider{
	margin-bottom: 8px;
	color:#fff !important;
}
.welcome_desc{
    background: rgba(42, 58, 135, 0.75);
    padding: 45px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 100%;
}
.logo-gallery{
    background-color: #fff;
    padding: 1px 20px 17px 20px;
}
.gallery{
	padding: 0px 0;
	margin: 0px 0 0px 0;
}
#logos {
    background: #fff;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3, #flexiselDemo4, #flexiselDemo5, #flexiselDemo6 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 99999px;
	margin: 5px 0;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item img {
	width: auto !important;
}
.nbs-flexisel-item > img {
	width:70%;
	cursor: pointer;
	positon: relative;
	margin-top:0.4em;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 26px;
	height: 36px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: 0px;
	background: url(../img/c_arrows.png) no-repeat 0px 0px;
}
.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../img/c_arrows.png) no-repeat -20px 0px;
}
/*Modulos*/
.modulo{
	padding: 5px 5px 5px 5px;
	}
.modulo img {
	height: auto;
	max-width: 100%;
}
/** END LOGO SLIDER **/

/** BEGIN BOXES **/
.box-4 {
    height: 53.2vh;
    background: rgba(0,0,0,0.8);
}

.box-4 h3, .box-4 a {
    color: #fff !important;
}

.box-4 i {
    margin: 10px 0 10px 6px;
    background: #fff;
    color: rgba(0,0,0,0.8);
    padding: 12px 5px;
    width: 55px;
    height: 55px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.box-4 img {
    width: auto !important;
    display: block;
    margin: 6px auto;
}

.box-5 {
    background: #ED1B24;
    height: 12vh;
}
.box-5 button {
    background: #fff;
    color: #2a2a2a;
}
.box-5 button:hover {
    background: #fff;
    color: #2a2a2a;
}
/** END BOXES **/

/** BEGIN FOOTER SECTION **/
.copyright {
    display: block;
    font-size: 1.3em;
    margin-bottom: 15px;
    text-align:center
}

.copyright h3 {
    color: #fff !important;
}

.footer-top {
    background: #47a5b9;
    padding: 10px 0;
    margin-bottom: 10px;
    font-size: 1.4em;
}

.footer-down {
background: #41a9a7;

}

.footer-top .text-center {
float:left !important;}

.footer-down {
background: #41a9a7;

}



/** END FOOTER SECTION **/





/** BEGIN MEDIA SCREEN **/
/** @MEDIA SCREEN MAX-WIDTH 360PX **/
@media only screen and (max-width: 360px) {

	.formulario{
		margin-top:302px !important;
	}
	#DivTramites .accordion .footTram{
	 height:338px !important;
	}
	.panel{
		height:567px !important;
	}

}
/** @MEDIA SCREEN MAX-WIDTH 320PX **/
@media only screen and (max-width: 320px) {

.full-bg #goto {font-size: 1.3em;height: 18vh;}
.mgmenu > li img {width: 22px !important;}
#one .formulario-home input {font-size: 14px !important;}
header .main-header .logo img {width: 100% !important;}
header .top-header .social {text-align: center;}
#two .tcenter, #three .tcenter, #four .tcenter {padding: 1em 0;font-size: 11px;}
#two .content-top, #three .content-top, #four .content-top {padding-top: 0;}
#two .tcenter .stitle h1, #three .tcenter .stitle h1, #four .tcenter .stitle h1, #six .tcenter .stitle h1 {font-size: 16px !important;}
#two .services {padding: 0;font-size: 8px;line-height: 1.6em;}
.span_1_of_5 { width: 50% !important;}
.span_1_of_6 {width: 50% !important;}
.full-bg.aute { height:1200px !important;}
#content {margin: -482px 0px 0 0;}
.jssor-container {top: -479px;}
#six .proyectos {width: 87%;}
#six .imagen-proyectos {display: none;}
#six .poll, #six .video, #six .box {min-height: 240px;}
footer strong {font-size: 14px;text-align: center;}
#one .content-top {width: 94vw;}
#cssmenu #menu-button:before {
display:none;
}

#cssmenu #menu-button:after {
display:none;
}
#DivTramites .accordion .footTram{
	 height:338px !important;
}
.panel{
	height:567px !important;
}

}


/** @MEDIA SCREEN MAX-WIDTH 375PX **/
@media only screen and (max-width: 375px) {

.full-bg #goto {font-size: 1.3em;height: 18vh;}
.mgmenu > li img {width: 22px !important;}
#one .formulario-home input {font-size: 14px !important;}
header .main-header .logo img {width: 100% !important;}
header .top-header .social {text-align: center;}
#two .tcenter, #three .tcenter, #four .tcenter {padding: 1em 0;font-size: 11px;}
#two .content-top, #three .content-top, #four .content-top {padding-top: 0;}
#two .tcenter .stitle h1, #three .tcenter .stitle h1, #four .tcenter .stitle h1, #six .tcenter .stitle h1 {font-size: 16px !important;}
#two .services {padding: 0;font-size: 8px;line-height: 1.6em;}
.span_1_of_5 { width: 50% !important;}
.span_1_of_6 {width: 50% !important;}
.full-bg.aute { height:1200px !important;}
#content {margin: -482px 0px 0 0;}
.jssor-container {top: -479px;}
#six .proyectos {width: 87%;}
#six .imagen-proyectos {display: none;}
#six .poll, #six .video, #six .box {min-height: 240px;}
footer strong {font-size: 14px;text-align: center;}
#one .content-top {width: 94vw;}
#cssmenu #menu-button:before {
display:none;
}

#cssmenu #menu-button:after {
display:none;
}

}



/** @MEDIA SCREEN MAX-WIDTH 425PX **/
@media only screen and (max-width: 425px) {


.full-bg #goto {font-size: 1.3em;height: 18vh;}
.mgmenu > li img {}
#one .formulario-home input {font-size: 14px !important;}
header .main-header .logo img {width: 100% !important;}
header .top-header .social {text-align: center;}
#two .tcenter, #three .tcenter, #four .tcenter {padding: 1em 0;font-size: 11px;}

#two .content-top, #three .content-top, #four .content-top {padding-top: 0;}
#two .tcenter .stitle h1, #three .tcenter .stitle h1, #four .tcenter .stitle h1, #six .tcenter .stitle h1 {font-size: 16px !important;}
#two .services {padding: 0;font-size: 8px;line-height: 1.6em;}
.span_1_of_5 { width: 50% !important;}
.span_1_of_6 {width: 50% !important;}
.full-bg.aute { height:1200px !important;}
#content {margin: -560px 0px 0 0;}
.jssor-container {top: -479px;}
#six .proyectos {width: 87%;}
#six .imagen-proyectos {display: none;}
#six .poll, #six .video, #six .box {min-height: 240px;}
footer strong {font-size: 14px;text-align: center;}
#one .content-top {width: 94vw;}
#cssmenu #menu-button:before {
display:none;
}

#cssmenu #menu-button:after {
display:none;
}

}



/** @MEDIA SCREEN MAX-WIDTH 768PX **/
@media only screen and (max-width: 768px) {
    .box-4 i {width: 35px;height: 35px;padding: 8px 5px;font-size: 1.5em;}
    .box-5 {height: auto;text-align: center;}
    .box-5 .stitle {margin-bottom: 0 !important;}
    .box-5 button {float: none;}
    .box-caption p {display: none;}
    .formulario-home input {font-size: 1.5rem;}
    .main-header .span_2_of_8 {width: 66%;}
    .main-header .span_6_of_8 {width: 32%;}
    .top-header .span_2_of_8 {width: 68%;}
    .top-header .span_6_of_8 {width: 30%;}
    #six .texto-proyectos {font-size: 14px;}
    .mgmenu_container > .mgmenu > li.mgmenu_button, .mgmenu_fixed > .mgmenu > li.mgmenu_button, .mgmenu_footer > .mgmenu > li.mgmenu_button {padding: 14px 4% 14px 2%;
    color: #000000;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;} 
    .mgmenu_container > .mgmenu > li.mgmenu_button_active, .mgmenu_fixed > .mgmenu > li.mgmenu_button_active, .mgmenu_footer > .mgmenu > li.mgmenu_button_active {background-color: #ffffff;}  
    .mgmenu > li > span, .mgmenu > li > a {margin: 19px 0 0 0;}
	.mgmenu > li img {    margin: 0 0 0 0px;
    display: inline-block;
    vertical-align: middle;}   
	#six .nbs-flexisel-container {padding: 10px 0 0 0;}
    #six .poll, #six .video, #six .box {overflow:auto;}
	#one .content-top { width: 97vw;}
		
}


/** @MEDIA SCREEN MAX-WIDTH 1024PX **/
@media only screen and (max-width: 1024px) {
header .main-header .logo img { width: 85%;}
.mgmenu > li img {width: 25px;}
.mgmenu > li {padding-right: 1px;margin-left: 1px;}
#four .texto-recorre {font-size: 15px;}
header .main-header.smaller .mgmenu > li > span {width: 100%;}
}


/** @MEDIA SCREEN MAX-WIDTH 1600PX **/
@media only screen and (max-width: 3400px) {
    .section-nav {display: block; }
}

/** END MEDIA SCREEN **/