/* -- HEADER -- */
header{background-color: rgba(217, 217, 217, 1);
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(178,178,178,1) 39%, rgba(179,179,179,1) 99%, rgba(179,179,179,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(39%, rgba(178,178,178,1)), color-stop(99%, rgba(179,179,179,1)), color-stop(100%, rgba(179,179,179,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(178,178,178,1) 39%, rgba(179,179,179,1) 99%, rgba(179,179,179,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(178,178,178,1) 39%, rgba(179,179,179,1) 99%, rgba(179,179,179,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(178,178,178,1) 39%, rgba(179,179,179,1) 99%, rgba(179,179,179,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(178,178,178,1) 39%, rgba(179,179,179,1) 99%, rgba(179,179,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3b3b3', GradientType=0 );
}
#services{display: block;height:50px;width: 100%;}

.navbar {
	margin-bottom: 0;
}

section.jumbotron h2 {
  position: relative;
  left: 124px;
  color: #3d4397;
}

section.jumbotron .container h2::after{
	content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    height: 3px;
    width: 70%;
    /* background: #444; */
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ed3c41), to(transparent));
    background-image: -webkit-linear-gradient(left, #ed3c41, transparent);
    background-image: -moz-linear-gradient(left, #000, transparent);
    background-image: -o-linear-gradient(left, #000, transparent);
}

section.jumbotron h4 {
  position: relative;
  top: 22px;
  left: 81px;
}

/* -- POST -- */
.main {
	margin-top: 0;
	margin-bottom: 20px;
}

.post {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #999;
}

.post .post-title a {
	color:#333;
}

.post .thumb {
	margin-right:10px;
	width:40%;
}

.post .thumb img {
	width:100%;
}

.post .contenedor-botones {
	width: 100%;
}

form#tlfform {display:none;float: right;}
.oculto {display:none}
div.success{float: right;color: green;font-weight: bold;}
#ajax_loader2 div.alert-success{position:relative;top:15px;}

div.servi{display:none;position: absolute;opacity: 0.9;top: 81%;width: 100%;background: rgba(61,89,140,0.7);color: #fff; font-weight: bold;text-align: center;height: 20%;}
button.alterna{width: 120px;padding: 1px;margin-left: 50px;margin-top: 7px;clear: right;float:left;font-weight:bold; font-size: 12px;border-radius: 10px;}
button.enviar{padding: 4px 5px;}
button#alterna2:hover {
  border-radius: 9px;
  -webkit-box-shadow: 0px -1px 17px #ffffff;
  box-shadow: 0px -1px 17px #ffffff;
}
#mensajes {display: none;}
#ofertas{box-shadow: 4px 4px 8px 0px rgba(95, 95, 95, 0.75);}

/* -- Media Queries -- */
@media screen and (max-width: 240px) {
	.jumbotron div.container h2{left: 54px;width: 153px;text-align: left;top: 27px; font-size: 17px;}
	.carousel-indicators{display:none}
	ul#panel_servicios li{margin-left: 20%;margin-right: 20%;} 
	ul#panel_servicios li img {width: 100px;}
	img#switch{display:none}
	form#tlfform{width: 100%;}
}

@media screen and (max-width: 320px) {
	.carousel-indicators{top:55px;bottom:0px;}
	.carousel-indicators li{width: 8px;height: 8px;}
	.carousel-indicators .active {width: 10px;height: 10px;}
	ul#panel_servicios li{margin-left: 18%;margin-right: 18%;} 
	ul#panel_servicios li img {width: 170px;}
	div#fotos{display:none;height:0;}
}

@media screen and (min-width: 320x) and (max-width: 320px){ 
	form#tlfform{width: 70%;}
}

@media screen and (min-width: 240px) and (max-width: 375px) {
	#reparaciones ul, #nuestrosservicios ol{margin-left: 0; margin-right:0;}
}

@media screen and (min-width: 320px) and (max-width: 360px) {
.jumbotron .container{background-size:50%}
	.jumbotron div.container h2{left: 46%;width: 153px;text-align: left;top: 0; font-size: 17px;text-align:center}
	section.jumbotron .container h2::after{bottom: 0;height: 2px;width: 100%;}
}

@media screen and (min-width: 360px) and (max-width: 420px) {
	.jumbotron .container{background-size:45%}
	.jumbotron div.container h2{left: 50%;width: 153px;text-align: left;top: 0; font-size: 17px;text-align:center}
	section.jumbotron .container h2::after{bottom: 0;height: 2px;width: 100%;}
}

@media screen and (min-width: 375px) and (max-width: 414px) {
	.carousel-indicators{top:70px;bottom:0px;} 
	.carousel-indicators li{width: 8px;height: 8px;}
	.carousel-indicators .active {width: 10px;height: 10px;}
	ul#panel_servicios li{margin-left: 20%;margin-right: 20%;} 
	ul#panel_servicios li img {width: 190px;}
	form#tlfform{width: 55%;}
}

@media screen and (min-width: 384px) and (max-width: 600px) {
	#reparaciones ul, #nuestrosservicios ol{margin-left: 0; margin-right:10px;}
}

@media screen and (min-width: 432px) and (max-width: 600px)  {
	.jumbotron div.container h2{font-size: 18px;left: 50%;width: 168px;text-align: left;top: 0;text-align:center}
	section.jumbotron .container h2::after{    bottom: -1px;    left: 2%;    height: 3px;    width: 96%;	}
}


@media screen and (min-width: 600px) and (max-width: 720px)  {
	.jumbotron div.container h2{font-size: 18px;left: 23%;width: 430px;text-align: left;top: 0;text-align:center}
	section.jumbotron .container h2::after{    bottom: -1px;    left: 2%;    height: 3px;    width: 96%;	}
}

@media screen and (min-width: 720px) and (max-width: 768px)  {
	.jumbotron div.container h2{font-size: 18px;left: 23%;width: 430px;text-align: left;top: 0;text-align:center}
	section.jumbotron .container h2::after{    bottom: -1px;    left: 2%;    height: 3px;    width: 96%;	}
}

@media screen and (min-width: 414px) and (max-width: 736px)  {
	.post .thumb {
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}
	div#tlf{clear:both}
}

@media (min-width: 568px){ 
	.nav-pills li{		float: left;		margin: 0;}
}

@media (max-width: 568px){
	button#alterna{margin-left: 15px;}
	#tlfform .form-group{float: left;}
	button.enviar{margin-left: 2px; margin-top: 2px;}
}

@media screen and (min-width: 568px) and (max-width: 568px){ 
	ul#panel_servicios li img {width: 244px}
	form#tlfform{width: 70%}
}

@media screen and (min-width: 568px) and (max-width: 600px) {
	.carousel-indicators{top:115px;bottom:0px} 
	.carousel-indicators li{width: 10px;height: 10px}
	.carousel-indicators .active {width: 12px;height: 12px}
	.jumbotron div.container h2{left: 131px;width: auto;text-align: left;top: 0; font-size: 19px}
	section.jumbotron .container h2::after{bottom: 0;height: 2px;width: 74%}
}

@media screen and (min-width: 600px) and (max-width: 600px){ 
	ul#panel_servicios li{margin-left: 6%;}
}

@media screen and (min-width: 600px) and (max-width: 768px){
	form#tlfform{float: left;margin-left: 5px;width: 35%;}
	button.enviar {margin-top: 2px;margin-left: 2px;}
	form#tlfform div.form-group {float: left;}
}

@media (max-width: 667px){ 
	img#cuadro{display:none}
}

@media screen and (min-width: 667px) and (max-width: 736px) {
	#reparaciones ul, #nuestrosservicios ol{margin-left: 0; margin-right:90px;}
}

@media screen and (min-width: 667px) and (max-width: 667px) {
	.carousel-indicators{top:140px;bottom:0px;} 
	.carousel-indicators li{width: 10px;height: 10px;}
	.carousel-indicators .active {width: 12px;height: 12px;}
	ul#panel_servicios li{margin-left: 9%;}
}

@media screen and (min-width: 736px) and (max-width: 736px){ 
	ul#panel_servicios li{margin-left: 11%;}
}

@media (max-width: 768px){ 
	#porteros #fotos{float:none;margin-left: auto;margin-right: auto;}
	#porteros #portero1, #porteros #portero2{float:none;}
	img#portero1,img#portero2{margin-right: auto;margin-left: auto;float:none;}	
}

@media screen and (min-width: 768px) and (max-width: 768px){ 
	ul#panel_servicios li{margin-left: 12%;}
	#reparaciones ul, #nuestrosservicios ol{margin-left: 90px; margin-right:100px;}
}

@media (max-width:800px) { 
	div.servi{display:block}
}

@media screen and (min-width: 736px) and (max-width: 768px) {
	.carousel-indicators{top:156px;bottom:0px;} 
	.carousel-indicators li{width: 10px;height: 10px;}
	.carousel-indicators .active {width: 12px;height: 12px;}
}

@media screen and (min-width: 1024px){ 
	.carousel-indicators{top:210px;bottom:0px;} 
	.carousel-indicators li{width: 10px;height: 10px;}
	.carousel-indicators .active {width: 12px;height: 12px;}
	#reparaciones ul, #nuestrosservicios ol{margin-left: 90px; margin-right:236px;}
}

@media screen and (min-width: 768px){ 
	.nav-pills li{float: left;margin: 0;}
	.jumbotron div.container h2{left: 19%;text-align: left;top: 0;font-family: 'Yanone Kaffeesatz';font-size: 30px;margin-top: 15px;font-weight: bold;text-transform: uppercase;padding-bottom: 3px;width: 91%}
	section.jumbotron .container h2::after{bottom: 2px;left: 0;height: 3px;width: 70%}
}

@media (max-width: 992px){ 
	div#tlf{clear:both}
}