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


/* FONTS */
@font-face {
	font-family:'adobe_garamond_pro';
	src:url('fonts/agaramondpro/agaramondpro-bolditalic-webfont.eot');
	src:url('fonts/agaramondpro/agaramondpro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/agaramondpro/agaramondpro-bolditalic-webfont.woff') format('woff'),
		url('fonts/agaramondpro/agaramondpro-bolditalic-webfont.ttf') format('truetype'),
		url('fonts/agaramondpro/agaramondpro-bolditalic-webfont.svg#adobe_garamond_pro_bolditalic') format('svg');
	font-weight:bold;
	font-style:italic;
}


/* RESETS */
p {
	margin:10px 0;
}

img {
	border:none; display:block;
}


/* GLOBAL */
body {
	margin:0; background:url(../imgs/fondo-algodon.jpg); background-attachment:fixed; background-size:cover; font-family:Garamond, Georgia, "Times New Roman", Times, serif; font-size:14px;
}

body > div.content {
	width:920px; margin:0 auto; position:relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family:'adobe_garamond_pro', Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:0;
}

h2 {
	font-style:italic; color:#7E6443; font-size:72px; line-height:60px;
}

h3 {
	font:bold 16px Garamond, Georgia, "Times New Roman", Times, serif;
}

hr {
	display:none;
}


/* HEADER */
header {
	height:28px; overflow:visible;
}

header img {
	float:left; width:177px;
}

header nav {
	padding-top:3px; height:25px; background:#969696; background:rgba(150, 150, 150, 0.8); width:743px; float:right;
}

header nav ul {
	padding:0; margin:0; list-style:none;
}

header nav > ul {
	margin-bottom:10px; float:left;
}

header nav > ul > li {
	font-family:Garamond, Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; width:102px; text-align:center;
}

header nav li {
	float:left; margin-right:10px; position:relative;
}

header nav > ul > li > a:hover {
	opacity:0.8;
}

header nav > ul > li:hover ul li {
	background:#969696; background:rgba(150, 150, 150, 0.8);
}

header nav a {
	display:block; padding:5px; color:#fff; text-decoration:none;
}

header nav ul ul {
	position:absolute; left:-9999px; padding-top:2px; top:23px;
}

header nav ul ul li {
	background:#969696; text-align:left; width:122px;
}

header nav ul ul li:first-child a {
	padding-top:15px;
}

header nav li:hover ul {
	left:0;
}

header nav ul li ul a:hover {
	text-decoration:underline; opacity:0.8;
}


/* SLIDER */
.slider {
	width:743px; float:right; position:relative; margin-top:126px;
}

.slider > div {
	position:relative; width:743px; height:536px;
}

.slider > div > img {
	float:right; margin-left:15px;
}

.slider > div > h2 {
	text-align:right;
}

.slider > div > p {
	position:absolute; right:369px; bottom:130px;
}

.slider > div > p > a {
	font:bold italic 14px "Courier New", Courier, monospace; color:#7E6443;
}

.slider > div > .description {
	position:absolute; left:0; bottom:0; width:359px; height:100px; background:#969696; background:rgba(150, 150, 150, 0.8); color:#FFF; padding:15px; font:bold italic 14px/20px 'adobe_garamond_pro', Georgia, "Times New Roman", Times, serif; overflow:auto;
}
.slider > div > .description:hover {
	box-shadow:#4C778F 0 0 3px;
}

.slider .slider_nav {
	position:absolute; left:7px; bottom:140px;
}

.slider .slider_nav div {
	width:14px; height:14px; border-radius:7px; background:#969696; background:rgba(150, 150, 150, 0.6); float:left; margin-right:10px; cursor:pointer;
}
.slider .slider_nav div:hover {
	background:#969696;
}

.slider .slider_nav .active {
	background:#4C778F; cursor:auto;
}
.slider .slider_nav .active:hover {
	background:#4C778F; box-shadow:#4C778F 0 0 3px;
}


/* CONOCE MAS */
.conoce_mas {
	float:left; width:157px; padding:10px; font-weight:bold; color:#FFF; background:#969696; background:rgba(150, 150, 150, 0.6);
}

.conoce_mas.colecciones {
	position:absolute; left:0; bottom:0;
}

.conoce_mas a {
	display:block; margin-top:5px;
}


/* FOOTER */
footer {
	margin-top:20px; height:75px; background:#969696;
}


/* MISC */
.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

div.page_title {
	color:#FFF; background:#969696; background:rgba(150, 150, 150, 0.8); margin-left:85px; padding:5px 10px;
}

.modal_windows {
	display:none;
}


/* CONTACT FORM */
.o3_modal_window {
	width:400px; background:url(../imgs/fondo-algodon.jpg); background-attachment:fixed; background-size:cover; box-shadow:#000 0 0 5px; color:#414040;
}

.o3_modal_window h4 {
	border-bottom:1px solid rgba(150, 150, 150, 0.6); margin-bottom:15px; padding-bottom:10px; color:#414040; font:normal bold 16px Garamond,Georgia,"Times New Roman",Times,serif;
}

.o3_modal_window .field {
	width:190px;
}

.o3_modal_window label {
	display:block; margin-left:3px; font-weight:bold;
}

.o3_modal_window input:not([type="button"]), .o3_modal_window textarea {
	width:176px; border:2px solid #FFF; padding:5px; background:rgba(150, 150, 150, 0.8); color:#FFF; font:16px Garamond,Georgia,"Times New Roman",Times,serif;
}

.o3_modal_window textarea {
	resize:none; width:386px; height:120px;
}

.o3_modal_window button, .o3_modal_window input[type="button"] {
	border:none; padding:5px 10px; color:#FFF; font-weight:bold; cursor:pointer; font:normal bold 14px Garamond,Georgia,"Times New Roman",Times,serif; background:rgba(65, 64, 64, 0.6); margin-left:5px;
}
.o3_modal_window button:hover, .o3_modal_window input[type="button"]:hover {
	background:rgba(65, 64, 64, 0.8);
}

.o3_modal_window button.cancel, .o3_modal_window input[type="button"].cancel {
	 background:rgba(150, 150, 150, 0.6);
}
.o3_modal_window button.cancel:hover, .o3_modal_window input[type="button"].cancel:hover {
	 background:rgba(150, 150, 150, 0.8);
}

.o3_modal_window .buttons {
	float:right; margin-top:5px;
}

.o3_modal_window .loading {
	float:right; margin-top:5px; display:none;
}

.o3_modal_window .loading .message {
	float:left; font-size:11px; font-weight:bold;
}

.o3_modal_window .loading img {
	float:right; margin-left:8px;
}


/* GALLERY */
.galeria {
	width:743px; float:right; position:relative; margin-top:70px;
}

.galeria .main_image {
	margin:28px 0 0 85px; position:relative; float:left;
}

.galeria .main_image .image_holder {
	position:relative; z-index:2;
}

.galeria .main_image .loading {
	position:absolute; left:0; top:0; width:330px; height:575px; z-index:1; background:#969696;
}

.galeria .main_image > div {
	position:relative;
}

.galeria .main_image > div .description {
	position:absolute; left:0; bottom:0; width:300px; padding:20px 15px; color:#FFF; background:#969696; background:rgba(150, 150, 150, 0.6); font-size:12px; z-index:3;
}

.galeria .main_image .where_to_find {
	color:#FFF; background:#969696; background:rgba(150, 150, 150, 0.8); margin-top:20px; padding:10px 15px; text-align:right; font-weight:bold;
}

.galeria .main_image .where_to_find img {
	display:inline-block; vertical-align:middle; margin-left:5px;
}

.galeria .thumbnails {
	float:left; margin-top:28px; margin-left:85px;
	/*
	Moved to JS
	float:right; width:218px; overflow:hidden;
	*/
}

.galeria .thumbnails .wrapper {
	/*
	Moved to JS
	width:10000px;
	*/
}

.galeria .thumbnails .row {
	float:left; margin-right:30px;
}

.galeria .thumbnails .thumbnail {
	margin-bottom:20px; display:block;
}

.galeria .thumbnails .thumbnail.active {
	cursor:auto;
}

.galeria .thumbnails .thumbnail.loading {
	cursor:auto; opacity:0.5;
}

.galeria .thumbnails .thumbnail img {
	border:2px solid #969696;
}

.galeria .thumbnails .thumbnail:hover img {
	opacity:0.8;
}

.galeria .thumbnails .thumbnail.active img {
	border:2px solid #414040;
}

.galeria .thumbnails .thumbnail:hover.active img {
	opacity:1;
}

.galeria .thumbnails .gallery_nav {
	margin-top:10px; height:26px; display:none;
}

.galeria .thumbnails .gallery_nav .left {
	width:13px; height:26px; float:left; background:url(../imgs/sprites.png); background-position:-16px -1px; cursor:pointer;
}

.galeria .thumbnails .gallery_nav .right {
	width:13px; height:26px; float:right; background:url(../imgs/sprites.png); background-position:-1px -1px; cursor:pointer;
}

.galeria .thumbnails .gallery_nav > div.disabled {
	opacity:0.5;
}

.galeria .thumbnails .details {
	margin-top:20px; background:#969696; background:rgba(150, 150, 150, 0.8); padding:10px 15px;
}

.galeria .thumbnails .details .color {
	width:21px; height:21px; float:left; margin-right:18px;
}

.galeria .thumbnails .details p {
	font:bold 14px "Courier New", Courier, monospace; color:#FFF; margin:10px 0 5px;
}

.galeria .thumbnails .details a {
	font:italic 11px "Courier New", Courier, monospace; color:#FFF;
}