@font-face {
font-family: 'Futura Medium';
font-style: normal;
font-weight: normal;
src: local('Futura Medium'), url('../fonts/Futura_Medium_BT.ttf') format('ttf');
}

html,
body {
	margin:0;
	padding:0;
	height:100%;
	/*font-family: 'Muli', sans-serif;*/
	/*background: url("../images/backg.jpg") no-repeat center center fixed; */
	/*background: url("../images/1_Inicio.jpg") no-repeat center top;*/
	/*background: url("../images/1.Inicio_sos.jpg") no-repeat center top;*/

	/*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
}

*{
	/*font-family: sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
}

emp{
font-family: 'Futura Medium';
font-style: normal;
font-weight: normal;
color: #04537E;
}

#wrapper {
	min-height:100%;
	position:relative;
}

header
{
	/*height: 78px;*/
	/*border: 1px solid green;*/
	/*background-color: green;*/
	position: relative;
	z-index: 1;
}

#mtop{
	/*background-color: #7DBE27; default*/
	width: 100%;
	height: 0.5em;
	display: none;
}

/*#index #mtop{*/
#mtop{
	background-color: #04537E;
}

#content {
	/*
	padding-top: 20px;
	padding-bottom:14.0em;   /* most or same height of the footer element */
	*/
	clear: both;
	width: 100%;
	background-color: #FFF;
	position: relative;
	z-index: 1;
}

#content div > div{
	padding: 0 18.7em 0 3.8em;
}

header, footer, nav, div{
	/*opacity: 0.6;*/
}

footer {
	width:100%;
	/*height:54px;*/
	min-height:13.05em;
	/*
	padding-top: 12px;
	padding: 12px 0 4px;*/
	position:absolute;
	bottom:0;
	left:0;
	color: #FFF;
	/*background: #770505 url("../images/bg_footer.png") repeat-x;*/
	text-align: center;
	/*font-size: 0.8em;*/
	background-color: #292A2B;
	z-index: 1;
}

.wrap_page{
	width: 960px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

nav{
	height: 2.3em;
	color: #E7CBB4;
	/*background-color: #57AC2D; default */
	/*overflow: hidden;*/
	/*font-size: 0.8em;*/
	/*margin-top: 1.0em;*/
	text-align: center;
	position: relative;
	z-index: 1;
}

/*#index nav{*/
nav{
	background-color: #04537E;
}

#logo{
	clear: both;
	width: 100%;
	height: 12.3em;
	overflow: hidden;
	position: relative;
	z-index: 1;
	text-align: center;
}

/*#index #logo{*/
#logo {
   background-image: radial-gradient(circle, rgba(4,186,227,1) 0%, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 9%, rgba(4,186,227,1) 100%);
}


#logo img{
	display: block;
	margin: .5em auto 0;
	border: none;
}

#logo h1{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	color: #04537E;
	font-style: italic;
	font-weight: normal;
	font-size: 1.4em;
	margin: 0 0 5px 0;
}

#logo .rot{
  -webkit-transform: rotate(7.5deg);  /* Chrome, Safari 3.1+
     -moz-transform: rotate(7.5deg);  /* Firefox 3.5-15
      -ms-transform: rotate(7.5deg);  /* IE 9
       -o-transform: rotate(7.5deg);  /* Opera 10.50-12.00
          transform: rotate(7.5deg);  /* Firefox 16+, IE 10+, Opera 12.10+*/
}
#logo .star{
	background: url("../images/star.png") no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	display: block;
	position: absolute;
}
#logo .small_one{

	width: 30px;
	height: 30px;
	left: 2.9em;
	top: 5.6em;
}
#logo .small_two{
	width: 30px;
	height: 30px;
	left: 5.0em;
	top: 5.6em;
}
#logo .medium{

	width: 35px;
	height: 35px;
	left: 3.8em;
	top: 5.0em;
}
#logo .big{

	width: 44px;
	height: 44px;
	left: 3.0em;
	top: 1.5em;
}

#logo .wrap_logo{
	display: inline-block;
	position: relative;
	padding: 12px;
	border-radius: 18px;
	padding: 12px;
	margin-top: 5px;
}

#banners{
	clear: both;
	width: 100%;
	height: 20.45em;
	background-color: #FFF9F1;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#info{
	clear: both;
	width: 100%;
	height: 1em;
	background-color: #04537E;
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding-bottom:15.0em;   /* most or same height of the footer element */
}

#info div > div{
	padding-left: 26.4em;
	background: url("../images/green.png") no-repeat 6.0em center;
}

#index #info{
	padding-bottom:0;
}

#index #servicios{
	width: 100%;
	height: 25.45em;
	padding-bottom: 5.0em;
	overflow: hidden;
	text-align: center;

	background: #049EC0;
	background: linear-gradient(to bottom, #049EC0 8.563em,#ffffff 2.563em);

}

#social_bar{
	position: fixed;
	left: 0.6em;
	top: 3.2em;
	width: 32px;
	height: 12.0em;
	/*background-color: ;*/
	z-index: 1000;
}

#social_bar img{
	/*margin-left: 4px;*/
}

a{
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
-ms-transition: 0.8s;
transition: 0.8s;
}

footer img{
	position: absolute;
	left: 80px;
	top: 0;
}

.facebook,.twitter, .email, .linkedin, .googleplus, .pinterest{
	width: 32px;
	height: 32px;
	display: block;
	clear: both;
	margin-bottom: 0.35em;
	border: none;
	background-color: transparent !important;

	/*border: 1px solid #aaa;*/
/*
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background-clip: padding-box;
*/
/*
	-moz-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	box-shadow: 0 0 2px #000;
	*/
	/*margin: 0 2px;*/
}


.facebook:hover{
	background: url("../images/social_buttons_hover.png") no-repeat -2.5px 1px;
}
.facebook{
	background: url("../images/social_buttons.png") no-repeat -2.5px 1px;
}
.twitter:hover{
	background: url("../images/social_buttons_hover.png") no-repeat -2px -33px;
}
.twitter{
	background: url("../images/social_buttons.png") no-repeat -2px -33px;
}
.email:hover{
	background: url("../images/social_buttons_hover.png") no-repeat -2.5px -135px;
}
.email{
	background: url("../images/social_buttons.png") no-repeat -2.5px -135px;
}
.linkedin:hover{
	background: url("../images/social_buttons_hover.png") no-repeat -2px -67px;
}
.linkedin{
	background: url("../images/social_buttons.png") no-repeat -2px -67px;
}
.googleplus:hover{
	background: url("../images/social_buttons_hover.png") no-repeat -2px -101px;
}
.googleplus{
	background: url("../images/social_buttons.png") no-repeat -2px -101px;
}

#social_bar a:hover{
	/*background-color: #FF8502;*/
}

nav ul{
   margin: 0;
   padding: 0.5em 0 0;
   text-shadow: 2px 2px 2px rgba(5, 63, 94,1);
}

nav ul li
{
display: inline;
list-style-type: none;
margin-right: 0px;
}

nav li a{

color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 3px 8px;
margin: 0 8px;
/*
    -webkit-transition: color 300ms ease-out 0.2s;
    -moz-transition: color 300ms ease-out 0.2s;
    -o-transition: color 300ms ease-out 0.2s;
    transition: color 300ms ease-out 0.2s;
    */
/*
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
    */

}

nav li a:hover{
color: #04BAE3;
}

#index .index, #nosotros .nosotros, #servicio .servicio, #porque .porque, #contacto .contacto{
	color: #04BAE3;
}

footer a:link,footer a:visited{
	text-decoration: none;
	color: #FFF;
}

footer a:hover,footer a:active{
	text-decoration: underline;
	color: #04BAE3;
}

#pymeswat a{
  	text-decoration: none;
	/*position: absolute;
	right: 0;
	bottom: 0;
	color: #D8D8D8;
	font-size: 0.9em;
	*/
}
#pymeswat a:link {color:#E7CBB4;}      /* unvisited link */
#pymeswat a:visited {color:#E7CBB4;}  /* visited link */
#pymeswat a:hover {color:#FFF;}  /* mouse over link */
#pymeswat a:active {color:#FFF;}  /* selected link */

.noshow{
	display: none !important;
}



div, header, footer, nav{
	/*opacity: 0.6;*/
}

#info div > div p{
	color: #fff;
	font-size: 1.1em;
}

#info div > div p.head{
	color: #3FD3F8;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
	text-shadow: 1px 1px 1px #04537E;
}

#info div > div ul{
	margin: 0;
	padding: 0;
	color: #fff;
	list-style: none;
}

#info div > div p{
	/*color: #D6C418;
	font-size: 1.2em;*/
}

#content div > div{
	color: #5A5A5A;
}

#content div > div h1{
	text-align: center;
	font-size: 1.5em;
	color: #04537E;
}

#content div > div ul li{
	margin: 0.3em 0;
	font-size: 0.9em;
}

#index #content div > div{
	background: url("../images/clean_index.png") no-repeat right top;
}

#index #servicios > div{
	display: inline-block;
	background-color: #fff;
	width: 16.688em;
	vertical-align: top;
	margin: 0 0.625em;
}

#index #servicios h3{
	color: #fff;
	font-size: 1.6em;
	margin: 0.4em 0;
}

#index #servicios .col{
	text-align: left;
	position: relative;
	min-height: 348px;
}

{
	color: #04537E;
	margin: 0.2em 0;
}

#index #servicios .col p{
	font-size: 0.9em;
	margin: 0.2em 0;
	color: #5A5A5A;
	padding-bottom: 4em;
}

#index #servicios .col a{
	color: #04537E;
	text-decoration: none;
}

#index #servicios .col a.button{
	color: #04BAE3;
	text-decoration: none;
	position: absolute;
	/*margin: 0 auto;*/
	left: 4.6em;
	bottom: 0;
	width: 4.2em;
	padding: 0.4em 1.8em;

	color: #fff;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);

	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	background-clip: padding-box;

	background: #049EC0;
}

#index #servicios .col a.button:hover{
	background: #04537E; /* Old browsers */
}

#servicios h4 {
    color: #04537E;
}

#nosotros .column{
	display: inline-block;
	width: 44%;
	padding: 1.0em 2%;
	vertical-align: middle;
	overflow: hidden;
}

#nosotros .column h2{
	font-size: 1.4em;
}

#nosotros .column h3{
	font-size: 1.2em;
}

#nosotros .column p{
	font-size: 0.9em;
}

#nosotros .column h2, #nosotros .column h3{
	color: #04537E;
	margin: 0;
}

#servicio .column{
	display: inline-block;
	width: 62%;
	padding: 1.0em 2%;
	vertical-align: top;
}

#servicio .column.menu{
	width: 28%;
}

#servicio .column h2{
	font-size: 1.4em;
	text-align: center;
}

#servicio .column h3{
	font-size: 1.2em;
}

#servicio .column p{
	font-size: 0.9em;
}

#servicio .column h2, #nosotros .column h3{
	color: #04537E;
	margin: 0;
}

#servicio .column ul.side_menu{
	list-style: none;
	padding: 0;
	margin: 14px auto;
	width: 236px;
background: #049EC0;

    /*border-top:    2px solid #409B39;
    border-bottom: 2px solid #409B39;
	border-right:  2px solid #409B39;
	border-left:  2px solid #7DBA6C;

  -webkit-box-shadow: 0px 0px 4px 0px #ffffff;
          box-shadow: 0px 0px 4px 0px #ffffff;
*/
    color: #fff;


  -webkit-box-shadow: 0px 0px 4px 0px #ffffff;
          box-shadow: 0px 0px 4px 0px #ffffff;

  -webkit-border-radius: 3px;
          border-radius: 3px;


  background-clip: padding-box;



}

#servicio .column ul li{
	/*padding: 0.4em 0.2em;*/
	padding: 0;
	margin: 0;
}

#servicio .column ul li:hover{
}

#servicio .menu a{
	display: block;
	width: 98%;
	height: 100%;
	padding: 2% 0 2% 2%;
	-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;
}

#servicio .menu a, #servicio .menu a:link, #servicio .menu a:visited{
	text-decoration: none;
	color:#FFF;
	border: none;
}

#servicio .menu a:hover, #servicio .menu a:active{
	text-decoration: none;
	/*color:#04537E; */
	font-weight: bold;
	background: #04537E;
}

#servicio #muebles .muebles,
#servicio #aljibe .aljibe,
#servicio #banos .banos,
#servicio #tapetes .tapetes,
#servicio #tapiceria .tapiceria,
#servicio #techos .techos,
#servicio #urgentes .urgentes,
#servicio #express .express,
#servicio #outsourcing .outsourcing
{
	text-decoration: none;
	/*color:#04537E; */
	/*font-weight: bold;
	border-bottom: 1px solid #04537E;	*/
background: #b4ddb4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: #04537E;


}

#servicio .centerContent{
	text-align: center;
}

#servicio .service{
	display: inline-block;
	vertical-align: top;
	/*width: 232px;
	height: 109px;*/
	width: 464px;
	height: 218px;
	overflow: hidden;
	padding: 0;
	margin: 6px 3px;
	position: relative;
	cursor: pointer;
}

#servicio .service a{
	font-size: 2.0em;
	text-decoration: none;
	color: #fff;
	padding-top: 10%;
	display: block;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}

#servicio .service:hover > .dark-background{
	background-color: rgba(15, 15, 15, 0.0);
	/*display: none;	*/
}

#servicio .service:hover > img{
	width: 120%;
}

#servicio .service:hover a{
	/*margin-top: 0.2em;*/
	font-size: 1.0em;
}

#servicio .service img{
	width: 100%;
  -webkit-transition: 3s ease-in-out;
  -moz-transition: 3s ease-in-out;
  -o-transition: 3s ease-in-out;
  transition: 3s ease-in-out;
}

#servicio .dark-background {
    background-color: rgba(15, 15, 15, 0.6);
    color: #fff;
    text-shadow: #000 0px 0px 20px;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
  -webkit-transition: 2s ease-in-out;
  -moz-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
}
#servicio .dark-background em {
    color: #ccc;
}

#contacto .column{
	display: inline-block;
	width: 45%;
	padding: 1.0em 2%;
	vertical-align: top;
}

#contacto #content h1{
	font-size: 1.5em;
	color: #04537E;
	padding-left: 0.8em;
	margin: 0.4em 0 0;
}

#contacto .column h2{
	font-size: 1.4em;
}

#contacto .column h3{
	font-size: 1.2em;
}

#contacto .column p{
	font-size: 0.9em;
}

#contacto .column h2, #contacto .column h3{
	color: #04537E;
	margin: 0;
}

#contacto .column form{
	width: 100%;
}

#contacto .column form label{
	width: 100%;
	display: block;
}

#contacto .column form label.required{
	clear: both;
}

#contacto .column form label.error{
	color: #FFF;
	background-color: #F6544A;
	clear: both;
	width: auto !important;
	padding: 0.3em 0.45em;
	display: inline;
	right: -150px;
	/*top: -50px;*/
	position: relative;
}

#contacto .column form label.erro[for=aceptar_mailing]
{
	color: #FFF;
	background-color: #F6544A;
	clear: both;
	width: auto !important;
	padding: 0.3em 0.45em;
	display: inline;
	left: -150px;
	top: 50px;
}

#content .column p.error{
	color: #FFF;
	background-color: #F6544A;
	clear: both;
	width: auto !important;
	padding: 0.3em 0.45em;
	text-align: center;
}

#contacto .column form label.error:after{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: relative;
	/*top: -9px;
	left: 110px;*/
	z-index: 99999;
}

#contacto .column form input[type=text]{
	width: 100%;
}

#contacto .column form textarea{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 5.0em;
}

#contacto .column form input[type=text], #contacto .column form textarea{
	outline-color: #04537E;
	border: 0.1em inset #E9E5DC;
	background-color: #E9E5DC;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#contacto .column form input[type=submit]{
	color: #FFF;
	/*text-decoration: none;*/
	/*position: absolute;*/
	/*margin: 0 auto;*/
	/*left: 4.6em;
	bottom: 0;*/
	display: block;
	width: 9.0em;
	margin: 1em auto 3em auto;
	padding: 0.4em 1.8em;
	border: none;

	color: #fff;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);

	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	background-clip: padding-box;

	background: #049EC0;
}

#contacto .column form input[type=submit]:hover{
	background: #049EC0;
}

#contacto .column form .required:after{
	content: "*";
}

#contacto #content p.offer{
	font-size: 1.2em;
	font-weight: bold;
	color: #04537E;
	text-align: center;
}

#contacto #content p.offer a{
	font-size: 1.2em;
	font-weight: bold;
	color: #04537E;
	text-align: center;
	text-decoration: none;
}

#contacto #content p.offer a:visited,
#contacto #content p.offer a:link{
	color: #04537E;
}

#contacto #content p.offer a:hover{
	text-decoration: underline;
}

#descarga_ebook
{
	position: fixed;
	bottom: 0;
	right: 10px;
	background-color: #FF9702; /*#F4CD16;*/

	border-radius: 10px 10px 0 0;
	z-index: 1;
	padding: 10px 15px;
	text-align: center;

}

#descarga_ebook a
{
	color: #fff;
	text-decoration: none;
}





/* BOTON WHATSAPP INICIO */

.float-button {
  position: fixed;
  z-index: 9000;
  width: 237px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  bottom: 20px;
  left: 40px;
  background-color: #43BF57;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  line-height: 2em !important;
  padding: 0 .5em 0.5em 0;
  font-size: 14px;
  text-decoration: none;

  /* Landscape phones and UP */
  @media (max-width: 480px) {
    right: 0%;
  }

}

.my-float {
  font-size: 24px;
  margin-top: 6px;
  margin-right: 6px;
 }

a.float-button + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease; }

a.float-button:hover + div.label-container {
  visibility: visible;
  opacity: 1; }


  a.float-button:hover {
      color: #fff;
      text-shadow: 1px 1px 2px #555;
  }


/* BOTON WHATSAPP FIN */

div#call2 {
    display: flex !important;
		height: 353px;
		margin-top: 4em;
}



#call2 .recuadro {
    display: flex;
		height: max-content;
    max-width: 890px!important;
    margin: 0 auto;
		height: fit-content;
    padding: 20px;
		background: #04537E;
}

#call2 .recuadro .titulo {
    display: flex;
    align-items: center;
}

#call2 .recuadro h3 {
		margin: 0;
		color: #fff;
		text-shadow: 1px 1px 1px #04BAE3;
		padding-right: 1em;
		font-size: 1.5em;
}

#call2 .recuadro .formulario .form-line {
    display: inline-flex;
}


#call2 .recuadro .formulario input {
    border: 1px solid #04537E;
    padding: 6px;
		margin-right: 12px;
}


#call2 .recuadro .formulario button.btn.submit {
		background: #049EC0;
		color: #fff;
		padding: 6px;
		text-shadow: 1px 1px 1px #04537E;
}

.grecaptcha-badge {
    display: none !important;
}




/* Large desktop */
@media (min-width: 1200px) {
	#logo {
		 background-image: radial-gradient(circle, rgba(4,186,227,1) 0%, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 3%, rgba(4,186,227,1) 100%);
	}
}


/* Large desktop */
@media (min-width: 1375px) {
	#logo {
		 background-image: radial-gradient(circle, rgba(4,186,227,1) 0%, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%, rgba(4,186,227,1) 100%);
	}
}