.dropdown-submenu {
    position:relative;
}

#alileft{
text-align: left;
font-size: 20px;

}


#logocontact{
  position: relative;
  left: 0;
 margin-left: 0;
 width: 30%;



}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}



body{
 background-color: rgba(46, 56, 66, 1);
}

#legendMain
{
  font-size: 30px;
  color: white;
}
legend{
  color: white;
}

.icono{
  position: relative;
  margin-left: 40%;
  width: 100px;
  height: 100px;
  border-radius: 50px 50px 50px 50px;
  border: 2px solid white;
  background-color: rgba(255,255,255,0.4);
}

.icono3{
  position: relative;
  margin-left: 34%;
  width: 100px;
  height: 100px;
  border-radius: 50px 50px 50px 50px;
  border: 2px solid white;
  background-color: rgba(255,255,255,0.4);
}

.fa-3x{
   margin-top: 30%;

}

#divtexto{
  position: relative;
  top: -45px;
}

#divtexto > p{
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;

}

.mision{
  background-color: rgba(255,255,255,0.4);
  border-radius: 10px 10px 10px 10px;
  /*margin-left: 15px;*/
  /*width: 20%;
  height: 20%;*/
}

#divform{
 text-align: left;
 margin-left: 3%;
 margin-right: 3%;

}

#vision{
 
}







#imgmenu{
    position:absolute;
    top:5px;
    left:10px;
    width: 90px;

}

#tddes{
  width: 2%;
}

td{
text-align: center;
color: white;

}
.centrartexto{
  text-align: center;
}

#separador
{
  margin-left: 0px;
  background-color: black;
}

#colorblanco{
  color: white;
  border-color: white;
  opacity: 1;
}
#sugerencias{
  background-color: white;
  text-align: center;
}


#DivSomos, #DivContacto{
margin-left: 0px;
 /* margin-top: 25px;
  background: rgb(255,255,255,1);*/
  text-align: center;
  color: white;
}

#DivHacemos{
margin-left: 0px;
 /* margin-top: 25px;
  background: rgb(255,255,255,1);*/
  text-align: center;
  color: white;
}

#textred{
 color: red;
}

#sugerencias:hover{
  background-color: #A4A4A4;
  text-align: center;
}


/*Naranja*/
.fondowarning{
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

/*verde*/
.fondosuccess{
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

/*azul*/
.fondoinfo{
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
/*rojo*/
.fondodanger{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}


#textverde
{
  color: rgba(39, 107, 43, 0.7);
}

/*Div modal Notificaciones*/

#colorrojo{
  color: #CD142C;
}

#colorazul{
  color: #1E60B0;
}
#colorverde{
  color: rgba(39, 107, 43, 0.7);
}

.fondorojo{
background: #CD142C;
color: white;
border-color: #2F575B;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.fondoazul{
background: #1E60B0;
color: white;
border-color: #2F575B;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.fondoverde{
background: rgba(39, 107, 43, 0.7);
color: white;
border-color: #2F575B;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}


.fondowell{
  background-color: #D8DDDD;
  /*border: 1px solid #e3e3e3;*/
  border-radius: 6px;

}

#fondogris{
background: #D8DDDD;

}


/*Fin modal Notificaciones  */


#divetiqueta
{
  width: 3.8cm;
  height: 2.5cm;
  /*border-color: red;
  border-width: medium;
  color: red;
  divetiqueta*/
  border: solid red;
  /*border-top-width: 6px;
  border-left-width: 8px;*/
  text-align: center;
  font-size: 80%;
}

#padleft
{
  padding-left: 16px;
}


#mostrarcompras
{
  padding-left: 16px;
  overflow: auto;
}

#pers
{
  padding-left: 16px;
}

.wellcolor {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #49afcd;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}



.navbar-default .navbar-brand {
    color: white;
}

.navbar-default .navbar-brand:hover {
    color: blue;
}

.navbar-default .navbar-nav > li > a
{
  color: white;
}

.navbar-default .navbar-nav > li > a:hover
{

  color: rgba(255,255,255,0.8);
}
.navbar-default .navbar-nav > li > a:visited
{

  color: white;
}
.navbar-default .navbar-nav > li > a:active
{

  color: white;
}





#navbar {
   position: fixed;
   background-color: rgba(46, 56, 66, 0.7);
   /*background: transparent;*/
   border-color: transparent;

}

#idwhite{
  color: white;

}

#logo{
    display: block;
    width: 80px;
    height: 20px;
    position: absolute;
    left: 2;
    top: 5;
    margin-top: 1px;
    vertical-align: top;

}
 
#logo:hover{
}


#logo2{
  margin-top: 20px;
  width: 30%

}
#divvideo{
  position: relative;
}
#divMision{
  /*border-style: solid;
  border-color: white;*/
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(46, 56, 66, 0.7); 
  position: absolute;
  color: white;
  top:20%;
  left: 20px;
  width: 50%;
  
}

#divMision > h1,img,h4{
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;

}




#video_intro{
top:0;
left: 0;  
right: 0;
bottom: 0;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
z-index: -100;
background-size: cover;
}

#imgintro{
top: 0;
left: 0;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
z-index: -100;
background-size: cover;
}




div.well{
  background-color: rgba(39, 107, 43, 0.7);
}

div.well > legend,h3,p,label{

  text-align: center;
  color: white;
}

div.well >img{
 position: relative;

 left: 25%;
 height: 80%;
 width: 50%;

}

/*background: #4B6061;*/ /*gris azul */
#divcolor{
/*background: #235A98;*/ /*azul fuerte*/
background: #F8F8F8;
 border-color: #C9C9C6;
}


/*Botones */
#buttonsearch
{
  background: #CD142C; 
  border: red 1px solid;
}
#buttoncolor
{
 border-color: red;
 background: #CD142C; 
}
#buttonother
{
/*border-color: #9FE966;*/
border-color: white;
background: rgba(46, 56, 66, 0.9);
}

#buttonazul
{
/*border-color: #9FE966;*/
border-color: #BDBDBD;
background: #1E60B0;
}
#buttonverde
{
/*border-color: #9FE966;*/
border-color: #BDBDBD;
background: rgba(39, 107, 43, 0.7);
}
.buttonother
{
/*border-color: #9FE966;*/
border-color: #BDBDBD;
background: #CD142C;
}
.buttonother:hover
{
/*border-color: #9FE966;*/
border-color: #BDBDBD;
background: #CD374B;
}


#otherButton{
 /*color verde 
 color: #077533;*/
 /*color rojo*/
 color: #CD142C; 
}



/*Fin botones*/
#linkcolor{ 
color:#077533; 
} 
#linkcolor:hover{ 
color:#CD142C; 
} 


#bordecolor{
 border: #C9C9C6 1px solid;
}

#whitec{
  color: #5F5E5C;
}

.thcolor {
  background-color: #F8F8F8;
  color: #5F5E5C;
  /*font-family: Georgia, Cambria, Times, "Times New Roman";*/
}
.listb {
  width: 95%;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
}
.inpindex {
  width: 90%;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
}
@media (min-width: 1200px) {
  /*      body {color: red;}*/
}
/* Ecritorio pequeño o tablet */

@media (min-width: 768px) and (max-width: 979px) {
    #divMision{
  /*border-style: solid;
  border-color: white;*/
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(46, 56, 66, 0.7); 
  position: absolute;
  color: white;
  top:20%;
  left: 20px;
  width: 90%;
  margin-right: 10%;
  
}
  /*body {
    color: green;
  }*/
}
/* Tablet o Smarthphone   */

@media (max-width: 767px) {
  #divMision{
  /*border-style: solid;
  border-color: white;*/
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(46, 56, 66, 0.7); 
  position: absolute;
  color: white;
  top:13%;
  left: 20px;
  width: 90%;
  margin-right: 10%;
  
}
.row-fluid{
  position: absolute;
 left: 0;

}
 /* body {
    color: blue;
  }*/
}
/* Smartphone   */

@media (max-width: 480px) {
    #divMision{
  /*border-style: solid;
  border-color: white;*/
  border-radius: 10px 10px 10px 10px;
  background-color: rgba(46, 56, 66, 0.7); 
  position: absolute;
  color: white;
  top:13%;
  left: 2%;
  width: 96%;
  margin-right: 10%;
}

.row-fluid{
  position: absolute;
 left: 0;



}


  /*body {
    color: yellow;
  }*/
}


.text-big {
  font-size: 300px;
  font-height: 320px;
}