@font-face {
	font-family: "Didact Gothic";
	font-style: normal;
	font-weight: 300;
	src: local('Didact Gothic'), local('DidactGothic'), url("DidactGothic.ttf") format('truetype');
}

html, body, #centrado {background: #C5C5C5; height:100%; width: 100%; margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#centrado { margin: 0px auto; text-align: left; vertical-align: middle; border: none; }



.cabecera {margin:0; padding: 0 15px 1px 1px; border-bottom: 1px solid #696664;}
.cabecera .titulo {float: left; text-align: left; margin-bottom: 4px; font-size: 40px; color: white; font-family: "Didact Gothic", "Century  gothic", Arial, Helvetica, sans-serif;}
.cabecera .titulo a {text-decoration: none; color: white; }
.cabecera .titulo a:hover {color: black;}
.cabecera .menu {float: right; margin-top: 28px; font-size: 14px;}
.cabecera .menu .boton {float: left; width: 121px; height: 18px; margin: 0 5px; text-align: center; color: black;}
.cabecera .menu .boton a {display: block; width: 121px; height: 18px; text-align: center; line-height: 17px; font-weight: bold; text-decoration: none; color: black; }
.cabecera .menu .boton a:hover {color: white;}
.cabecera .menu .boton a.actual {color: white;}


.inicio {width: 880px; margin: 10px auto; padding: 0;}
.inicio .foto {margin: 0; padding: 40px 50px 40px 50px;}
.inicio .texto {margin: 0; padding: 40px 20px 40px 0; text-align: justify;}
.inicio .texto p {margin: 0 0 10px 0; padding: 0;}
.inicio .texto a {color: #4E76BB; text-decoration: none;}
.inicio .texto a:hover {color: #BC3F3B; text-decoration: underline;}



.galeria {width: 880px; margin: 10px auto; padding: 0;}

.galeria .indice {margin: 0; padding: 40px 30px 40px 30px; font-size:14px;}
.galeria .indice p {width: 150px;}
.galeria .indice a {display:block; width: 150px; height: 18px; line-height: 17px; padding: 0 0 0 10px; font-weight: bold; color: black; text-decoration: none; }
.galeria .indice p.submenu a {padding-left: 16px; width: 144px;}
.galeria .indice a:hover {color: white;}
.galeria .indice a.actual {color: white;}

.galeria .fotos {margin: 0; padding: 40px 20px 40px 0;}
.galeria .fotos table {width: 640px;}
.galeria .fotos table td {padding-bottom: 40px; text-align: center; vertical-align: bottom;}
.galeria .fotos table td .pieFoto {margin-top: 10px; font-size:12px;}
.galeria .fotos table td .pieFoto span {color: #73121D; font-weight: bold;}
.galeria .fotos table td img {border: 1px solid #FFFFFF;}
.galeria .fotos table td .comprar {width: 120px; margin: 10px auto 0 auto; font-size:12px; text-align: center;}
.galeria .fotos table td .comprar div {margin: 5px 0;}
.galeria .fotos table td .comprar a {padding-left: 20px; color: #3D63A6; text-decoration: none; }
.galeria .fotos table td .comprar a:hover {color: #73121D; text-decoration: underline;}
.galeria .fotos table td .comprar a.ver {background: url(../imagenes/galeria/icn_carro.gif) no-repeat left center;}
.galeria .fotos table td .comprar a.poner {background: url(../imagenes/galeria/icn_comprar.gif) no-repeat left center;}

.pie {margin:0; padding: 1px 0 0 0; border-top: 1px solid #696664;}
.pie .idiomas {float: left; margin:0; padding: 2px 0 0 15px;}
.pie .idiomas img {margin:0 4px;}
.pie .copyright {float: right; margin:0; padding: 0 20px 0 0; font-size: 11px; color: #404040;}
.pie .copyright a {color: #404040; text-decoration: none;}
.pie .copyright a:hover {text-decoration: underline;}

.pie .menuInf {float: left; width: 710px; text-align: center; margin:0; padding: 0; font-size: 12px; font-weight: bold; color: #404040;}
.pie .menuInf a {color: #4E76BB; margin: 0 6px; text-decoration: none;}
.pie .menuInf a:hover {color: #BC3F3B; text-decoration: underline;}