@charset "utf-8";

/* CSS Document */

@import url("framework.css");



/*********************************************************** RESETEO ******************/

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

/**************************************************************************************/



body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:url(http://www.mindtech.es/images/fondo-body-descuentos.gif);
	/*background:url(../images/fondo-navidad.jpg);*/
	background-repeat:repeat-x
	/*background-repeat:no-repeat;
	background-position:center top;*/
	background-color:#000;
}



h1 {position:absolute; top:-100px;}



h2 {

	color:#e95d0f;

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

	font-size:24px;

	font-weight:normal;

	margin-bottom:5px;

	clear:both;

	height:30px;

}



div#container {

	width:980px;

	background:#fff;

	margin:auto;
	position:relative;

}



/**************************************************************** HEADER **************/



div#header {

	position:relative;

	width:980px;

	height:136px;

	background:url(http://www.mindtech.es/images/cap-descuentos.gif) no-repeat;
	/*background:url(http://www.mindtech.es/images/fondo-body-navidad.gif) no-repeat;*/

	background-color:#000;

	overflow:hidden;

	border-bottom:1px solid #cdcdcd;

}

div.banner-descuento {
	width:980px;
	background:#fff;
	height:60px;
	background:url(http://www.mindtech.es/images/banner-descuento-navidad.gif) no-repeat 5px 5px;
	display:none;
}


div.aviso-entrega {
	width:470px;
	position:absolute;
	top:90px;
	right:210px;
	color:#fff;
	font-size:11px;
	text-align:right;
}



/************* MENU *************/

div#menu {

	/*position:relative;*/
	position:absolute;
	top:105px;

	width:980px;

	background:url(http://www.mindtech.es/images/fondo-menu.gif) repeat-x;

	height:34px;

	font-size:11px;

	font-weight:bold;

	text-transform:uppercase;

}



div#menu ul {

	width:auto;

}

div#menu ul li{

	display:block;

	float:left;

	margin:0 0px 0 0;

}
div#menu ul li.guia{
	display:block;
	float:left;
	margin:0 0px 0 0;
	background:url(http://www.mindtech.es/images/fondo-menu-guia.gif) repeat-x !important;
}

div#menu ul li a {

	display:block;

	float:left;

	color:#f5f5f5;

	padding:8px 10px 0 10px;

	text-align:center;

	height:20px;

	text-decoration:none;

}

div#menu ul li a:hover{
	color:#fff;
	background:url(http://www.mindtech.es/images/fondo-menu-roll.gif) repeat-x;
}

div#menu ul li a.current {background:url(http://www.mindtech.es/images/fondo-menu-here.gif) repeat-x;}

div#menu ul li.guia a:hover{
	color:#fff;
	background:url(http://www.mindtech.es/images/fondo-menu-guia-roll.gif) repeat-x !important;
}

div#menu ul li.guia a.current {background:url(http://www.mindtech.es/images/fondo-menu-guia.gif) repeat-x !important;}





/************* CONTACTA *********/

div.contacta {
	position:absolute;
	color:#e5e5e5;
	top:4px;
	right:8px;
	font-size:11px;
	text-align:right;
	width:500px;
}

div.contacta a {color:#e5e5e5;}

div.contacta a.linknaranja {color:#ffc549; }
div.contacta a.linknaranja:hover {color:#ffde98;}

div.contacta a:hover {text-decoration:underline; color:#fff;}

div.contacta img {vertical-align:middle; margin:0 3px;}

div.contacta span {padding:4px 6px;  margin-left:8px; *display:block; *float:right;}

div.contacta span.ident {padding:4px 6px; background:#666; margin-left:8px; *display:block; *float:right;}

div.contacta em {font-style:normal;}



/*REGISTRO MI CUENTA*/

div.acceso {

	position:absolute;

	width:250px;

	height:95px;

	top:22px;

	right:8px;

	background:#666;

	z-index:990;

	padding:8px;

	color:#fff;

}

div.acceso p {margin-bottom:4px; overflow:hidden; _display:inline-block;}

div.acceso p span {

	float:left;

	width:70px;

	padding-top:2px;

}

div.acceso a {color:#fff; text-decoration:underline;}



div.acceso .campo {width:160px; color:#666; font-family:Arial, Helvetica, sans-serif;}



/************* ENTREGA *********/

div.entrega {

	position:absolute;

	width:188px;

	height:45px;

	padding-top:8px;

	top:51px;

	right:16px;

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

}

div.entrega p {

	font-size:14px;

	color:#e95d0f;

	margin-left:72px;

	font-weight:bold;

}

div.entrega p strong {

	font-size:9px;

	color:#333;

	font-weight:normal;

}

div.entrega div {

	position:absolute;

	width:75px;

	color:#666;

	left:112px;

	top:22px;

	font-size:9px;

}



/************************************************************** INFO Y COLUMNAS **********/

div#info {

	width:980px;

	margin-top:10px;

	overflow:hidden;
	_display:inline-block;

}



div.center {

	width:560px;

	float:left;

	margin-left:210px;

	margin-bottom:30px;

}



div.center h3 {

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

	color:#3d8cd0;

	font-size:20px;

	margin:0 0 10px 0;

	font-weight:normal;

	clear:left;

}



div.center-cesta {

	width:900px;

	float:left;

	margin-left:30px;

	margin-bottom:30px;

}



div.center-cesta h3 {

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

	color:#3d8cd0;

	font-size:20px;

	margin:0 0 10px 0;

	font-weight:normal;

	clear:left;

}



div.center p.hebuscado {

	font-size:14px;

	margin-bottom:15px;

}

div.center p.hebuscado strong {color:#e95d0f;}

div.center p.hebuscado span {color:#333; font-weight:bold;}



div.left {

	width:200px;

	float:left;

	margin-left:-765px;

}



div.right {

	width:200px;

	float:right;

	margin-right:5px;

}



/************ ARIADNA *************/

div.ariadna {

	height:20px;

	color:#e95d0f;

	font-size:11px;

	margin-left:7px;

	margin-bottom:5px;

}

div.ariadna a {

	color:#666;

	text-decoration:underline;

}

div.ariadna a:hover {color:#333;}

div.ariadna strong {color:#666;}





/************************************************************** FOOTER **********/

div.pre-footer {
	width:960px;
	padding:5px 10px;
	color:#fff;
}

div.pre-footer h3 {
	font-size:16px;
	font-weight:bold;
	color:#666;
	margin-bottom:8px;
}

div.pre-footer a {
	color:#fff !important;
	text-decoration:none  !important;
}
div.pre-footer a:hover {text-decoration:underline !important;}
div.pre-footer a.foolink {text-decoration:underline;}
div.pre-footer strong {color:#fff;}


div#footer {

	width:980px;

}



div.footer1 {

	background:#000;

	color:#fff;

	overflow:hidden;

}

div.footer1 a {color:#f5f5f5;}

div.footer1 a:hover {color:#fff; text-decoration:underline;}

div.footer1 h4 {margin-bottom:10px;}



div.footer1 div {float:left;}

div.f-mindtech {width:200px; margin-right:10px; padding-top:10px;}

div.f-mindtech h4 {margin:0 5px;}

div.f-mindtech p {margin:5px;}

div.f-mindtech p a {text-decoration:underline;}

div.contiene-enlaces {
	width:540px; 
	margin-bottom:10px; 
	overflow:hidden; 
	_display:inline-block;
}

div.f-categorias {width:540px; margin-right:10px; padding-top:20px;}

div.f-secciones {width:540px; margin-right:10px; padding-top:10px;}

div.f-especiales {width:540px; margin-right:10px; padding-top:10px;}

div.f-categorias li {
	display:inline;
	/*float:left;
	width:130px;
	height:30px;*/
	margin:0 10px 5px 0;
}

div.f-secciones li {
	display:inline;
	/*float:left;
	width:130px;
	height:30px;*/
	margin:0 10px 5px 0;
}

div.f-especiales li {
	display:inline;
	/*float:left;
	width:130px;
	height:30px;*/
	margin:0 10px 5px 0;
}

div.f-social {width:200px; padding-top:20px;}

div.f-social p {margin-bottom:8px;}

div.f-social img {vertical-align:bottom;}

div.f-legal {

	float:none;

	clear:both;

	margin:5px;

	font-size:11px;

	width:940px;

	padding-bottom:8px;

}

div.f-legal a {text-decoration:underline;}





div.footer2 {

	position:relative;

	background:url(http://www.mindtech.es/images/fondo-footer2.gif) repeat-x;

	color:#666;

	overflow:hidden;

	clear:both;

	padding:15px 10px;

}



div.f-pago, div.f-seguridad {

	float:left;

	margin-right:30px;

}



div.f-studiogenesis {

	position:absolute;

	top:15px;

	right:10px;

}

div.f-studiogenesis a {color:#999; font-size:11px;}

div.f-studiogenesis a:hover {color:#666; text-decoration:underline;}





/********* VARIOS **********/

.romper {clear:both;}