body {
    font-family: 'Varela Round',sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #F0F0F0;
}

.navbar-nav-fixed {
    position:fixed;
    z-index:1000;
    top:0;
    /*max-width:1000px;*/
    left:0;
    width:100%;
    box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}
 
 .container1 {
    background: -webkit-linear-gradient(top, #1e75d8, #00a85a) !important;
}
/*#container1 {
    background-color: black;
}
*/
.navbar-default {

	text-align: center;
    background-color: #515293;
    border-top: none;
    border-left: none;
    border:none;
    border-bottom: solid #3a3b68;
}


.navbar-nav {
    background-color: #515293;
	width: 100%;
	display: inline-block;
}

.nav>li { 
	text-align: center;
    position: relative;
    width: 14%;
    display: inline-block;
}

            .navbar-collapse{
                padding: 0;
            }
            .navbar-brand
            {
                padding: 0;
            }
 .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 0px;
    margin-left: 0px;
}           

.nav li a{
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    text-align: center;
    width: auto;
}

.nav li:hover {
     border-style: solid; border-width: 0px 1px 0px 1px; border-color: #3a3b68;
    background-color: #3a3b68;
    transition: background .4s ease 0s;
    color: white !important;

}

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

  

  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: white !important;
    background-color: #3a3b68;
}

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

.container-fluid {
    
   padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.container {
	width: 100%;
	
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.col-md-offset-2 {
    margin-left: 5%;
	margin-right: 0;
	padding-right: 0;
    padding-bottom: 15px;
}

.col-md-offset-2 img {
    width:157px ;
    height: 165px;
}


.col-md-4 span {
	font-size: 12px;
	color: white;
	margin: 0;
}

.col-md-4 {
	padding-left: 10px;
	width: 50%;
}

.col-md-9 span {
    font-size: 12px;
    
    margin: 0;
    text-align: center;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #515293;
    border: 1px solid #ddd;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.list-group-item:hover {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #3a3b68;
    border: 1px solid #ddd;
     transition: background .4s ease 0s;

}

.list-group-item3{
    position: relative;
    display: block;
    padding: 0px;
    margin-bottom: -1px;
    /*background-image: url(../img/facebook.png);*/
    border: 1px solid #ddd;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.list-group-item3:hover{
    position: relative;
    display: block;
    padding: 0px;
    margin-bottom: -1px;
    border: 1px solid #ddd;
     transition: background .4s ease 0s;

}

.list-group-item1 {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #515293;
    border: 1px solid #ddd;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.list-group-item2 {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #515293; 
    border: 1px solid #ddd;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.list-group-item1:hover {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #3a3b68;
    border: 1px solid #ddd;
 	transition: background .4s ease 0s;
}

.list-group-item2:hover {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #3a3b68;
    border: 1px solid #ddd;
 	transition: background .4s ease 0s;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    color: white;
    text-decoration: none;
}

a:active {
    color: white;
    text-decoration: none;
}

a:visited {
    color: white;
    text-decoration: none;
}

a:link {
    color: white;
    text-decoration: none;
}



/*Media queries*/

@media (max-width: 990px) {
    .col-md-offset-2 {
    margin-left: 40%;
	margin-right: 0;
	padding-right: 0;
    padding-bottom: 15px;
		}

.col-md-4 {
	padding-left: 10%;
	padding-right: 10%;
	width: 100%;
	}

.col-md-4 span {
	text-align: center;
	color: white;
	margin: 0;
		}
		h1 {
	margin-top: 5px;
	font-size: 25px;
	}

}


@media (max-width: 768px) {

    .navbar-nav {
    margin: 0px 0px;
}

.nav>li {
    width: 100%;
    text-align: center;
    position: relative;
    display: block;
    }

                .nav li:hover {
             border-style: solid; border-width: 1px; border-color: white;
            background-color: #11826B;
            transition: background .4s ease 0s;
}
 }


@media (max-width: 757px) {
    
.col-md-offset-2 {
    margin-left: 38%;
	margin-right: 0;
	padding-right: 0;
    padding-bottom: 15px;
		}

.col-md-4 {
	padding-left: 10%;
	padding-right: 10%;
	width: 100%;
	}

.col-md-4 span {

	text-align: center;
	color: white;
	margin: 0;
		}
h1 {
	margin-top: 5px;
	font-size: 22px;
	}
}

@media (max-width: 490px) {
   
   .row {
    margin-right: 0px;
    margin-left: 0px;
}
.col-md-offset-2 {
    margin-left: 32%;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 15px;
        }

.col-md-4 {
    padding-left: 10%;
    padding-right: 10%;
    width: 100%;
    }

.col-md-4 span {

    text-align: center;
    color: white;
    margin: 0;
        }
h1 {
    margin-top: 5px;
    font-size: 18px;
    }
}

@media (max-width: 380px) {
.row {
    margin-right: 0px;
    margin-left: 0px;
}
   
.col-md-offset-2 {
    margin-left: 25%;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 15px;
        }

.col-md-4 {
    padding-left: 10%;
    padding-right: 10%;
    width: 100%;
    }

.col-md-4 span {
    text-align: center;
    color: white;
    margin: 0;
        }
h1 {
    margin-top: 5px;
    font-size: 18px;
    }
}

 a.descarga:link {
    color: #2671A8;
    word-wrap: break-word;
  }
 a.descarga:visited {
    color: #2671A8;
    word-wrap: break-word;
  }


  a.Etab:link {
    color: #337ab7;
    text-shadow:none;
  }

  a.Etab:visited {
    color: #337ab7;
    text-shadow:none;
  }
  
  .nav li.etabi:hover {
     border-style: none; 
    background-color: gray;
     background: none !important;
  
}

/*.tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}*/

.edislider{
    max-width: 100px;
    max-height: 100px;
}

.ifram{
    min-height: 360px;
}

.panel-title {
    color: #737373;
    text-shadow:none;
    margin-bottom: 20px;
  }

  .col-center{
  float: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.flex-caption {
  width: 100%;
  padding: 2%;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  font-size: 14px;
  line-height: 18px;
}