/* CSS Document */

html,body{
	margin:0;
	padding:0;
	background:#E8DEDB;
	height: 100%;
	position: relative;
	width: 100%;
}
@font-face {
				font-family: 'MyriadPro-Bold';
				src: url('../fonts/myriadprobold.eot');
				src: url('../fonts/myriadprobold.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/myriadprobold.woff') format('woff'),
						 url('../fonts/myriadprobold.ttf') format('truetype'),
						 url('../fonts/myriadprobold.svg#myriadprobold') format('svg');
				font-weight: normal;
				font-style: normal;
		}
@font-face {
				font-family: 'MyriadPro-Regular';
				src: url('../fonts/myriadproregular2.eot');
				src: url('../fonts/myriadproregular2.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/myriadproregular2.woff') format('woff'),
						 url('../fonts/myriadproregular2.ttf') format('truetype'),
						 url('../fonts/myriadproregular2.svg#myriadproregular2') format('svg');
				font-weight: normal;
				font-style: normal;
		}
.menu{
	width: 1024px;
	height: 42px;
	background:url(../img/fondo-menu.png) repeat-x;
	float:left;
	box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);  -webkit-box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);  -moz-box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);
}
.centrado{
    width: 1024px;
    position: relative;
    margin: 0 auto;
    height: 100%;
	
	
}
.menu ul{
	position: relative;
	margin: 0 auto;
	height: 40px;
	padding: 10px 0;
	width: 990px;
}
.menu ul li{
	float:left;
	list-style:none;
	padding: 0px 22px;
}
.menu ul li a{
	float:left;
	text-decoration:none;
}

.centrar{
	position:relative;
	width: 990px;
	margin:0 auto;
}
.menu ul li .inicio{
	background:url(../img/inicio.jpg) no-repeat;
	padding: 10px 30px;
}
.menu ul li .inicio:hover{
	background:url(../img/inicio_h.jpg) no-repeat;
	padding: 10px 30px;
}
.menu ul li .nosotros{
	background:url(../img/nosotros.jpg) no-repeat;
	padding: 10px 52px;
}
.menu ul li .nosotros:hover{
	background:url(../img/nosotros_h.jpg) no-repeat;
}
.menu ul li .productos{
	background:url(../img/productos.jpg) no-repeat;
	padding: 10px 55px;
}
.menu ul li .productos:hover{
	background:url(../img/productos_h.jpg) no-repeat;
}
.menu ul li .contactenos{
	background:url(../img/contactenos.jpg) no-repeat;
	padding: 10px 67px;
	
}
.menu ul li .contactenos:hover{
	background:url(../img/contactenos_h.jpg) no-repeat;
	
}
.menu ul li .logo{
	position:relative;
	z-index: 9999;
	margin-top: -214px;
}
.menu ul li .logo img{    
    box-shadow: 1px 3px 30px -3px rgb(65, 63, 63);  border-radius: 50%;  -webkit-transition-duration: 0.4s;
	
}
.menu ul li .logo img:hover{
    box-shadow: 1px 3px 30px -3px rgb(95, 39, 12);  border-radius: 50%;  -webkit-transition-duration: 0.4s;
	
}
.menu ul .separador_menu{
}
.container{
	background: url(../img/textura.jpg) repeat #e8dedb;
	float:left;
	width: 1024px;
	height: 325px;
	box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);  -webkit-box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);  -moz-box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);
}
.iconos{
	float:left;
	padding: 0;
	margin: 0;
	padding-top: 2em;
	margin-left: 4em;
}
.iconos li{
	float:left;
	list-style:none;
	padding: 8.6em 1.2em 0 1.2em;
}
.iconos li img{
	width: 75px;
	height: 75px;
	box-shadow: 1px 3px 10px -1px rgb(104, 104, 104);
	border-radius: 50%;
}
.incio-texto{
	float:right;
	width: 370px;
	margin: 100px 0px 0 0;
	min-height: 200px;
	padding-top: 2em;
	margin-right: 4em;
}
.incio-texto p{
	float:left;
	font-family: 'MyriadPro-Regular';
	text-align:justify;
	color:#550905;
	line-height: 15px;
	font-size: 13px;
	letter-spacing: -1.5px;
}
.block1 h1{
    margin: 0;
    
}
.block2 h1{
    margin: 0;
    
}
.block1,.block2{
	width: 435px;
	height:auto;
	float:left;
	border-right: 2px solid #2bb5b6;
	margin: 8em 0px 2em 0;
	padding: 0 2.4em 0 0.8em;
}
.block2{
	border:0;
	margin-left: 2.5em;
	padding: 0;
	width: 460px;
}
.block1 img{
    width: 100px;
	
    height: auto;
}
.block2 img{
    width: 72px;
	
    height: auto;
}
.block1 p
{		font-family:'MyriadPro-Regular';
		color:#550905;
		text-align:justify;
		font-size: 13px;		margin-top: 0.5em;}.block2 p
{		font-family:'MyriadPro-Regular';
		color:#550905;
		font-size: 13px;		margin: 0.5em 0;}
.iconos li a img{
	
}
.iconos li a img:hover{
    width: 75px;  height: 75px;  
    box-shadow: 1px 3px 10px 1px rgb(2, 2, 2);  border-radius: 50%;
	
    -webkit-transition-duration: 0.4s;
}
.content{
	width: 990px;
	position:relative;
	margin:0 auto;
	min-height: 250px;
}
.footer{
    width: 1024px;
	
    float: left;
    background: white;
    box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);  -webkit-box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);  -moz-box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);
}
.footer .sombra{
	background:url(../img/sombra-footer.png) repeat-x;
	float:left;
	width:100%;
	height: 7px;
}
.footer .foo-menu{
	float:left;
	width: 340px;
	padding: 0;
	margin: 7px 0px;
}
.footer .foo-menu li{
	float:left;
	list-style:none;
}
.footer .foo-menu li a{
	text-decoration:none;
	font-family:'MyriadPro-Regular';
	color: rgb(24, 208, 224);
	padding:0 10px;
	font-size: 13px;
	float:left;
}
.footer .foo-menu li a:hover{
	text-shadow: 1px 1px 0px rgb(111, 204, 228);
}
.footer .foo-dir {
	
	font-family:'MyriadPro-Regular';
	color: rgb(24, 208, 224);
	font-size: 13px;
	float: right;
	
	margin: 7px 0px;
}
.galeria{float:left;width:100%;padding: 0;margin-top: 9em;padding-bottom: 3.5em;}
.galeria li{ list-style:none;float:left; padding: 0 7px; width: 150px; text-align: center; height: 110px;}
.galeria li a{
    float: left;
 
    width: 100%;
    height: 100%;
}
.galeria li img{
    position: relative;
    padding: 0;
    margin-top: 130px;
}
#munequeria{
	background: url(../images/thumbs-gal.png) no-repeat;
	background-position: 18px -1px;
}
#munequeria:hover{
	background: url(../images/thumbs-gal.png) no-repeat;
	background-position: 18px -110px;
}
#retablos{
background: url(../images/thumbs-gal.png) no-repeat;
	
background-position: -140px -1px;
}
#retablos:hover{
background: url(../images/thumbs-gal.png) no-repeat;
	
background-position: -140px -110px;
}
#telares{
background: url(../images/thumbs-gal.png) no-repeat;
	

background-position: -295px 0px;
}
#telares:hover{
background: url(../images/thumbs-gal.png) no-repeat;
background-position: -295px -110px;
}
#plateria{
background: url(../images/thumbs-gal.png) no-repeat;
	
		
background-position: -613px -1px;
}
#plateria:hover{
background: url(../images/thumbs-gal.png) no-repeat;
background-position: -613px -109px;
		
}
#ceramicas{
background: url(../images/thumbs-gal.png) no-repeat;
	
		
background-position: -457px 1px;
}
#ceramicas:hover{
background: url(../images/thumbs-gal.png) no-repeat;
background-position: -457px -109px;
		
}
#mascaras{
background: url(../images/thumbs-gal.png) no-repeat;
	
background-position: -773px 0px;
}
#mascaras:hover{
background: url(../images/thumbs-gal.png) no-repeat;
background-position: -773px -109px;
}
.contact{
	margin-top: 7em;
	margin-left: 0.7em;
}
.contact h1{
    margin: 5px 0;
	
}
.contact div{
	font-family:'MyriadPro-Regular';
	font-size: 13px;
	color: #6e2f2b;
	margin-bottom: 0.5em;
}
#formulario{
    float: left;
	
    width: 100%;
    margin-bottom: 1.5em;
}
#formulario table{
    width: 390px;
	
    float: left;
    padding-right: 4em;
}
#formulario table tr{

}
#formulario table tr td{
    font-size: 13px;
   
    font-family: 'MyriadPro-Regular';
    color: #6e2f2b;
    vertical-align: top;
}
#formulario table tr td input,textarea{
   background: rgba(0, 204, 188, 0.4);
   border:0;
   padding:5px;	
   border-radius: 8px;
   width: 310px;
   margin: 0 0 0 2em;
}
#formulario table tr td textarea{
	width: 350px;
}
#formulario table tr td button{
    float: right;
	
    border: 0;
    padding: 0.3em 1em;
    border-radius: 4px;
    background: rgba(0, 204, 188, 0.4);
    color: white;
    font-family: 'MyriadPro-Regular';
    cursor: pointer;
}
#formulario table tr td button:hover{
    background: rgba(10, 173, 162, 0.6);
    
}
.centrar ul li .selected_index{
	background: url(../img/inicio_h.jpg) no-repeat;
	padding: 10px 30px;
}
.centrar ul li .selected_nosotros{background: url(../img/nosotros_h.jpg) no-repeat;}
.centrar ul li .selected_productos{background: url(../img/productos_h.jpg) no-repeat;}
.centrar ul li .selected_contactenos{background: url(../img/contactenos_h.jpg) no-repeat;}
.popup-gal{
	background:rgba(0,0,0,0.9);float:left;
	width: 100%;
	height: 100%;
}
#sonido{
    float: left;
    z-index: 9999;
    top: 0px;
    left: 5px;
}

#sonido img{
    width: 25px;
    float: left;
    height: 26px;
}
.banner{
   box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);
-webkit-box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);
-moz-box-shadow: 1px 1px 23px -1px rgb(184, 170, 167);
}