/* CSS Document © 2009 ailonwebs.com */
*{margin:0px;padding:0px;}
html,
body {
	margin:0;
	padding:0;
	height:100%;
	color:#333333;
	background-color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:100%;
}
a:link, a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover, a:active {
	color: #86378E;
	text-decoration: none;
}
a:active{  outline: none;}
a:focus {outline-width: 0px;}
.clear { clear: both; }
a img {	border: 0px none;	display: block;	}

.mv a:link ,.mv a:visited{
	color: #AA46B5 !important;
	text-decoration: none;
	font-weight:bold;
}
.mv a:hover, .mv a:active{
	color: #0033CC !important;
	text-decoration: none;
	font-weight:bold;
}
#container {
   min-height:100%;
   position:relative;
}

#header {
	background-image:url(../imgs/bg_header.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	width:100%;
	overflow:hidden;
}
#body {
	padding:10px;
	padding-bottom:40px;
	padding-top: 15px;
}
.marcobody{width: 980px; margin:0px auto; background-color:#FFFFFF;}
#franjathumbs{
	clear:both;
	background-color:#282924;
	height: 116px;
	width:100%;
	margin:0px 0 10px 0;
	padding:0;
}
.logo{
	float:left;
	width:491px;
	height:125px;
	padding:10px 0 0 30px;
	margin:0;
	z-index:1;
}

.idiomas{
	float:right;
	width: 430px;
	height: 30px;
	margin:0px;
	padding:20px 0px 0;
}

.navtop{float:right; width: 430px; height: 24px; margin:0px; padding:0;}

/*.marcoheader h1{
	clear:both;
	color:#EBECF1;
	font-size: 6em;
	letter-spacing:0.15em;
	text-align:left;
	width: 780px;
	height: 106px;
	margin:0px 70px 0 200px;
	padding:0px;
}
*/
.marcoheader h1{
	/*clear:both;*/
	float:right;
	color:#EBECF1;
	font-size: 4.3em;
	letter-spacing:0.10em;
	text-align:left;
	width: 430px;
	height: 70px;
	margin:0px 0px 0 0px;
	padding:30px 0 0 0px;
	text-transform:uppercase;
	/*line-height: 0.99em;
	background-color:#FFFFCC*/
}
.idiomas ul{ list-style:none; display:inline;  }
.idiomas li{ float: right;width: auto; height:20px; display:block; padding:0 6px; margin:0 auto; text-align:center; }
.idiomas li a { color:#adb9cd; font-weight:bold; font-size:1em; text-decoration:none;}
.idiomas li a:hover {
	color:#44546F;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
}

.navtop ul{ list-style:none; display:inline;  line-height:1.5em;}
.navtop li{ float: left;width: 100px; display:block; padding:0 6px; margin:0 auto; text-align:center; height: 24px;  }
.navtop li a {
	font-size:0.9em;
	text-decoration:none;
	letter-spacing:0.01em;
	padding: 4px 10px 2px !important;
	margin:0px;	
}
.navtop li a:hover{ color:#fff  !important; background-color:#8da8dc;}

.navtop li a:link, .navtop li a:visited {	color:#7e7f80;}
.navtop li a:active {color:#8da8dc;	}
#estoyaqui_top{color:#fff;background-color:#8da8dc;}

.marcoheader{
	width: 980px;
	margin:0px auto;
	padding-top:10px;
}
#footer {
   bottom:0;
	width:100%;
	height:40px;   /* Height of the footer */
   font-size: 0.9em;
 
}
.marcofoo{width: 980px; margin:10px auto 6px; }
#footer ul{ list-style:none; display:inline;  }
#footer li{
	float: left;
	width: auto;
	height:18px;
	padding:0 28px 4px 28px;
	margin:0;
	text-align:center;
	color:#666666; 
	 
}

/* ---- menu izquierdo ------ */
.navleft{
float:left;
width: 200px;
background-color:#FFF;
text-align:center;
font-size:0.9em;
color:#000;
}
.navleft ul{ list-style:none;}
.navleft ul ul{ list-style:none;margin-top:5px;}
.navleft li{ padding: 5px 0px 20px;}
.navleft li li{ padding: 5px 0px;}
#estoyaqui{color:#BA3A9A;}
.navleft li a:active {
	color:#BA3A9A;  
	text-decoration: none;}
.navleft li a:link {
	color: #000;
	text-decoration: none;
}
.navleft li a:visited {
	color: #999;
	text-decoration: none;
}
.navleft li a:hover {
	color: #BA3A9F;
	text-decoration: none;
}
	.navleft li li a:active {
		color:#86378F; 
		text-decoration: none;}
	.navleft li li a:link {
		color: #111;
		text-decoration: none;
	}
	.navleft li li a:visited {
		color: #111;
		text-decoration: none;
	}
	.navleft li li a:hover {
		color: #BA3A9F;
		text-decoration: none;
	}


/*--------------------*/
.main{
	float:left;
	width: 780px;
}
.zona_img{
	float:left;
	width: 400px;
	min-height: 360px;
}
.zona_img a img{ 
	display: inline;
	width:27px; 
	height:24px; 
	vertical-align:bottom; 
}
.main h1{ 
	color:#BA3A9F;
	font-size:1em;
	font-weight:normal;
	padding-bottom: 30px;
	padding-left: 200px;
	}
	
.main p{
	font-size:0.9em;
	color:#333333;
	}	

.zona_info{
	float:left;
	width:370px;
	padding: 0 0 10px 10px;
	color:#9e9fa1;
}
.zona_info table{font-size:0.86em;}
.txtazul{color:#001eff;}
.tablatamanyo{ margin-top:10px;}
.tablatamanyo .principaltd{
	padding: 6px 0px 6px;
}
/*.tablatamanyo .tipostd{padding: 1px 0px;}
.tablatamanyo .preciotd{padding: 1px 0px;color:#001eff;}
.tablatamanyo .ofertatd{
	padding: 1px 0px;
	color: #D22DB6;}*/
.tablatamanyo .tipostd{	padding: 1px 4px 1px 0px;}
.tablatamanyo .preciotd{padding: 1px 4px 1px 0px;color:#001eff;}
.tablatamanyo .ofertatd{
	padding: 1px 4px 1px 0px;
	color: #D22DB6;
}

.otroslinks p a{color:#6480A4;}
.otroslinks p a:hover{	color:#86378F;}
.otroslinks p{ padding:3px 0px;}
.otroslinks { margin-top: 10px;}
.otroslinks ul { list-style:square; list-style-position:inside; padding-left: 13px; color:#666666}
.otroslinks li{ padding-top: 4px; font-weight:bold}
.otroslinks li a{ color:#c482c2;}
.otroslinks li a:hover{ color:#467eb3;}

/*------estilo franja thumbs-----------*/
#cont{
	width:980px;
	margin:0 auto;
	text-align:left;
	padding:0px;
	}
.bloque{
	width:800px;
	margin: 0px 0 0 174px;
	}	
			
.mask, #boxli div, #boxli { width:756px;}		

.mask{
	position:relative;
	height: 80px;
	overflow:hidden;
	}	
.marcothumb .mask img{position:relative;}
#boxli{ 
		position:relative !important;
		left: 0;
		top: 0;

		}
#boxli div{	display:inline;	}

.mask, 
#boxli div{	
		float:left; 
		height:116px !important;	
		}
.thumb{ clear:both}
.thumb img{float:left;padding:16px 14px 0px 0px;}

#btn_ant{ 
		float:left; 
		width:26px; 
		height: 116px; 
		display:block;  
		padding:0px;
		}	
#btn_sig { 
		float:left; 
		width:9px; 
		height: 116px !important; 
		display:block;  
		padding:0px;
		}			
#btn_ant img, #btn_sig img{ padding-top: 48px;}	

/*--------------pedido-----------------------*/
.pedido{
	width: 760px;
	margin-top: 20px;
	}
.pedido th{
	background-color:#f0f0f0;
	border-bottom:1px solid #E6E6E6;
	text-align: center;
	font-size:0.9em;
	color:#666666;
	font-weight:normal;
	padding: 2px 0px;
	}
.pedido td{
	text-align: center;
	}	
.septo{
	border-bottom: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	padding: 7px 0px;
	font-size:0.9em;
	
	}
.septo img{
	margin: 0 auto;
	text-align:center;}		
.septoleft{border-left: 1px solid #E6E6E6;}	
.h2_pedido{
	color: #BA3A9F;
	text-align:right;
	font-size:1em;
	font-weight:normal;
	padding-right:20px;
	}
.pedido .total{
	color: #000;
	font-weight: bold;
	background-color:#FFFFFF;
	font-size: 0.9em;
	padding:4px 0;
}	
.volver_link a{
	color:#BA66C4;
	font-size:0.84em;
	 }
.volver_link a:hover {
	color: #333;}
	
span.referencia{ }
.septoleft a img{ padding-bottom: 5px;}	
/*-------- formulario pedido------ */
dl{ 
	width: 760px;
	font-size:0.9em;
	padding-top:30px;
	}
dd{	
	padding-bottom: 10px;
	padding-left:10px;
	float:left;
	width:260px;
	}
dt {
	float:left;
	width:102px;
	padding-bottom: 10px;
	}
.madt{width:120px !important;}	
.mcdd{width:242px !important;}
form input, select{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif !important;
	font-size: 1em;
}	
form textarea {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
form dd textarea {
	width:230px !important;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 1em;
	padding-left: 3px;
	}
form dd input{ padding-left: 3px;}	
.comentario  textarea {
	height:80px !important;
	
}
.direccion textarea{
	height:40px !important;
}	

.gracias{ 
	color:#666666;
	padding-bottom:30px;
	padding-top:30px;
	}
.alacesta{
	font-size:0.9em;
	padding-top:30px;
	padding-bottom:40px;
	width:550px;
	}	

/* --- botones en formularios ---*/
.btn_atucompra {
	margin: 10px 0 0px;
	padding:0 0px 0 60px;
	
}
.btn_atucompra input {
	margin-top: 5px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 1em;
	cursor: pointer;
	color:#fff;
	background-color:#929292;
	border-style:none;
	padding: 1px;	
	font-size: 0.9em;
	
	width:180px;
	height:25px;	
}
.btn_atucompra input:hover{
	color:#fff;
	background-color:#BA3A9F;
}

.btn_pedido {
	margin: 20px 0 0px;
	padding:0px;	
}
.btn_pedido a {
	margin-top: 5px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 0.9em;
	cursor: pointer;
	color:#fff;
	background-color:#929292;
	padding: 3px 30px;
	font-weight:normal;
	line-height:1.5em;
}

.btn_pedido a:link, .btn_pedido a:visited {
	color:#fff;
	text-decoration: none;
}
.btn_pedido a:hover, .btn_pedido a:active {
	color:#fff;
	text-decoration: none;
}
.btn_pedido a:hover{background-color:#BA3A9F;}


form.recalcularform input.calcula {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 0.84em;
	cursor: pointer;
	color:#fff;
	background-color:#929292;
	border-style:none;
	padding: 0px 5px;
	width:80px;
	height:20px;
}

form.recalcularform input.calcula:hover{
	color:#fff;
	background-color:#BA3A9F !important;
}


dt.enviar_pedido {
	clear:both !important;
	width:430px;
	text-align:right;
}

.enviar_pedido  input {
	margin-top: 5px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 1em;
	cursor: pointer;
	color:#fff;
	background-color:#929292;
	border-style:none;
	padding: 1px;
	
	width:150px;
	height:25px;		
}
 .enviar_pedido input:hover{
	color:#fff;
	background-color:#BA3A9F;
}

/* contacto form */
.contactoform { color:#333333;}
.contactoform dl{ 
	width: 760px;
	font-size:0.9em;
	}
.contactoform dd{	
	padding-bottom: 10px;
	padding-left:10px;
	float:left;
	width:260px;
	}
.contactoform dt {
	float:left;
	width:102px;
	padding-bottom: 10px;
	}
form .contactoform input, 
.contactoform select{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif !important;
	font-size: 1em;
}	
form .contactoform textarea {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
form .contactoform dd textarea {
	
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 1em;
	padding-left: 3px;
	}
form .contactoform dd input{ padding-left: 3px;}	
.contactoform dd.coment{	
	width: 760px;
	padding-left:0px;
	}
	
.newdt{ clear:both !important; float:left}	
.contactoform .coment  textarea {
	height:100px !important;
	width:700px !important;
}
.contactoform .direc textarea{
	height:40px !important;
	width:230px !important;
}	
.contactoform .copia, #pedido .copia{
	clear:both !important;
	padding: 3px 0px;
	float:left;
	width:460px;
	font-size: 0.84em;
	}
.contactoform .copia2, #pedido .copia2{
	clear:both !important;
	padding: 3px 0px;
	float:left;
	width:500px;
	font-size: 0.84em;
	}	

.copia a:link, .copia a:visited {
	color: #3366FF;
	text-decoration: underline;
}
.copia a:hover, .copia a:active {
	color: #BA3A9F;
	text-decoration: underline;
}

.copia2 a:link, .copia2 a:visited {
	color: #3366FF;
	text-decoration: underline;
}
.copia2 a:hover, .copia2 a:active {
	color: #BA3A9F;
	text-decoration: underline;
}

dt.enviar_mensaje{
clear:both !important;
	width:430px;
	text-align:right;
}

.enviar_mensaje  input{
	margin-top: 25px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 1em;
	cursor: pointer;
	color:#fff;
	background-color:#929292;
	border-style:none;
	padding: 1px;
	
	width:150px;
	height:25px;		
}
 .enviar_mensaje input:hover{
	color:#fff;
	background-color:#BA3A9F;
}	
.vermasprod{
float:right;
font-size: 0.7em;
letter-spacing:0px;
font-family:Arial, Helvetica, sans-serif;}
.vermasprod img{ display: inline;}
.txtlgl{
	width: 660px;
}
.txtlgl p{ text-align:justify; padding:5px 0;}
.nombre { font-variant:small-caps}
.h1small { font-size: 3.2em !important; height:100px  !important; line-height:1em; }
.h1small2 { font-size: 3.4em !important; display:block !important; line-height: 1.1em; height:140px !important; letter-spacing:1px !important;}
.h1small3 { font-size: 3.1em !important; display:block !important; line-height: 1.1em; height:100px !important; letter-spacing:1px !important;}
.txtlgl h3{
	color: #999 !important;
	padding-bottom: 10px;
	padding-top:20px;
}
.txtlgl a:link, .txtlgl a:visited, .txtlgl2 a:link, .txtlgl2 a:visited {
	color: #BA3A9F;
	text-decoration: none;
	font-weight:normal;
}
.txtlgl a:hover,.txtlgl a:active, .txtlgl2 a:hover,.txtlgl2 a:active {
	color: #333;
	text-decoration: none;	font-weight:normal;
}
.txtlgl2{
	width: 700px;
}
.nocentra{ padding: 15px 0 6px 0px!important;}
.d2 a:link,.d2 a:visited {color: #3366FF !important;text-decoration: underline !important;}
.d2 a:hover , .d2 a:active {color: #BA3A9F !important;	text-decoration: underline !important;}

.main .em_left{ float: left; width: 460px; padding-right: 20px;}
.em_right{float: right; width:270px; padding: 0 15px;}
.em_right p{ font-size: 0.74em; padding: 5px 0 20px 0;}
.em_left p{ text-align:justify; padding: 0 0 10px 0;}
.em_left h1{ 
	color:#BA3A9F;
	font-size:1em;
	font-weight:normal;
	padding: 0 0 10px 0;
	text-align:center;	
	}
.em_left h2{
	color: #000000;
	font-size:1em;
	font-weight:normal;
		text-align:center;
		padding-bottom:20px;
	}
.em_right .espacio_Z	{ margin-top:80px;}
.em_right span{ font-size: 0.8em; padding: 5px 0 5px 0; width:100%; display:block}	
.em_right a:link, .em_right a:visited {color: #606060;	text-decoration: none;}
.em_right a:hover, .em_right a:active {	color: #BA3A9F;	text-decoration: none;}
.marco_virtual{width:800px;	margin: 0px 0 0 200px; }
.masespacio{ padding-top:20px;}
.virtual{ float:left;ont-size: 0.8em; margin:0; padding:20px 0 0 0px; width:490px; font-size:90%; line-height: 1.5em; color:#aaa;}
.virtual_img{ float:left; margin:0; padding:10px 0 0 0px; width: 200px;}
.virtual a:link, .virtual a:visited {
	color: #eee;
	text-decoration: none;
}
.virtual a:hover, .virtual a:active {
	color: #D22DB6;
	text-decoration: none;
}