@charset "utf-8";
/* Hoja de Estilo para HOME paradigmshift.com.mx :: creado por Octavio Velasco */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

body {
	background-color: #2E3D5A; /*#70655F;*/
	height: 100%; /*necesario para que el div de container pueda medir el 100% en IE6 Win */
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

h1,h2,h3,h4,h5,h6 { 	
	font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Helvetica, sans-serif;
	margin-top: 3px;
	margin-bottom: 3px;
}
/* EXTRAÑO COMPORTAMIENTO: si no se tiene un div separado (#fondo en este caso) que REPITA el mismo fondo que el container, no se despliega correctamente en ventanas reducidas de Firefox o de Internet Explorer. Algo raro sucede con el especificacion del height 100% del container a pesar de tenerlo en el body tambien. Al parecer Firefox asume que nos referimos al VIEWPORT en vez del DOCUMENT BODY completo para hacer el render de este fondo */
#container {
	z-index: 10;
	width: 950px;
	position: absolute;
	left: 50%;
	margin-left: -475px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
}
#fondo {
	z-index: 1;
	width: 950px;
	position: absolute; height: 100%; top: 0; bottom: 0; 
	left: 50%;
	margin-left: -475px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
}

#head {
	height: 110px;
	background-image: url(../_images/v4/fondo-head.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#head h1 {
	width: 186px;
	height: 95px;
	background-image: url(../_images/v3/paradigm-shift.jpg);
	background-repeat: no-repeat;
	position: relative;
	left: 31px;
	top: 6px;
}

#head span {
	display: none;
}

#nav_top {
	position: absolute;
	top: 10px;
	right: 20px;
	text-transform: uppercase;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}
#nav_top a {
	color: #333333;
}
#nav_top a:hover {
	color: #666666;
}
#stage {
	height: 167px; /*en realidad son 215 pero con el padding hay que restarle*/
	background-color: #E4E9EF;
	background-image: url(../_images/v4/fondo-stage.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	color: #FFFFFF;
	padding: 20px;
	padding-top: 28px;
}
#stage h2 {
	font-size: 1.9em;
	color: #2E3D5A; /*#E0D49A;*/
}
#stage h3 {
	font-size: 1.4em;
	color: #FF6600;
	text-transform: uppercase;
}
#stage p {
	color: #111;
	width: 410px;
}
#tomar-test {
	margin-top: 10px;
	text-align: right;
}

p#herramientas {
	text-align: right;
	margin-top: 10px;
}
p#herramientas a {
	color: #2E3D5A;
}

#navegacion {
	height: 31px;
	background-color: #FF7020;
	line-height: 31px;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 20px;
}
#navegacion a {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#navegacion a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
}
.lineaPuntitos {
	background-image: url(../_images/v4/linea-puntitos.gif);
	background-position: center;
	background-repeat:no-repeat;
	height: 6px;
	clear: both;
}
.articulo {
	display: block;
	width: 442px;
	float: left;
	margin-left: 16px;
	margin-right: 16px;
	margin-top: 8px;
}
.articulo img {
	float: left;
	margin-right: 10px;
}
.articulo p {
	line-height: 1.3em;
}
.leer-mas {
	text-align: right;
	font-weight: bold;
	color: #F7941C;
}
.articulo p a, .leer-mas a {
	color: #F7941C;
}
.articulo p a, .leer-mas a:hover {
	color: #F28909;
}
#principal h2 a {
	font-size: 1.8em;
	color: #352820;
	text-decoration: none;
}
#principal h2 a:hover {	text-decoration: underline; }
#principal h3 {
	color: #F7941C;
	font-size: 1.4em;
}
#principal h4 {
	font-size: 1.2em;
	color: #F7941C;
	text-transform: uppercase;	
}
#recuadros {
	clear: both;
	margin-top: 20px;
	width: 922px; /*deberia ser 728 pero por un bug de IE se tiene q crecer */
	height: 117px;
	margin-left: 16px;
	margin-bottom: 20px;
}

#recuadros ul {
	margin-left: 1em;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
}

#recuadros li {
	list-style-position: outside;
	list-style-image: url(../_images/bullet.gif);
	line-height: 1.2em;
}
.recuadro {
	width: 287px; /*original 236 pero con padding se ajusta*/
	height: 109px; /*original 115 pero con padding se ajusta*/
	border: #CCCCCC 1px solid;
	float: left;
	margin-right: 6px;
	background-image: url(../_images/v3/triangulo-recuadro.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
}
#consultoria {
	background-image: url(../_images/v3/sentado.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
#capacitacion {
	background-image: url(../_images/v3/mano-amiga.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
#colaborared {
	background-image: url(/_images/v4/colabora.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 0.9em;
	color: #999999;
}

#colaborared p {
	margin-bottom: 4px;
	margin-left: 8px;
}
#colaborared span {
	font-weight: bold;
}
#recuadros a {
	color: #666666;
	text-decoration: none;
}
#recuadros a:hover {
	color: #333333;
	text-decoration: underline;
}
#recuadros .recuadro h3 a {
	color: #F7941C;	
}
#recuadros .recuadro h3 a:hover {
	color: #F7941C;
	text-decoration: none;
}

#footer {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 93%;
}

#footer a {
	color:#666666;
	text-decoration: none;
}
#footer a:hover {
	color: #666666;
	text-decoration: underline;
}