@import url(normalize.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab&subset=latin,latin-ext);

/*resets*/
*{
	box-sizing:border-box;
	border:none;
	text-decoration: none;
}
ul, ol{
	margin: 0;
	padding: 0;
	list-style: none;
}

figure{
	margin: 0;
	display:block;
}

.colornaranja a {
	color:#F30;
	
	}

.py-2 {
	padding-top: 0.5em;
	padding-bottom:0.5em;
}

/*boton arriba*/
#IrArriba {
position: fixed;
bottom: 30px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
}

#IrArriba span {
width: 60px; /* Ancho del botón */
height: 60px; /* Alto del botón */
display: block;
background: url(imgs/arriba.png) no-repeat center center;
}

/*basicos*/
html{
	font-size: 10px;
}

body { font-family:Arial, Helvetica, sans-serif;
background:url(imgs/fondo.jpg) repeat;


	
	}
h1 { font-size:0.9em;
font-weight:normal;
	
	}

.fixed{position:fixed; top:0}

.header{max-height:400px; width:100%;}

.topi{
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
	background:url(imgs/topi.jpg) repeat-x #fff;
	
	position:fixed;
	top:0;
	z-index:5;
height:125px;
   top:0;
    left:0;
	border-bottom:solid 1px #ccc;
	
	
	
	
	}

.ancla:before {
      display: block;
      content: " ";
      margin-top: -125px;
      height: 125px;
      visibility: hidden;
}

.ancla2 {
	height:125px;}

h2 { font-size:1.5em;
	
	}

h3 { font-size:1m;


	
	}

.content {
	max-width:1200px; margin:auto;
	
	}

.centrado {
	max-width:1200px; margin:auto;}

.contenedor {
	max-width:1200px; margin:auto;
	padding:0 0.5em 0 0.5em ;
	font-size:1.8em;
	line-height:1.5em;
	}


.container{
	
	
	

	
	
}

.top{
	
	
	float:left;
	
	text-align:left;
	margin: 0% 1% 1% 3%;
	text-align:center;
  	padding:1em ;
	

}
.top img{
	max-width:380px;
	height:auto;
	
	}
	
	
.cleaner{
	clear: both;
}
img{
	
}

.toogle-button { display:none;
	
	}

.botonera ul{
	font-family: 'Oswald', sans-serif;
text-align:center;

	margin-top:0.5em;
	

	
	
	}
.botonera li{
	
	float: left;
text-transform: none;
text-decoration: none;
text-align: center;
display: block;

border:solid 1px #888;
border-radius:5px;

margin-right: 1%;
margin-left: 1%;
	}
	
.botonera li:first-child {
	
	}

.botonera li:last-child  {
	
	margin-right:0:
	
	
	}

.botonera a{
	
	padding:0.35em 0.75em ;
  display:block;
	font-size:1.6em;
	color:#393E41;
	min-height:
	em;
	font-weight:400;
	
	
	
	
	
	}

.botonera a:hover {
	
	color:#fff;
	background:#DDA448;
	border-radius:5px;
	
}



.servicio {
	
	margin-right:3%;
	float:right;
	
	letter-spacing:;
	text-align:right;
	margin-top:0.5em;
	
	padding-bottom:0em;
	/*font-family: 'Mr Dafoe', cursive;*/

width: 552px;

	

	
	}

.direccion {
	font-size:1.8em;
	color:#393E41;
	text-align:right;
	padding-right:3%;
	
	line-height:1.5em;
	margin-top:1.3em;}

.direccion a {
	font-size:1em;
	color:#3AB84E;
	letter-spacing:0;
	display:inline-block;
	
}

.bordes {
	border: thin solid #03C;
	color:#03C;
padding: 0.25em;

	
	}
	



	


footer {
	width:100%;
	
	background:#000;
	text-align:center;
	letter-spacing:2px;
	line-height:1.8em;
	
	font-size:1.4em;
	color:#000;
	margin-top:-1em;
	
	
	}


	
	
.red {
	float:left;
	width:20%;
	margin-left:4%;
	}
	
	
.red img {
	display:block;
	width:294px;
	height:auto;
	
	
	
	}


.tel {
	display:none;
	
	} 

.pie {
	text-align:center;
	background:#081A21;
	font-size:1.0em;
	width:100%;
	margin:0 auto 0 auto;
	
	}
.pie a{
	text-decoration:none;
	text-transform:none;
	color:#FFFFFF;
	background:#000;
	
	}
/*quienes*/

.qq {
	width:100%;
	height:141px;
	background:url(imgs/ee.jpg) center no-repeat;
	
	}
/*trabajos*/

article.caja {
	width:28%;
	margin-right:1em;
	margin-bottom:1em;
	margin-left:0.3em;
	background-color:#F5F7EA;
	padding:1em;
	font-size:1.4em;
	color:#000;
	float:left;
	min-height:270px;
	}

.tt {
	width:100%;
	height:141px;
	background:url(imgs/tt.jpg) center no-repeat;
	
	}

/*alquileres*/

article.alqui {
	width:28%;
	margin-right:1em;
	margin-bottom:1em;
	margin-left:1.2em;
	background-color:#F5F7EA;
	padding:1em;
	font-size:1.4em;
	color:#000;
	float:left;
	
	
	}

article.caja {
	width:28%;
	margin-right:1em;
	margin-bottom:1em;
	margin-left:0.3em;
	background-color:#F5F7EA;
	padding:1em;
	font-size:1.4em;
	color:#000;
	float:left;
	min-height:270px;
	}

article.alquileres {
	width:95%;
	margin-right:auto;
	margin-left:auto;
	background-color:#F5F7EA;
	padding:1em;
	font-size:1.4em;
	color:#333;
	float:left;
	
	}
	
.aa {
	width:100%;
	height:141px;
	background:url(imgs/aa.jpg) center no-repeat;}
	
article.alquileres img{
	width:40%;
	
	}

/*contacto*/
/*

.imagen {
	width:100%;
	height:170px;
	background:url(imgs/cc.jpg);
	
	}*/

form {
	 max-width:700px; margin-left:auto; margin-right:auto;
	 color:#fff;
	
	
	}
	
input,textarea {
	margin-top:2%;
	border: 1px dotted #999;
	color:#000000;
	font-family : inherit;
  font-size   : 100%;
  width:100%;
  padding:0.5%;
  border-radius:5px;
	
	}
		
input[type=checkbox] {
	margin-top:0.5em;
	border: 1px dotted #999;
	color:#000000;
	font-family : inherit;
  font-size   : 100%;
  text-align:left;
  display:block;
  width:auto;
 
	}
	
.verif{ display: none; }


/*catalogo*/


	


.textochico{
	font-size:0.9em;
	
	}
.textomaschico{
	font-size:0.7em;
	padding: 0.5em;
	
	}
.frase {
	width:100%;
	float:none;
	
	font-size:2.0em;
	margin-bottom:1em;
	
	
	}
.color {
	color:#fff;
	
	}
	
.img-responsive{
	width: 100%;
	height:auto;
}

.imagen {
	width:100%;
	height:auto;
	padding:0.5em;
	
	}
.imagencap{
	width:30%;
	height:auto;
	margin:0.5em;
	float:left;
	
	}
	
	.tit {
		
	padding-left:2em;
	font-size:1.2em;
	text-align:left;
	}

.contenedor {overflow: hidden;}

.columna {
	width:50%;
	float:left;
	padding: 0em 5% 3% 5%;
	
	
	
	}

.linea {
	border-bottom:dotted 1px #ccc;}

.galeria {
	float:left;
	width:20%;
	padding:0.5%;
	text-align:center;
	font-size:0.7em;
	background:#fff;
	min-height:
	;
	color:#999;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:1em;}

.tipogrande {
	font-size:1.1em;}

/*Btones Footer//*/

.botoncitos ul{
	max-width:480px;
	margin-left:auto;
	margin-right:auto;
	
	
		text-transform:none;
	text-decoration:none;

	text-align:center;

	padding-top:3em;
	


	
	
	}
.botoncitos  li{
	
	float:left;
	text-transform:none;
	text-decoration:none;
	text-align:center;
	display:block;
	/*border-bottom: solid 1px #CCC;*/
	width:31.3%;
	

	padding:0.1em;
	
	
	
	

	
	
	
	
	}
	


.botoncitos  a{
	
	padding:0.2em;
  display:block;
	font-size:1em;
	color:#CCC;
	line-height:normal;
	letter-spacing:normal;
	
	
	
	}

.botoncitos  a:hover {
	
	color:#35B2D3;

	
	
	
	
	
	
	
	}
	

.foto {
	display:block;}

.encabezado {
	background:url(imgs/fondo.jpg) repeat center;
	text-align:center;
	font-size:5em;
	padding-top:4em;
	padding-bottom:4em;
	padding-left:auto;
	padding-right:auto;
	
	color: #fff;
/*text-shadow: 2px 2px 2px #fff;*/}

.bordeHome {max-width:900px; margin:auto;padding:1em; border: thin solid #fff; border-radius:5px;
text-shadow: 2px 2px 5px #000;}

.parallax {
	width:100%;
	height:200px;
	background:url(imgs/porque1.jpg) right;
	background-attachment: fixed;}

.titulo {
	text-align:center;
	font-size:1.8em;
	color:#fff;
	padding:0em 0em 0.5em 0em;
	line-height:normal;}
	
.titulo3 {
	text-align:center;
	font-size:2.1em;
	color:#FFF;
	padding:0.5em;
	line-height:normal;
	background:#4D4D4D;}
	
.titulo2 {
	font-size:1.6em;
	font-weight:300;}
	
.padding {
	padding:0.5em;}

.fraseh {
	position: absolute; top: 790px; left: 0x; width: 1900px; background-color: rgba(23,26,44,0.8); color: #ffffff; line-height: 30px; text-align: center; padding:0.35em; font-size: 2.7em;}

.description {
	width:100%;
	position:absolute;
	font-size:2em;
	color:#fff;
	text-align:center;
	background:url(imgs/negro.png) repeat;
	top:90%;
	left:50%;
	padding:0.35em 1em 0.35em 1em;
	transform: translateX(-50%) translateY(-90%);
	}

.description_titulo{
	color:#fff;
	font-size:1.5em;
	font-weight:bold;}

.derecha {
	max-width:230px;
	height:auto;
	margin-left:1em;
	margin-right:0;
	margin-bottom:1em;
	float:right;}

.derecha img {
	border-radius:5px;
	border:solid 1px #CCC;}
	
.especial {
	width:200px;
	margin:auto;
	height: 60px;}
.especial a{
	padding:0.35em;
	border:thin solid #ccc;
	background:#DDA448;
	color:#fff;
	border-radius:5px;
	}
.especial a:hover{
	background:#666;
	color:#fff;}

.precio {
	padding:0.7em;
	color:#000;
	font-size:1.3em;
	text-align:center;}

.tarjetas {
	
	color:#fff;
	font-size:2.3em;
	text-align:center;
	font-family:"Times New Roman", Times, serif;}

/*media queri///////////////////////////////////*/


@media screen and (max-width: 1248px){
	

}



@media screen and (max-width: 1078px){

.topi {
	height:170px;}


.ancla2 {
	height:170px;}
	
.ancla:before {
      display: block;
      content: " ";
      margin-top: -170px;
      height: 170px;
      visibility: hidden;
}
	
	.top {
		margin: 2em 1em 3em 1em;}
	
	.encabezado {
		padding-top:3em;
	padding-bottom:3em;
	font-size:3em;}
	
	.bordeHome {
		width:80%;  
		margin: auto;
		padding:5%;}

	
	.columna {
	width:100%;
	float:none;
	padding:0% 5% 0% 5%;
	min-height:0px;
	
	}

.botonera li {
	width:29.3%;
	}

.botonera a{
	font-size:1.5em;
	padding:0.25em;}

.direccion {
	text-align:center;
	margin-top: -2.7em;}

.container {
	margin-top:0;}

.fixed{position:relative; top:0}

.top {
	float:none;
	width:100%;
	margin-left:0;
	margin-right:0;
	text-align:center;
	padding-top:1em;
	margin-top:0;}

.servicio {
	float:none;
	width:98%;
	margin-right:0;
	margin-top: 1em;
	}

.botonera ul {
	float:none;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	}
	
.botonera li {
	float:left;
	text-transform:none;
	text-decoration:none;
	text-align:center;
	display:block;
	/*border-bottom: solid 1px #CCC;*/
	

	padding:0.2em;
	
width: 31.3%;}



.foto {
	display:none;}
}

@media screen and (max-width: 770px){


.galeria {
	
	width:32.3%;
	}
	
}

@media screen and (max-width: 512px){


}
	
@media screen and (max-width: 558px){

.contenedor {
	font-size:1.4em;}

.direccion {
	display:none;}
	
	nav {
		display:none;
		
		}
		
.toogle-button { display:block;
	
	}

.toogle-button{
	display: block;
	width: 50px;
	margin:-2em auto 2em auto;
	background-color: #000;
	border-radius: 10px;
	padding: 10px;
}
.toogle-button span{
	display: block;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	height: 16px;
	position: relative;
	text-indent: -9999px;
}
.toogle-button span:after{
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}

.botonera ul{
	font-family: 'Roboto', sans-serif;
	margin-top:0;
		text-transform:none;
	text-decoration:none;
	width:100%;
	margin-left:0;
	
	
	
	}
.botonera li{
	
	
	
	width:100%;
	margin-right:0;
	margin-left:0;
	
	
	
	
	}



.botonera a{
	padding:0.35em;
  
	display:block;
	
	
	text-transform:none;
	text-decoration:none;
	

	
	}

.botonera a:hover {
	
	
	
}

.botonera li{
	width:100%;
	margin:0 0 0.35em 0;
	background:#fff;
	}

.topi {
	height:px;}

.ancla2 {
	height:px;}
	
.ancla:before {
      display: block;
      content: " ";
      margin-top: -238px;
      height: 238px;
      visibility: hidden;
}
.principal {
	margin-top:1em;
	
	}
.dire {
	display:none;
	
	
	}

.tel {
	display:block;
float:right;
width:50%;
margin-top:0.8em;

	
	}


.red {
	width:10.6%;
	
	
	}
red img{
	
	margin-left:auto;
	margin-right:auto;
	
	
	}


.consultoria {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	float:none;
	
	}
	
	.consultoriados {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	float:none;
	
	}
	
.galeria {
	width:49%;
	}

footer {
	letter-spacing:normal;}


.topi {
	position:absolute;
	min-height:0;}

.titulo {

	font-size:1.9em;
	}

.description {
	
	font-size:1.6em;
	
	}

.description_titulo{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;}
}