/* CSS multiespai.net */

/*** GENERALS ***/
* {margin:0; padding:0; /*outline:1px dashed #fff;*/}
/*html {height:100%; width:100%; background-color:#fff;}*/
body { 
	background-color:#000; color:#000;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif; 	
	width:100%;
}

ul {list-style:inside disc;}
a {text-decoration:none; outline:none; cursor:pointer;}
a img {border:0;}
h1, h2, h3, h4, h5, h6, p {margin-bottom:10px;}
.clear {clear:both;}
.hid {visibility:hidden; display:none;}
ol {list-style-position:outside; margin-left:15px;}
 ol li {margin:5px;}
/*** ESTRUCT ***/
#contenedor, #cabecera, #cuerpo {position:relative; width:960px; }
#contenedor {margin:0 auto; text-align:left;}
#cabecera {height:300px; background: #694421 url(/img/fondo_cabecera_1.jpg) no-repeat; z-index:1;}
#cuerpo {background-repeat:no-repeat; min-height:500px; z-index:2;}

/*** CAP COMUN ***/
#itf {position:absolute; top:20px; right:40px;}
	#itf a {display:block; float:left; margin:0 5px; width:27px; height:27px;
		background-position:center top;}
		#itf a:hover {background-position:center bottom;}

#menutop {
	position:absolute; top:93px; right:0px; 
	height:42px; width:729px;  padding-left:15px; color:#fff;
	font:500 12px Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px;
	background:url(/img/fondo_menu_cabecera.png) no-repeat left top;}
	#menutop a:hover {color:#9cf;}
	
	#hdc {float:left;}
	#hdc a {font:500 12px/42px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:0 5px;}
/*		#hdc a:hover {color:#9cf;}*/
		
	#bmh {
		float:right; margin-right:40px;
		font:normal 12px/42px Verdana, Arial, Helvetica, sans-serif;}
		#bmh a {color:#cf9; margin:0 5px 0 0;}
	
	#hora {position:absolute; top:32px; left:330px; z-index:3; letter-spacing:0;  }
		#hora h3{
			width:150px; margin-top:-28px; cursor:help;
			font:italic normal 12px Verdana, Arial, Helvetica, sans-serif;
			color:#ddd; line-height:33px;} 
		#hora p {margin-top:2px; color:#9cf; font:italic 500 12px Verdana, Arial, Helvetica, sans-serif; display:none;}
		#hora:hover p {display:block;}
			
#welcome{
	position:absolute; top:152px; left:20px;	
	height:122px; width:90%; 
	background:url(/img/logo.png) no-repeat left bottom;}
	#welcome h2 {font:normal 20px Impact, Arial Narrow; letter-spacing:1px; color:#ffffff;}
	#welcome p{
		margin-left:330px; margin-top:28px; width:320px;
		font:bold 12px Verdana, Arial, Helvetica, sans-serif;
		color:#f93; letter-spacing:0.2px; line-height:14px; 
	}


/*** LEFT COMUN ***/				 
#izquierda{
	position:relative; float:left;
	width:220px;
   border-top:1px solid #fff;					
}
				 
#buscar{display:block; padding:20px;}
	#buscar input {width:180px; display:block; }
	.bottra {
		background-color:transparent; border:none;
		line-height:20px; text-align:right;
		font:bold 10px Verdana; color:#fff;
		cursor:pointer;}

#menuleft{margin-top:8px;}
	#menuleft a{display:block; padding:0 15px; margin:10px 0 0 0;}
		#menuleft a:hover, #menuleft a.sele {padding-left:14px; border-left:1px solid #fff;}
		#menuleft a.sele {background:url(../img/fl-sh.png) no-repeat right 2px;}
		#menuleft h1{
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#FFF; line-height:12px; margin:0;}

/*** COS COMUN ***/
#cos{
	position:relative; float:left;
	min-height:400px; width:700px; 
	background-color:#fff; color:#000; margin-bottom:15px;}

#cos hr {
	margin:5px 30px; height:1px; border:0px solid #000; background-color:#000;
}
#cos a {color:#669;}	
	#cos a:hover {color:#333;}	
	
/*** FOOT CoMUN ***/
#foot{	
	position:relative; height:40px; width:960px; clear:both;
	line-height:40px;	font-size:10px; color:#fff;}
	#foot div {width:208px; float:left; margin-left:12px; letter-spacing:-1px; font-size:9px}
	#foot em{float:right; margin-right:40px; font-size:9px;}
	#foot a {color:#fff;}
	#foot a:visited{color:#FFC;}
	#foot a:hover{text-decoration:underline;}
			
/********************INDEX*************************/
#menu {margin:30px 0 0 30px;}
#menu a{
	display:block; float:left; position:relative;
	background-position:left top;	background-repeat:no-repeat;}
	#menu a:hover {background-position:left bottom;}
#menu .gr {	width:315px; height:248px;	margin:0 20px 30px 0;}
#menu .gr p {
		display:block; width:248px; height:55px; margin:0;
		position:absolute; left:255px; top:248px;
		font:bold 22px/27px Verdana, Helvetica, sans-serif;
		white-space:nowrap; overflow:visible;
		color:#222; border-left:3px solid #000; padding-left:5px;
		-webkit-transform:rotate(270deg);	-webkit-transform-origin: 0% 0%;
		-o-transform:rotate(270deg);			-o-transform-origin: 0% 0%;
		-moz-transform:rotate(270deg); 		-moz-transform-origin: 0% 0%; 
		transform:rotate(270deg); 				transform-origin: 0% 0%; 
		*top:-8px;  top:-8px\0/;
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}
	
#menu .pe {width:100px; height:80px; margin:0 20px 20px 0;}
#menu .pe p {
		display:block; width:80px; height:30px;
		position:absolute; top:80px; left:82px;
		font:bold 9px/11px Verdana, Helvetica, sans-serif;
		white-space:nowrap; overflow:visible;
		color:#222; margin:0;
		-webkit-transform:rotate(270deg);	-webkit-transform-origin: 0% 0%; 
		-o-transform:rotate(270deg);			-o-transform-origin: 0% 0%;
		-moz-transform:rotate(270deg); 		-moz-transform-origin: 0% 0%; 
		transform:rotate(270deg); 				transform-origin: 0% 0%; 	
		*top:-1px;  top:-1px\0/;
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}
a#tienda{
	display:block; position:relative; clear:left;
	width:100%; height:35px; line-height:35px;
	color:#fff;	background-color:#000;}
	a#tienda:hover {color:#ddd;}
	a#tienda em {	
		float:right; margin:9px 30px 0 0;
		font:bold 13px Verdana, Arial, Helvetica, sans-serif;}
	a#tienda h1{
		font:bold 11px Verdana;	line-height:35px; height:35px;
		margin-left:30px;}
	a#tienda b {
		border-right:1px solid #fff; padding-right:8px;
		font-size:22px; vertical-align:middle;}

/*** MAP ***/
#map {
	margin:22px 0 0 22px; font:italic 12px Verdana, Arial, Helvetica, sans-serif; color:#666;
	background:#fff url(../img/brujumap.gif) no-repeat right bottom;}
	#mapici {width:400px; height:330px; float:left; margin:0 15px 10px 0;}
	#map p, #map code, #map p a {
		font:bold 12px Verdana, Arial, Helvetica, sans-serif;
		color:#000; line-height:20px;}
	#map p{margin-bottom:80px;}
	#map code {display:block; clear:left; height:40px;}

/*** DOCS ***/ 	
	h1.titcos{ margin:25px 0 10px 30px;
		font:bold 13px Verdana, Arial, Helvetica, sans-serif;
		line-height:35px; text-transform:uppercase; color:#999;}
		h1.titcos strong{
		border-right:1px solid #999; padding-right:8px; margin-right:8px;
		font-size:22px; vertical-align:middle; }
	
	#doc {
		position:relative; margin:10px 30px 30px 70px; color:#000;}
		#doc img{
			border:2px solid #CCC; background-color:#FFF; padding:2px;}
		#doc p, #doc ul, #doc a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#000;}
		#doc p, #doc ul li, #doc a{line-height:18px;}
		#doc ul li{ list-style-type:disc; list-style-position:inside; margin-bottom:0px;}
		#doc p {text-align:justify;}
		#multiespai{
			float:right; margin-left:10px;
			width:250px; height:250px;	}
			#multiespai img{
				padding:2px; background-color:#FFF;
				border:2px solid #ccc;
				width:100%;
			}
	#doc p.avfecha {color:#f00;}
			
/*** TU MULTIESPAI ***/
.tuseme {float:left; width:288px; margin-left:30px; padding-right:30px;  }
	.tuseme a.ver {
		display:block; width:288px; height:288px; 
		border:1px solid black; background-color:#bbb; background-position:left top;}
		.tuseme a.ver:hover {background-position:left bottom; border-color:#666;}
	.tuseme h3, .tuseme p {text-align:center; color:#000;}
	.tuseme h3{font:normal 14px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; margin:15px 0 5px 0;}
	.tuseme p, .tuseme a {font:normal 12px Verdana, Arial, Helvetica, sans-serif; line-height:18px;}
	.tuseme strong, .tuseme a {color:#975b5b;}
	.tuseme a:hover {text-decoration:underline;}
	
ul#tus {margin:10px 30px; list-style:none outside;}
	#tus li {margin-bottom:20px; font-size:10px; letter-spacing:1px; color:#000; line-height:16px;}
		#tus li h3 {font-size:14px; margin:0px;}
		#tus li a {color:#975b5b; font-style:italic; text-decoration:underline; display:block;}
	#tus li.vista a{display:none}

/*** GALERIAS ***/
.nosgal {display:block; margin:10px 30px;
	font:normal 12px Verdana, Arial, Helvetica;
	letter-spacing:1px; line-height:20px; color:#000;}
	.nosgal:hover {color:#005d9a/*6ad*/;}

.galeria {
	display:block; width:100%; padding-top:7px; margin-bottom:10px;
	background-color:#000; color:#fff; text-align:center;
	font:bold italic 10px Verdana, Arial, Helvetica; line-height:20px; letter-spacing:3px;	 }
	.galeria h2 {font-size:14px; margin:0;}
	.galeria em {color:#ccc; font-size:12px; letter-spacing:normal;}
	.marco {
		position:relative; margin:2px auto;
		width:630px; height:90px;
		padding-top:10px; border-top:2px solid #ccc;
		overflow:hidden;}
	.boton {
		position:absolute; top:10px; cursor:pointer; z-index:3;
		height:72px; width:20px; background:#000 no-repeat center center;}
		.iz{left:0px; background-image:url(../img/fl_iz.gif);}
		.dr{right:0px;background-image:url(../img/fl_dr.gif); z-index:2;} 
	#tira {position:absolute; top:10px; left:0px; z-index:1;
		white-space:nowrap; padding:0 25px; text-align:left; line-height:70px;}
	#tira img {max-height:70px; max-width:107px; cursor:pointer;
		background-image:url(../img/loading-gif); margin-right:5px; vertical-align:middle;}
	#imgcentral {
		display:block; width:640px; height:480px;
		margin:5px auto; line-height:480px; }
		#img {max-width:640px; max-height:480px; vertical-align:middle; margin-bottom:1px;}

/*** LINKS ***/
a.link {display:block; color:#000; font:normal 12px Verdana, Arial, Helvetica; height:25px; text-decoration:underline;}


/*** TIENDA ***/
		
.tcat, #contacta, .tarticulo{position:relative; margin:10px 30px; padding:5px 0; clear:left;}

#contacti {position:relative; margin:10px 30px; padding:0; border:1px solid #000; border-width:1px 0;
	font:normal 11px Verdana, Arial, Helvetica;}
	#contacti h3 {float:right; border:1px solid #000; margin:0; padding:0 5px; border-width: 0px 1px 1px 1px;}
	#contacti h4 {margin:3px 0;}

#contacta { border:1px solid #000; border-width:1px 0;
	font:italic 11px Verdana, Arial, Helvetica; text-align:center;}
	#contacta a {font:inherit; color:#000;}
		#contacta a:hover{color:#f8981d;}
		
.tcat {border-top:1px solid #000;}
	.tcat h2 {font:bold 14px Verdana, Arial, Helvetica;}
	.tcat a {display:block; float:left; margin-left:35px; text-align:center; width:85px;}
		.tcat a h4 {margin:4px; font:normal 12px Verdana, Arial, Helvetica; color:#000;}
		.tcat a:hover h4{color:#f8981d; text-decoration:underline;}
		

.tarticulo {padding-left:30px; background:url(../img/tnd-arrow.gif) no-repeat -4px top; clear:left;}
	.taleft {float:left; width:260px; text-align:center; position:relative;}
		.taleft a {display:inline-block; position:relative; margin-left:-10px;}
			.taleft a img {display:block; border:1px solid #666;}
			.taleft a .tmag{
				position:absolute; right:-5px; bottom:-5px;
				width:26px; height:27px; background:url(../img/tnd-mag.png) no-repeat left top;}
			.taleft a:hover img {border-color:#000;}
			.taleft a:hover .tmag{background-position:left bottom;}
	.taright {float:left; width:340px;}
		.taright h3 {font:bold 13px Verdana, Arial, Helvetica; color:#999;}
		.taright div{margin-bottom:10px;}
		.taright div p {text-align:justify;}
		.taright .tprecio {font:italic 13px Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px;}				
		
.tmcat {position:relative; margin:10px 4%; float:left; width:40%; background:url(../img/map.png) no-repeat left 35px;}
	.tmcat h2 {font:bold 14px Verdana, Arial, Helvetica; margin-bottom:15px;}
	.tmcat a {display:block; margin:10px 0 0 115px;}
		.tmcat a h4 {margin:4px; font:normal 12px Verdana, Arial, Helvetica; color:#000;}
		.tmcat a:hover h4{color:#f8981d; text-decoration:underline;}

#tmars {position:relative; margin:10px 30px; }
.tmarticulo {float:left; position:relative; width:307px; margin:10px 0; color:#666; border:3px solid #fff;}
	.tmarticulo:hover {color:#000; background-color:#e1e1e1; border-color:#ccc;}
	.tmarticulo .tmag{ display:none; height:19px;
		position:absolute; left:190px; bottom:15px;
		background:url(../img/tnd-mag1.png) no-repeat left bottom;
		padding-left:25px; font:bold 13px/19px Verdana, Arial, Helvetica, sans-serif;}
		.tmarticulo:hover .tmag{display:block;}
	.tmarticulo h3 {font:bold 14px Verdana, Arial, Helvetica; color:#000; margin:5px 10px;}
	.txt {padding:0 10px 10px 10px; overflow:auto}
	.txt .imamp {float:left; width:170px; height:135px;
		border:1px solid #888; text-align:center; margin-right:15px;
		background:#fff url(../img/map.png) no-repeat center center;}	
	.txt .tprecio {font:normal 13px Verdana, Arial, Helvetica, sans-serif; color:#666;}
.pup img {float:left; margin:10px; cursor:pointer; border:1px solid #333;}
.pup h3 {color:#666;}
.cadd { margin:10px;}
	.cadd img{ margin:0 3px; height:22px;}
	.cadd input {height:20px; padding:0 3px; font-weight:bold;}

#pag {text-align:center; color:#333;}
	#pag a{color:#333;}
	#pag a:visited{color:#999;}
	#pag a:hover{color:#666;}

#logos  {text-align:center;}
	#logos img {vertical-align:top; margin:0 3px;}
	
	
/**************** CARRITO ***********************/
#parentcarr {position:relative; margin-top:150px;}
#carrito {position:absolute; top:0px; left:44px; z-index:4; width:174px;
	letter-spacing:0; border-left:2px solid #F8981D; 
	background:url(../img/fondo_menu_cabecera.png) no-repeat center -4px; font:bold 12px/34px Verdana, Arial, Helvetica;}
	#carrito.fixed {position: fixed; top:100px;}
	#carrito .ecarr {
		display:block; margin-left:-35px; padding-left:42px;
		color:#fff; font:bold 12px/34px Verdana, Arial, Helvetica;
		background:url(../img/carrito.gif) no-repeat left top;}
		#carrito .ecarr em {color:#F8981D; font-weight:normal; font-style:normal;}
		#carrito div { margin:5px 0 0 5px;}
		#carrito div a { font:normal 11px/13px Verdana, Arial, Helvetica;
			color:#ccc; display:block; margin:2px 0; }
		#carrito div a:hover {color:#fff; }
		#carrito div a strong {float:left; width:35px; margin-left:-35px;}

#carito {width:190px; margin-top:10px;}
	#carito h4 {text-align:center; line-height:20px;}
		#carito h4 a {color:#fff;}
		#carito h4 img {vertical-align:text-bottom;}
	#carito div {background-color:#ccc; border-radius:10px; padding:3px 6px; color:#000;}
	#carito div * {color:#000;}
	#carito ul {}
		#carito ul li {margin:5px 0; font:normal 10px/13px Arial, Helvetica;}
	#carito a:hover {color:#f00;}
	
#arrito {position:relative; display:block; margin:10px 30px;}
	#arrito h2 {font:bold 14px/20px Arial, Helvetica; color:#666;}
	table#pedi {width:100%; border:2px solid #666; font:bold 12px Verdana, Arial, Helvetica, sans-serif;}
		table#pedi th {background-color:#999; padding:3px; color:#ddd}
		table#pedi tr {border-bottom:1px solid #999;}
		table#pedi tr.impar {background-color:#fff;}
		table#pedi tr.par {background-color:#ddd;}
		table#pedi td {border-right:1px solid #bbb; padding:3px; text-align:center; vertical-align:middle;}
		table#pedi td img {vertical-align:middle}
		#carrito table input {text-align:center;}
	
	.butn {background:#fff url(../_carrito/upd.gif) no-repeat 4px center;
		margin:5px; padding:5px 10px 5px 30px; color:#000; border-radius:5px; line-height:30px;
		border:1px solid #777;}
		
		
	a.btnt {
	display:block; margin:5px auto; width:200px;
	background:#F1F1EF url(../img/vergris.gif) repeat-x center bottom;
	border:1px solid #aaa;
	font:bold 12px Arial, Helvetica; text-decoration: none;
	color:#558; text-shadow:#99b 1px 1px 1px;
	padding:4px 8px; -webkit-border-radius:6px; -moz-border-radius:6px;}
		a.btnt:hover {
		background-position:left 12px; border-color:#666;
		color:#336; text-shadow:#99b 1px 1px 2px;}


	#pedido {margin:0 30px;}
		#pedido h1, #pedido h2 {color:#035; margin-top:15px; font:bold 14px/20px Arial, Helvetica;}
		#pedido label {width:70px; text-align:right; font:bold 10px verdana; padding:0 5px;}
		#pedido label, #pedido input, #pedido select {display:block; float:left; height:20px; line-height:20px; margin:2px;}
		#pedido br {clear:left;}
		
	#pedi {color:#000;}
		#pedi a{ color:#000;}
		#pedi a:hover{ color:#888;}