/*********************FUENTES*********************/

@font-face {
	font-family: 'bebas_neuebold';
	src: url('bebasneue_bold-webfont.woff2') format('woff2'),
		url('bebasneue_bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bebas_neuebook';
	src: url('bebasneue_book-webfont.woff2') format('woff2'),
		url('bebasneue_book-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'latoitalic';
	src: url('lato-italic-webfont.woff2') format('woff2'),
		url('lato-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'latoregular';
	src: url('lato-regular-webfont.woff2') format('woff2'),
		url('lato-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'latosemibold';
	src: url('lato-semibold-webfont.woff2') format('woff2'),
		url('lato-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}


/*********************ESTILOS*********************/
*{
	box-sizing: border-box;
	list-style: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'bebas_neuebold';
 }
img{
	max-width: 100%;
}
.contenedormainServicios{
	max-width: 1200px;
	padding: 10px;
}
.contenedormainPresupuesto{
	max-width: 1200px;
	padding: 10px;
}
.contenedormainPerfil{
	max-width: 1200px;
	padding: 10px;
}

/**header**/

header{
	background-color: black;
}

/* Menu (NAV) */
.menu{
	background-color: #0A9AD9;
}

.menu nav ul li:hover {
	background-color:  #0c92cc;
	color: white;
}

.paginaActual{
	font-family: 'latosemibold';
	font-size: 1em;
	color:black;
	margin: 0.5em;
}

.enlacePagina{
	font-family: 'latosemibold';
	font-size: 1em;
	color: white;
	margin: 0.5em;
}

/**login**/

.modalLogin {
	position: fixed;
	font-family: 'latosemibold';
	font-size: 1em;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
    text-align: center;
}

.modalLogin:target {
	opacity:1;
	pointer-events: auto;
}

.modalLogin > div {
	width: 80%;
	position: relative;
	margin: 10% auto;
	border-radius: 0.5em;
	background: whitesmoke;
	padding: 2em 0 2em 0;
	max-width: 30em;
}

.modalLogin div form div{
    -ms-flex-item-align: center;
        align-self: center;
    padding: 0.3em;
}
.modalLogin div form div p{
    text-align: center;
    padding-bottom: 0.1em;
}
.modalLogin div form div input{
    font-size: 0.8em;
	font-family: 'latoregular', sans-serif;
	height: 2.5em;
	color: black;
	outline: none;
	background-color: whitesmoke;
	border-radius: 0.5em;
    width: 50%;
    
}
#remember{
    width: 1.5em;
}
.modalLogin form div .ingresar{
   margin: 1em;
   height: 2.5em;
   border: none;
   background-color: whitesmoke;
}

.modalLogin form div button a{
	padding: 8px 20px;
	background: black;
	border: none;
	font-family: 'latosemibold';
	font-size: 1em;
	color: white;
	border-radius: 10px;
    margin: 3px;
    height: 100%;
    width: 100%;
   
}
.close {
	background: #0A9AD9;
	color: whitesmoke;
	position: absolute;
	right: -0.8em;
	top: -0.8em;
	text-align: center;
	width: 1.5em;
	border-radius: 50%;
}

.close:hover { background: #0582b9; }

.botonsocial{
    width: 70%;
    margin: auto;
}

.botonsocial a{
	border-radius: 0.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: whitesmoke;
	margin: 1em 3em 1em 3em;
 
}

.facebook{
	background-color: #3B5998;
}

.google{
	background-color: #DC4B38;
}

.botonsocial a figure img{
	height: 2em;
}

form input{
	color: black;
}

input:focus::-webkit-input-placeholder
{
	color: transparent;
}

textarea:focus::-webkit-input-placeholder
{
	color: transparent;
}

#remember{height: 1em;}

.forgotPassword{
	font-family: 'latosemibold';
	font-size:0.9em;
	color: #0A9AD9; 
}
.contenedorLogado{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 2em;
    width: 200px;
    margin: auto;
}
.modalLogin h5{
    font-family:'latosemibold';
    font-size: 0.8em;
}
.modalLogin p{
    font-family:'latosemibold';
    font-size: 0.8em;
}
#labelre{
    font-family:'latosemibold';
    font-size: 0.7em;
}


/*PERFIL*/

#perfil{
	border-radius: 50%;
	overflow: hidden;
	height: 2em;
	width: 2em;
}
#notificacion{
    margin-left: 1em;
	height: 1.5em;
	width: 1.5em;
    
}
#perfil img{
	height: 100%;
	width: 100%;
}
#nombreperfil{
	font-family: 'latosemibold';
	font-size: 0.8em;
	color: white;
}
.login a{
	font-family: 'latosemibold';
	font-size: 0.8em;
	color: white;
}

/*CAJAMENSAJES*/

.contenedorgeneralMensajes{
	background-color: whitesmoke;
    
}
.contenedormensaje1{
    padding: 1em;
}
.contenedormensaje1 .titulo{
    background: black; 
}
.contenedormensaje1 .asunto{
    font-family:'latosemibold';
    font-size: 1em;   
}
.contenedormensaje1 .fecha{
    font-family: 'latoitalic';
    font-size: 0.7em;   
}
.contenedormensaje1 .mensaje{
    font-family: 'latoregular';
    font-size: 0.8em;  
}
#nombreusuarioperfil{
    background: #0074BD;
	font-family: 'latosemibold';
	color: white;
	text-align: center;
    
}
/**main**/
.slidePrincipal{
	background: url(../img/fondo1.png);
	background-repeat: no-repeat;
	background-size:cover;
	padding-bottom: 25px;
}
.titulo {
	font-family: 'bebas_neuebold';
	text-align: center;
	color:white;
	word-spacing:0.1em;
	padding: 20px 20px;
	font-size: 1.6em;
}
.buscador{
	font-size: 1em;
	font-family: 'latoregular', sans-serif;
	height: 2.5em;
	color: black;
	outline: none;
	background-color: whitesmoke;
	border-radius: 0.5em 0 0 0.5em;
}
.input[type=text] {
	width: 530px;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}
#etiquetas{
	margin: 1.3em 2.5em 0 2.5em;
	padding: 0;

}
#etiquetas li{
	padding: 0.5em;
	background: #0074BD;
	border-radius: 0.5em;
}
#etiquetas li:hover{
		background: #065c91;
}
#etiquetas li a{
	font-family: 'latosemibold';
	color: white;
}

/** articulos **/
h2{
	font-family: 'bebas_neuebold';
	text-align: center;
	color:black;
	word-spacing:0.1em;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 1.5em;
}
.gif{
	max-width: 95%;
}
.contenedorArticulos{
	padding: 0;
	padding: 20px 5% 0 5%;
}
.contenedorArticulos ul{
	width: 47%;
	overflow: hidden;
	margin-bottom: 1em;
	background-color: #0074BD;
}
.contenedorArticulos ul li a h3{
	font-size: 0.8em;
	font-family: 'latosemibold';
	color: whitesmoke;
	padding: 5px;
}
.contenedorArticulos ul li a p{
	font-size: 0.8em;
	font-family: 'latoitalic';
	color: whitesmoke;
	text-align: center;
}
.iconosEmpresas{
	background: #595959;
	padding: 0.5em 8%;
	width:100%;
}
.iconosEmpresas div img{
	margin-left: 0.1em;
}

/*formulario*/

#formulario{
	height: 100vh;
	margin: 2em 0 2em 0;
	}

#formulario h1{
	-ms-flex-item-align: center;
	    align-self: center;
}

#formulario input{
	font-size: 0.8em;
	font-family: 'latoregular', sans-serif;
	height: 2.5em;
	color: white;
	outline: none;
	background-color: whitesmoke;
	border-radius: 0.5em;
	width: 70%;
}

textarea{
	font-size: 1em;
	font-family: 'latoregular', sans-serif;
	height: 2.5em;
	color: gray;
	outline: none;
	background-color: whitesmoke;
	border-radius: 0.5em;
	width: 70%;

}

.styled{
   background-color: whitesmoke;
	border-radius: 0.5em;
	width: 70%;
	font-size: 0.8em;
	font-family: 'latoregular', sans-serif;
	height: 7em;
	outline: none;
 }

#formulario select{
	font-size: 0.8em;
	font-family: 'latoregular', sans-serif;
	height: 2.5em;
	color: gray;
	outline: none;
	background-color: whitesmoke;
	border-radius: 0.5em;
	width: 70%;
}

.adjunto{
	background-color:blue;
    width: 30%
}

enviar{
	background-color: aquamarine;
	border-radius: 0.5em;
	font-size: 0.8em;
	font-family: 'latoregular', sans-serif;
	height: 2.5em;
}

/***filtro***/

.filtros{
	background-color: #0074BD;
}

.filtros h4{
	padding: 5px 0;
	background: black;
	font-family: 'latosemibold';
	color: white;
	text-align: center;
}
form{
	padding: 10px;
}

form h5{
	font-family: 'latosemibold';
	color: white;
	font-size: 1em;
	text-align: center;
	padding: 5px 0;
}
form div h5{
	font-family: 'latosemibold';
	color: white;
	font-size: 1em;
	text-align: center;
	padding: 10px 0;
}
.filtros select{
	font-size: 1em;
	font-family: 'latoregular', sans-serif;
	height: 2.5em;
	color: gray;
	outline: none;
	background-color: whitesmoke;
	border-radius: 0.5em;
	width: 70%;
}
.filtros input{
    font-size: 1em;
	font-family: 'latoregular', sans-serif;
	height: 2.5em;
	color: gray;
	outline: none;
	background-color: whitesmoke;
	border-radius: 0.5em;
	width: 70%;
}
.filtros option{
	font-family: 'latoregular', sans-serif;
}
.calificacion ul li img{
	height: 15px;
}
.filtrotic input{position:relative;
	vertical-align: middle;
}
.caja_check{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.caja_check li{
	width: 33.333%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.caja_check li input{
	margin: 5px;
	height: 15px;
	width: 15px;
}
.caja_check li label{
	text-align: center;
	font-family: 'latosemibold';
	color: white;
}

.caja_check_radio{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-bottom: 15px;
}
.caja_check_radio li{
	padding: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.caja_check_radio li input{
	margin: 5px;
	height: 15px;
	width: 15px;
}
.caja_check_radio li label{
	text-align: center;
	font-family: 'latosemibold';
	color: white;
}
.filtros button{
	padding: 10px 20px;
	background: black;
	border: none;
	font-family: 'latosemibold';
	font-size: 1em;
	color: white;
	border-radius: 10px;
    margin: auto;
	margin-top: 20px;
}

/* Listado Servicios */

.contenedorPricipalServicios{
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.serviciosactivo{
	display: none;
}

.contenedorListadoServicios{
	padding: 10px 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.cajaListadoServicios{
	max-width: 45%;
}
.cajaListadoServicios .titulo{
	margin: 0;
	padding: 3px;
	background: black;
}
.cajaListadoServicios .titulo a{
	margin: 0;
	padding: 3px;
	font-family: 'latosemibold';
	font-size: 0.7em;
	color: white;
}
.cajaListadoServicios .rubro, .cajaListadoServicios .direccion{
	margin: 0;
	padding: 3px;
	background: gray;
}
.cajaListadoServicios .rubro a, .cajaListadoServicios .direccion a{
	margin: 0;
	padding: 3px;
	font-family: 'latosemibold';
	font-size: 0.7em;
	color: black;
}
.estrellasListado a, .iconosListadoServicios a{
	padding: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.estrellasListado a img, .iconosListadoServicios a img{
	height: 20px;
}
.iconosListadoServicios{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.listadoServicioDescripcion{
	background: #0074BD;
}
/*perfil*/

.botonperfil{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#etiquetasperfil{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#etiquetasperfil li{
	width: 90%;
	margin: 0.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 0.5em;
	background: #000000;
	border-radius: 0.5em;
}
#etiquetasperfil li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-family: 'latosemibold';
	color: white;
	font-size: 0.8em;
}
#etiquetasperfil .icono{
	width: 2em;
}
#etiquetasperfil li a img{
	margin-left: 10px;
}

#fotoPerfil{
    width: 10em;
    height: 10em;
    background-image: url(../img/perfil.jpg);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    margin: auto; 
}
.tituloContenedorPerfil h4{
	padding: 5px 0;
	background: #0074BD;
	font-family: 'latosemibold';
	color: white;
	text-align: center;
}
#noleido{
    background-color: #e0e0e0;
}
#mensaje1{
    background-image: url(../img/local1.jpg);
    background-size: cover;
    background-position: center;
}
#mensaje2{
    background-image: url(../img/local2.jpg);
    background-size: cover;
    background-position: center;
}
#mensaje3{
    background-image: url(../img/local3.jpg);
    background-size: cover;
    background-position: center;
}
#mensaje4{
    background-image: url(../img/local4.jpg);
    background-size: cover;
    background-position: center;
}
/*LOCAL*/

.mainLocal{
    margin: 2em;
}

.cajaListadoLocal{
    max-width: 100%;
    margin: auto;
}
.cajaListadoLocal .titulo{
    margin:0;
    padding: 3px;
    background: black;
}
.cajaListadoLocal .titulo a{
    margin: 0;
    padding: 3px;
    font-family: 'latosemibold';
    font-size: 0.7em;
    color: white;    
}
.cajaListadoLocal .rubro , .cajaListadoLocal .direccion{
    margin: 0;
    padding: 3px;
    background: grey;
}
.cajaListadoLocal .rubro a, .cajaListadoLocal .direccion a{ 
    margin:0;
    padding: 3px;
    font-family: 'latosemibold';
    font-size: 0.7em;
    color: white;    
}
.estrellasLocal a img, .iconosListadoLocal a img{
	height: 20px;    
}
.iconosListadoLocal{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 10px;
}
.iconosListadoLocal img{
	padding: 0 10px;
}
.listadoLocalDescripcion{
	background: #0074BD;
}
.contenedorMapaLocal{
    max-height: 50%;
}
.contenedorComentarios{
    margin-top: 1em;
}
.mainLocal h3, p{
    text-align: left;
}
.mainLocal .subtitulo{
	font-family: 'bebas_neuebold';
	text-align: left;
	color:black;
	padding: 0;
	font-size: 1.5em;
}
.serviciosLocal p{
    margin:0;
    padding: 3px;
    font-family: 'latosemibold';
    font-size: 0.7em;
    color: black; 
}

/*COMENTÀRIOS*/

.contenedorComentarios p{
    margin:0;
    padding: 3px;
    font-family: 'latosemibold';
    font-size: 0.7em;
    color: black;
    text-align: left;
}

/*listado*/

.contenedorListado{
	border-radius: 0.5em;
	border-color: #d1d1d1;
	padding: 1em;
	border-style: solid;
	border-width: 0.1em;
	text-align: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	            -ms-grid-row-align: center;
	        align-items: center;
	overflow: hidden;
}

.imagenListado{
	background-image: url(../img/oink.jpg);
	background-size: cover;
	height: 10em;
	width: 10em;
	border-radius: 0.5em;
	margin-bottom: 1em;
}

#mas{
	height: 3em;
	width: 3em;
}

.check li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}


.check li input{
	width: 1em;
}

.check li label{
	color: white;
	font-family: 'latosemibold';
	font-size: 1em;
}

/**footer**/

footer{
	background-color: #0074BD;
	text-align: center;
}
#redes{
	padding: 0.75em 0;
}
#redes li {
	padding: 0 0.5em;
}
#redes li a img{
	width: 30px;
	height: 30px;
}
footer h4{
	font-family: 'latosemibold';
	font-size: 1em;
}
footer p{
	font-family: 'latoregular';
	font-size: 0.8em;
	color: white;
	margin-bottom: 15px;
}
.contacto a{
	color: white;
	font-family: 'latosemibold';
	font-size: 1em;
	padding-left: 0.25em;
}

.construccion{
	width: 100vw;
	height: 100vh;
	background-color: #eaeaea;
	margin:auto;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/*mapa*/
.mainBusqueda{
		margin: 0;
	}

.contenedorMapa{
	border-radius: 0.5em;
	overflow: hidden;
	-ms-flex-item-align: center;
	    align-self: center;
}
.contenedorMapaServicios{
	padding: 10px 0;
	overflow: hidden;
	-ms-flex-item-align: center;
	    align-self: center;
	height: 350px;
}

.contenedorListadoPresupuesto{
    	padding: 10px 0;
	overflow: hidden;
	-ms-flex-item-align: center;
	    align-self: center;

}




/******************MOBILE****************/

@media screen and (min-width: 15em){

/* Visbibilidad */

.desdeWeb{
	display: none;
}

/**header**/
.contenedorheader{
	padding-top: 0.6em;
	padding-bottom: 0.7em;
}
#logo img{
	width: 12em;
	height: auto;
}

/**menu**/
.menucontenedor nav ul li {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

/**Slide Index**/
.slidePrincipal{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.campoBusqueda{
	width: 70%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 15px;
}
.campoBusqueda img{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack: center;
	    align-content: center;
	background: #0A9AD9;
	width: 40px;
	height: 40px;
	padding: 2.5px;
	border-radius: 0 0.5em 0.5em 0;
}
.buscador{
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	height: 40px;
}
.botontexto{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#etiquetas{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#etiquetas li{
	width: 90%;
	margin: 0.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 0.5em;
	background: #0074BD;
	border-radius: 0.5em;
}
#etiquetas li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-family: 'latosemibold';
	color: white;
	font-size: 0.8em;
}
#etiquetas .icono{
	width: 2em;
}
#etiquetas li a img{
	margin-left: 10px;
}

/** Articulos  **/
video{
		display: none;
}
.contenedorArticulos{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.contenedorArticulos ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.imagen{
	width: 10em;
	overflow: hidden;
	opacity: 0.7;
	}

.imagen:hover{
	opacity: 1.0;
}
.iconosEmpresas{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.iconosEmpresas div img{
	width: 10px;
	height: 10px;
}

/**footer**/
#redes{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.contacto{
	padding-bottom: 1em;
}

/*formulario*/

#formulario{
	margin: 3em 1em 3em 1em;
	max-width: 50%;
	-ms-flex-item-align: center;
	    align-self: center;
}

/*mapa*/

.mainBusqueda{
		margin: 2em 0 0 0;
}
.contenedorBusqueda{
	margin: 1em 1em 3em 1em;
	-ms-flex-item-align: center;
	    align-self: center;
}

/*listado*/

.contenedorListado{
	margin: 1em 0 1em 0;
	min-width: 15em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.listadoTexto h3{
	color: #0074BD;
	margin:0
}

.listadoTexto p{
	color: black;
	font-family: 'latoregular';
	font-size: 0.8em;
}
.listadoServiciosLogo{
	display: none;
    
}

/* SECCION EMPRESA */
.seccionEmpresa{
	max-width: 1150px;
	margin: 0 auto;
}
.cajaEmpresa{
	padding: 0 20px;
	margin-top: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.cajaEmpresaLogo{
	width: 50%
}
.cajaEmpresaDescripcion{
	background-color: #0c92cc;
}
    

/* PRESUPUESTOS */
    
.contenedorListadoPresupuesto{
   	-ms-flex-item-align: center;
   	    align-self: center;
}
.cajaListadoServicios{
	max-width: 70%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
    margin:auto;
    padding-bottom: 1em;
}

/* LOCAL EXTRAS */
	.listadoLocalLogo{
		width: 100%;
		overflow: hidden;
	}
	.listadoLocalLogo img{
		width: 100%;
	}
	.cajaListadoLocal{
	background-color: #0c92cc;
	}

/* EXTRAS */
.fondoazul{
	background: gray;
	padding-bottom: 5px;
}
.iconosEmpresas{
	background-color: #0c92cc;
}
.iconosEmpresas div img {
    width: 15px;
    height: 15px;
}
.contenedorArticulos ul{
	background: black;
}
.contenedorArticulos ul li a h3 {
background: black;
}
.contenedorArticulos ul li a p {
	padding-top: 5px;
}

/*CAJAMENSAJES*/
    
    
.contenedormensaje1 ul li figure{
    height: 7em;
    width: 7em;
    background-color: grey;
}



.contenedorelementosPerfil{
    margin-top: 1em;
}
    
.contenedorgeneralMensajes{
    border-bottom: 1px;
    border-bottom-color: grey;
    border-bottom-style: solid;
    }
        
    
.contenedormensaje1 .titulo{
    background: black; 
    padding: 0.5em;
    text-align: left;
    font-size: 1em;
    width: 100%;
}

.contenedormensaje1 li{
    text-align: left;
    
}


}
/***********************IPAD*****************/


@media screen and (min-width: 40em){

h2{
	font-size: 2.3em;
}

/**header**/
header{
	padding: 0 60px;
}
.contenedorheader{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#logo img{
	width: 15em;
	height: auto;
}
/*login*/
    
.contenedorLogado{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 2em;
    width: 200px;
   margin: 0;
}

/**menu**/
nav{
	padding: 0 60px;
}
.menucontenedor nav ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 60px;
}
.menucontenedor nav ul li{
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

/**main**/
.contenedor{
	margin-top: 3em;
	-ms-flex-item-align: center;
	    align-self: center;
	width: 100%;
}
.titulo {
	width: 100%;
	font-size: 2em;
	-ms-flex-item-align: center;
	    align-self: center;
	}
.gif{
	display: none;
}
video{
	max-width: 100%;
	display: block;
	padding: 0 2.5%;
}

/** ARTICULOS **/
#etiquetas li{
	width: auto;
}
.contenedorArticulos {
	max-width: 850px;
	margin: 0 auto;
}
.contenedorArticulos ul{
	width: 22%;
}

/** Footer **/
footer{
	margin-top: 30px;
}
.contenedorfooter{
	max-width: 90%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.contacto{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-bottom: 0;
}


/* SERVICIOS */
.contenedormainServicios{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-line-pack: stretch;
	    align-content: stretch;
	margin: 20px 0;
}
.contenedormainPresupuesto{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
	-ms-flex-line-pack: stretch;
	    align-content: stretch;
	margin: 20px 0;
}    
.filtros{
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	margin-right: 10px;
}
.contenedorMapaServicios{
	padding: 0;
	-webkit-box-flex: 3;
	    -ms-flex-positive: 3;
	        flex-grow: 3;
	height: 535px;
}
.contenedorListadoPresupuesto{
	padding: 0;
	-webkit-box-flex: 3;
	    -ms-flex-positive: 3;
	        flex-grow: 3;
	
}
.contenedorListadoServicios{
	padding: 0 5px;
}
.cajaListadoServicios{
	max-width: 55%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
   
}
.listadoServicioLinea{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

/*listado*/

.contenedorListado{
	width: 100%;
	border-radius: 0.5em;
	overflow: hidden;
	margin: 0 0 0 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.listadoTexto h3, p, #estrellaListado{
		text-align: left;
	}

/* PRESUPUESTOS */
    
.contenedorListadoPresupuesto{
	width: 85%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.cajaListadoServicios {
    max-width: 48%;
      margin: 0;
}
.listadoServiciosLogo{
	display: none;
    margin: 0;
    padding: 0;
    height: 128px;
    
}    

/* LOCAL EXTRAS */
.cajaListadoLocal{
	width: 402px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.ListadoLocalDescripcion
{
	-webkit-box-flex:1;
	    -ms-flex-positive:1;
	        flex-grow:1;
}
.listadoLocalLinea{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.listadoLocalLogo{
	width: auto;
	height: 150px;
}

.desdeWeb{
	display: none;
}

/* PERFIL */
.contenedormainPerfil{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
	-ms-flex-line-pack: stretch;
	    align-content: stretch;
	margin: 20px 0;
}    
.contenedorelementosPerfil{
    margin-top: 0;
    }
.tituloContenedorPerfil{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; 
    }
.tituloContenedorPerfil h4{

    -webkit-box-flex:1 ;

        -ms-flex-positive:1 ;

            flex-grow:1 ;
    }    
    
}
/******************* WEB ********************/

@media screen and (min-width: 60em){

/* Visbibilidad */

.desdeWeb{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.contenedor{
	padding-left: 10%;
	padding-right: 10%;
}
.contenedorPricipalServicios{
	max-width: 1150px;
	margin: 0 auto;
}
.contenedormainServicios{
	max-width: 1150px;
	margin: 0 auto;
}
.contenedormainPresupuesto{
	max-width: 1150px;
    margin: 0 auto;
}
.contenedormainPerfil{
	max-width: 1150px;
    margin: 0 auto;
}
.mainLocal{
    max-width: 1150px;
    margin: 0 auto;
}
.filtros{
	margin: 20px 50px 20px 0;
}
.contenedorMapaServicios{
	margin: 20px 0;
}
.contenedorListadoPresupuesto{
	margin: 20px 0;
}
.flechaServicios{
	width: 50px;
}

/* OCAL EXTRA */
.cajaContenedorMainLocalFila{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.cajaListadoLocal{
	margin: 0 0;
	margin-right: 20px;
}
.contenedorMapaLocal{
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}
.listadoLocalLinea{
	padding: 8px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	            -ms-grid-row-align: center;
	        align-items: center;
}
.estrellasListado a{
	padding: 0;
}
.iconosListadoLocal{
	padding: 0;
}
.contenedorCajaFotosExtras{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.contenedorFotosExtras{
	width: 93%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.contenedorFotosExtras .fotoExtra{
	overflow: hidden;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	margin: 0 15px;

}
.contenedorFotosExtras .fotoExtra img{
	width: 100%;
}
.serviciosLocal, .comentariosLocal{
	margin-top: 20px;
}
.contenedorInformacionExtra{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;

}
.contenedorInformacionExtra .comentariosLocal, .contenedorInformacionExtra .serviciosLocal{
	width: 48%;
}
.enlaceExtraExtra{
	text-align: left;
	margin-top: 10px;
}
.enlaceExtraExtra a {
	background: #0c92cc;
	padding: 10px;
	color: white;
	margin-right: 15px;
}
.serviciosLocal{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.contenedorListadoServicios{
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.listadoServicioLinea{
	padding: 5px;
}
    
/* MENSAJES*/
.contenedortextomensaje{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    }
    
.contenedortextomensaje figure{
    margin-right: 1em;
    }    
    
/* PERFIL */
    
    .contenedorelementosPerfil{
    margin-top: 1em;
    }
}