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

/*****/
body{
	background-color: #efefef;
	font-family: 'Montserrat', sans-serif;
}
/*nav*/
.navbar-default {
	margin-bottom: 0 !important;
	background-color: white;
	border-radius: 0 !important;
	box-shadow: 3px 3px 3px #c5c3c3;
}
.navbar .navbar-brand>img {
  	padding: 10px 15px;
 	width: 80%;
}
nav .tres{
	margin-top: 20px;
}

.navbar .text-center{
	padding: 20px 0 20px 0;
	text-align: center;
	font-size: 12px;
	color: #9d9d9c;
	font-family: 'Open Sans', sans-serif;
}
.tres img{
	float: right;
}

/*slider*/
.carousel {
	height: 450px;
}
.carousel .carousel-inner {
	height: 450px;
}	
.carousel .item,
.carousel .active {
    height: 100%;
}
.carousel .carousel-inner {
    height: 100%;
}
.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
/*form
.formulario form {
	position: absolute;
	top: 0;
	background-color: #1e80bf;
	height: 450px;
	padding-top: 20px;
	background-size: cover;
}
.formulario h4 {
	text-transform: uppercase;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 14px;
}
.formulario form .form-control {
	font-size: 12px;
	letter-spacing: 1px;
	border-radius: 0;
	height: 35px;
}
.formulario form fieldset legend {
	color: white;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
}
.formulario form fieldset p{
	color: white;
	text-align: center;
	font-size: 14px;
	color: #fff;
	letter-spacing: 2px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	padding-top: 20px;
	font-family: 'Open Sans', sans-serif;
}
.formulario form button {
	background-color: rgb(230, 40, 110);
	border-color: rgb(230, 40, 110);
	letter-spacing: 2.5px;
	text-transform: uppercase;
	border-radius: 0;
	height: 40px;
}
.formulario form button:hover,
.formulario form button:focus,
.formulario form button:active:focus {
	background-color: rgb(230, 40, 90);
	border-color:  rgb(230, 40, 90);
}

.content{
	padding: 30px 0 30px 0; 
}
.text h1, h2{
	color: #1e80bf;
	margin: 40px 0 40px 0;
}
.text p{
	font-size: 18px;
	color: #595959
}

footer {
	bottom: 0;
	padding-top: 30px;
	padding-bottom: 30px;
}
footer p {
	font-size: 13px;
	color: #595959;
}




@media (min-width: 991px) {
	.contenedor-nav .tres img {
		float: right;
	}
}

@media (max-width: 991px) {
	.content{
		text-align: center;
	}
	.giftcard img{
		width: 60%;
		margin:0 auto;
	}
	.text p{
		font-size: 20px;

	}
}

@media (max-width: 768px) {
	.formulario form {
		position: relative;
		top: initial;
		height: auto;
		padding-bottom: 15px;
	}
	.carousel {
		height: initial;
	}
	.carousel .carousel-inner {
		height: 200px;
	}
	.invertir {
		display: -webkit-box;
	    display: -moz-box;
	    display: box;

	    -webkit-box-orient: vertical;
	    -moz-box-orient: vertical;
	    box-orient: vertical;
	}
	.invertir div.text-center {
		-webkit-box-ordinal-group: 2;
	    -moz-box-ordinal-group: 2;
	    box-ordinal-group: 2;
	}
	.formulario .form-group {
		margin-bottom: 0;
	}
	.formulario .form-group .col-sm-6,
	.formulario .form-group .col-sm-12 {
		margin-bottom: 10px;
	}
}

@media (max-width: 480px) {
	.giftcard img{
		width: 85%;
		margin:0 auto;
	}
	.text h1{
		font-size: 30px;
	}
	.text p{
		font-size: 16px;
	}
	.text h2{
		font-size: 25px;
	}
	.tres img{
		float: none;
	}

}
@media (max-width: 320px) {
}

*/
.barra{
	background-color: white;
	padding: 25px 25px;
}

.formulario{
	margin-top: -150px;
	background-color: white!important;
	
}

.titulo{
	background-color: #0360ac;
	color: white;
	font-weight: 900;
	text-align: center;
	padding: 5px 0;
	border-bottom: 5px solid #ff2f00;
}

.tabbable{
	background-color: #f8f8f8;	
}

.tab-content{
	background-color: #f8f8f8;	
}

.tab-pane{
	padding: 50px 20px 100px 20px;
}


.table{
	font-size: 10px;
}

.table label{
	padding-top: 10px;
}

.nav-tabs li{
	background-color: #e9e9e9;
}

.nav-tabs li a{
	color: gray!important;
	text-align: center;
}

.nav-tabs li .active{
	background-color: white;
}

.nav-tabs li.active a{
	color: #ff2f00!important;
}

.nav-tabs li a span{
	font-size: 9px;
	color: gray;
	display: none;
}

@media (min-width: 991px) {
	.nav-tabs{
		margin-top: 130px;
	}

	.nav-tabs li{
		transform: rotate(270deg);
		transform-origin: left top 0;
		width: 130px;
		height: 130px;		
		margin-left: -10px;
	}

	.nav-tabs li a span{
		display: block;
	}	
}

.boton{
	background-color: #e9e9e9;
	color: gray!important;
	padding: 20px 0;
	text-align: center;
	color: white;
	padding-left:0;
	padding-right:0;
	margin-top: 30px;
	cursor: default;
}

.boton-active{
	background-color: #0360ac;
	color: white!important;
	cursor: pointer;
}

#table-cotizar tr{
	height: 50px;
}

#seleccione{
	visibility: hidden;
}


footer{
	background-color: #0360ac;
	color: white;
	margin-top: 100px;
	padding: 20px 0;
}