﻿
.row.special {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: nowrap;    
  height:100%;
  margin:0;
  padding:5%;
}
.row.special > [class*='col-'] {
  display:flex;
  flex-direction:column;
  width:40%;
  padding: 0% 3%;
  margin:0 4%;
  background-color: #FCFCFE;
  -webkit-box-shadow: 2px 2px 2px 1px rgba(235,235,235,1);
  -moz-box-shadow: 2px 2px 2px 1px rgba(235,235,235,1);
  box-shadow: 2px 2px 2px 1px rgba(235,235,235,1);
  text-align:left;
}

h1
{
    font-size:1.88em;
    font-family:Roboto;
}
h1.title
{
    text-align:left;
}

.h5
{
    font-size:.9em;
    font-family:Roboto-Light;
    line-height:2em;
}

.footerBanner
{
    padding:3% 8%;
}

h2
{
    text-align:left;
    font-family:Roboto;
    font-size:1.8888em;
}

a.btnRequestMeeting
{
    background-color :#00594D;
    color:white;
    font-size:1em;
    padding:4% 0% !important;
    width:inherit !important;
    height:inherit !important; 
    font-family:Roboto-Medium;
}

a.btnRequestMeeting:hover { background-color: #004239; color:white;}

h3
{
    font-size:1.112em;
    font-family:Roboto;
}

.bg_values_about {
    background-image: url("../Images/About/FONDO_MV-01.png");
    background-size: cover;
    background-position: center;
    color: white;
}


/*----- Para la lista de valores -----*/
.listValores {
    margin-top: 5%;
    text-align:left;
    color:white;
}

div.listValores>h3{
    margin-left:10%;
    margin-bottom:6%;
}

div.listValores>h3:hover
{    
    color: #fbc328;
}
div.listValores>h3.active
{    
    color: #fbc328;
}

.row.bluesection
{
    padding:4% 12% 4% 8%;
}

div.leftSide
{
    width:40%;
    color: #fbc328;
}

div.rightSide{
    width:55%;
    text-align:left;
}

/*Para el contenido de las frases*/
.containerPhrase > p {
    width:100%;
    font-family: Roboto-Thin;
    font-size: 1em;
}

.containerPhrase > span.autorPhrase {
    width: 100%;
    text-align: right;
    font-size: 1em;
    float: right;
}

.containerPhrase > span.autorPhrase:before {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    content: "-";
}

.contTextValues {
    text-align: left;
    margin-top: 5%;
}

div.containerInfoValues {
    margin-top: 13%;    
    -o-transition:opacity .1s ease-in;
    -moz-transition:opacity .1s ease-in;
    -webkit-transition:opacity .1s ease-in;
    transition:opacity .1s ease-in;
}



div.containerInfoValues.active {
    opacity:1;
}

.hidden
{
    display:none;
}

/*Resoluciones mayores a 992px*/
@media (min-width: 992px) and (max-width: 1199px)
{

}
/* Control del tamaño gral de los textos */
@media all and (min-width: 960px) {
}
 
@media all and (max-width: 959px) and (min-width: 600px) 
{
    .row.special {
      display:inline;    
      height:100%;
      margin:0;
      padding:0;
    }

.row.special > [class*='col-'] {
      display:inline;
      width:90%;
    }


div.rightSide{
      padding-left:12%;
    }
}
 

@media all and (max-width: 599px) and (min-width: 320px) {

.row.special {
      display:inline;    
      height:100%;
      margin:0;
      padding:0;
    }

.row.special > [class*='col-'] {
      display:inline;
      width:90%;
    }
div.rightSide{
      padding-left:12%;
    }
}

/*h1 {
    font-size: 34px;
}*/

/*.misionVision {
    font-family: Roboto-Light;
    font-size: 13px;
    padding-top: 6.9%;
    padding-bottom: 4.2%;
    margin: 0;
}*/


/*.textBoxMV {
    background-color: #FCFCFE;
    padding: 2% 3%;
    -webkit-box-shadow: 2px 2px 2px 1px rgba(235,235,235,1);
    -moz-box-shadow: 2px 2px 2px 1px rgba(235,235,235,1);
    box-shadow: 2px 2px 2px 1px rgba(235,235,235,1);
    margin-left:2%;
    margin-right:2%;
    margin-top:2%;
    margin-bottom:2%;
    width:46%;
    min-height:100%;
}*/

/*.triangleBg {
    display: inline-block;
    position: relative;
    margin-top:2.5%;
}*/
/*.triangleBg:after {
    display: block;
    position: absolute;
    right: -44px;
    content: "";
    top: 0;
    width: 0;
    height: 0;
    margin-left: 0%;  
}*/
/*
ul.listValores > li {
    display:block;
    position:relative;
    margin:3% 0;
    font-size:20px;
}

ul.listValores > li > a{
    text-decoration:none;
    color:white;
    -o-transition:color .1s ease-in;
    -moz-transition:color .1s ease-in;
    -webkit-transition:color .1s ease-in;
    transition:color .1s ease-in;
}

ul.listValores > li > a:hover{
    color:#4E4E4E;
}

ul.listValores > li > a.active {
    font-weight:bold;
    color:#4E4E4E;
}

.contTextTriangle {
    display: block;
}
    */