/* 
 Service
/* Service
============================================================================================*/

.dl-horizontal dt{
	
	float:left;
	width:160px;
	overflow:hidden;
	clear:left;
	text-align: left;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.banner{
	position: relative;
	overflow: hidden;
}
.banner .txt{
	position: absolute;
	left:0px;
	bottom: 15px;
}
.container .service-content .banner .txt img{ float: left; margin: 30px; }
.container .service-content .banner .txt h1{ 
	color: #fff;
    font-family: "misobold";
    font-size: 28px;
    line-height: 100%;
    padding-top: 9px;
    text-transform: uppercase;
    position: relative;
    width: 440px;
    float: left;
    padding-left: 4px;
    margin-bottom: 5px;
    }
.container .service-content .banner .txt p{ font-family: 'misoregular'; font-size: 46px; color: #fff; line-height: 85%; float: left; width: 500px;
}
.container .service-content .banner .txt h1:before{
	background: #dd0021 none repeat scroll 0 0;
    content: " ";
    height: 111px;
    left: -17px;
    position: absolute;
    top: 10px;
    width: 8px;
    -webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}

.service-content h2{
	font-size: 24px;
	padding: 14px 0 0px 0px;
	font-weight: bold;
}
.service-content .nav-tabs {
	border: 1px solid #E6E8ED;
}
.service-content .nav-tabs li {
	padding: 0px;
	border: 0px!important;
	
	text-align: center;
}
.service-content .nav-tabs a {
    border: 0 none;
    display: block;
    height: 50px;
    padding: 0 10px;
    color: #005DAC!important;
    margin: 0px!important;
    border: 0px!important;
    border-right: 1px solid #E6E8ED!important;
    border-radius: 0px;
    padding-top: 15px;
}
.service-content .nav-tabs .two-lineas a { padding-top: 10px;
    line-height: 120%;
 } 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background: #0072CE;
	color: #fff!important; 
	}

.service-content h3{
	font-size: 18px;
	font-weight: normal;
	padding: 25px 0px; 
	font-weight: bold;
}
.container  .service-content p{
	font-size: 13px;
	font-weight: normal;
	padding: 0 0 20px 0; 
}
.tab-content ul,
.coberture ul{
padding: 0 0 15px 15px;
}
.tab-content li,
.accordion-body li,
.coberture li{ 
	position: relative;
	padding-bottom: 10px;
	font-size: 13px;
}
.tab-content li:before,
.accordion-body li:before,
.coberture li:before{ 
	content: " ";
	width: 5px;
	height: 5px;
	background: #0072CE;
	position: absolute;
	left: -12px;
	top: 6px;
	-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
	}
.coberture{
	border-top: 0px solid #CCCCCC;
}
.coberture li{
	width: 50%;
	float: left;
}
.service-content table{
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
.service-content table  td{
	padding: 10px 15px;
}
.service-content table thead td{
	background: #e3e3e3;
	padding: 10px 15px;
}
.service-content table tbody td{
	border: 1px solid #CCCCCC;
	padding: 5px 15px;
}
.service-content table  td:nth-child(2),
.service-content table  td:nth-child(3) {
    width: 130px;
}

.contract p{
	float: left;	
	width: 100%;
}
.contract i{
	display: block;
    float: left;
    font-size: 35px;
    margin-right: 0px;
    margin-top: 0px;
    color: #005DAC;
}

 
.ul-pasos{
	padding-bottom: 20px!important;
	padding-left: 0px!important;
}
.ul-pasos li{
	width: 100%;
	position: relative;
	padding: 20px 20px 0px 45px;
	    counter-increment: li;
}
.ul-pasos li:before {
    content: counter(li);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 20px;
    background: #0072CE;
    color: #fff;
    text-align: center;
    font-weight: bold;
    width: auto;
    height: auto;
}
.ul-pasos li i{float: left; }
.ul-pasos li p{
float: left;
    width: 100%; 
    padding: 0px!important;
     }

/*side*/
.service-content .box-info{
	padding-top: 50px;
	    float: left;
    width: 100%;
    border-bottom: 1px solid #CCCCCC; 
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.box-category{
	width: 93px;
	float: left;
	position: relative;
}
.box-category:before{
	width:0px;
	position: absolute;
	left:-7px;
	top: -5px;
    height:0px;
    border-left:11px solid transparent; /* izquierda flecha */
    border-right:11px solid transparent; /* derecha flecha */
    border-bottom:11px solid #fff; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
    content: " ";
    -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 transform: rotate(-45deg);
 background: #fff;
}
.service-content .box-info img{
	float: right;
	width: 97px;
}
.box-category .icons{
	background:#0072CE;
	height: 60px;
	padding-top: 8px;
    text-align: center;
}
.box-category .icons i{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-size: 45px;
	padding-top:18px;
}
.box-category .title{
	background: #dc0a22 none repeat scroll 0 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	letter-spacing: -1px;
	margin-top: 2px;
	padding-top: 7px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
}
.box-category .title.two{
	padding-top: 2px;
    line-height: 110%;
}
.box-category .title:before{
	width:0px;
	position: absolute;
	right:-7px;
	bottom: -5px;
    height:0px;
    border-left:11px solid transparent; /* izquierda flecha */
    border-right:11px solid transparent; /* derecha flecha */
    border-bottom:11px solid #fff; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
    content: " ";
    -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 transform: rotate(-45deg);
 background: #fff;
}
.service-content .box {
	padding: 0px;
	margin-top: 20px;
}
.service-content .box.col-lg-8 {
	 padding-right: 15px;
	 border-right: 1px solid #CCCCCC;
	 width: 70%;
}
.service-content .box.col-lg-4 {
	 width: 30%;
	 padding-left: 15px;
}

 
 .list-coverage h3{
 	font-size: 13px;
 	padding:15px 0 10px 0 ;
 }
 .list-coverage ul{
 	padding-left: 15px;
 }
 .list-coverage li{  
	position: relative;
}
 .list-coverage li:before{ 
	content: " ";
	width: 5px;
	height: 5px;
	background: #909090;
	position: absolute;
	left: -12px;
	top: 6px;
	-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
	}
    
.service-content .tel { float: left; }
.service-content .tel p { padding: 0px;}
.service-content .tel .title {
 font-size: 14px;
    padding-bottom: 11px;
    text-transform: uppercase;}
.service-content .tel .t-info {
  padding-left: 35px;
      line-height: 128%;
  position: relative; }
.service-content .tel .t-info .fa {
    font-size: 36px;
    position: absolute;
    top: 0px;
    color: #0072CE;
    left: 0; }
.service-content .tel .t-info b {
    display: block;
    font-size: 22px; }
.service-content .tel .time {
  font-size: 11px;
  margin: 10px 0 11px; }
.service-content .tel > a {
  display: inline-block;
  height: 30px;
    margin-left: 10px; }
.service-content .tel > a .fa {
    display: block;
    float: left;
    font-size: 27px;
    margin-right: 12px;
    margin-top: -5px; }


    .catg-highlight-project .row > * > a > span{
    	background: none;
    	border: 0px;
    }

   .catg-highlight-project .row  span  i{
    	color: #dd0021!important;
    }

.furgon td{
	color: #000;
	padding: 7px 15px!important;
}
.furgon div{
	float: right;
	padding-top: 10px;
	width: 43%; 
}
.container .service-content .furgon li {
    font-size: 13px;
    padding-bottom: 2px;
}
.container .service-content .furgon p { 
    padding: 0 0 10px 0;
}
.furgon img{
	float: left;
	width: 230px;
}
.furgon .auto{
	background: #146FD5;
}
.furgon .auto td{ color: #fff; }
.furgon .titulo{
	background: #e3e3e3;
	font-weight: bold;
}
.furgon .gris{
	background: #f5f5f5;
}


/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) { 
	.service-content .box.col-lg-8 { 
	 width: 100%;
	 padding-right: 0px;
	 border: 0px;
}

.service-content .box {
	padding: 0px;
	margin-top: 60px;
}
.banner img.hidden-md {
    vertical-align: middle;
    position: relative;
    z-index: -1;
    left: 50%;
    margin-left: -480px;
}
.banner.right img.hidden-md {
    vertical-align: middle;
    position: relative;
    z-index: -1;
    left: auto; 
    float: right; 
}
.banner.left img.hidden-md {
    vertical-align: middle;
    position: relative;
    z-index: -1;
    left: auto; 
    float: left;
    margin: 0px;
}
.service-content .box.col-lg-4 {
	 width: 100%;
	 padding-left: 0px;
}
.service-content h2 {
display: none;
	}
	 .accordion-group{
		padding: 0px;
	}

	.accordion-heading a.accordion-toggle.collapsed,
	.accordion-heading a.accordion-toggle.collapsed.number_0{
		color: #005DAC;
		text-transform: uppercase;
		background: #fff;
		padding: 10px;
		display: block;
		width: 100%;
		margin-bottom: 0px;
		border-top: 1px solid #ccc;  
		font-weight: bold;
	}
	.accordion-heading a.accordion-toggle,
	.accordion-heading a.accordion-toggle.number_0{
		color: #fff;
		text-transform: uppercase;
		background: #005DAC;
		padding: 10px;
		display: block;
		width: 100%;
		margin-bottom: 2px;
		font-weight: bold;
	}
	.accordion-heading a.accordion-toggle:before{
		content: "a";
		position: absolute;
		right: 30px;
		top: 18px;
		width: 10px;
		height: 10px; 
		font-size: 20px;
		font-family: "icon-service" !important;
    	font-style: normal !important;
    	font-variant: normal !important;
    	font-weight: normal !important;
    	line-height: 1;
    	text-transform: none !important;
    	-webkit-transform: rotate(-180deg);
 -moz-transform: rotate(-180deg);
 transform: rotate(-180deg);
	}
	.accordion-heading a.accordion-toggle.collapsed:before{
		content: "a";
		position: absolute;
		right: 37px;
		top: 10px;
		width: 10px;
		height: 10px; 
		font-size: 20px;
		font-family: "icon-service" !important;
    	font-style: normal !important;
    	font-variant: normal !important;
    	font-weight: normal !important;
    	line-height: 1;
    	text-transform: none !important;
    	-webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 transform: rotate(0deg);
	}
	.accordion-body {
		padding: 15px ;
	}
	.accordion-body h3{
		display: none;
	}
	.container .service-content ul{
		padding-bottom: 20px;
	}
	.container .service-content li {
	    font-size: 13px; 
	    padding-bottom: 5px;
	}
	.service-content .box-info {
    float: left;
    padding-top: 0px;
    width: 100%;
}

.list-coverage li{
	width: 50%;
	display: inline-block;
	float: left;
}

}

 /* Small devices (tablets, 768px and up) */
@media (max-width: 768px) { 

.container .service-content .banner .txt img
 {
    display: none;
}
.container .service-content .banner .txt p{
	padding-left: 40px;
	font-size: 28px;
	padding-right: 20px;
}
.container .service-content .banner .txt h1 {
  color: #fff;
  float: left;
  font-family: "misobold";
  font-size: 25px;
  line-height: 100%;
  margin-bottom: 13px;
  margin-left: 39px;
  margin-top: 68px;
  padding-left: 4px;
  padding-top: 3px;
  position: relative;
  text-transform: uppercase;
  width: 88%;
}
.container .service-content .banner .txt h1 br{
	display: none;
}
.container .service-content .banner .txt h1:before { 
    top: 5px;
    height: 80px;
    }
.service-content .tel > a { 
    font-size: 13px; 
}
.service-content table tbody td {
	width: 33%;
	}

	.box-category{
		margin-left: 20px;
	}
	.service-content .box-info img {
    margin-right: 20px;
}
.catg-highlight-project .row>*>a {
    float: none;
    display: inline-block;
    margin-top: 5px;
    color: #000;
    margin-left: 11px;
    margin-bottom: 20px;
}

 }


/* Large devices (large desktops, 1200px and up) */
@media (max-width:550px) { 

.furgon img{

	float: none;}

.furgon div{
	float: none;
	padding-top: 10px;
	width: 90%; 
	margin-left: 20px;
}

 }
 
 
 .btn-waze { overflow:hidden; width:210px; height:40px; margin:10px 0px; position:absolute;}
		.btn-waze-tx{ width:90px; height:40px; background:#6cbed2 url("/static/contenido/Tiendas/images/tx.png") no-repeat; float:left;}
		.btn-waze-aniw{ width:35px; height:32px; background:#FFF url("/static/contenido/Tiendas/images/icon-waze-p.png") no-repeat; float:left; margin: 5px 0px 0px 5px;}
		.btn-waze-anis{ width:28px; height:28px; background:#FFF url("/static/contenido/Tiendas/images/ico-pin.png") no-repeat; margin: 8px auto; float:right;}
		
		
.btn-waze {
transition:All 3s ease;
-webkit-transition:All 3s ease;
-moz-transition:All 3s ease;
-o-transition:All 3s ease;
}
.btn-waze:hover .btn-waze-tx{
	background:#5bbad0 url("/static/contenido/Tiendas/images/tx.png") no-repeat;

}

.btn-waze:hover .btn-waze-aniw {
-webkit-animation: aniw 0.8s 1 ease;
-moz-animation: aniw 0.8s 1 ease;
-o-animation: aniw 00.8s 1 ease;
}
@-webkit-keyframes aniw {
0% { -webkit-transform: translatex(0px); }
100%{ -webkit-transform: translatex(50px); }
}
@-moz-keyframes aniw {
0% { -moz-transform: translatex(0px); }
100% { -moz-transform: translatex(50px); }
}
@-o-keyframes aniw {
0% { -o-transform: translatex(0px); }
100% { -o-transform: translatex(50px); }
}