@import url('https://fonts.googleapis.com/css?family=Raleway');

body{
	font-family: 'Raleway', sans-serif;
}
.navbar-brand {
  padding: 2px;
}

.navbar-brand>img {
	float: left;
	padding-top:2px;
	width: 250px;
	-webkit-transition-property: width; /* Safari */
    -webkit-transition-duration: 1s; /* Safari */
    transition-property: width;
    transition-duration: 1s;
}

.navbar-brand2>img {
	float: left;
	padding-top:2px;
	width: 180px;
		-webkit-transition-property: width; /* Safari */
    -webkit-transition-duration: 1s; /* Safari */
    transition-property: width;
    transition-duration: 1s;
}

.navbar-default{
	background-color: white;
	border: none;
}

.navbar-default .navbar-text {
  color: #777;
	font-family: 'Raleway', sans-serif;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
	padding: 20px 30px 20px 20px;
	font-size: 16px;
	border-style: solid;
	border-width: 0px 1px 0px 1px ;
	border-color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
	border-color: #BCBCBC;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.carousel-caption{
	padding-bottom: 10%;
	padding-top: 5%;
	right: 20%;
left: 20%;
}

.carousel-caption>h3{
	font-size: 80px;
	
}

.carousel-caption>p{
	font-size: 20px;
	
}

.carousel-control{
	position: absolute;
top: 30%;
bottom: 30%;
left: 0;
width: 15%;
height: 15%;
font-size: 20px;
}

.carousel-control.left{
	background: none;
}

.carousel-control.right{
	background: none;
}

.carousel-control{
	border: none;
	
}

.casillas01{
	padding: 40px
}

.casillaimg{
	background-image: url(../img/background_01.jpg);
	background-attachment: fixed; 
}

.casillaimg > h3{
	padding: 8% 20% 1% 20%;
	color: white;
	text-shadow: 1px 1px 1px #777;
	font-size: 40px;
}

.btn-masinfo{
	padding: 10px 30px 10px 30px;
	margin: 1px 2px 80px 2px;
	background: rgba(46,49,146,1.00);
	color: white;
	border-radius: 20px;
	border: 2px solid rgba(46,49,146,1.00);
}

.btn-masinfo:hover{
	border: 2px solid rgba(255,255,255,1.00);
	border-radius: 20px; 
}

.card01{
}

.card01>h2{
	background: rgba(67,65,154,1.00);
	padding: 20px;
	color: white;
}

.card01>p{
	background: rgba(225,225,225,1.00);
	padding: 20px;
	margin-top:-8px
}

.card01>h5{
	background: rgba(255,146,38,1.00);
	padding:10px;
	margin-top:-8px;
	color: white;
	
}.card01>h3{
	background: rgba(252,218,184,1.00);
	padding:10px;
	margin-top:-10px;
	color: black;
	
}

.container-form{
	padding-top: 30px; 
	background: rgba(236,236,236,1.00);
}

.form-control{
	border-radius: 50px;
	padding: 15px;
	height: 50px;
	background-color: rgba(244,244,244,1.00);
	
}

.card-contact{
	padding: 20px;
}

.casillaimg02{
	background-image: url(../img/background_02.jpg);
	background-attachment: fixed; 
	padding: 20px;
	color: white;
}

.social-media >i{
	padding: 10px;
}

.social-media >i:hover{
	color: rgba(181,177,235,1.00)
}



footer{
	background: #000;
	padding-top: 15px;
	padding-bottom: 15px;
	color: white;
	text-align: center;
}

footer>p{
 font-size: 12px;
}