@charset "utf-8";
/* CSS Document */

/*cookies */
#barracookies {
  display: none;
  z-index: 99999;
  position:fixed;
  left:0px;
  right:0px;
  bottom:0px;
  width:100%;
  min-height:40px;
  padding:5px;
  background: #333333;
  color:#d7c712;
  line-height:20px;
  font-family:verdana;
  font-size:12px;
  text-align:center;
  box-sizing:border-box;
  }
 
   #barracookies a {
    color: #fff;
    text-decoration: none;
  }

/*fin cookies */

/*efecto enlace */
/* Effect 20: 3D side */
.cl-effect-20 a {
  line-height: 2em;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  perspective: 800px;
}

.cl-effect-20 a span {
  position: relative;
  display: inline-block;
  padding: 3px 15px 0;
  background: #587285;
  box-shadow: inset 0 3px #2f4351;
  -webkit-transition: background 0.6s;
  -moz-transition: background 0.6s;
  transition: background 0.6s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.cl-effect-20 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #2f4351;
  content: attr(data-hover);
  -webkit-transform: rotateX(270deg);
  -moz-transform: rotateX(270deg);
  transform: rotateX(270deg);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
}

.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
  background: #2f4351;
}

.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
  -webkit-transform: rotateX(10deg);  
  -moz-transform: rotateX(10deg);
  transform: rotateX(10deg);
}

/*fin efecto enlace */

/*animated services */

#features {
   margin-top:0px;
}
.feature, .feature i, .feature h3, .feature .title_border {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;    
}
.feature {
     background:rgb(230, 234, 238); 
    /* background: #ffffff; */
    text-align:center;
    padding:20px;
    /* border: solid 1px #cccccc; */
}
.feature p {
    margin-top:20px;   
    margin-bottom:30px;   
}
.feature i{
    font-size:80px;
    color:#FFFFFF;
    background:#1E825F;
    padding:30px;
    border-radius:50%;
    border: solid 3px #1E825F;
}
.feature h3 {
    color:#000;  
}

.feature h2 {
    color:#000;  
}

.feature h2 a {
  text-decoration: none;
  color:rgb(30, 29, 53);
}

.feature:hover {
    background:#cccccc;
   
}
.feature:hover i{
    color:#1E825F;
    border-color:#1E825F;
    background:#FFFFFF;
}
.feature:hover .title_border {
    background-color:#770D73;
    width:50%;
}
.feature .title_border {
    width: 0%;
    height: 3px;
    background:#1E825F;
    margin: 0 auto;
    margin-top: 12px;
    margin-bottom: 8px;
}

/*end animated services */


#owl-fotos .item{
  margin: 3px;
}
#owl-fotos .item img{
  display: block;
  width: 100%;
  height: auto;
}

.navbar-default .navbar-toggle {
     border-color: transparent; 
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}


.navbar-default {
    background-color: #FFFFFF;
    border-color: #e7e7e7;
    font-size: 12px;
-webkit-box-shadow: 0px 5px 21px 0px rgba(201,191,201,1);
-moz-box-shadow: 0px 5px 21px 0px rgba(201,191,201,1);
box-shadow: 0px 5px 21px 0px rgba(201,191,201,1);
}

.verde {
	background-color: rgb(191,204,42);
}
.gris_clarito {
	background-color: #E5E5E5;
}

.azulclarito {
  background: rgb(222, 231, 241);
}

.fondoverdeclarito {
  background: #dbe8d8 ;
}

.fondoazulclarito {
  background: #4eaac8 ;
}

.letra_gris_clarito {
	color: #E5E5E5;
}
.letra_blanco {
	color: #FFFFFF;
	text-shadow:0 1px 1px rgba(0,0,0,.4)
}

.letra_blanco a{
	color: #FFFFFF;
}

.letra_negro a {
	color: #000000;
}

p {
  font-size: 18px !important;
}

.h3_azul {
  color: rgb(141, 42, 133) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.4) !important;

}

.texto-centrado {
	text-align: center;
}

/*
.fondo1 {
	background-image: url(../img/felicidad.jpg);
}
.fondo2 {
	background-image: url(../img/head-background-green.jpg);
}
.fondo3 {
	background-image: url(../img/1240773_40557098.jpg);
}
.fondo4 {
	background-image: url(../img/banner.png);
	display:block;
}
*/

.fondogris {
	background-color: rgb(125,125,125);
}

.fondonegro
{
background: #E6EAEE;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;

}

.fondonegro a {
    text-decoration: none;
    color:#000;
  }

.img-100 {
  width: 100%
}

.sinmargenizquierdo {
	margin-left: 0px
}
.margenizquierdo20
{
	margin-left: 20px
}
.padding30 {
	padding: 80px;
}
.padding30top {
	padding-top: 40px;
}

.padding30bottom {
  padding-bottom: 30px;
}

.padding15top {
  padding-top: 15px;
}

.padding80top {
	padding-top: 80px;
}



/* h1 { font-family: 'Tangerine', serif; }

/* Sidenav for Docs
-------------------------------------------------- */



.backToTop {
position: fixed;
bottom: 10px;
z-index: 1000;
right: 10px;
visibility: hidden;
}

.backToTop a:hover {
background-color: #9bd9e9;
}

.backToTop a {
width: 50px;
text-indent: -9999px;
height: 50px;
display: block;
border: 0px;
margin: 0;
background: #53a3b7 url(https://www.mariaespinosa.es/img/top.png) no-repeat center center;
border-radius: 50%;
}

.backToTop:active, #backToTop:focus {
  outline: none;
}

.fondoblanco {
  background: #FFF;
}


.lista_pie a {
    text-decoration: none;
    color:#000;
    background-color: #BBCCDD;
  }


.lista_pie a:hover {
text-decoration: none;
background-color: #CCDDEE;
color: #1a84bd;
}


.fondoclarito
{
background: #E6EAEE;
}

.fondoenlacesin a, a:hover, a:active
{
  text-decoration: none;
}


.equipo {
   border-radius: 5px;
  background-color: #fff;
  -moz-box-shadow: 0 0 12px 3px #b0b2ab;
  -webkit-box-shadow: 0 0 12px 3px #b0b2ab;
  box-shadow: 0 0 12px 3px #b0b2ab;
}
.rayaabajo {
	border-bottom: 1px solid #dddddd;
}

.rayaabajoverde {
  border-bottom: 2px solid #1E825F;
}

.icon-grande {
	font-size: 31.5px;
}

/*Carrousel Controls */
.carousel-control.left {
background: none;

}
.carousel-control.right {
  right: 0;
  left: auto;
 background: none;
}


img.redondo {
border: 2px solid grey;
margin: 0;
padding: 0;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
overflow: hidden;
}


@media (min-width: 200px) {
  .navbar-brand {
    font-size: 14px;
  } 
}

@media (min-width: 480px) {
  .navbar-brand {
    font-size: 12px;
  } 
}

@media (min-width: 972px) {
  .navbar-brand {
    font-size: 16px;
  } 
}