.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 0;
}


.verde-bg{ background-color: #00a551; }
.azul-bg{ background-color: #3464ae; }
.naranja-bg{ background-color: #f05a28; }
.celeste-bg{ background-color: #00adee; }
.violeta-bg{ background-color: #612d8a; }

.verde-txt{ color: #00a551; }
.azul-txt{ color: #3464ae; }
.naranja-txt{ color: #f05a28; }
.celeste-txt{ color: #00adee; }
.violeta-txt{ color: #612d8a; }

body{
	background-image: url('../img/bg.jpg');
	background-repeat: repeat;
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden; 
}

.jumbotron{
	background-color: #fff;
	background-image: url('../img/header-bg.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position-y: 1em;
}	
	h1{margin-top: 0;}
	#mi-senda-logo{
		width: 280px; /*270px*/
    	margin: 64px auto 32px auto;
		display: none;
	}
	#mi-senda-logo img{ width: 100%; }
	#mi-senda-logo-mobile{ display: inline-block; }
		#mi-senda-logo-mobile img{ width: 100%; }
		#mi-senda-logo-mobile #header-menu{ width: 66%; margin: 1.5em 1em 0 0; cursor: pointer;  }
	
	.nav{ display: none; }
	.nav li{ color: #fff; font-weight: 500; }
	.nav li a{ color: #fff; }
	
	.nav li.verde-bg a:hover{ color: #00a551; }
	.nav li.azul-bg a:hover{ color: #3464ae; }
	.nav li.naranja-bg a:hover{ color: #f05a28; }
	.nav li.celeste-bg a:hover{ color: #00adee; }
	.nav li.violeta-bg a:hover{ color: #612d8a; }

	.nav .active a:focus, .nav .active a:visited { background: none; }

#banner-home ul.bxslider{
	width: auto;
    height: 100%;
    position: relative;
    padding: 0;
}


#botonera-bottom{ margin: 1em 0; display: none;}

	.boton-bottom{
		background-color: #fff;
	    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);

		cursor: pointer;
	}
		.boton-titulo{
			position: absolute;
		    width: 99%;
		    left: 1%;
		    top: 1em;
		}
			#botonera-bottom h3{
				font-size: 1.3em;
			    color: #fff;
			    text-align: center;
			    padding: 0.5em 0em;
			    margin: 0;

			    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
				-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
				box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
			}

			.cont-triangle{

			}
				.tira-solid{
					width: calc(100% - 13px);
					height: 26px;
					float: left;

					-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
					-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
					box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
				}

				.triangle-izq {
					width: 0;
					height: 0;
					border-top: 13px solid red;
					border-left: 13px solid transparent;
					clear: both;
				}

				.triangle-float{
					float: left;
				}

				.triangle-der {
					width: 0;
					height: 0;
					border-top: 13px solid red;
					border-right: 13px solid transparent;
					float: right;
				}

				.arrow-der {
					width: 0;
					height: 0;
					border-top: 13px solid transparent;
					border-bottom: 13px solid transparent;
					border-left: 13px solid red;
					float: right;

				}

				.triangle-verde{ border-top: 13px solid #278052 !important; }
				.triangle-azul{ border-top: 13px solid #22457B !important; }
				.triangle-naranja{ border-top: 13px solid #B9431C !important; }
				.triangle-celeste{ border-top: 13px solid #0085B7 !important; }
				.triangle-violeta{ border-top: 13px solid #652C8B !important; }

				.arrow-verde{ border-left: 13px solid #00a551 !important; }
				.arrow-azul{ border-left: 13px solid #3464ae !important; }
				.arrow-naranja{ border-left: 13px solid #f05a28 !important; }
				.arrow-celeste{ border-left: 13px solid #00adee !important; }
				.arrow-violeta{ border-left: 13px solid #612d8a !important; }

		.boton-bottom .bottom-img{ width: 100%; padding: 5em 1em 1em 1em; overflow: hidden;}
		.boton-bottom .bottom-img img{
			width: 100%;
			overflow: hidden;
		}
		.bottom-img-mask{
			width: 100%;
		    height: 100%;
		    overflow: hidden;
		}
		.boton-bottom .bottom-img .bottom-img-mask img{
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
 
		.boton-bottom .bottom-img .bottom-img-mask img:hover {
		  width: 110%;
		  height: 110%;
		  margin-left: -5%;
		}

footer{
	width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	margin-top: 1em;
    padding: 0.8em;
	}
	footer h5{ text-align: center; }


/* SECCIONES
-------------------------------------------------------------------------*/
#cont-seccion{
	background-color: #fff;
	margin: 0;
	padding: 1em 0;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}

	#cont-seccion h2{
		margin: 0 0 2em 0;
	    color: #404041;
	    font-weight: 200;
	    font-size: 2.5em;
	}

	#cont-seccion p{ color: #58595b;}

	.tira-h2{ margin-left: -28px; }

	.cont-h4{
    	width: 80%; /* 68% */
		margin-left: -28px;
		margin-bottom: 1em;
	}

		.cont-h4 h4{
		    color: #fff;
		    padding: 0.5em 0em 0.5em 1.5em;
		    margin: 0;

		    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
		}

.bxslider img{ width: 100%; }

#img-quienes-somos{
	width: 100%;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
}

/* GALERIA
-------------------------------------------------------------------------*/
#menu-album li{
	color: #404041;
	padding: 0.5em 0;
	cursor: pointer;
}
#menu-album li.active{ font-weight: 800; color: #00adee; text-decoration: underline; }

/* CONTACTO
-------------------------------------------------------------------------*/
#contacto-conocer{
	background-color:  #612d8a;
	color: #fff;
	height: 100%;
    display: inline-block;
}

form label{
	margin: 10px 0 2px 0;
	color: #fff;
}
form input{
	width: 100%;
	color: #666;
}
form textarea{
	width: 100%;
	height: 80%;
}

form .bt-enviar{
	width: 30%;
    clear: both;
    display: block;
    margin-left: 67%;
}

.ui-state-default{
	background-color: #b088bd !important;
}
.ui-tabs-active{
	background-color: #612d8a !important;
}
.ui-tabs .ui-tabs-panel{
	background-color: #612d8a !important;
}



/* LOGIN FORM
-------------------------------------------------------------------------*/
#admin-html .jumbotron{
	width: 500px;
    margin: auto;
    border-radius: 9px;
    margin-bottom: 1em;
}
#admin-html .jumbotron h2{
	color: #612d8a;
    font-size: 1em;
    text-align: center;
    padding-top: 1em;
}
#admin-html .jumbotron h1{
	margin-top: 0;
    text-align: center;
}
#admin-html form{
	width: 500px;
    margin: auto;
}
#admin-html input{
	width: calc(100% - 2em);
	padding: 1em;
}

#admin-html input#enviar{
	width: 200px;
    margin-top: 1em;
    background-color: #612d8a;
    border: 0;
    color: #fff;
    font-weight: 600;
}


/* MEDIA QUERIES
-------------------------------------------------------------------------*/
@media screen and (max-width: 767px){
	#home-img{
		width: 120%;
		margin-left: -10%;
	}
	.jumbotron{
		padding-bottom: 0;
	}
	#mi-senda-logo-mobile{
		margin-top: 2em;
	}
}
/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px){
	h1{
		margin-top: 20px;
    	margin-bottom: 10px;
	}

	.jumbotron{ padding-bottom: 13px; }

	.nav{ display: block; }

	#mi-senda-logo{ display: block; }
	#mi-senda-logo-mobile{ display: none; }

	#botonera-bottom{ display: block; }
}