/* Estilo para ditex.com .mx
	copyright 2007 Accend Consulting, S.C.
	creado por: Ing. Octavio Velasco Sevilla
*/

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.11.3 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} /* se elimino el tag de "strong" */
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* END Yahoo YUI */
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	background-color: #000D48;
	margin-top: 8px;
}
a:link {
	color: #FF7F00;
}
a:visited {
	color: #FF7F00;
}
a:hover {
	color: #FF9B37;
}
a:active {
	color: #FF7F00;
}
h3 {
	font-size: 12px;
	color: #001A93;
	text-transform: uppercase;
	margin-bottom: 8px;
}
h3 a:link, h3 a:visited, h3 a:hover, h3:active {
	color: #001A93;
	text-decoration: none;
}
#fondoNaranja {
	z-index: 1;
	height: 100px;
	background-color: #FF7F00;
	width: 778px;
	position: absolute;
	left: 50%;
	margin-left: -389px;
	top: 34px;
}
#container {
	z-index: 2;
	width: 768px;
	position: absolute;
	left: 50%;
	margin-left: -384px;
}
#main {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../_imagenes/layout/fondoMain.gif);
	background-position: center;
	background-repeat: repeat-y;
	padding: 23px;
}
.divisorNaranja {
	margin-top: 10px;
	width: 100%;
	background-image: url(../_imagenes/layout/divisor_Naranja.gif);
	height: 6px;
	clear: both;
	font-size: 0.1em;
	line-height: 0;
	margin-bottom: 1px;
}
#telefonos {
	background-image: url(../_imagenes/layout/telefonos.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 720px;
}
#telefonos span {
	position: absolute;
	left: -9384px;
}

#breadcrumbs {
	font-size: 10px;
	color: #666666;
	text-transform: uppercase;
	line-height: 20px;
}
#breadcrumbs a:link {
	color: #666666;
	text-decoration: none;
}
#breadcrumbs a:visited {
	color: #666666;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #FF9B37;
	text-decoration: none;
}
#breadcrumbs a:active {
	color: #666666;
	text-decoration: none;
}
/* CONTENIDO */

#contenidoSeccion {
	float: left;
	margin-bottom: 10px;
}
#contenidoSeccion .Descripcion {
	margin-top: 14px;
	margin-bottom: 10px;
}
.General {
	margin-top: 26px;
	margin-bottom: 10px;
}

.angosto {
	width: 476px; /*tamaño maximo 486, ajustado por padding*/
	padding-left: 10px;
}
.completo {
	width: 100%;
}
.completoLegal {
	width: 100%;
}
#contenidoSeccion.completo p {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 328px; /*no se cuenta la imagen que se encuentra a la derecha de 300px y que esta flotando */
}
#contenidoSeccion.completo li {
	line-height: 20px;
	padding-left: 45px;
	background-position:15px 5px;
	background-color: transparent;
	background-image: url(../_imagenes/layout/bullet.gif);
	background-repeat: no-repeat;
}
h2 {
	font-size: 16px;
	color: #FFFFFF;
	background-color: #FF7F00;
	border-top: #FFA953 solid 3px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 4px;
}
/*
#contenidoSeccion img {
	float: right;
}
*/
#Galeria {
	float: right;
}
.GaleriaIMG { display: none; }
#thumbs {
	margin-top: 8px;
	width: 235px;
	height: 60px;
	background-color:#FFFFFF;
	border: solid 1px #E4E4E4;
	background-image: url(../uniformes/imagenes/TN_MAS_FOTOS.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#thumbs img {
	width: 50px;
	height: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	float: right;
}

h4 { 
	margin-top: 10px;
	text-transform: uppercase; 
	margin-bottom: 6px;
}
#contenidoSeccion.angosto ul {
	list-style-position: inside;
	list-style-type: square;
}
#colores {
	width: 168px;
}
#colores img {
	float: left;
	margin-right: 7px;
	margin-bottom: 6px;
	height: 26px;
	width: 26px;
}
.TNproducto { 
	border:  #CCCCCC 1px solid;
	width: 102px;
	height: 140px;
	margin-bottom: 20px;
	margin-left: 16px;
	margin-right: 2px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	background-color:#F9F9F9;
}

/*SUBMENU*/
#fondoSubmenu {
	margin-top: 1px;
	margin-bottom: 10px;
	background-color: #C1C1C1;
	padding-top: 5px;
	height: 353px;
}
#fondoSubmenu img {
	float: left;
}
#fondoSubmenu.interno {
	width: 234px;
	float: left;
}
#submenu {
	float: left;
	background-color: #E9E9E9;
	width: 220px;
	padding-left: 14px;
	padding-top: 30px;
	height: 318px;
	background-image: url(../_imagenes/layout/submenuFondo.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#submenu ul {
    line-height:1.8;
    list-style-type:none;
}
#submenu li {
	color: #666666;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 15px;
	background-position:0 6px;
	background-color: transparent;
	background-image: url(../_imagenes/layout/bullet.gif);
	background-repeat: no-repeat;
}

#submenu a:link  {
	color: #757575;
	text-decoration: none;
}
#submenu a:visited {
	color: #757575;
	text-decoration: none;
}
#submenu a:hover {
	color: #2D2D2D;
	text-decoration: none;
}
#submenu a:active {
	color: #757575;
	text-decoration: none;
}

/*INFO ADICIONAL */

.infoAdicional {
	background-image: url(../_imagenes/layout/divisor_Puntos.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 10px;
	width: 694px;
}
.infoAdicional img {
	float: left;
	margin-right: 15px;
}
.infoAdicional span {
	line-height: 20px;
	text-align: right; /*no esta funcionando la alineacion */
	width: 100%;
}
/* BOTTOM */
#bottom { 
	height: 211px;
	background-image: url(../_imagenes/layout/divisor_Puntos.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 13px;
}
#bottom div { float: left; }

#bottomIZQ { width: 252px; }

/* LOGO */
#logo {
	background-image: url(../_imagenes/layout/logo.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 136px;
	height: 84px;
	position: absolute;
	left: 48px;
}
#logo span { display: none; }

/*MENU*/
#divNav {
		margin: 0;
		padding: 0;
		height: 84px;
		width: 529px;
	}

	#nav {
		position: absolute;
		top: 40px;
		right: 25px;
		height: 68px;
		width: 529px;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}
	
	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
	}
/*image replacement*/

	#nav li span {
		display: none;
		/*position: absolute; esta es la alternativa para que no salga - habra que checar que tanto impacta en el posicionamiento
		left: -9384px;*/
	}

	#liUniformes a, #liBordados a, #liAtencion a, #liEmpresa a {
		display: block;
		position: relative;
		height: 68px;
		background: url(../_imagenes/layout/menu.gif) no-repeat; /*contiene todos los estados del menu*/
	}

#liUniformes { width: 110px;}
#liBordados { width: 110px;}
#liAtencion { width: 186px;}
#liEmpresa { width: 123px;}

/*primero, poner fondos estado normal*/
#liUniformes a { background-position: 0 0; }
#liBordados a {	background-position: -110px 0;}
#liAtencion a {	background-position: -220px 0;}
#liEmpresa a { background-position: -406px 0;}

/*segundo, estado activo*/
#liUniformes.on a {	background-position: 0px -152px;}
#liBordados.on a { background-position: -110px -152px;}
#liAtencion.on a { background-position: -220px -152px;}
#liEmpresa.on a { background-position: -406px -152px;}

/*tercero, estados hover*/
#liUniformes a:hover, #liUniformes:hover a, #liUniformes.over a { background-position: 0 -76px;}
#liBordados a:hover, #liBordados:hover a, #liBordados.over a { background-position: -110px -76px;}
#liAtencion a:hover, #liAtencion:hover a, #liAtencion.over a { background-position: -220px -76px;}
#liEmpresa a:hover, #liEmpresa:hover a, #liEmpresa.over a {	background-position: -406px -76px;}

/*FOOTER*/
#footer {
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 10px;
}

#footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #CAD0DB;
	text-decoration: underline;
}
#footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}
/*--------------------------------------------------*/
/* 				FORMA DE CONTACTO							 */
/*--------------------------------------------------*/
.forma {
	margin-top: 10px;
	background-color: #F8F8F8;
	border: 1px solid #999999;
	width: 600px;
}
.formaCatalogo {
	margin-top: 10px;
	background-color: #F8F8F8;
	border: 1px solid #999999;
	width: 400px;
}
.forma input, .formaCatalogo input {
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.forma textarea, .formaCatalogo textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.forma td, .formaCatalogo td {
	border-top-width:1px;
	border-top-style: solid ;
	border-top-color: #C4C4C4;
	border-bottom-width:1px;
	border-bottom-style: solid ;
	border-bottom-color: #C4C4C4;
	color:#555555;
	font-size: 11px; 
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
}

.forma .title, .formaCatalogo .title {
	background-color: #D0D0D0;
}

.forma .title td, .formaCatalogo .title td {
	border-top-color: #ffffff;
	border-bottom-color: #C4C4C4;
	font-weight: bold;
}

.forma_highlighted{
/*	background-color: #f4f4f4;*/
	background-color: #EAF0F4;
}

.forma_error {
	background-color: #FF7F00;
	border-color: #C4C4C4;
	border-width: 1px;
	border-style: solid;
	border-right-width:1px;
	border-right-style: solid;
	border-right-color: #C4C4C4;
	border-bottom-style: none;
}

.forma_error td {
	border-top-width:1px;
	border-top-style: solid ;
	border-top-color: #ffffff;
	border-bottom-width:1px;
	border-bottom-style: none ;
/*	border-bottom-style: solid ;*/
	border-bottom-color: #C4C4C4;
	color:#FFFFFF;
	font-size: 11px; 
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: center;
}

.error {
	color: #FF7F00;
}

/* DETALLE PRODUCTOS */
.producto-container {
	position: absolute;
	top: 140px;
	left: 50%;
	width: 450px;
	margin-left: -225px;
	display: none;
	z-index: 50;
}
.producto-container-horizontal {
	position: absolute;
	top: 140px;
	left: 50%;
	width: 600px;
	margin-left: -300px;
	display: none;
	z-index: 50;
}