/*
Colores:
	letra Turquesa: #257c7b;
	letra Rojo oscuro(menu:hover, navlink,...): #993333;
	letra Rojo claro: #BD5532;
	letra contenido: DarkSlateGray	
	fondo: #f1f5de
	linea: #d4cb82
*/
html {font-family: 'Book Antiqua',Calibri,arial;font-size:100%;}
body.home { 
	background:#f9f9f9 url(../img/general/bg_home_cat_sofa.jpg) bottom no-repeat;
	height:1000px;
	margin:0px;
	font-size:16px;
}
#logo img {
	float: left;	
	width: 200px;height:200px;
	padding-top: 30px;
	border: 0px solid black;
}
img#header {
	clear:left;
	width: 219px;height:53px;
	float:left;
	margin-left:-10px;
	margin-top: 10px;
	border: 0px solid black;	
}
img#siguenos {
	display:block;
	float:left; 
	width: 129px; height: 46px;
	border:0px solid black;	
	margin-top:-80px;
}
a#logo_facebook, a#logo_instagram {
	float:right;
	width: 30px; height: 30px;
	border:0px solid black;
	margin-top:-70px; margin-right:14px;
}
a#logo_facebook { background:url(../img/general/logo_facebook.png) 0px 0px; margin-right:-25px; }
a#logo_instagram { background:url(../img/general/logo_instagram.png) 0px 0px; }
a#logo_facebook:hover, a#logo_instagram:hover { background-position:0px -30px }
img#jaula {
	float: right;
	right:0px;
	width: 120px;	
	border:0px;
	margin-top: -8px;
}
#basketLink {
	float:right;
	margin:10px;
}
div#introText  {
	clear:left;
	width: 200px;
	float:left;
	margin-top:-16px;
	margin-bottom: 40px;
	font-weight:normal;
	border: 0px solid black;
	text-shadow:  1px 0px 12px rgba(240, 243, 209, 0.72);	
	/*font-style: italic;*/
	text-align:center;
}
#footer {
	float:left;
	bottom:0px;	
	/*position: absolute;*/
	color: #257c7b;
	font:normal 12pt Calibri,arial; 
	margin: 1% 24%;
	width: 95%;
	border: 0px solid black;
}
#footer span { 
	margin-left: 44px;
	cursor: pointer;
	color: #BD5532;
}
div.separador {
	width:96%; height:1px;
	background:#d4cb82;
	margin:18px auto;
}
a#newTag {
	float:right;
	width: 70px; height: 70px;
	border:0px; margin-right:30px; margin-top:-120px;
	background:url(../img/general/newTag.png) 0px 0px;
	display: none;
}
a#newTag:hover { background-position:0px -70px }
#Container { 
	clear:both; min-height: 300px; /* para mantener fijo el suelo al filtrar las  piezas */
	width:100%;
	margin-bottom: 300px;
    background: #f1f5de;
} 
#Container a { 
	display: none; /* es mixitup quien se encarga de mostrar el que toca */
	position: relative;
	border: 6px solid white;	
	width:200px; height:200px;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	margin:10px;
   -moz-box-shadow:    outset 0 0 14px #000000;
   -webkit-box-shadow: outset 0 0 14px #000000;
   box-shadow:         outset 0 0 14px #000000;
}

.box {
		background: #f4f4f4;
		border: 2px solid #bbbbbb;
		width: 200px;
		height: 200px;
		margin: 60px auto;
		position: relative;
	}
	 
.box:before {
	border: 2px solid white;
	content: '';
	width: 198px;
	height: 198px;
	position: absolute;
}
         
.box:after {
	content: '';
	position: absolute;
	width: 196px;
	height: 196px;
	border: 2px solid #bbbbbb;
	border-bottom: 0px;
	left: 1px; top: 1px;
}
#Container a:hover, #bxslider_others li a:hover, #bx-pager a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.infoDiv {
	color: #367466;
	float:left;width:60%;
	line-height:1.2;
}

.infoDiv  .font2 { 
	font-weight:bold;
}

.linea {
	width:98%;position:absolute;background:#d4cb82;height:1px;margin:10px 0px;clear:both;
}

div#_introDiv {
/*
	font-family: inaring,Calibri,arial;
	font-size: 15pt;
	font-weight: bold;
*/	
	/*color:#b95958;*/
	font-size: 13pt;
	color:#1f6968;
	padding: 0px 20px 0px 20px;
	text-indent: 30px;
	clear:both;
	border:0px solid #000;
	float:left;
	position:relative;
}
div#smoke  {
    position:fixed;
    z-index:10000;
    top:0; left:0;
    height:100%; width:100%;
	display: none; 
	z-index:9999;
	background:#fafaf2; 
	/*opacity:0.7; filter:alpha(opacity=70);*/
}
div.thumbSeparator {
	margin: 6px 0px;
	padding-left:20px;
	float:right; 
	font:normal 11pt Calibri,arial;
	color:#373B44;
	background:url(../img/general/zoom_in.png) left top no-repeat;
}
#frmContact {
	position:absolute;top:280px;
	width: 580px; height:380px;
	margin-left:180px;
	/*background:#f1f5de;*/	
	padding:20px 40px 30px 20px;
	border: 1px solid #eee;
	background:#fafbf3;
	border: 1px solid #d4cb82;	
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;	
}
#frmContact  label {
	width: 80px;
	float: left;
	clear:left;
	line-height: 25px;
	font-size:11pt;font-weight:bold;
	color:#367466;
}
#frmContact  input, textarea {	
	float: left;
	margin: 4px 0px;
}
#faqDiv  {
	width:95%;height:auto;
	padding:15px;
	border: 1px solid lightGrey;
	background:#fafbf3;	
}
.frame
{
	border: 1px solid #d4cb82;
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/* Paper Effect */

.paper {	
    background-color: #f9f9f9;
    background-image: -webkit-linear-gradient(hsla(0,0%,0%,.025), hsla(0,0%,100%,.05) 33%, hsla(0,0%,0%,.05) 33%, hsla(0,0%,100%,.05) 67%, hsla(0,0%,0%,.05) 67%, hsla(0,0%,100%,.025));
    box-shadow: inset 0 0 0 .1em hsla(0,0%,0%,.1),
                inset 0 0 1em hsla(0,0%,0%,.05),
                0 .1em .25em hsla(0,0%,0%,.5);
    position: relative;
}
.paper:after,
.paper:before {
    bottom: .1em;
    box-shadow: 0 0 .5em .5em hsla(0,0%,0%,.25);
    content: '';
    height: 3em;
    position: absolute;
    width: 96%;
    z-index: -1;
}
.paper:after {
    right: 1em;
    -webkit-transform: rotate(3deg);
    -webkit-transform-origin: 100% 100%;
}
.paper:before {
    left: 1em;
}

.myButton {
	margin: 1em;
	background-color:#367466;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #367466;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:Arial;
	font-size:14px;
	padding:12px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	clear:both;
}
.myButton:hover {
	background-color:#2e9998;
	border-color:#2e9998;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButton2 {
	margin: 1em;
	background-color:#f2f5e0;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #f2f5e0;
	float:right;
	display:inline-block;
	cursor:pointer;
	color:#479d9c;
	font-family:Arial;
	font-size:13px;
	padding:10px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;	
}
.myButton2:hover {
	background-color:#FBEED3;
}
.myButton2:active {
	position:relative;
	top:1px;
}
.btnTrans {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
	color: #993333;	
    cursor:pointer;
    overflow: hidden;
    outline:none;
	text-decoration:underline;font-style:italic;text-align:right;
}
input.addCartBtn[type=submit] { 
	float:right; 
	margin:8px;
	width:163px; height:50px;
	cursor:pointer;
	border:0px;
	clear:both; 
	background: url('../img/general/checkoutBtn.png');
}

.infoHeader { color:#BD5532; font-style: italic; clear:both; margin-top: 1em; font-size: 110%; font-weight:bold }
.infoContent { margin-left:1em; margin: 1em; clear:both; color: DarkSlateGray; font-size:110%; font-family: Gadget;text-align: justify; }
#infoIcon { margin:0px;padding:0px; position:absolute;}
#infoIcon  a {
	background:url(../img/general/info.jpg) 0px -2px no-repeat; 
	position:relative; z-index: 10000;
	display: block; float:right;
	width:25px;height:25px;
}
#infoIcon  a:hover {
	background:url(../img/general/info.jpg) 0px -27px no-repeat; 
}
/*
#Container a:hover:before {
	content: " ";
	position: absolute;	
	top: -4px;
	left: -4px;
	right: -4px;
	bottom: -4px;
	border: 1px solid #68b8c4;
	opacity: 1;
	filter: alpha(opacity=100);  
}
*/
#social {
	float:left;margin-top:35px;clear:both;width:180px;
}
div#cuadros {
	float: left;	
	/*width: 670px;*/
	border: 0px solid black;
	margin-left:50px;margin-top:-100px;
}
div#cuadros  img {
	border: 0px solid black;
}
#tiempo {
	float: left;
	display:block;
	width: 132px;height:132px;
	background:url(../img/general/frames/tiempo.png) no-repeat;
	margin-top: 30px; margin-left: 5px;
}
#pinturas {
	display:block;
	float: left;
	width: 220px; height:245px;
	margin-top: 60px; margin-left: 5px;
	background:url(../img/general/frames/pinturas.png) no-repeat;
}
#asia {
	display:block;
	float: left;
	width: 140px;height:171px;
	margin-top: 40px;
	background:url(../img/general/frames/asia.png) no-repeat;
}
#fantasia {
	display:block;
	float: left;
	width: 147px;height:175px;
	margin-left: 230px; margin-top: -140px;
	background:url(../img/general/frames/fantasia.png) no-repeat;
}
#abstracto {
	display:block;
	float: left;
	width: 100px;height:120px;
	margin-top: 60px; margin-left: 15px;
	background:url(../img/general/frames/abstracto.png) no-repeat;
}
#cosmos {
	display:block;
	float: left;
	width: 120px;height:127px;
	margin-top: -75px; margin-left: 15px;
	background:url(../img/general/frames/cosmos.png) no-repeat;
	clear:left;
}
div.wrapper {
	width: 940px; height: 100%;
	position:relative;
	margin: 0 auto;
	padding: 0px;
	border: 0px solid black;
	background:url(../img/general/wrapper_bkg.png) top no-repeat;
}
#menu {
	position:absolute;
	top: 120px;
	left:53%;
	margin-left:-250px;
	/*top: 120px; left: 60px;*/
	border: 0px solid black;
}
#menu span { 
	color: #257c7b;
	font-size:120%;
	margin-left: 40px;
	cursor:pointer;
	text-shadow:  1px 0px 12px rgba(240, 243, 209, 0.72);
}
#menu span.active { color:#993333; cursor:default }
#menu span.home { cursor: default }
.titulo1 { 
	color: #257c7b; 
	font:bold 14pt Calibri,arial; 
	margin: 5px 0px;
}
#menu span:not(.home):hover { 
	color: #993333; 
}
a.mix:link, a.mix:visited{text-decoration:none; color:#416CE5; }
h2{font-size:13px; margin:15px 0 0 0;}
.header1 {
	color:#BD5532;font-size:110%;font-style:italic;text-align:center;height:50px;padding-left:10%;
}
.font1, .font1 a {
	color: #993333;
	text-decoration: none;
	/*font-style:italic;*/
}
.font2, .font2 a { 	
	color: #BD5532;
	text-decoration: none;
	font-style:italic;
	/*text-shadow:1px 0px 12px rgba(240, 243, 209, 0.72);*/
}
.navlink {
	text-decoration:underline;font-style:italic; font-family: calibri; 
}
.navlink2 { font-size: 90%; color: #BD5532; }
@font-face {
    font-family: inaring;
    src: url(song.ttf);
}
@font-face {
    font-family: header;
	src: url(angelface.ttf);
}
#bx-pager { clear: left; }
ul { margin-left:-15px; margin-top:0px; }
.ina-tooltip
{
	color: #993333;
	padding:5px 10px;
    font-size:10pt;
    font-family:Calibri;
	border: 1px solid #d4cb82;
	/*box-shadow: 0 0 6px #2f6627;*/
}
/**************** carrito *********************/
div#carritoDiv, div#webInfo , div#feedback{
	display:none;
	overflow: auto;
    background: #f1f5de; /* For browsers that do not support gradients */    
    background: -webkit-radial-gradient(#ffffff,#f1f5de); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#ffffff,#f1f5de); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#f1f5de, #ffffff); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#ffffff,#f1f5de); /* Standard syntax (must be last) */	
	border: 1px solid #d4cb82;	
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	z-index: 9999;
}
.qty {
    width: 20px;
    height: 14px;
    text-align: center;	
}
input.qtyplus, input.qtyminus { width:18px; height:18px;}
div#carritoDiv, div#feedback { padding:10px 16px; width:80%; height:auto; }
div#webInfo  { padding:0px; overflow: hidden; }
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../img/general/loading.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block; text-align: center;
}
a.closeIcon {
	background: url('../img/general/close2.png');
	width: 30px; height:30px;
	float:right;cursor:pointer;
}
/* Campo formulario contacto para la validación humana */
div#apellidos { display:none; }