@charset "utf-8";
/* CSS Document */

body {background-image: url(imagenes/fondo_small2.png);
		background-size: 980px;
		margin-top: 0}

main {	width: 1024px;
		background:#FFFFFF;
		margin: auto;
		margin-top: 0}

header {width: 1024px;
		height: 347px;
		display: block}

#logo {	height: 200px;
		width: 200px;
		margin:auto;
		padding-top: 50px;
		padding-bottom: 25px}

#menu {	margin-left:30px;
		margin-right: 50px;
		background: #ffffff;
		height:47px}	


#menu ul 	{margin-left: 0px;
			width: 680px;}

#menu li {list-style: none}

#menu li a {text-decoration: none;
			font-family: julius sans one, sans-serif;
			font-size: 10pt;
			color: #59013c;
			font-weight: bolder;
			float: left;
			display: block;
			height: 32px;
			width: 170px;
			text-align: center;
			padding-top: 15px}

#menu li a:hover {color: #ffffff;
				background: #a47721}

#menu #redes {float: right;
			padding-top: 8px;
			height: 33px}

#menu img {margin-left: 11px;
		margin-right: 16px}

#divisiones {width: 1024px;
			float: left;
			clear: both}

.bordado {width: 512px;
		float: left;
		position: relative;
		overflow: hidden;
		text-align: center;
		color: #FFFFFF}

.bordado img { transition: all 0.2s linear;
		display: block;
		position: relative}

.bordado .bordadotexto {opacity: 0;
	background-color: rgba(0,0,0,0.5);
	transition: all 0.3s ease-in-out;}

.bordado h2 {transform: translateX(-200px);
	opacity: 0;
	transition: all 0.7s ease-in-out}

.bordado h2 { background: #ce6346}

.bordado a.link{opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: translateY(100px)}

.bordado a.link{display: inline-block;
	text-decoration: none;
	color: #FFFFFF;
	background:#930f38}

.bordado:hover .bordadotexto {opacity: 1}

.bordadotexto {position: absolute;
			top: 0;
			height: 600px;
			width: 512px;
			overflow: hidden}

.bordadotexto h2 {color: #FFFFFF;
		font-family: Julius Sans One, sans-serif;
		font-size: 60pt;
		font-weight: bolder;
		text-align: center;
		margin-top: 270px}

.bordadotexto .link a{text-decoration: none;
			color: #FFFFFF}

.bordado:hover h2, a.link {opacity: 1;
		transform: translateX(0px)}

.bordado:hover a.link {transition-delay: 0.2s;
		transform: translateY(0px)}

.pintura {width: 512px;
		float: right;
		position: relative;
		overflow: hidden;
		text-align: center;
		color: #FFFFFF}

.pintura img { transition: all 0.2s linear;
		display: block;
		position: relative}

.pintura .pinturatexto {opacity: 0;
	background-color: rgba(0,0,0,0.5);
	transition: all 0.3s ease-in-out;}

.pintura h2 {transform: translateX(-200px);
	opacity: 0;
	transition: all 0.7s ease-in-out}

.pintura h2 { background: #9e477d}

.pintura a.link{opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: translateY(100px)}

.pintura a.link{display: inline-block;
	text-decoration: none;
	color: #FFFFFF;
	background:#930f38}

.pintura:hover .pinturatexto {opacity: 1}

.pinturatexto {position: absolute;
			top: 0;
			height: 600px;
			width: 512px;
			overflow: hidden}

.pinturatexto h2 {color: #FFFFFF;
		font-family: Julius Sans One, sans-serif;
		font-size: 60pt;
		font-weight: bolder;
		text-align: center;
		margin-top: 270px}

.pinturatexto .link a{text-decoration: none;
			color: #FFFFFF}

.pintura:hover h2, a.link {opacity: 1;
		transform: translateX(0px)}

footer {width: 1024px;
		background-color: #930f38;
		text-align: center;
		height: 70px;
		position: absolute;
		margin-top: 600px}

footer #big {color:#ffffff;
		margin-top: 0px;
		padding-top: 15px;
		width: 1024px;
		font-size: 11pt;
		font-family:monda, sans serif;
		float: left}

footer #small {text-align: center;
		height: 20px;
		color:#ffffff;
		margin-top: 40px;
		position: absolute;
		width: 1024px;
		font-size: 6pt;
		font-family:monda, sans serif;
		float: left}

footer #small a {text-decoration: underline;
		color: #ffffff}