/* fonts */

/* nav */
.navbar-toggle .icon-bar{
	background-color:rgb(0,31,91);
	border:solid 1px rgb(0,31,91)
}

.menuTop{
	background-image:url(../images/background/bg-nav.jpg);
	background-position:center center;
	background-size:contain;
	border-radius:5px;
	box-shadow:0px 5px 5px rgba(0,0,0,.5);
	margin-top:20px;
	padding:10px 0;
}

	.menuTop > li{
		border-right:solid 1px rgb(255,255,255);
		/*padding:10px 0;*/
	}

	.menuTop > li:last-child{border-right:none}
	
	.menuTop > li > a {padding:5px 10px;font-size: 14px}

.dropdown ul a{color:rgb(102,102,102) !important}

.menuTop a:hover{text-decoration:none;}

.menuTop span{display:block}

.list-block{
	margin:0;
	padding:0
}

	.list-block li{
		display:inline-block;
		margin:0 10px
	}

.nav-tabs.nav-justified > li > a{
	border-radius:0;
	border:none;
}
.nav-tabs.nav-justified > li > a:hover{background:none}

.tel-top p{display:inline-block}

	.tel-top i{vertical-align:middle}
	
	.tel-top span{
		display:inline-block;
		vertical-align:middle;
	}
	
	.dropdown-menu li ul{padding-left:20px}
	
	.dropdown-menu > li > a {padding: 3px 15px}
/*
.icons{border-bottom:solid rgb(0,31,91) 5px}
*/

	.icons i{vertical-align:middle}
	
	.icons p{
		display:inline-block;
		vertical-align:middle;
		color:rgb(102,102,102);
		padding:20px;
	}

/* home */
.box-text{position:relative}

	.box-text h1{
		bottom:40px;
		left:5%;
		margin:0;
		position:absolute;
		width:90%
	}
	
	.box-text a{
		bottom:10px;
		left:5%;
		margin:0;
		position:absolute;
		width:90%
	}

.icons-home a{
	display:inline-block;
	margin:10px 0;
	width:45%
}

	.icons-home a > span{
		display:inline-block;
		padding:10px;
		vertical-align:middle;
		width:100px
	}

	.icons-home a > i{vertical-align:middle}
	
.list-link{
	margin:0;
	padding:0;
}

.carousel-indicators{bottom:0}

	.carousel-indicators li{border:1px solid rgb(0,31,91)}
	
	.carousel-indicators .active{
		background-color:rgb(212,28,36);
		border:1px solid rgb(212,28,36)
	}

/* cajas de titulo */
.x-title{width:100%}

	.x-title h3{display:inline-block}

.absolute{
	position:absolute;
	z-index:99;
}

.button-left a{display:inline-block}

.img-box figcaption{
	background-color:rgba(0,31,91,.9);
	bottom:0;
	left:10;
	position:absolute;
	/*width:50%;*/
}

	.img-box figcaption:before{
		background-color: rgba(212, 28, 36, 0.9);
	    bottom: 0;
	    content: " ";
	    height: 30px;
	    position: absolute;
	    right: -50px;
	    width: 50px;
	}

/*-- slider home --*/
.slider{
	background-color:rgb(255,255,255);
	height: 15px;
	position: relative;
	width: 100%;
	
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
}

	.slider:before{
		content:"- $";
		color:rgb(212,28,36);
		font-size:20px;
		left:0;
		position:absolute;
		top:-25px;
	}
	
	.slider:after{
		content:"+ $";
		color:rgb(0,31,91);
		font-size:20px;
		right:0;
		position:absolute;
		top:-25px;
	}

.slider > .progress{
	background:rgb(0,31,91);
	height: 100%;
	position: absolute;
	width: 50%;
}

.slider > .indicator{
   background: darkred;
   height: 100%;
   margin-left: -5%;
   left: 50%;
   position: absolute;
   width: 5%;
   
   
   -webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

.ln_solid{
	/*background:rgb(255,255,255);*/
	/*border-bottom:solid 1px rgb(244,244,244);
	box-shadow:0 1px 3px rgba(0,0,0,.8);*/
	height:1px;
	margin:5px 0;
	position:relative;
	width:100%;
}

/* cotizador */
#valueSlider{background:none}

.btn{
	background-color:rgb(0,31,91);
	color:rgb(255,255,255)
}

.form-inline .has-feedback .form-control-feedback{top:25px}

/* secciones */
.top-seccion{overflow:hidden}

.img-top-secc figcaption{
	position:relative;
	margin:0;
}

	div.mimg-secc{
		bottom:0;
		left:0;
		width:100%;
	}
	
	.timg-secc{
		background-color: rgba(0,31,91,0.9);
		max-width:50%;
	}
	
		.timg-secc h1{margin:0}
	
	.cimg-secc{background-color: rgba(212,28,36,0.9)}
	
		.cimg-secc h2{line-height:25px}
	
.box-secc{font-size:13px}

	.box-secc ul{
		list-style:disc;
		margin:0;
		padding:0 0 0 15px;
	}
	
	.box-secc ul li{line-height:25px}
	
	.box-secc p:last-child{padding:10px 15px}

	.menu-seccion li{
		line-height:25px;
		display:inline-block;
		margin:0 10px;
	}

#menu-left{margin-right:15px}

.box-border{
	border: solid 2px rgb(195,195,195);
	padding:5px;
}

/* agenda */
.steps{
	padding:10px 25px 10px 15px;
	background-color:rgb(212,28,36);
	color:rgb(255,255,255);
	border-radius:50%
}

/* animate */
.os-animation{opacity:0}

.os-animation.animated{opacity:0}

/* contacto */
.form-sucursal{margin-top:170px}

#map,#mapa{
	height: 350px;
	margin: 0;
	padding: 0;
	width: 100%;
}

#showMapa{min-height:200px}

.mapa iframe{
	width:100%;
	height:300px;
	border:0
}
/* footer */
.footer{padding:10px 0 10px}

	.footer p, .footer a, .footer ul li{font-size: 11px}
	
	.footer p{letter-spacing:2px}
	
	.footer ul{
		padding:10px;
		margin:0;
	}
	
	.footer ul:first-child{padding:15px}
	
	.footer a:hover{
		color:rgb(212,28,36);
		text-decoration:none;
	}
	
	.box-footer p{
		border-bottom:solid 1px rgb(255,255,255);
		margin:0;
		position:relative
	}
	
		.box-footer p:after{
			bottom:0;
		    box-shadow:10px 5px 2px rgba(0,0,0, 0.5);
		    content:" ";
		    height:2px;
		    left:-10px;
		    position:absolute;
		    width:100%;
		}
		
/* requisitos */
th.rotate {
	height: 140px;
	white-space: nowrap;
}

	th.rotate > div {
		transform: translate(15px, 65px) rotate(270deg);
		width: 120px;
	}

/* tabs */
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
  float: left;
  width:64%;
}


.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
  width:33%;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

#tabla{
	float:none;
	width:100%
}
		
@media only screen and (max-width: 500px) {
	
	.navbar-brand{
		height:65px;
		padding-top:0
	}
	
    .tabs-left > .nav-tabs{width:100%}
    
    .tab-content > .active, .pill-content > .active{width:100%}
    
    .timg-secc h1{font-size:22px}
    
    .cimg-secc h2{
	    font-size:16px;
	    line-height:20px
	}
	
}