html,body
{
    margin: 0px;
    padding: 0px;
}
#programas{
padding: 10px;
margin-top: 40px;
text-align: center;
}
#programas li{
list-style-type: none; 
}
#programas dt{
font-weight: 700;
}
#paises li a:link, #paises li a:visited {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
width: 20px;
height: 20px;
}
#paises li a:link, #social li a:visited {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
width: 20px;
height: 20px;
}
#paises .usa{
background-image: url('img/us.png');
background-repeat: no-repeat;
}
#paises .mex{
background-image: url('img/mx.png');
background-repeat: no-repeat;
}
#paises li {
width: 20px;
border: 0;
margin: 0 0 0 2px;
list-style-type: none; 

}
.locationicons {
background: none repeat scroll 0 0 transparent;
right: -110px;
margin: 0;
float: right;
top: 30px;
padding: 0;
position: relative;
z-index: 12;
}

body{
background: none;
margin: 0 auto;
font-size: 16px;
line-height: 24px;
}
footer textarea, footer input, footer select{
width: 90%;
}

#curriculumfield{
display:none;
}
/*header custom*/
  .brandtext{
  top: -15px;
  position:relative;
  }
#footer h3 {
font-family: 'Open Sans', Arial, serif;
font-weight: 800;
text-transform: uppercase;
margin: 0;
}
#footer h3{
font-size: 18px;
line-height: 36px;
}
#footer a{
color: #ffeeff;
}
#footer{
background: #005580;
color: #fff;
border-top: 1px solid black;
text-shadow: 1px 1px 1px #222222;
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25) inset;
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25) inset;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25) inset;
padding: 30px 0px;
display: block;
font-family: 'Open Sans', Arial, serif;

}
#footer p{
margin: 0 0 12px;
font-size: 16px;
line-height: 24px;
}
.promotion{
background-image: url('bgr.png');
background-size: 256px 256px;
background-repeat: repeat;
-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.25) inset;
-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.25) inset;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.25) inset;
text-shadow: 1px 1px 1px white;
padding: 30px 20px;
}

.logogroup{
float:left;
width: 200px;
height:80px;
}

.navtextmenu{
font-size: 87%;

}

.brandname{
height: 80px;
width: 300px;
}

.brandname img{
height: 80px;
width: 110px;
}

.navbar .brandname .brand a{
font-family: 'Open Sans', serif;
color: black;
}

.slogan{
position:relative;
top:-60px;
left:160px;
background: #CCCCCC;
padding:5px;
width: 160px;
text-align: center;
}

.descripcion{
text-align:justify;
line-height: .9m;
}
.contenido{
background: white;
width: 100%;
opacity: .95;
margin: 0 auto;
padding: 20px;
}
.centrado{
text-align: center;
}


.novo{
	margin:0 auto;
	margin-top: 20px;
}
.novo img{
	width:200px;
	height:200px;
}
.logotipo{
	text-align:center;
}
body {
    padding-top: 60px;
}

.more{
margin-top: 25px;
}

.sidebar-nav {
    padding: 9px 0;
}

.sidebar-nav-fixed {
    position:fixed;
    top:60px;
    width:21.97%;
}

.items .inner img{
filter: none;
-webkit-filter: grayscale(0%);
  -webkit-transition: all .1s ease .1s;
     -moz-transition: all .1s ease .1s;
       -o-transition: all .1s ease .1s;
      -ms-transition: all .1s ease .1s;
          transition: all .1s ease .1s;
   width: 120px; height:120px;

  }
  
.items .inner img:hover{
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  width:130px; height:130px;

  margin: -5px;
}

.items {width:500px; clear:both; overflow:hidden; margin-bottom:5px; height: 150px; margin: 0 auto;}
.item {width:130px;float:left;height:120px;z-index:0;position:relative;margin: 5px; margin-left:10px; margin-right:10px;}





@media (max-width: 767px) {
    .sidebar-nav-fixed {
        width:auto;
    }
}

@media (max-width: 979px) {
    .sidebar-nav-fixed {
        position:static;
        width: auto;
    }
}
 
 /* for demo purposes (fixed top navbar placement in the fiddle. Ok to remove */
 
@media (max-width: 767px) {
    body {
        padding-top: 0;
    }
}

@media (max-width: 979px) {
    body {
        padding-top: 0;
    }
}


/* Modificacion del navbar */


.nav > .disabled > a {
  color: #999999;
}

.nav > .disabled > a:hover {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}

header .navbar .nav a:hover{
color: #0EBFE9;
}

.navbar {
  overflow: visible;
  margin-bottom: 24px;
  *position: relative;
  *z-index: 2;
}

.navbar-inner {
  min-height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;
  background-image: -moz-linear-gradient(top, white, white);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(white));
  background-image: -webkit-linear-gradient(top, white, white);
  background-image: -o-linear-gradient(top, white, white);
  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0);
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  *zoom: 1;
}


/* HEADER SECTION */
/* -------------- */
#masthead .brand {
  font-weight: 800;
  font-size: 30px;
  line-height: 30px;
  padding: 23px 20px 27px;
  margin-top: 0;
  margin-bottom: 0;
  
}
#masthead .brand a {
  color: #555555;
}
#masthead .brand i {
  line-height: 20px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#masthead .brand:hover i {
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  transform: rotate(8deg);
  color: #41b7d8;
}

.navbar-inner {
  background: white;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #e9e9e9;
}

.navbar .nav > li > a {
  text-shadow: none;
  text-transform: uppercase;
  font-weight: bold;
  padding: 29px 10px 31px;
  line-height: 19px;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.dropdown-menu {
  font-size: 14px;
  background: white;
  background: rgba(255, 255, 255, 0.9);
}

.navbar .nav li.dropdown .dropdown-toggle .caret, .navbar .nav li.dropdown.open .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navbar .nav li.dropdown.active > .dropdown-toggle:hover {
  color: #41b7d8;
}

.navbar .btn-navbar {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #555555));
  background-image: -webkit-linear-gradient(#333333, #555555);
  background-image: -moz-linear-gradient(#333333, #555555);
  background-image: -o-linear-gradient(#333333, #555555);
  background-image: linear-gradient(#333333, #555555);
  background-color: #555555;
}
.navbar .btn-navbar:hover {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF151515', endColorstr='#FF040404', GradientType=0);
  border-color: #040404 #040404 black;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #040404;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.navbar .btn-navbar:hover:hover, .navbar .btn-navbar:hover:active, .navbar .btn-navbar:hover.active, .navbar .btn-navbar:hover.disabled, .navbar .btn-navbar:hover[disabled] {
  color: white;
  background-color: #040404;
  *background-color: black;
}
.navbar .btn-navbar:hover:active, .navbar .btn-navbar:hover.active {
  background-color: black \9;
}

.navbar .nav.pull-right {
  margin-left: 10px;
  margin-right: 0;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #41b7d8;
}


/* =Social
	-------------------------------------------------------------------------- */
		
  .socialicons{
      background: none repeat scroll 0 0 transparent;
      right:30px;
      margin: 0;
      float: right;
      top:-5px;
      padding: 0;
      position: relative;
      z-index: 12;
  }
  
		#social {
			width: 126px;
			margin-top: 33px;
			position: relative;
			z-index: 1;
			}
			
		#social li {
			float: left;
			width: 40px;
			border: 0;
			margin: 0 0 0 2px;
list-style-type: none; 

			}
		
		#social li a:link, #social li a:visited {
			text-indent: 100%;
		    white-space: nowrap;
		    overflow: hidden;
		    display: block;
		    width: 38px;
	    	height: 37px;
		    }
        
  .sprite { background-image: url('bg/icons.png'); background-repeat: no-repeat; }
	.iconTwitter:hover { background-position: -152px 0; }
	.iconFacebook:hover { background-position: -190px 0; }
	.iconTwitter { background-position: -152px -38px; }
	.iconFacebook { background-position: -190px -38px; }
  
	.iconTwitter:active, .iconTwitter:focus { background-position: -152px -76px; }
	.iconFacebook:active, .iconFacebook:focus { background-position: -190px -76px; }

  .brochureware{
  font-size: 1em;
  background-image: url('prueba1.JPG');
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #fcfbf9;
  height: 520px;
  padding: 140px 0 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  }
  
  .featurette{
  width: 948px;
  overflow: auto;
  padding: 10px;
  margin-top: 15px;
  height: 300px;
  }
  
  .grafico_ayuda{
  width: 400px;
  }
  
  .details h5{
  width:450px;
  line-height: 1.7em;
  font-weight: 400;
  }
  
  .details h5{
  font-size: 1em;
  }