@charset "utf-8";

/* CSS Document */



/************************************** DESTACADO ***********/



div.destacado {

	width:560px;

	height:289px;

	margin-bottom:10px;

	position:relative;

}

div.destacado-menu {

	position:absolute;

	bottom:10px;

	left:5px;

	min-width:110px;

	height:24px;

	background:#fff;

	padding:5px;

}

div.destacado-menu a {

	display:block;

	width:15px;

	height:15px;

	/*padding:4px;*/

	float:left;

	margin-right:4px;

	background:#999;

	color:#fff;

	text-decoration:none;

	font-size:12px;

	font-weight:bold;

}

div.destacado-menu a:hover {background:#e95d0f;}

div.destacado-menu a.current {background:#e95d0f;}





/************************************** PRODUCTOS ***********/

div.productos {

	margin-bottom:15px;

	overflow:hidden;

}





/************************************** FICHA ***************/

div.ficha {

	position:relative;

	width:174px;

	height:262px;

	padding:1px;

	float:left;

	border:2px solid #e5e5e5;

	margin-bottom:10px;

}



div.ficha h4 {

	margin:180px 5px 0 5px;

	height:30px;

}

div.ficha h4 a {color:#666;}

div.ficha h4 a:hover {color:#333; text-decoration:underline;}



div.ficha h5 {

	background:#f5f5f5;

	padding:5px;

	text-transform:uppercase;

	position:absolute;

	top:0;

	left:0;

	width:165px;

}

div.ficha h5 a {color:#999;}

div.ficha h5 a:hover {color:#666;}



div.ficha div.ficha-foto {

	position:absolute;

	top:25px;

	width:174px;

	height:150px;

	overflow:hidden;

}



div.ficha p {

	margin:0 0 5px 5px;

	font-size:16px;

	color:#ee7a00;

	font-weight:bold;

}

div.ficha p span {font-size:12px;}

div.ficha p a {

	color:#4c7209;

	text-decoration:underline;

	font-size:12px;

	font-weight:normal;

}

/*div.ficha p img {vertical-align:middle; margin-right:10px;}*/
div.ficha p img {vertical-align:middle; margin-right:2px;}

div.ficha p em {color:#666; text-decoration:line-through; padding-right:8px; font-size:12px; font-style:normal; padding-left:8px;}
div.ficha p strong {color:#333; padding-left:3px; font-size:12px;}



/***************************************************** MEDIA ***********/

div.media {

	overflow:hidden;

}



div.media h3 {

	color:#3d8cd0;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:20px;

	margin:0 0 10px 0;

	font-weight:normal;

}

div.media h3 span {

	float:left;

	width:190px;

	padding-top:8px;

}



div.media h4 {margin-bottom:10px; font-size:14px;}

div.media h4 a {

	color:#666;

}

div.media h4 a:hover {

	color:#333;

	text-decoration:underline;

}



div.media p {font-size:12px;}

div.media p em {font-size:11px;}

div.media p a {color:#4c7209; text-decoration:underline;}



div.media-video {

	width:270px;

	height:190px;

	border-right:1px solid #e5e5e5;

	float:left;

	padding:0px 5px 0 0;

	margin-bottom:10px;

}



div.media-fotografia {

	width:265px;

	height:190px;

	float:left;

	padding:0 0 0 5px;

}



div.media-foto {

	width:99px;

	height:85px;

	float:left;

	margin:0 8px 0 0;

	overflow:hidden;

	border:1px solid #e5e5e5;

}



div.media-premio {

	clear:both;

	margin:15px 0;

	padding:10px;

	background:#f5f5f5;

	overflow:hidden;

}

div.media-premio img {float:left;}

div.media-premio p {margin-top:15px; font-size:14px; font-weight:bold;}

div.media-premio p strong {color:#e95d0f;}


/*********************************************************** BUSCADOR LATERAL *********/
div.buscador-lateral {
	width:200px;
	height:100px;
	background-color:#ececec;
	margin-bottom:10px;
}
div.buscador-lateral h3 {
	height:28px;
	color:#fff;
	padding:12px 0 0 10px;
	background:url(http://www.mindtech.es/images/fondo-tit-buscador.gif) no-repeat;
	margin-bottom:5px;
}
div.buscador-lateral p {
	margin:5px;
}
div.buscador-lateral p img {vertical-align:bottom;}
div.buscador-lateral .campobusqueda {
	padding:2px;
	border:1px solid #a4b989;
	width:151px;
	height:22px;
	font-size:14px;
	color:#999;
}


/*********************************************************** GUÍA DE COMPRAS *********/

div.guia-compras {

	width:200px;

	height:232px;

	background:url(http://www.mindtech.es/images/fondo-guiacompras.gif) no-repeat bottom;

	background-color:#ececec;

	margin-bottom:10px;

}

div.guia-compras h3 {

	height:28px;

	color:#fff;

	padding:12px 0 0 10px;

	background:url(http://www.mindtech.es/images/fondo-tit-guiacompras.gif) no-repeat;

	margin-bottom:5px;

}

div.guia-compras a {
	color:#fff;
}

div.guia-compras p {

	margin:5px;

}

div.guia-compras p img {vertical-align:bottom;}



div.guia-compras .campobusqueda {

	padding:2px;

	border:1px solid #a4b989;

	width:151px;

	height:22px;

	font-size:14px;

	color:#999;

}



div.guia-compras select {

	width:155px;

	border:1px solid #999;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666;

}



.botonbuscar {

	height:28px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666;

	font-weight:bold;

	padding:0 10px;

}



/*********************************************************** TOP 10 *********/

div.top10 {

	width:200px;

	background:#f5f5f5;

	margin-bottom:10px;

}

div.top10 h3 {

	height:28px;

	color:#fff;

	padding:8px 0 0 10px;

	background:url(http://www.mindtech.es/images/fondo-tit-top10.gif) no-repeat;

	margin-bottom:5px;

}

div.top10 h3 a {color:#fff;}



div.ficha-mini {

	margin:5px;

	overflow:hidden;

	padding-bottom:4px;

	border-bottom:1px solid #e5e5e5;

}

div.ficha-mini-foto {

	float:left;

	margin:0 5px 0 0;

	border:1px solid #e5e5e5;

	width:40px;

	height:40px;

	overflow:hidden;

}



div.ficha-mini h4 a {color:#666; }

div.ficha-mini h4 a:hover {color:#333; text-decoration:underline;}

div.ficha-mini p {

	font-weight:bold;

	font-size:12px;

	color:#e95d0f;

	margin-left:45px;

}

div.ficha-mini p strong {

	font-weight:normal;

	font-size:11px;

	color:#666;

}





/*********************************************************** NUBE *********/

div.nube {

	margin-bottom:10px;

}

div.nube h3 {

	height:25px;

	color:#e95d0f;

	padding:15px 0 0 10px;

	background:url(http://www.mindtech.es/images/fondo-tit-nube.gif) no-repeat;

	margin-bottom:5px;

}



div.nube div {

	margin:0 5px;

	/**/height:150px;

}

div.nube a {color:#666;}
div.nube a:hover {color:#333;}



/*********************************************************** NUBE2 *********/

div.nube2 {

	margin-bottom:30px;

}

div.nube2 h3 {

	height:25px;

	color:#3d8cd0;

	padding:15px 0 0 10px;

	background:url(http://www.mindtech.es/images/fondo-tit-nube.gif) no-repeat right;

	margin-bottom:5px;

	width:240px;

	margin-bottom:15px;

}



div.nube2 div {

	margin:0 5px;

}
div.nube2 a {color:#666;}
div.nube2 a:hover {color:#333;}



/*********************************************************** BANNERS ESPECIALES ***/

div.banners-lateral {margin-bottom:10px;}

div.banners-lateral img {margin-bottom:5px;}



/*********************************************************** CESTA DE LA COMPRA ***/

div.compra {

	margin-bottom:10px;

	background:#f5f5f5;

	padding-bottom:10px;

}

div.compra h3 {

	height:30px;

	padding:8px 0 0 10px;

	background:url(http://www.mindtech.es/images/fondo-tit-cesta.gif) no-repeat;

	margin-bottom:5px;

}

div.compra h3 a {color:#fff;}

div.compra-vacia {padding:8px;}
div.compra-vacia p {text-align:center;}



div.cesta-producto {

	padding:4px 5px;

	border-bottom:1px solid #fff;

}

div.cesta-producto h4 {

	font-weight:normal;

	overflow:hidden;

	clear:left;

}

div.cesta-producto h4 a {color:#c6460a;}

div.cesta-producto h4 a:hover {text-decoration:underline;}

div.cesta-producto h4 span {

	float:left;

	width:180px;

}

div.cesta-producto h4 img {margin-top:3px;}



div.cesta-producto p {

	clear:left;

	text-align:right;

	font-weight:bold;

}

div.cesta-producto p span {

	float:left;

	text-align:left;

	width:134px;

	font-weight:normal;

}



div.compra h5 {

	color:#333;

	text-align:right;

	padding:8px 5px 4px 5px;

}

div.compra h5 span {

	float:left;

	width:130px;

	text-align:left;

}



div.compra p img {

	padding:8px 5px 4px 5px;

}

div.compra p.envia a {

	padding:4px 5px;

	color:#c6460a;

	font-size:11px;

	text-decoration:underline;

}





/******************************************************** NEWSLETTER ********/

div.newsletter {

	padding-bottom:10px;

	margin-bottom:10px;

	background:#f5f5f5;

}



div.newsletter h3 {

	height:30px;

	color:#fff;

	padding:11px 0 0 10px;

	background:url(http://www.mindtech.es/images/fondo-tit-news.gif) no-repeat;

	margin-bottom:5px;

}



div.newsletter form {

	padding:0 5px;

}

div.newsletter p {margin:5px 0;}



div.newsletter .campobusqueda {

	padding:2px;

	border:1px solid #7c7c7c;

	width:151px;

	height:22px;

	color:#999;

	font-size:14px;

}



div.newsletter p img {vertical-align:bottom;}

div.newsletter p.ventajas a {

	color:#333;

	font-size:11px;

	text-decoration:underline;

}



/******************************************************** ESPECIAL CON PRODUCTOS *******/

div.especial {

	position:relative;

	border:1px solid #e5e5e5;

	padding-bottom:10px;

	margin-bottom:10px;

	overflow:hidden;

}



div.especial h3 {

	border-bottom:1px solid #e5e5e5;

}

div.especial h3 span {position:absolute; margin-top:-40px; }



div.especial p a {

	padding:8px 5px;

	color:#e95d0f;

	text-decoration:underline;

}



/******************************************************* SOCIAL ******************/

div.social h3 {

	height:30px;

	color:#fff;

	padding:8px 0 0 10px;

	background:url(http://www.mindtech.es/images/fondo-tit-social.gif) no-repeat;

	margin-bottom:2px;

	text-transform:uppercase;

}



div.facebook {overflow:hidden;}

div.facebook h3 span {display:none;}



div.twitter p {margin:0 5px;}

div.twitter p a {color:#26888d;}

div.twitter p span {font-size:10px;}



div.twitter p.mt15 a {text-decoration:underline;}





/******************************************************* LA OFERTA MINDTECH ******************/



div.laoferta {

	background:#f5f5f5;

	margin-bottom:10px;

	padding-bottom:5px;

	text-align:center;

}



div.laoferta h3 span {display:block; position:absolute; top:-9999px;}



div.laoferta div {

	margin:5px;

	text-align:center;

	background:#fff;

	padding:5px 0;

}



div.laoferta h4 {font-size:12px;}

div.laoferta h4 a {color:#666; text-decoration:none;}

div.laoferta h4 a:hover {text-decoration:underline; color:#333;}



div.laoferta h5 {color:#e95d0f; font-size:14px; margin:3px 0;}



div.laoferta p {color:#555;}

div.laoferta p span {color:#e95d0f;}



div.laoferta div p {font-size:11px; font-weight:bold;}





/******************************************************** CATEGORÍAS **********************/

div.categorias {

	margin-bottom:10px;

}



div.categorias h3 {

	height:30px;

	padding:8px 0 0 10px;

	background:url(http://www.mindtech.es/images/fondo-tit-categorias.gif) no-repeat;

	color:#fff;

	margin:0;

}



div.categorias ul {

	text-align: left;

	list-style: none;

	padding: 0;

	margin: -3px 0 0 0;

	width: 198px;

	border-right:1px solid #ececec;

	border-left:1px solid #ececec;

}



div.categorias ul li {

	display: block;

	margin: 0;

	padding: 0;

}



div.categorias ul li a {

	display: block;

	/*width: 200px;*/

	padding:7px 5px;

	border-bottom: 1px solid #ececec;

	color: #666;

	text-decoration: none;

	background: #fff;

	font-weight:bold;

}

div.categorias ul li a span {color:#e95d0f;}



div.categorias ul li a { width: auto; }



div.categorias ul li#active a {

	background: #ececec;

	color: #333;

}



div.categorias ul li a:hover, div.categorias ul li#active a:hover {

	color: #333;

	background: #ececec;

}



/************************************************************\
*
*	  wordCloud Copyright 2007 Derek Harvey
*	  www.lotsofcode.com
*
\************************************************************/
.word {
	font-family: Verdana, Arial;
	padding: 4px 4px 4px 4px;
	text-decoration: none;
	font-weight: normal;
}
.size9 {
	color: #000;
	font-size: 26px;
}
.size8 {
	color: #111;
	font-size: 24px;
}
.size7 {
	color: #222;
	font-size: 22px;
}
.size6 {
	color: #333;
	font-size: 20px;
}
.size5 {
	color: #444;
	font-size: 18px;
}
.size4 {
	color: #555;
	font-size: 16px;
}
.size3 {
	color: #666;
	font-size: 14px;
}
.size2 {
	color: #777;
	font-size: 12px;
}
.size1 {
	color: #888;
	font-size: 10px;
}
.size0 {
	color: #999;
	font-size: 8px;
}

/********* GUIA DE COMPRAS **********/
p.gc-01 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#c92d33;
	margin:10px 0 8px 10px;
	font-weight:normal;
}
p.gc-02 {
	font-size:14px;
	line-height:140%;
	margin:0 0 10px 10px;
}
p.gc-03 {
	font-size:20px;
	font-weight:bold;
	margin:0 0 20px 10px;
}

div.gc-paso1 {
	width:560px;
	height:170px;
	background:url(http://www.mindtech.es/images/gc-fondo1.jpg) no-repeat;
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	border-bottom:1px solid #e5e5e5;
}
div.gc-paso2 {
	width:560px;
	height:170px;
	background:url(http://www.mindtech.es/images/gc-fondo2.jpg) no-repeat;
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	border-bottom:1px solid #e5e5e5;
}
div.gc-paso3 {
	width:560px;
	height:170px;
	background:url(http://www.mindtech.es/images/gc-fondo3.jpg) no-repeat bottom;
	position:relative;
	overflow:hidden;
	margin-bottom:0px;
	border-bottom:1px solid #e5e5e5;
}
div.gc-paso1 h3, div.gc-paso2 h3, div.gc-paso3 h3 {
	position:absolute;
	top:-900px;
}

div.opciones {
	position:absolute;
	top:40px;
	left:350px;
}

div.opciones p {
	color:#666;
	margin-bottom:8px;
	_margin-bottom:4px;
	*margin-bottom:4px;
	font-size:14px;
}
div.opciones p span {
	padding-right:5px;
}

div.opciones-paso3 {
	padding:15px 10px 10px 60px;
	border-bottom:1px solid #e5e5e5;
	overflow:hidden;
	_display:inline-block;
	background:#f5f5f5;
}
div.opciones-paso3 p {
	width:150px;
	height:30px;
	float:left;
}

div.gc-boton {
	margin:20px 10px 30px 10px;
	text-align:center;
}


/************************************************ textos ************/
div.ventajas {
	padding:20px;
	font-size:14px;
	line-height:140%;
}
div.ventajas p {
	margin-bottom:10px;
}
div.ventajas li {
	margin-bottom:10px;
}
div.ventajas li span {
	font-weight:bold;
	color:#FF6600;
}
div.ventajas a {color:#FF6600; text-decoration:underline;}

/**/

div.ayuda {
	padding:10px;
	font-size:12px;
	line-height:140%;
}
div.ayuda p {
	margin-bottom:6px;
}
div.ayuda li {
	margin-bottom:10px;
}
div.ayuda li span {
	font-weight:bold;
	color:#FF6600;
}
div.ayuda a {color:#FF6600; text-decoration:underline;}
div.ayuda blockquote {margin:5px 0 5px 15px;}
div.ayuda h3 {margin-top:25px; line-height:140%;}

ul.menu-ayuda {
	margin:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e5e5e5;
}
ul.menu-ayuda a {
	color:#333;
	text-decoration:underline;
}
ul.menu-ayuda li {
	margin-bottom:6px;
}
ul.menu-ayuda li span {float:left; width:20px;}

/************************************************ contacta *********/
div.mapa a {
	font-size:12px;
	color:#FF9900 !important;
}
div.form-contacta {
	font-size:12px;
}
div.form-contacta p {clear:left; margin-bottom:6px;}
div.form-contacta p span {
	float:left;
	width:90px;
	padding-top:2px;
}
div.form-contacta .campo, div.form-contacta textarea {
	padding:3px;
	border:1px solid #999;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	width:350px;
	font-size:12px;
}
div.form-contacta textarea {height:160px;}
div.form-contacta select {
	width:350px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #999;
}

/******************************* ESPECIALES **************/
div.listado-especial {padding-top:10px;}
div.listado-especial h3 a {
	color:#fc5c00;
	margin-bottom:4px;
	font-size:14px;
	font-weight:bold;
}