/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2/08/2016, 10:55:37 AM
    Author     : D1
*/

.owl-carousel {
  /* display: none; */
  /* position: relative; */
  width: 100%;
  height: 600px;
}
#owl-hero .item .caption {
  position: absolute;
  top: 40%;
  margin-top: -104px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 15;
}

.related .rel-post{
  margin-bottom: 30px;
  border: 1px solid#F5F5F5;
  width: 100%;
  background: transparent;
}
.rel-post .caption{
  padding: 15px;
}
.related .rel-post .caption p{
  font-style: italic;
  font-size: 12px;
  margin-top: 0px;
  color: #888;
}
.related .rel-post img{
  width: 100%;
  height: 175px;
}
.rel-post{
  text-align: center;
}

#testimonials .owl-carousel{
  display: none; 
  /* position: relative; */
  width: 100%;
  height: auto;

}

/* ==========================================================================
Testimonials Style
========================================================================== */
#testimonials {
  /*  background-image: url("../img/testimonials/Testimonials.jpg");*/
  background-image: url("../../img/servicios/apartados/fibra-optica.jpg");
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 60px 0;
  text-align: center;
}
/* PRicing TAble Features
================================== */
.pricing_overlay{
  position: relative;
}
.pricing_overlay:before{
  content:"";
  background: rgba(0,0,0,.1);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

.dark_bg {
  position: relative;
}
.plan{
  font-weight: 700!important;
}
.price{
  font-weight: 500!important;
}

.single_table {
  background: #FFFFFF;
  float: left;
  -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.3);
  width: 372px;
  margin: 50px auto;
  position: relative;
}
.single_table ul li {
  padding: 15px 30px;
  border-bottom: 1px solid #e6e6e6;
  color: #434343;
  font-size: 18px;
}
.single_table ul li:first-child,
.single_table ul li:last-child {
  border-bottom: 0px;
}

.single_table ul li.plan {
  color: #fff;
  font-size: 25px;
  padding: 25px 0px;
}
.single_table ul li.plan span {
  font-size: 14px;
}
.single_table ul li.price {
  font-size: 50px;
  font-family: "Raleway";
  padding: 35px 0px;
}
.single_table ul li.price span{font-size: 30px;}

.single_table ul li.price_button .btn-default {
  background: #444444;
  border-radius: 0px;
  color: #fff;
  padding: 10px 18px;
}

/* Grey Bg */
.grey_bg {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 2;
}
.grey_bg ul li.plan {
  padding: 45px 0px !important;
}

.grey_bg .btn-slide{
  color: #fff;
}

/* Black Bg */
.dark_bg ul li.plan {
  color: #fff;
  font-size: 25px;
  padding: 25px 0px;
}

.single_table ul li.plan {
  position: relative;
  z-index: 1;
}
.single_table .plan_wraper{
  content: "";
  height: 70px;
  left: 40%;
  position: absolute;
  top: 40px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 70px;
  z-index: 1;
  overflow:hidden;
}
.grey_bg .plan_wraper{
  content: "";
  height: 70px;
  left: 40%;
  position: absolute;
  top: 75px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 70px;
  z-index: 1;
  overflow:hidden;
}
.dark_bg .plan_wraper{
  content: "";
  height: 70px;
  left: 41%;
  top: 38px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 70px;
  z-index: 1;
  overflow:hidden;
  position: absolute;
}

.price_button .btn-main{
  margin: 0px!important;
}
#img-center
{
  margin-top: 15%;
}
span{
  color: #31708F;

}
.subtitulo{
  color: #31708F;
  text-align: center;
}
#img-align{
  padding-left: 40%;
}
#img-align-social{
  padding-left: 25%;
  padding-top: 10%;
}
.single-post{
  float: left;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #DDD;
  width: 100%;
}
.single-post img{
  height: 150px;
  width: auto;
  display: block;
  margin-bottom: 15px;
}

/*Menu lateral*/
.menu-web{
  text-align: center;
  padding-top: 50%;
}

.menu-software{
  text-align: center;
  padding-top: 55%;
}
.menu-soporte{
  text-align: center;
  padding-top: 55%;
}
.menu-marketing{
  text-align: center;
  padding-top: 55%;
}
.menu-tienda{
  text-align: center;
  padding-top: 40%;
}
.titulo-servicios{
  text-align: center;
  padding-left: 10%;
  padding-top: 10%;
}
.menu-redes{
  text-align: center;
    padding-top: 55%;
}
#contenedor-servicios{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#35a082+34,2a7a77+57,2b586d+87,2b586d+87,28466a+100 */
  background: #35a082; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #35a082 34%, #2a7a77 57%, #2b586d 87%, #2b586d 87%, #28466a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #35a082 34%,#2a7a77 57%,#2b586d 87%,#2b586d 87%,#28466a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #35a082 34%,#2a7a77 57%,#2b586d 87%,#2b586d 87%,#28466a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35a082', endColorstr='#28466a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}