body{

	font-family: 'Questrial', sans-serif;
	margin:0;
}
.mobile{
	display:none;
}



.navegacion{
	display:block;
	width: 1024px;
	height: 50px;
	background: #cccccc url(../img/tira.png);
	background-size: cover;
	overflow: auto;
	margin:0 auto;

}

.logo{
	margin: -50px 0 0 50px;
	position: absolute;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.5);
	z-index: 100;
	float:left;
}

.navegacion ul, .footer .nav ul{
	width: 60%;
	height: 50px;
	margin: 0 auto;
	overflow: auto;
	list-style: none;
}

.navegacion ul li, .footer .nav ul li{
	width: 14%;
	height: 100%;
	margin:0;
	padding: 0;
	font-size: 10px;
	float:left;
	overflow: hidden;
	text-align: center;
}

.navegacion ul a, .footer .nav a{
	width: 100%;
	color: #ffe692;
	height: 25px;
	padding:20px 0;
	font-family: 'Questrial', sans-serif;
	text-decoration: none;
	float: left;

}


.encuadre{
	display: none;
}

.footer .nav a {
	color: #f79b31;
}

.navegacion ul a:hover{
	background: #f79b31;
}
.navegacion ul a:visited {
	color:#ffe692;
}


.resaltar {
	font-weight: bold;
	font-style:italic;
}


.inicio .pikachoose img{
	width: 100%;
}

.pika-stage {background: white; position: relative; width: 1024px; height :300px; margin:0 auto;}


	.pika-stage .pika-aniwrap, .pika-stage .main-image {position: absolute; top: 0; left: 0;}
	.pika-stage .pika-aniwrap{width:100%;}	
	.pika-stage img {border:0;width:100%;}

.pika-textnav, .pika-imgnav {display:none;}
.pika-counter{display:none;}

#pikame{display:none;}

.catalogo {
	font-size: 17px;
}

.catalogo .contenedor {
	font-family: 'EB Garamond', serif;
	width: 1024px;
	margin: 0 auto;
	background: #D8DADB;
}

.catalogo .grid{
	width: 987px;
	height: 296px;
	padding: 50px 0;
	margin: 0 auto;
	overflow: auto;
}



.catalogo .contenedor ul{
	width: 1170px;
	height: 275px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}


.catalogo .granito .contenedor ul{
	width: 2850px;
	height: 275px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}

.catalogo .contenedor ul li{
	margin: 0 15px 10px 0;
	float: left;
}
.catalogo .elemento img{
	background: white;
	cursor: pointer;
	width: 152px;
	height: 125px;
}

.catalogo .elemento img:hover{
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
}

.catalogo .cuadro {
	overflow: auto;
	margin: 25px auto;
	width: 1024px;
}
.catalogo .cuadro .display{
	float: left;
	width: 163px;
	height: 255px;
}



.elemento h1, .elemento .info, .elemento .marm {
	display: none;
}



.catalogo .envoltura{
	width: 1024px;
	background: white;
}

.contenido {
	width: 1024px;
	overflow: auto;
	margin: 25px auto;
}

 .intro {
  font-family: 'EB Garamond', serif;
	border-left: solid 1px #f79b31;
	padding: 0 0 15px 18px;
	width: 50%;
	margin: 0;
	float: left;

}


.side {
	font-family: 'EB Garamond', serif;
	float:left;
	margin:0 37px 0 50px;
	padding: 0;
	width: 163px;
	height: 270px;
}

h1, h2, h4{
	font-family: 'Questrial', sans-serif;
}

h1, h2{
		color: #f79b31;
}

.catalogo .boton {
	color: black;
	text-decoration: none;

}

.catalogo .boton:hover {
	cursor: pointer;
	color: #f79b31;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
 
::-webkit-scrollbar-track {
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background: rgba(247,155,49,0.8); 

} 

.splash{
	width: 1024px;
	margin: 0 auto;
	display: none;
}

.splash .marmolito, .splash .boton, .splash .marmolesPrincipal {
	font-family: 'Questrial', sans-serif;
	font-size: 11px;
	margin:0;
	padding: 0;
	float: left;
}

.marmolesPrincipal:hover{
	cursor: pointer;
	color: #f79b31;
}

}
.bCat, .marmolesPrincipal{
	text-decoration:underline;
}

.contacto .intro{
	width: 700px;
}
.contacto .conjunto{
	width: 321px;
	float:left;

}
.contacto .forma ul{
	margin: 0;
	padding: 0;
	list-style: none;
	
}
.contacto .forma ul li{
	float: left;
	margin:  0 15px 0 0 ;
	padding: 0;
	width: 152px
}

.contacto .forma .conjunto li, .contacto .forma .comenta li{
	float: left;
	margin:  0 15px 0 0 ;
	padding: 0;
	width: 320px;
}

.contacto .forma .comenta li{
	margin:  0  0 0  15px;
}

.contacto .forma label{
	float:left;
}

.contacto .forma input[type="text"], .forma input[type="email"], .forma textarea, .forma select {
	float: left;
    width: 310px;
    padding: 5px 4px 0px 5px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: none;
    background: #E7E8E9;
    outline: 0;

    font-family: 'EB Garamond', serif;

}

.contacto .forma select {
	float: left;
    cursor: pointer;

    background:  #E7E8E9 url('../img/down-arrow.png') no-repeat right;
   	appearance:none;
    -webkit-appearance:none; 
   	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width:152px;

}

.contacto .forma button{
	float: right;
    padding: 5px 12px 5px 12px;
    background: #f79b31;
    border: none;
    color: #FFF;
    font-family: 'EB Garamond', serif;
    font-size: 12px;
}
.contacto .forma button:hover{
    background: #F2B375;
    cursor: pointer;
}

@media all and (max-width: 640px) {

		.logo{
			margin: 80px 0 0 25px;
			position: absolute;
			box-shadow: 5px 5px 15px rgba(0,0,0,0.5);
			z-index: 100;
			float:left;
		}
		.mobile{
			display:block;
			background:red;
			width:640px;
			margin:0;
		}
		.mobile ul{
			margin: 0;
			padding:0 ;
			width: 640px;
		}
		.mobile ul li{
			list-style: none;
			width: 640px;
			background: #f79b31;
			margin: 0;
			padding: 10px 0;
			text-align: center;
		}
		.mobile ul a{
			font-size: 15px;
			width: 640px;
			color:#ffe692;
			background: #f79b31;
			text-decoration: none;
			padding: 10px 35%;
		}
		.mobile ul a:hover{
			color:white;
		}



		.banner{
		width: 640px;
		margin: 0;
		height: 100px;
		position:relative;
	}

	.navegacion{
		display:none;
	}


	.footer .nav a {
		display: none;
	}

	.navegacion ul a:hover{
		background: #f79b31;
	}
	.navegacion ul a:visited {
		color:#ffe692;
	}


	.resaltar {
		font-weight: bold;
		font-style:italic;
	}


	.inicio .pikachoose img{
		width: 100%;
	}

	.pika-stage {background: white; position: relative; width: 640px; height:187px; margin:0 auto;float: left;}


		.pika-stage .pika-aniwrap, .pika-stage .main-image {position: absolute; top: 0; left: 0;}
		.pika-stage .pika-aniwrap{width: 100%; }
		.pika-stage img {border:0;width: 100%;}

	.pika-textnav, .pika-imgnav {display:none;}
	.pika-counter{display:none;}

	#pikame{display:none;}


	.catalogo .contenedor {
		width: 640px;
		margin: 0;
		background: #D8DADB;
	}

	.catalogo .grid{
	width: 530px;
	height: 296px;
	padding: 20px 40px;
	margin: 0 auto;
	overflow: auto;
}



.catalogo .contenedor ul{
	width: 1170px;
	height: 275px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}

	.catalogo .granito .contenedor ul{
		width: 640px;
		height: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.catalogo .contenedor ul li{
		margin: 0;
		padding: 0;
		float: left;
		width: 152px;
		height: 125px;
	}
	.catalogo .elemento img{
		background: white;
		cursor: pointer;
		margin: 0;
		padding: 0;
	}

	.catalogo .elemento img:hover{
		opacity: 0.7;
		-webkit-transition: opacity .15s ease-in-out;
	    -moz-transition: opacity .15s ease-in-out;
	    -ms-transition: opacity .15s ease-in-out;
	    -o-transition: opacity .15s ease-in-out;
	    transition: opacity .15s ease-in-out;
	}

	.catalogo .cuadro {
		overflow: auto;
		margin: 25px auto;
		width: 640px;
	}
	.catalogo .cuadro .display{
		float: left;
		width: 162px;
		height: 255px;
	}


	.elemento h1, .elemento .info, .elemento .marm {
		display: none;
	}


	.catalogo .envoltura{
		width: 640px;
		background: white;
	}

	.contenido {
		width: 600px;
		overflow: auto;
		margin: 25px auto;
	}

	 .intro {
	  font-family: 'EB Garamond', serif;
		border-left: solid 1px #f79b31;
		padding: 0 0 15px 18px;
		width: 50%;
		margin: 0;
		float: left;

	}


	.side {
		font-family: 'EB Garamond', serif;
		float:left;
		margin:0 37px 0 50px;
		padding: 0;
		width: 163px;
		height: 270px;
	}
	.modifica{
		width: 370px;
		height: 100px;
		margin: 0 60px;
	}

	h1, h2, h4{
		font-family: 'Questrial', sans-serif;
	}

	h1, h2{
			color: #f79b31;
	}

	.catalogo .boton {
		color: black;
		text-decoration: none;

	}

	.catalogo .boton:hover {
		cursor: pointer;
		color: #f79b31;
	}

	::-webkit-scrollbar {
	    width: 10px;
	    height: 10px;
	}
	 
	::-webkit-scrollbar-track {
	    border-radius: 10px;
	}
	 
	::-webkit-scrollbar-thumb {
	    border-radius: 10px;
		background: rgba(247,155,49,0.8); 

	} 

	.splash{
		width: 640px;
		margin: 0 auto;
		display: none;
	}

	.splash .marmolito, .splash .boton, .splash .marmolesPrincipal {
		font-family: 'Questrial', sans-serif;
		font-size: 11px;
		margin:0;
		padding: 0;
		float: left;
	}


	.marmolesPrincipal:hover{
		cursor: pointer;
		color: #f79b31;
	}

	.bCat, .marmolesPrincipal{
		text-decoration:underline;
	}
	.contacto .intro{
		width: 400px;
		margin:0 60px;
	}
	.contacto .conjunto{
		width: 50%;
		float:left;
	}
	.contacto .forma ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.contacto .forma ul li{
		float: left;
		margin:  0 15px 0 0 ;
		padding: 0;
		width: 152px
	}

	.contacto .forma .conjunto li, .contacto .forma .comenta li{
		float: left;
		margin:  0 15px 0 0 ;
		padding: 0;
		width: 320px;
	}

	.contacto .forma .comenta li{
		margin:  0  0 0  15px;
	}

	.contacto .forma label{
		float:left;
	}

	.contacto .forma input[type="text"], .forma input[type="email"], .forma textarea, .forma select {
		float: left;
	    width: 310px;
	    padding: 5px 4px 0px 5px;
	    margin-top: 2px;
	    margin-right: 6px;
	    margin-bottom: 16px;
	    border: none;
	    background: #E7E8E9;
	    outline: 0;

	    font-family: 'EB Garamond', serif;

	}


}

label.error {
	display: none;
	font-size: 0px;
	}

.contacto .forma input[type="text"].error, 	.contacto .forma input[type="email"].error{
		background: red;
	}

	textarea.error{
		background: red;
	}

.banner{
	background: white;
	width: 1024px;
	margin: 0;
	height: 100px;
	position:relative;
}