@charset "utf-8";
/* CSS Document */
html{
	margin:0;
   	padding:0;
   	height:100%;
}
body {
	background: #FFF;
	clear: both;
			font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
   	margin:0;
   	padding:0;
   	height:100%;
}
img{
	border: 0;
}
a:link {
	color: #630;
	text-decoration: none;
}
a:visited {
	color: #630;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#container {
	width: 965px;
	margin: 0 auto;
   	min-height:100%;
}
/*Encabezado del sitio*/
#header{
	float: left;
	padding-left: 11px;
	width: 954px;
	height: 98px;
}
#logo{
	float: left;
	width: 356px;
	height: 47px;
	margin-top: 29px;
}
#music{
	float: right;
	margin-top: 5px;
}
#hicons{	
	float: right;
	width: 194px;
	height: 38px;
	margin-top: 49px;
}
#hmexico{
	float: left;
	width: 40px;
	height: 38px;
	padding-right: 8px;
}
#eecologica{
	float: left;
	width: 83px;
	height: 30px;
	padding-top: 5px;
	padding-right: 8px;
}
#conacyt{
	width: 55px;
	float: left;
	height: 40px;
}
#fpago{
	text-align: center;
}
/*Cuerpo del sitio*/
#body{
	width: 965px;
	clear:both;
}
	#izquierda{
		float: left;
		width: 191px;
		height: 298px;
		margin-right: 2px;
	}
	#shopcart{
		background: url('../images/img_bgcar.jpg');
		border: 1px solid #333;;
		text-align: right;
		padding-top: 3px;
		padding-right: 3px;
		width: 186px;
		height: 43px;
		color: #000;
	}
	#menu_header{
		float: left;
		background: #630;
		width: 191px;
		height: 20px;
		clear: both;
		display: none;
		visibility: hidden;
	}
	#menu_main{
		float: left;
		background: #000;
		width: 191px;
		height: 298px;		
		margin-bottom: 2px;
		clear: both;
	}
	#banner{
		float: left;
		width: 576px;
		height: 370px;	
	}
	#derecha{
		float: right;
		width: 194px;
		height: 370px;
	}
	#noticias{
		width: 194px;
		height: 134px;
		float: left;
	}
		#img_noticia{
			width: 194px;
			height: 121px;
		}
		#txt_noticia{
			background: #f1f1f1;
			text-transform: uppercase;
			text-align: center;
			padding-top: 1px;
			font-size: 9px;
			width: 194px;
			height: 12px;
		}
	#encuesta{
		float:left;
		border: 1px solid #CCC;
		margin-top: 2px;
		width: 192px;
		height: 238px;
	}
	#encuesta2{
		float:left;
		border: 1px solid #CCC;
		margin-top: 2px;
		width: 192px;
		height: 180px;
	}
	#music{
		float:left;
		margin-top: 2px;
		width: 192px;
		height: 58px;
		
	}
	#ofertas{
		clear: both;	
		float: left;
		margin-top: 1px;
		width: 194px;
		height: 78px;
	}
/*Catalogo*/
#catalogo{
	float: left;
	padding-left: 2px;
	margin-bottom: 10px;
	width: 682px;
}

#foto_catalogo{
	float: left;
	width: 270px;
	height: 500px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
}
.marca{
	background: url('../images/line.gif');
	background-repeat: repeat-x;
	text-align: right;
	width: 680px;
	float: left;
}
.calzado{
	float: left;
	width: 160px;
	height: 200px;
	margin-right: 10px;
	margin-bottom: 20px;
	display: block;
	text-align: right;
}
.calzado_img{
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	width: 160px;
	height: 134px;
}
.calzado_nom{
	width: 160px;
	height: 42px;
}
.calzado_bar{
	float: left;
	background: url('../images/calzado_bar.gif');
	width: 160px;
	height: 3px;
}

.calzado_sup{
	float: left;
	width: 160px;
}
.calzado_msg{
	float: left;
	width: 70px;
}
.calzado_des{
	float: left;
	width: 90px;
	text-align: right;
}
#texto{
	float: left;
	padding-left: 14px;
	width: 730px;
}
#texto_ad{
	float: left;
	padding-left: 14px;
	width: 500px;
}
#imagen_ad{
	float: left;
	width: 350px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
}



#modelo_container{
	width: 963px;
}
#info_container{
	float: left;
	border: 1px solid #CCC;
	padding: 5px;
	background: #FFF;
	width: 953px;
}
#modelo_calzado{
	float: left;
	width: 650px;
	height: 390px;
}
#modelo_imag{
	border: 1px solid #666;
	float: left;
	width: 380px;
	height: 320px;
}
#modelo_des1{
	float: left;
	background: url('../images/bg_catalog1.jpg');
	color: #FFF;
	margin-top: 2px;
	padding: 10px;
	width: 362px;
	height: 48px;
}
#modelo_des2{
	
	float: left;
	color:#333;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	width: 242px;	
	height: 70px;
}
#modelo_cart{
	padding-left: 10px;
	padding-top: 10px;
	width: 300px;
	float: right;
}

#modelo_fotos{

	vertical-align: bottom;
	float: left;
	width: 250px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 5px;
	height: 240px;
}
.modelo_foto{
	background: #FFF;
	border: 1px solid #CCC;
	width: 142px;
	height: 60px;
	float: left;
	margin-bottom: 2px;
}
#info_gral{
	float: left;
	padding-left: 2px;
	margin-top: 5px;
	width: 682px;
}

#info_gral_w{
	float: left;
	padding-left: 20px;
	margin-top: 5px;
	width: 930px;
}

#order {
	border-top: 1px solid #CDDDDD;
}
#order table {
	border-collapse: collapse;
	border-left: 1px solid #E5E5E5;
	width: 100%;
}
#order table td {
	padding: 5px;
	background:  #FFFFFF;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
#order table thead td {
	background: #303F4A;
	color: #FFFFFF;
}

/*Pie del sitio*/
#footer{
	padding-top: 2px;
	width: 965px;
	height: 150px;
	clear: both;
}
	#faqchat{
		float: left;
		background: url('../images/bg_faqchat.jpg');
		background-repeat: repeat-x;
		width: 190px;
		height: 49px;
	}
	#faq{
		float: left;
		width: 49px;
		height: 34px;
		margin: 8px 3px 0px 6px; 
	}
	#chat{
		background: url('../images/chat.gif');
		background-repeat: no-repeat;
		float: left;
		width: 70px;
		height: 34px;
		padding-left: 45px;
		margin: 8px 3px 0px 0px;
		color: #FFF;		
	}
	#chat a{
		color: #FFF;
	}
	#compraenlinea{
		float: left;
		margin-left: 2px;
		width: 576px;
		height: 49px;
	}
	#entrega{
		float: right;
		width: 194px;
		height: 49px;
		
	}
	#media{
		float: left;
		margin: 5px 1px 2px 3px;
		width: 965px;
		height: 160px;		
	}
	.gallery_thumb{
		background-image:url('../images/bg_media.gif');
		background-repeat: no-repeat;
		float: left;
		width: 241px;
		height: 160px;
	}
	.img_adthumb{
		background: #333;
		width: 191px;
		height: 70px;
		float: left;
		
	}
	.img_thumb{
		width: 216px;
		height: 118px;
		float: left;
		margin: 6px 11px 11px 7px;
		
	}
	.txt_thumb{
		float: left;
		width: 220px;
		text-align: right;
	}
	.txt_thumb a{		
		font-size: 120%;
		color: #C00;		
	}
	#infom{
		float: left;
		width: 965px;
		height: 40px;
		margin: 0 auto;
	}
		#linfo{
			float: left;
			margin-left: 8px;
			background: url('../images/img_linfo.jpg');
			width: 70px;
			height: 40px;
		}
		#rinfo{
			float: left;
			margin-right: 7px;
			background: url('../images/img_rinfo.jpg');			
			width: 65px;
			height: 40px;
		}
		#binfo{
			float: left;
			padding-top: 2px;
			background: url('../images/img_binfo.jpg');
			text-align: center;
			width: 800px;
			height: 38px;
		}
	#infof{
		float: left;
		width: 965px;
		height: 45px;
		margin: 0 auto;
	}
		#amipci{
			float: left;
			padding-left: 8px;
			width: 77px;
			height: 45px;
		}
		#verisign{		
			float: right;
			padding-right: 7px;
			width: 81px;
			height: 45px;
		}
		#textf{
			padding-top: 10px;
			float: left;
			text-align: center;
			width: 792px;
			height: 35px;
		}
		#redes_sociales{
			text-align: center;
			width: 100%;
		}		
/*Tabla Grid*/
#newspaper-b {
	text-align: center;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666;
}
#newspaper-b th {
	font-weight: normal;
	color: #FFF;
	height: 20px;
	background: #666;
	border-top: 1px dashed #666;
	padding-left: 5px;
}
#newspaper-b td {
	padding: 5px;
	border-top: 1px dashed #666;
}
#newspaper-b tbody tr:hover td {
	background: #CCC;
}
.icon{
	padding: 2px;
}
.newspaper {
	background: #EEE;
	text-align: center;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666;
}
.newspaper-a th {
	font-weight: normal;
	color: #FFF;
	height: 20px;
	background: #666;
	border-top: 1px dashed #666;
	padding-left: 5px;
}
.newspaper td {
	padding: 5px;
}	

.newspaper-a td {
	padding: 5px;
	border-top: 1px dashed #666;
}	
#pasos{
	width: 730px;
	height: 40px;
	float: left;
	text-align: center;
	padding-left: 10px;
}

#foto_c{
	float: left;
	width: 202px;
	height: 386px;
	margin-right: 5px;
}
#info_sell{
	float: left;
	width: 740px;
}

#texto{
	float: left;
	padding-left: 2px;
	width: 670px;
	margin-bottom: 50px;
}

#imagen{
	float: left;
	width: 280px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
}

/*Generales*/
.center{
	text-align:center;
}
.list_main{
	list-style: none;
	margin-left: 0px;
	padding-top: 2px;
	padding-left: 0px;
}
.list_main a{
	padding-left: 20px;
	display: block;	
	height: 20px;
	color: #FFF;
	text-decoration: none;
}
.list_main a:hover{	
	background: #633;
}
.list_main li{
	height: 22px;
}
.colection{
	background:  #333;
}
.colection a{
	padding-left: 30px;
	display: block;
	height: 20px;
	color: #EEE;
}
.colection a:hover{
	color: #900;
	background: #EEE;
}
.extras{
	font-size: 11px;
}
.extras a{
	color: #CCC;
}
.a_gris a {
	color: #666;
	
}
.a_gris a:hover {
	color: #333;	
}
.a_negro a {
	color: #333;	
}
.a_negro a:hover {
	color: #000;	
}
.a_rojo{
	color: #C00;	
}
.a_rojo a {
	color: #C00;	
}
.a_rojo a:hover {
	color: #900;
}
.a_blanco a {
	color: #FFF;
}

.a_blanco a:hover {
	color: #CCC;
}
.model_t{
	color: #FC6;
	font-size: 120%;
}
.borde{
	width: 24px;
	height: 24px;
	border: 1px solid #999;
}
.tit_sup{
	float: left;
	background: #f4f4f4;
	padding-top: 3px;
	padding-left: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
	width: 762px;
	height: 26px;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
}

.tit_large{
	float: left;
	background: #f4f4f4;
	padding-top: 3px;
	padding-left: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
	width: 958px;
	height: 26px;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
}


.navmenu_main{
	float: left;
	background: #000;
	padding-top: 3px;
	padding-left: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
	width: 958px;
	height: 26px;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
}

.titulo{
	width: 100%;
	height: 98px;
	background: url('../images/bg_titulo.gif');
	background-position: right;
	background-repeat: no-repeat;
}
.numero{
	width: 50px;
	float: left;
	color: #c60;
	font-size: 60px;
	padding-top: 7px;
}
.num_texto{
	text-transform: uppercase;
	width: 70px;
	color: #c60;
	font-size: 14px;
	font-weight: bold;
	float: left;
	padding-top: 40px;
}
.tit_main{
	color: #c60;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 15px;
}

.tit_gral{
	color: #e0830a;
	font-size: 16px;
	font-weight: bold;	
	text-transform: uppercase;	
}
.num_tit{
	width: 540px;
	float: left;
	vertical-align: bottom;
	text-align: justify;
	padding-top: 50px;
	padding-left: 20px;
}
.o_list{
	list-style-image: url('../images/vineta2.gif');
}
.online{
	color: #99e76f;
}
.offline{
	color: #900;
}
.newt{
	font-weight: bold;
	color:#C60;
}
.forma_contacto th{
	padding-left: 5px;
	text-align: left;
	height: 25px;
	background: #333;
	color: #FFF;
}
.ancho{
	width: 200px;
}
.paso{
	padding-top: 3px;
	float: left;
	height: 20px;
	margin-right: 25px;
	margin-top: 10px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}
.num_normal{
	margin-top: -3px;
	padding: 3px;
	background: #EEE;
	color: #000;
	font-weight: bold;
}
.num_activo{
	margin-top: -3px;
	padding: 3px;
	background: #06C;
	color: #FFF;
	font-weight: bold;
}
.form_login{
	display: table;
	margin: 4px auto;
	width: 650px;
}
.customer{
	float: left;
	height: 180px;
	width: 280px;
	margin: 5px;
	padding: 10px;
}
#carrito{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.recuadro{
	text-align: right;
	width: 100%;
	margin: 0 auto;
}
.recuadro a{
	float: right;
	text-align: center;
	display: block;
	width: 130px;
	background: #333;
	color: #FFF;
	padding: 10px;
	margin-top: 10px;
	margin-right: 5px;
}
.recuadro a:hover{
	background: #069;
}

.recuadro_negro{
	text-transform: uppercase;
	width: 100%;
	background: #000;
	color: #FFF;
	padding: 10px;
	margin-top: 10px;
	
}

.isize{
	width: 100%;
}
.celda{
	text-align: right;
	height: 30px;
}
.areaHidden{
	display:none;
	visibility:hidden;
}
.areaVisible{
	padding-left: 15px;
	visibility:visible;
}

.sizetable {
	width: 100%;	
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
.sizetable th {
	background: #069;
	border-top: 1px dashed #066;
	color: #FFF;
	font-weight: bold;
	padding-left: 5px;
	padding: 5px;
	text-align: center;
}
.sizetablec{
	background: #6699CC;
	color: #FFF;
	font-weight: bold;
}
.sizetable td {
	padding: 5px;
	border-top: 1px dashed #C1E0FF;
}
.message{
	font-style: italic;
	color: #C00;
}