/*!modern-normalize v0.6.0 | MIT License | https://github.com/sindresorhus/modern-normalize*/*,*::before,*::after{box-sizing:border-box}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji}hr{height:0}

div.header {width:100%;height: 288px;margin: 0 0 auto 0;padding: 0;background:transparent url(logo.png) repeat-x 50% 0;}
.relative { position:relative;}
div.topNav {position:fixed;top:102px;border-bottom:;height:50px;
    background-color:#fff; /*color baarra centro*/
    z-index: 2500;}
div.backHome {height: 46px;}h1one
div.backHome a {
    text-align:center;
    line-height:46px;
    color:333#;
    font-weight:normal;
    padding:0 5px;
}
div.nav a {
    line-height: 50px;
    margin: 0 3%;
    font-size: 18px;                  /*font-size barra center*/
    font-weight: 500;
	color: #333;
    display: inline-block;
}
div.nav a:hover,
div.nav a.selected {
    color: gray;
}
ul.mobileMenu li a.selected,
ul.mobileMenu li a:hover {
    background-color: #1ABC9C;
    color: #FFF;
    font-weight: 500;
}
.pastille {
    font-size: 11px;
    line-height: 14px;
    background: #46bb00;
    border-radius: 2px;
    color: #FFF;
    position: absolute;
    text-align: center;
    padding: 3px 5px;
    font-weight: 400;
    top: 25px;
    right: -40px;
}
div.hosting-offers {
    margin-top: 30px;
    position: relative;
    background-color: #F9F9F9;
    border: solid 1px #EFEFEF;
    padding: 5px 10px;
    -webkit-box-shadow: inset 0 0 0 1px #FFFFFF;
    -moz-box-shadow: inset 0 0 0 1px #FFFFFF;
    box-shadow: inset 0 0 0 1px #FFFFFF;
    -webkit-transition: all 0.20s linear;
    -o-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
    -ms-transition: all 0.20s linear;
    -kthtml-transition: all 0.20s linear;
    transition: all 0.20s linear;
}
div.hosting-offers.important {
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
div.hosting-offers h2 {
    font-size: 24px;
    color: #3C3C3C;
    text-shadow: 1px 1px 0 #BFBFBF;
}
div.hosting-offers:hover {
    background-color: #F1F1F1;
    border-color: #DEDEDE;
}
div.hosting-offers table th,
div.hosting-offers table td {
    border: solid 1px #F9F9F9;
    border-collapse: collapse;
    padding: 5px;
    text-shadow: 1px 0 0 #FFF;
}
div.hosting-offers table th {
    background-color: #E4EDF2;
    text-align: left;
    color: #8C8C8C;
    font-size: 12px;
    font-weight: normal;
}

div.hosting-offers table th a,
div.hosting-offers table th span {
    font-size: 12px;
    font-weight: normal;
    color: #8C8C8C;
}
div.hosting-offers table th a:hover,
div.hosting-offers table th a:active {
    text-decoration: none;
}
div.hosting-offers table td {
    text-align: right;
    color: #3C3C3C;
    font-size: 12px;
    background-color: #DBE8EE;
}
div.hosting-offers a.btn {
    background-color: #0068B1;
    width: 50%;
    margin: 0 auto;
}
a.btn.normal:hover {
    font-weight: 800;
}
div.hosting-offers.services {
    padding: 5px;
    margin-top: 10px;
    background-color: #FFF;
}
div.hosting-offers.services p {
    font-size: 16px;
    font-weight: 400;
}

div.hosting-offers.services span {
    color: #828282;
    font-size: 12px;
}

div.hosting-offers.services span.option {
    color: #D40000;
    font-weight: normal;
    font-size: 12px;
    margin-left: 5px;
}
div.hosting-offers.mutu {
    margin: 10px 0 0 0;
    border: none;
    padding: 5px 0 5px 6px;
    background: #36A2C3;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.9;
    /*-webkit-box-shadow: -1px -1px 0px rgba(255, 255, 255, 1) inset, 1px 1px 0px rgba(255, 255, 255, 1) inset, 0 1px 4px rgba(30, 115, 143, 0.1), 20px 30px 50px rgba(43, 141, 172, 1) inset;
    -moz-box-shadow: -1px -1px 0px rgba(255, 255, 255, 1) inset, 1px 1px 0px rgba(255, 255, 255, 1) inset, 0 1px 4px rgba(30, 115, 143, 0.1), 20px 30px 50px rgba(43, 141, 172, 1) inset;
    box-shadow: -1px -1px 0px rgba(255, 255, 255, 1) inset, 1px 1px 0px rgba(255, 255, 255, 1) inset, 0 1px 4px rgba(30, 115, 143, 0.1), 20px 30px 50px rgba(43, 141, 172, 1) inset;*/

    -webkit-box-shadow: inset 0px 0px 50px 15px rgba(34, 114, 142, 0.75);
    -moz-box-shadow:    inset 0px 0px 50px 15px rgba(34, 114, 142, 0.75);
    box-shadow:         inset 0px 0px 50px 15px rgba(34, 114, 142, 0.75);
}
div.hosting-offers.mutu:hover {
    opacity: 1;
}
div.hosting-offers.services img {
    opacity: 0.6;
    -webkit-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -ms-transition: all 0.35s linear;
    -kthtml-transition: all 0.35s linear;
    transition: all 0.35s linear;
}

div.hosting-offers.services:hover img {
    opacity: 1;
}

.guides-group {
    width: 47%;
    padding: 12px 8px;
    border-radius: 2px;
}

.guides-group:hover {
    background-color: #F7F7F7;
    box-shadow: inset 0 0 1px 0 #000;
    -o-box-shadow: inset 0 0 1px 0 #000;
    -moz-box-shadow: inset 0 0 1px 0 #000;
    -webkit-box-shadow: inset 0 0 1px 0 #000;
}
.guidesLnk {
    margin: 5px 0;
    line-height: 26px;
    font-size: 14px;
    display: block;
    padding: 0 2px 0 1px;
}

.guidesLnk:hover {
    background-color: #CEDAEB;
    text-shadow: #FFF 0 -1px 0;
}

.guidesQuestion {
    color: #828282;
}

.guidesQuestion .arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 5px solid #828282;
    margin: 5px 5px 0 5px;
}

.guidesQuestion:hover,
.guidesQuestion.open {
    color: #3C3C3C;
    cursor: pointer;
}

.guidesQuestion.open .arrow {
    border-top: 5px solid #3C3C3C;
    border-left: 5px solid transparent;
    margin: 0 10px -3px 0;
}

.guidesAnswer .guidesLnk {
    margin-left: 20px;
}

div.hosting .faqQuestion {
    cursor: pointer;
    font-size: 14px;
    background-color: #F7F7F7;
    color: #7D7D7D;
    border: 1px solid #EFF2F9;
    padding: 5px;
    width: 98%;
    font-weight: normal;
}

div.hosting .arrow-right,
div.hosting .faqQuestion .arrow-right {
    border-bottom: 4px solid transparent;
    border-left: 4px solid #7D7D7D;
    border-top: 4px solid transparent;
    float: left;
    height: 0;
    margin: 8px 10px 0 0;
    width: 0;
}
.section-text{margin:0px auto;width:80%;background:white;}
div.hosting .faqQuestion:hover,
div.hosting .faqQuestion.open {
    background-color: #F1F1F1;
    border-color: #D2D2D2;
    color: #3C3C3C;
}

div.hosting .faqQuestion:hover .arrow-right {
        border-left: 4px solid #3C3C3C;
}

div.hosting .faqQuestion.open .arrow-right {
    border-left: 4px solid #3C3C3C;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

div.hosting .faqAnswer {
    width: 95%;
    margin: 10px auto 0 auto;
    font-size: 14px;
    line-height: 20px;
}



div.hosting .subMenu a {
    color: black;
    text-decoration: none;
    font-size: 22px;
    line-height: 45px;
    display: block;
}

div#helpToggler {
    width: 100%;
    background-color: #f5f5f5;
    height: 22px;
    /*margin: 12px 30px 0 10%;*/
    margin: 0 10px 0 0;
    border: 0 none;
    cursor: pointer;
    border-radius: 3px;
    border: solid 1px #000;
}

div#helpToggler .arrow {
    width: 0;
    height: 0;
    border: 8px solid #59AA99;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    cursor: pointer;
    margin: 7px 0 0 5px;
}

div#helpToggler.open {
    background-color: lime;
}

div#helpToggler.open .arrow {
    border-bottom-color: #59AA99;
    border-top-color: transparent;
    margin-top: -1px;
}

div#helpTab {
    display: block;
    position: absolute;
    right: 10px;
    top: 35px;
    width: 340px;
    z-index: 10000;
    border-radius: 2px;
}

div#helpTab a {
    font-size: 12px;
    line-height: 20px;
}

div#helpTab hr {
    margin: 10px auto;
}

div#helpTab p.contactUs {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    text-indent: 10px;
    color: #59AA99;
}

div#helpTab a:hover {
    text-shadow: 1px 1px #FFF;
    text-decoration: underline;
}

div#popup {
    background-color: #FFF;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 40px -10px #3C3C3C, inset 0 0 1px 1px #FFF;
    -moz-box-shadow: 0px 0px 40px -10px #3C3C3C, inset 0 0 1px 1px #FFF;
    -o-box-shadow: 0px 0px 40px -10px #3C3C3C, inset 0 0 1px 1px #FFF;
    box-shadow: 0px 0px 40px -10px #3C3C3C, inset 0 0 1px 1px #FFF;
    border: 1px solid #C3C3C3;
    padding: 10px 0;
}

div.included-services a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

div.included-services a p.main {
    display: inline-block;
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
}

div.included-services a p.info {
    font-size: 12px;
    font-weight: 600;
}

div.included-services a:hover p {
    color: #59AA99;
}

div.contentManager h2 {
    font-weight: 400;
}
div.contentManager span {
    font-size: 14px;
    line-height: 20px
}
.circ-cocina img{width:49.5%;paddind:100px;}
.circ-content{margin:0px auto;width:100%;display:flex;justify-content:center;align-content:center;}
/* First image (Logo. Full height) */
.bgimg-33 {
    background-image: url('reformas-valencia-portada.jpeg');
    min-height: 500px;
	margin-top: 16px;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


hr { 
  width:90%;
  display: block;
  margin-top: 0.5em;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
  transition:2s linear;
} 
.conteiner10{width:100%;height: auto;overflow:hidden;position:relative;bottom:0px;left:0px;animation-duration: 9s; animation-name:ejemplo1;
  animation-iteration-count: infinite;}
 .content11{
  width:100%;height:97%;position:absolute;bottom:0px;left:0px;transition:3s linear;
  animation-name:ejemplo;
  animation-duration: 9s;
   background: rgba(0, 0, 0, 0.6);
  animation-iteration-count:;
}

@keyframes ejemplo{
  100%{height:96%;  animation-duration: 1s;}
}
/*
@keyframes ejemplo1{
  100%   {-webkit-transform:scale(1.1);transform:scale(1.1);animation-duration: 9s;}
}
*/
.conteiner10{width:100%;height: auto;overflow:hidden;position:relative;bottom:0px;left:0px;transition:2s;}
 .content11{width:100%;height:36%;position:absolute;bottom:0px;left:0px;linearanimation-duration: 4s;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.4); /* Black background with 0.8 opacity */
  color: #f1f1f1;
  text-align:center;h1
}
.content11 img {vertical-align: middle;  transition: 2s linear;background: rgba(0, 0, 0, 0.4);}

 .content11:hover{ background: rgba(0, 0, 0, 0.7);transition:3s;height:95%;}
  .butcolor{font-size:1.5em;color:white;background:#151515;padding:15px 25px;border:none;border-radius:10px;opacity:0.5;margin-top:30px;}
 .h1one{color:#f5f5f5;font-size:45px; padding:40px;line-height:110%;}
@media screen and (max-width: 600px){
	.contentspa{display:none;}
    .pastille {
        display: none
    }
    div.nav {
        width: 100%;
    }
    div.hosting div.mainMenu ul.mobileMenu {
        margin-top: 0px;
    }
	div.full section1.fs100 fw300 {
		font-size: 10px;
	}
	.contacto{
	border: 1px solid #CED5D7;
	border-radius: 4px;
	padding: 25px 25px 10px;
	margin-top: 30px;
	background-color: white;
	box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset;
}
	.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	width: 90%;
	border: 1px solid gray;
	resize: none;
	box-shadow:0 0 0 3px #EEF5F7;
	margin: 2px 0;
}
div.input{
	width:70%;
}

.baulconit{
	width: 100%;
}
.isquierda{
	width: 95%;
}
.derecha{
	width: 95%;
	margin-top: 10px;
	float:left;
	
}
#.nmSection5 center{
	display: none;
}

/*Estilos Base*/
.contenedor-img .mascara,.contenedor-img .contenido {
width: 90%;
height: 220px;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}

 .conteiner10  img{
    min-height: 300px;
	margin-top: 10px;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}
.h1one{font-size: 2.5rem; padding:15px;line-height:100%;}
.conteiner10{width:100%;height:auto;}
 .content11{width:100%;height:37%;}
 button{margin-top:10px;padding:15px;font-size:1.5em;}
div.Fright{
	width: 100%;
}
div.topNav {
            /*color baarra centro*/
    height: 10px;
 
}
img.sombra{
   width: 95%;
   margin:7px;
 }
 img.sombra1{
   width: 95%;
   margin: 8px;
  
 }
 img.imagesg{width: 95%;	margin: 7px;	
}
 .content11{width:100%;height:60%;}
 .h1one{padding:20px;}
 @keyframes ejemplo{
  100%{height:100%;  animation-duration: 1s;}
}
}
@media only screen and (max-width: 900px){
	.h1one{line-height:100%;}
}
h3, h4{
	 color: #333;
  font-weight: lighter;
  font-size: 29px;
  line-height: 200%;	
  font-family: Arial;
  text-transform: lowercase;
}

p, ul li{
font-size: 1.7em;
color: #2a2a2a;
line-height: 190%;	
font-weight: 100;
}

a{
	text-decoration: none;
	color: dodgerblue;
}
 strong{
	font-size: 1.1em;
	color: black;
}
a{
	color: 	color: dodgerblue;
	font-size: 1.1em;

}

.imagesg{
	
	width: 30%; height: auto;
	margin: 15px;
	 /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ 

}
.imghoverva{width:28%;margin-top:40px;border-radius:5px;}
.icon-shield{margin-top:40px;}
div.circle{
	width: 100%;
	background: white;
}
div.colors{
	width: 100%;
	padding: 0px;
	background:black;
}
.bord{
	margin:8px;
	width:22.8%;
	height: auto;
	border:1px solid silver;
	
}
article{
	width: 100%;
	background:transparent;
}
.p{
	color: #333;
	padding: 10px;
	text-align: center;
	background:;	
}
  
  .wrapper1{
	width:100%;
	height: 200px;
	background: silver;
  }
  
  .sombra{  
   margin: 15px;
   background-color: white;
    background: rgba(0, 0, 0, 0.5);
 }
 .sombra:hover{opacity: 0.75;transition: all 0.4s;box-shadow:none;}
  .sombra1{
	 width: 44.5%; 
   margin: 25px;
   background-color: white;
 /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
 }
 .contentspa{
	 position:relative;
	 float:left;
	 margin-top: 95px;
	 margin-left: 30px;
	 background: black;
	 width: 40%;
	 border-top: 4px solid #124E63;	 
	 opacity: 0.60; 
 }
 .ache{
	 font-size: 25px;
	 color: white;
	 margin-left: 45px;
	 line-height: 130%;
 }
 .ache{
	text-transform: uppercase; 
 }
 .pes{ 
	 margin-left: 45px;
	 font-size: 17px; 
	 color: white;
 }
 .buts{
	 background: #333;
	 color: white;
	 font-size: 21px;
	 padding: 15px;
	 margin: 45px;
	 cursor: pointer;
	 width: 60%;
	 border-radius: 2px;
	 border: none;
 }
.portacon{
	margin-top:60px;
	margin-right: 17px;
	width: 27%;
	background:#000;
	opacity: 0.75;
	float: right;	
}
 img.portimg{width: 40%;margin:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
img.imgportada{
	width: 31%;
	margin: 10px;
}
.imgportada:hover{
opacity: 0.75;
transition: 0.4s linear;	
}
@media screen and (max-width: 700px){
	img.imgportada{width: 30.2%;margin:4px;}
	.bord{
	margin:8px;
	width:44%;
	height: auto;	
}

}


.column {
  float: left;
  width: 24.7%;
  margin-bottom: 16px;
  padding: 0 5px;
}
@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
  }
  .circ-content{width:100%;display:flex;flex-direction:column;}

}
.container7 {
  padding: 0 16px;
}
.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}
.title {
  color: grey;
}
.button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color:black;
  text-align: center;
  cursor: pointer;
  width: 100%;
}
.button:hover {
  background-color: #555;
}
/*restyleelegance*/
.column9 {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 10px;
}
@media screen and (max-width: 650px) {
  .column9 {
    width: 100%;
    display: block;
  }
}

.container7 {
  padding: 0 16px;
}
.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}
.title {
  color: grey;
}
.button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color:black;
  text-align: center;
  cursor: pointer;
  width: 100%;
}
.button:hover {
  background-color: #555;
}
/*finix restyleelegance*/

ul{list-style:none;}
.cajacont1{width: 100%;height:auto; margin:0px auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;}
.container{
  position: relative;
  max-width: 306px;
  margin-top: 10px;
  overflow:hidden;
  margin:10px;
}
.container img {vertical-align: middle;  transition: 1s linear;}
 .content{
  position: absolute;
  bottom: 0px;
  background: rgb(0, 0, 0.5); /* Fallback color */
  background: rgba(0, 0, 0, 0.2); /* Black background with 0.5 opacity */
  width: 100%;
  height:100%;
  padding: 20px;
  transition: 2s linear;
}
.container9{
	background:gray;
  position: relative;
  max-width: 1300px;
  margin-top: 10px;
  overflow:hidden;
  margin:6px;
}
.butgaleri{margin:10px;background:black;color:white;border:none;padding:15px;font-size:1.7em;opacity: 0.7;text-align:center;}
.container9 img {width:100%;vertical-align: middle;  transition: 1s linear;}
 .content55{
  position: absolute;
  bottom: 0px;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.3); /* Black background with 0.5 opacity */
  width: 99.7%;
  height:37%;
  padding: 20px;
  transition: 2s linear;
}
 .perla{color:white;font-size:30px;font-family:Courier New;}
 hr{color:red;font-size:3px;}
 .container9:hover img{-webkit-transform:scale(1.2);transform:scale(1.2);transition: 2s;}
  .content55:hover{height:100%;}
 hr{color:white;font-size:3px solid;}
 .container:hover img{-webkit-transform:scale(1.2);transform:scale(1.2);transition: 2s;}
  .content:hover{height:100%;background: rgba(0, 0, 0, 0.5);}
@media screen and (max-width: 600px){
.perla{font-size:28px;}
.content55{width:100%;}
.container{width:100%;}
.butgaleri{width:60%;margin:10px;background:black;color:white;border:none;padding:12px;font-size:1.7em;}
}
.conten-malla{width:100%;height:auot;background:#f5f5f5;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
display:flex;flex-direction:row;flex-wrap:wrap;}
.malla-text{width:44%;padding:10px;}
.malla-img{width:56%;}
.malla-img img{width:100%;padding:10px;}
@media screen and (max-width: 650px){
	.malla-text, .malla-img{width:100%;}
	.contentdist{display:flex;justify-content:center;flex-direction:column;}
	.Fright{margin:15px auto;}
	.circ-content .container-descripcion-blog{width:100%;}
}
.contacto{
	border: 1px solid #CED5D7;
	border-radius: 6px;
	padding: 45px 45px 20px;
	margin-top: 50px;
	background-color: white;
	box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset;
}
.contacto label{
	display: block; 
	font-weight: bold;
}
.contacto div{
	margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	width: 294px;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 3px #EEF5F7;
	margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
	box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='text'].invalido, .contacto textarea.invalido{
	box-shadow:0 0 0 3px #FFC9C9;
}
.contacto input[type='submit']{
	border: 1px solid #CED5D7;
	box-shadow:0 0 0 3px #EEF5F7;
	padding: 8px 16px;
	border-radius: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	
	background: #e4f1f6; 
	background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:hover{
	background: #edfcff; 
	background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:active{
	background: #cfe6ef; 
	background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}
.error{
    background-color: #BC1010;
    border-radius: 4px 4px 4px 4px;
    color: white;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 6px;
    padding: 6px 12px;
    position: absolute;
}
.error:before{
    border-color: transparent #BC1010 transparent transparent;
    border-style: solid;
    border-width: 6px 8px;
    content: "";
    display: block;
    height: 0;
    left: -16px;
    position: absolute;
    top: 8px;
    width: 0;
}
.result_fail{
    background: none repeat scroll 0 0 #BC1010;
    border-radius: 20px 20px 20px 20px;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}
.result_ok{
    background: none repeat scroll 0 0 #1EA700;
    border-radius: 20px 20px 20px 20px;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}

.container-descripcion-blog{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	width:60%;
	background:#f8f8f8;
      overflow:hidden;	
}
.container-descripcion-blog h3{color:#222;padding:10px;}
.container-descripcion-blog p{padding:10px; margin:0px;}

.contentdist{margin:10px auto;display:flex;justify-content:space-around;}
.Fright a{background:#f6f6f6;padding:10px;color:#222;font-size:20px;}
.title-blog h3{text-align:center;background:#f9f9f9;color:#333;font-family:Open Sans;font-weight:normal;font-size:30px;margin-bottom:40px;margin-top:40px;padding:10px;}

div.reformas-valencia-whatsapp{display:flex;justify-content:center;position:fixed;top:90%;z-index:5;}

/*VENTANA MODAL*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.texto{
  margin: 30px  auto;
  width: 80%;
}

.texto p, h1{
  margin-bottom: 30px;
}

.texto p{
  font-size: 20px;
}

.btn-abrir{
 background: #0063a5;
 color: white;
 padding:10px;
 border:none;
 display:inline-block;
 cursor:pointer;
}

.pop-up{
	width:100%;
	background: rgba(48, 48, 48, 0.7);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	rigth: 0;
	display:flex;
	justify-content:center;
    align-items: center;
	visibility:hidden;
}
.pop-up a{color:white;text-decoration:none;background:teal;padding:8px;border-radius:2px;}
.pop-up-wrap{
	display:flex;
	align-items:center;
	width:90%;
	max-width: 950px;
	transform: scale(0.6);
	opacity:0;
	transition: .3s ease all;
}
.pop-up-title{
	background:  rgba(17, 17, 13, 0.75);
	opacity:0.9;
	flex-basis: 0;
	flex-grow:1.5;
	height: 460px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	 background:#151515;
	  background-size: cover;
	 background-repeat: no-repeat;
}
.pop-up-title, h2 {color:#f5f5f5; font-size:25px;}
.pop-up-title  p{color:white; font-size:20px;line-height: 150%;}

.subcription{
	background: #f9f9f9;
	flex-basis: 0;
	flex-grow: 2;
	height:500px;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	align-items:center;
	align-content:center;
	position:relative;
}
.subcription img{width:24.3%;border-radius:62px;border:1px solid #333;}
#close{position:absolute;color:silver;background:#333;padding:5px 8px;border-radius:4px;border:0px;right:10px;top:30px;cursor:pointer; font-size:15px;letter-spacing:2px;}
.line{width:100%;background:black;height:20px;}
.iconos-modal{display:flex;justify-content:center;}
.iconos-modal  li  a.icon-facebook{background:blue;}
.iconos-modal  li  a.icon-twitter{background:#46A0BC;}
.iconos-modal  li  a.icon-youtube{background:red;}
.iconos-modal a{
	     margin: 3px;
		display: inline-block;
		color: #fff;
		font-size: 20px;
		padding: 13px 22px;
		text-decoration: none;
}
.iconos-modal li {list-style:none;}
.pop-up.show{
	visibility: visible;
	
}
.pop-up-wrap.show{
	transform: scale(1);
	opacity:1;
}
.reformas-valencia-contactos{box-sizing:border-box; width: 90%;margin:0px auto;display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:30px;margin-top:30px;}
.reformas-valencia-contacto-location{width: 250px;margin:5px;text-align:center;box-shadow: 2px 2px 9px 5px rgba(44, 62, 80, 0.2);}
.reformas-valencia-contacto-location li{list-style:none;padding:25px;cursor:pointer;}
.reformas-valencia-contacto-location span{font-size: 50px;margin:10px;padding:15px;border-radius:50px;border:2px solid #2c3e50;color:#2c3e50;}

.quienes-somos-reformas-valencia{background:#333;padding:5em;margin-top:50px;margin-bottom:50px;}

.mision-vision-reformas-valencia{width:100%;background:#f5f5f5;padding:100px;display:flex;flex-wrap:wrap;}
.mision-vision{width:48%;background:#f5f5f5;border:1px solid silver;padding:10px;margin:10px;border-radius:2px;}

@media only screen and (max-width: 600px) {
.pop-up-title{display:none;}
.mision-vision-reformas-valencia{width:100%;background:#f5f5f5;padding:10px;display:flex;flex-wrap:wrap;}
.mision-vision{border:none;width:99%;}
}







