/****************************************
/* ESTILOS GENERALES
*****************************************/
* {
	margin: 0;
	padding: 0;	
	z-index: 1;
}

html {
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	height:100%;
}

img {
	border: none;
	text-decoration: none;
}

.texto_normal {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #333;
	text-align: justify;
	line-height: 15px;
}

.texto_negrita {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	text-align: justify;
}

h1 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
	text-align: left;
	width: 650px;
	background-image: url(../img/fondo_h1.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

h2 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #ED8335;
	text-align: left;
}

h3 {
	font-family: century gothic, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #999999;
	text-align: left;
}

a{
	color: #304195;
	text-decoration: none;
}

a:hover{
	color: #304195;
	text-decoration: underline;
}

ul {
	margin-left: 40px;
}

ol {
	margin-left: 20px;
}

.texto_normal ol li{
	margin-left: 60px;
}

hr {
	background-color: #CCCCCC;
	color: #CCCCCC;
	height: 1px;
	width: 100%;
	margin-top: 5px;	
}

.escuende{
	display: none;
}

.vacio{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	color:#0030ce;
	padding-top:10px;
	padding-bottom:10px;
}

.fboton{
	font-family: Arial;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
	cursor:pointer;
	padding:0px 5px 0px 5px;
	background-color:#003d6e;
	color:#fff;
	border:2px solid #333;
	margin-left:5px;
	margin-right:5px;
}

.archivo{
	font-family: Arial;
	text-align:justify;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
	cursor:pointer;
	padding:5px;
	border:1px solid #333;
}

#info{
	margin:auto;
	width:670px;
	max-width:670px;
	border:1px solid #333333;

}

#info th{
	background:url(../img/bg.png) center repeat;
	font-weight:bold;
	font-size:14px;
	border:1px solid #CCCCCC;
	padding:3px;
	text-align:center;
}

#info td{
	font-weight:normal;
	font-size:14px;
	padding:3px;
	text-align:center;
	border:1px solid #CCCCCC;
}

select{
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
}

option{
	padding-left:5px;
	padding-right:5px;
}
/****************************************
** BODY **
****************************************/
body {
	height: 100%;
	width: 100%;
	margin:0; 
	padding:0; 	
}

html, body {
	height: 100%;
	width: 100%;
	margin:0; 
	padding:0; 
	text-align:left;
	background-color: #FFF;
}

.separador_vacio {
	clear: both;
}

.separador {
	clear: both;
	height: 4px;
}

.separador_grande {
	clear: both;
	height: 10px;
}

.separador_troncho {
	clear: both;
	height: 10px;
	width: 100%;
}
/****************************************
** CONTENEDOR **
****************************************/
#contenedor {
	width: 900px;
	height: 100%;
	margin: auto;	
}
/****************************************
** CABECERA **
****************************************/
#cabecera {
	width: 900px;
	height: 250px;
	float: left;
	margin: 0;
	background-image: url(../img/cabecera.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
}
/****************************************
** ZONA **
****************************************/
#zona {
	width: 890px;
	background-color: transparent;
	float: left;
	display: block;
	margin: auto 5px auto 5px;
}

#zona .menu {
	width:200px;
	margin-right: 10px;
	float: left;		
	min-height: 400px;
}

#zona .contenido {
	width:680px;
	min-height: 400px;
	float: left;
	background-color: #fff;
	background-image: url(../img/banner_pasos.jpg);
	background-repeat: no-repeat;
}

#zona .contenido p, #zona .contenido ul {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333;
	text-align: justify;
	line-height: 15px;
}

#zona .contenido p .floatRight {
	float: right;
	display: block;
}

#zona .contenido .centrado {
	text-align: center;
}

#zona .contenido .cita {
	font-style: italic;
	width:700px;	
}

#zona .bloque  {
	width:349px;;
	padding:10px;
	margin-bottom: 2px;
	float: left;
	text-align: justify;
}

#zona .bloque img {
	float: left;
	border: solid 1px #ccc;
	border: none;
}

#zona .bloque .info {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.76em !important;
	font-weight: normal;
	color: #333;
	text-align: justify;
}

#zona .bloque .titular {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em !important;
	font-weight: normal;
	color: #2F4395;
	text-align: justify;
	line-height: 16px;	
	font-weight: bold;
}

#zona .bloque .titular a {
	color: #2F4395;
}

#zona .bloque .fecha {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em !important;
	font-weight: normal;
	color: #2F4395;
	text-align: justify;
	line-height: 16px;	
	font-weight: normal;
}

#zona .contenido ul ul{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em !important;
	font-weight: normal;
	color: #3f3f3f;
	text-align: justify;
	line-height: 20px;
}

#mapaflash{
	float: right; 
	display: block; 
	position: relative;
	width:340px;
	height: 412px;
	float: left;	
}	
/****************************************
** PIE **
****************************************/
#pie {
	width: 890px;
	height: 88px;
	float: left;	
	padding-top: 6px;
	text-align: center;
	border-top: 1px solid #ccc;
	margin: 10px 5px auto 5px;
	background-color: #fff;
}

#pie .texto_pie {
	font-weight: normal;
	text-align: center;
	color: #304195;
	font-size: 0.8em;
	padding-right: 5px;
	padding-bottom: 10px;
}

#pie .texto_pie a{
	font-weight: normal;
	color: #304195;
	text-decoration: none;
}

#pie .texto_pie a:hover{
	color: #304195;
	text-decoration: underline;
}
/****************************************
** PRODUCTOS **
****************************************/
.listado{
 	width:680px;
	float:left;
}

.listado .producto{
 	width:160px;
	float:left;
	height:300px;
	background-color: #f5f5f5;
	margin: 0 8px 10px 0;
	border: solid 1px #CCC;
	background: #f5f5f5;
}
 
.listado .producto .imagen{
 	width:150px;
	height: 150px;
	border: solid 1px #ccc;
	padding: 2px;
	margin: 2px;
	background-color: #fff;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}
 
.listado .producto .texto{
  font-family: Verdana;
  width:150px;
  text-align: left;
  padding:2px;
  margin:auto;
  font-size: 11px;
}

.listado .producto span.nombreProducto{
	text-align: center;
	color:#00509d;
	font-size: 12px;
	font-weight: bold;
	
}

.listado .producto span.precio{
	text-align: left;
	color:#6a0000;
	font-size: 11px;
	font-weight: normal;
	color:#00509d;
}

.listado .producto span.precioTachado{
	text-align: left;
	color:#6a0000;
	font-size: 11px;
	text-decoration: line-through;
}
/****************************************
** DETALLE PRODUCTOS **
****************************************/
.detalle{
 	width:680px;
	float:right;
	margin-bottom: 20px;
}

.detalle .producto{
 	width:100%;
	float:left;
	height:100%;
	background-color: #f5f5f5;
	margin: 0 8px 10px 0;
	border: solid 1px #CCC;
}
 
.detalle .producto .imagen img{
 	width:200px;
	height: 200px;
	float:right;
	border: solid 1px #ccc;
	padding: 2px;
	margin: 10px;
}
 
.detalle .producto .texto{
  font-family: Verdana;
  width:430px;
  float:right;
  text-align: justify;
  padding:2px;
  margin:auto;
  font-size: 10px;
  line-height: 18px;
  float: left;
  padding: 10px;
}

.detalle .producto span.nombreProducto{
	text-align: left;
	color:#00509d;
	font-size: 16px;
	font-weight: bold;
}

.detalle .producto span.textoProducto{
	text-align:justify;
	color: #696969;
	font-size: 10px;
	font-weight: normal;
}

.detalle .producto span.precio{
	text-align: left;
	color:#6a0000;
	font-size: 14px;
	font-weight: normal;
	color:#00509d;
}

.detalle .producto span.precioTachado{
	text-align: left;
	color:#6a0000;
	font-size: 14px;
	text-decoration: line-through;
}

.detalle .producto .ftext{
	text-align:center;
	font-size: 14px;
	border:1px solid #999999;
}
/****************************************
** MIGUITAS **
****************************************/
.miguitas{	
	width: 890px;
	float: left;
	margin-left: 5px;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 5px;
	padding-bottom:2px;
	font-family: Verdana; 
	font-size: 10px;
	font-weight: bold;	
}

.miguitas .texto{
	background: transparent url(../img/miguita.gif) no-repeat center left;
	text-decoration: none;
	color: #999;
	padding-left:12px;
}

.miguitas a{
	background: transparent url(../img/miguita.gif) no-repeat center left;
	text-decoration: none;
	color: #999;
	padding-left:12px;
}

.miguitas a:visited, .miguitas a:active{
	color: #999;
}

.miguitas a:hover{
	text-decoration: overline;
}
/****************************************
** LOGIN **
****************************************/
.login{	
	width:680px;
	float:right;
	height:100%;
}

.login .t_login{
	border:none;
	float:left;
	margin-right:20px;
}

.login .t_login td,th,tr{
	border:none;
	padding-top:7px;
	padding-bottom:7px;
	font-size:14px;
}

.login .t_login th{
	text-align:center;
}

.login .t_login .texto{
	font-size:14px;
	font-weight:bold;
	color:#3f3f3f;
	text-align:right;	
}

.login .t_login .ftext {
	background-color:#FFFFFF;
	font-size:12px;
	padding:1px;
	border:1px solid #999999;
}

.login .errorLogin { 
 	color:#FF0000;
	margin-right:20px;
	width:300px;
	float:left;
	text-align:center;
	font-size:14px; 	
}

.logeado{
	font-size:14px;
 	padding:5px;
	width:150px;
	float:left;
}
/****************************************
** REGISTRATE **
****************************************/
.registrarte {
	width:680px;
	float:right;
}

.registrarte .t_registro{
	margin:auto;
	width:100%;
	border:none;
}

.registrarte .t_registro tr,th,td{
	border:none;
	padding:2px;
}

.registrarte .t_registro .texto{
	font-size:14px;
	font-weight:bold;
	color:#3f3f3f;
	text-align:right;
}

.registrarte .t_registro .txt{
	text-align:left;
}

.registrarte .t_registro .ftext {
	background-color:#FFFFFF;
	font-size:12px;
	padding:1px;
	border:1px solid #999999;
}

.registrarte .obligatorio{
	color:#FF0000;
	padding:2px;
}

.registrarte .error {
	font-size:12px;
 	color:#FF0000;
	margin:auto;
	padding:5px;
	width:100%;
	text-align:center;
}
/****************************************
** EDITAR PERFIL **
****************************************/
.perfil {
	width:500px;
	float:left;
}

.perfil .t_perfil{
	margin:auto;
	border:none;
}

.perfil .t_perfil tr,th,td{
	border:none;
	padding:2px;
}

.perfil .t_perfil .texto{
	font-size:14px;
	font-weight:bold;
	color:#3f3f3f;
	text-align:right;
}

.perfil .t_perfil .txt{
	text-align:left;
}

.perfil .t_perfil .ftext {
	background-color:#FFFFFF;
	font-size:12px;
	padding:1px;
	border:1px solid #999999;
}

.perfil .obligatorio{
	color:#FF0000;
	padding:2px;
}

.perfil .error {
	font-size:12px;
 	color:#FF0000;
	margin:auto;
	padding:5px;
	width:100%;
	text-align:center;
}
/****************************************
** HISTORIAL DE COMPRAS **
****************************************/
.historial {
	width:500px;
	float:left;
}

.historial .t_historial{
	margin:auto;
	border:none;
	width:520px;
}

.historial .t_historial tr{
	border:none;
	padding:2px;
}

.historial .t_historial th{
	border:none;
	padding:2px 10px 2px 2px;
	background:url(../img/bg.png) center repeat;
	border:1px solid #CCCCCC;
	width:120px;
	text-align:right;
}

.historial .t_historial td{
	border:none;
	padding:2px 2px 2px 10px;
	border:1px solid #CCCCCC;
	text-align:left;
}

.historial .t_historial .texto{
	font-size:14px;
	font-weight:bold;
	color:#3f3f3f;
	text-align:right;
}

.historial .t_historial .txt{
	text-align:left;
}

.historial .t_historial .ftext {
	background-color:#FFFFFF;
	font-size:12px;
	padding:1px;
	border:1px solid #999999;
}

.historial .obligatorio{
	color:#FF0000;
	padding:2px;
}

.historial .error {
	font-size:12px;
 	color:#FF0000;
	margin:auto;
	padding:5px;
	width:100%;
	text-align:center;
}
/****************************************
** HISTORIAL DE COMPRAS **
****************************************/
.historial {
	width:500px;
	float:left;
}

.historial .t_detalle_historial{
	margin:auto;
	border:none;
	width:520px;
}

.historial .t_detalle_historial tr{
	border:none;
	padding:2px;
}

.historial .t_detalle_historial th{
	border:none;
	padding:2px;
	text-align:center;
	background:url(../img/bg.png) center repeat;
	border:1px solid #CCCCCC;
}

.historial .t_detalle_historial td{
	border:none;
	padding:2px;
	border:1px solid #CCCCCC;
	text-align:center;
}

.historial .t_detalle_historial .texto{
	font-size:14px;
	font-weight:bold;
	color:#3f3f3f;
	text-align:right;
}

.historial .t_detalle_historial .txt{
	text-align:left;
}

.historial .t_detalle_historial .ftext {
	background-color:#FFFFFF;
	font-size:12px;
	padding:1px;
	border:1px solid #999999;
}
/****************************************
** MI CUENTA **
****************************************/
.cuenta{
	width:200px;
	margin:auto;
	border-bottom:1px solid #CCCCCC;
	letter-spacing:1px;
	float:left;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding-bottom:2px;
	padding-top:2px;
}

.cuenta a:hover{
	color:#990000;
	text-decoration:none;
}
/****************************************
** CARRITO **
****************************************/
.carrito{
	width:680px;
	float:right;
	height:100%;
}

.carrito .cantidad{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	border:1px solid #999999;
}

.carrito .precioTotal{
	font-size:16px;
	color:#E80000;
	font-weight:bold;
}

.carrito .t_carrito{
	margin:auto;
	width:670px;
	max-width:670px;
	border:1px solid #333333;

}

.carrito .t_carrito th{
	background:url(../img/bg.png) center repeat;
	font-weight:bold;
	font-size:14px;
	border:1px solid #CCCCCC;
	padding:3px;
	text-align:center;
}

.carrito .t_carrito td{
	font-weight:normal;
	font-size:14px;
	padding:3px;
	text-align:center;
	border:1px solid #CCCCCC;
}

.carrito .texto{
	font-weight:normal;
	font-size:14px;
}
/****************************************
** PERSONALIZAR **
****************************************/
.personalizar{
	width:680px;
	float:left;
	height:100%;
	font-size:14px;
	margin:auto;
}

.personalizar .plantillas{
	width:280px;
	height:120px;
	float:left;
	border:1px solid #333;
	margin: 10px;
	cursor:pointer;
}

div.holder {
	display: table-cell;
	width: 440px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	border:1px solid #333;
	background-color: #fff;
}

/* y aquí es donde se debe establecer el código para IE */

#edge {
display: inline-block;
	/*width: 0;*/
	/*height: 100%;*/
	vertical-align: middle;
}

#container {
	display: inline-block;
	/*width: 100%;*/
	text-align: center;
	vertical-align: middle;
}

.personalizar .texto{
	width:220px;
	height:240px;
	float:left;
	padding:2px;
	/*border:1px solid #ff0;*/
}

.personalizar .visualizar{
	width:440px;
	height:150px;
	float:left;
	margin-left:5px;;
	border:1px solid #333;
}

#error{
	width:220px;
	text-align:center;
	color: #f00;
	width:100%;
}
/****************************************
** RECORDAR **
****************************************/
.recordar{	
	width:680px;
	float:right;
	height:100%;
}

.recordar .t_recordar{
	border:none;
	float:left;
}

.recordar .t_recordar td,th,tr{
	border:none;
	padding-top:7px;
	padding-bottom:7px;
	font-size:14px;
}

.recordar .t_recordar th{
	text-align:center;
}

.recordar .t_recordar .texto{
	font-size:14px;
	font-weight:bold;
	color:#3f3f3f;
	text-align:right;	
}

.recordar .t_recordar .ftext {
	background-color:#FFFFFF;
	font-size:12px;
	padding:1px;
	border:1px solid #999999;
}

.recordar .error { 
 	color:#FF0000;
	margin-right:20px;
	width:300px;
	float:left;
	text-align:center;
	font-size:14px; 	
}
/****************************************
** PAGINACION **
****************************************/
.centro_paginado{
	width:100%;
	margin:auto;
	padding:5px;
}

div.pagination {
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 11px;
	text-align:center;
	padding:4px 6px 4px 0;
	background-color:#fff;
	color:#fff;
}

div.pagination a {
	color:#0030ce;
	text-decoration:none;
	padding:5px 3px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #ccc;
}

div.pagination a:hover, div.pagination a:active {
	color:#fff;
	border:1px solid #ccc;
	background-color:#0084ec;
}
div.pagination span.current {
	padding:5px 6px 4px 5px;
	margin:0 3px 0 3px;
	border:1px solid #ccc;
	font-weight:bold;
	color:#fff;
	background-color:#003D6E;
}
div.pagination span.disabled {
	display:none;
}
/****************************************
/* paginador
*****************************************/	
.contiene_paginador{
	clear: both;
}
.paginador { text-align: left; margin-bottom: 20px; margin-top: 20px; }
.paginador { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; /* padding-bottom: 10px;  background-image: url(http://l.yimg.com/g/images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ }
.paginador a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginador a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginador .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.paginador .Prev { margin-right: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.paginador .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.paginador .Next { margin-left: 20px; padding: 2px 6px; border: solid 2px #ddd; background: #fff;}
.paginador .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.paginador .pagina_actual {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 12px;  color: #00B394; }
/*paginador .pagina_actual { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }*/
.paginador a:hover {color: #fff; background: #191970; border-color: #ddd; text-decoration: none;}
.contiene_paginador div.resultado { 
text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }

/*Formulario 2*/
fieldset {
	border:1px solid #ccc;
	padding:5px;
	margin-top:20px;
	margin-bottom:0px;
}

legend {
	font-size: 1em;
/*	letter-spacing: -1px;*/
	font-weight: bold;
	line-height: 1.1;
	color: #000197;
	border: 1px solid #ccc;
	padding: 2px 6px;
	background-color: #fff;
}

label {
	width:100px;
	height:27px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:6px;
	background-color: #fff;
	float:left;
	display: block;
	font-size: 0.9em;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;
}

.form {
	margin:0;
	padding:0;
}

.holder {
	background-color:#fff;
}

.div_texbox {
	width:200px;
	float:right;
	background-color: #f5f5f5;
	height:30px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}
.username {
    	background-image: url(16m.png);
    	background-repeat: no-repeat;
    	background-position:left;
    	/*background-color:#FFFFFF;*/
    	font:normal 0.8em Arial;
		width:120px;
    	color: #606060;
    	padding:3px 5px 3px 19px;
		border: solid silver;	
		border-width: 0 0 1px 0;
}
.username:focus, .username:hover {
	background-color:#F0FFE6;
}
   
.password {
    	background-image: url(16s.png);
    	background-repeat: no-repeat;
   	background-position:left;
   	background-color:#FFFFFF;
		width:120px;
    	font:normal 0.8em Arial;
    	color: #606060;
    	padding:3px 5px 3px 19px;
		border: solid silver;	
		border-width: 0 0 1px 0;		
}
.password:focus, .password:hover {
	background-color:#F0FFE6;
}

.button_div {
	width:200px;
	/*background-color:#fff;
	border:1px solid #ccc;*/
	text-align:center;
	height:35px;
	margin-top:3px;
	padding:5px 32px 3px;
	float: left;
}
.buttons {
	background: #dcdcdc;
	font-size:12px; 
	color: #000197; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

.messagebox{
  position:relative;
  /*float:left;*/
  width:340px;
  margin-left:20px;
  margin-top: 50px;
  border:1px solid #c93;
  background:#ffc;
    font-weight:bold;
  padding:3px;
}
.messageboxok{
  position:relative;
  width:340px;
  margin-left:20px;
  border:1px solid #349534;
  background:#C9FFCA;
  padding:3px;
  font-weight:bold;
  color:#008000;
  
}
.messageboxerror{
  position:relative;
  width:340px;
  margin-left:20px;
  border:1px solid #CC0000;
  background:#F7CBCA;
  padding:3px;
  font-weight:bold;
  color:#CC0000;
}		  
/****************************************
** FIN **
****************************************/