@charset "UTF-8";
/* CSS Document */
.fondo1
{
	background-image:url(../images/borde_izq.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	float: left;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.fondo2
{
	background-image:url(../images/borde_der.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	float: left;
	position: relative;
	background-position-x: 50%;
	width: 100%;
	left: 50%;
}
#encpag
{
	background-color:white;
	width: 1000px;
	left: -40%;
	height: 108px;
	position: relative;
	float: left;
}



#logo
{
	width:209px;
	float:left;
}

#menu 
{
	float:left;
	position:relative;
}

#menu p
{
	font-family: Verdana;
	color:white;
	font-size:13px;
}

#menu ul
{
	list-style:none;
	margin:0px;
	padding: 0px;
}

#menu li
{
	display:inline;
	margin: 0px;
	padding: 0px;
}

#boton1
{
	background-image: url(../images/boton1.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
	width: 117px;
	height: 53px;
	float: left;
	color: white;
	margin-left: 0px;
	
}

#boton2, #boton3, #boton4, #boton5, #boton6, #boton7
{
	background-image: url(../images/boton2.gif);
	background-repeat: no-repeat;
	background-position:  0px 0px;
	width: 117px;
	height: 53px;
	float: left;
	margin-left: -13px;
	color: white;
}

#menu #txt1
{
	margin-top:13px;
	margin-left: 32px;
	padding: 0px;
}


#menu a:hover {
	background-position: 0px -63px;
}


#menu a.current{
	background-position: 0px -63px;	
}

#menu a.current p#txt1 {
	margin-top: 23px;
	margin-left: 27px;
}

#menu a{
	text-decoration: none;
}

a 
{
	text-decoration:none;
}
.relleno
{
	background-image: url(../images/boton2.gif);
	width: 32px;
	height: 63px;
	float: left;
}

#menu2{
	width: 240px;
	font-family: Arial;
	font-size: 12px;
	color: #2c3494;
	margin-left:20px;
	
}

#menu2 ul{
        list-style-image: url(../images/flecha_azul.png);
	padding: 0px;
	margin: 0px;
        margin-left:0px;
}

#menu2 li li{
	margin-left: 20px;
}


#col1{
	width: 300px;
	float: left;
	margin-left:0px;
	position: relative;
}

#contenidos{
	width: 671px;
	float: right;
	overflow: hidden;
	padding:10px;
        padding-top:0px;
	font-family: Verdana;
}


#contenidos ul.flecha{
	list-style-image: url(../images/flecha_azul.png);
	font-size: 13px;
	color:#363636;
	margin-left:-20px;
}

#contenidos ul.numero{
	list-style-type: decimal;
	font-size: 13px;
	color:#363636;
	margin-left:-20px;
	
}

#contenidos li{
	margin-top:5px;
	text-align: justify;
}


#noticias{
	color: #2C3494;
	text-align: justify;
	overflow:hidden;
	margin-bottom:5px;
}

#noticias .news_date{
	display:none;
}
#noticias .news_title{
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	color:#2C3494;
}

#noticias .news_headline{
	font-family:Verdana;
	font-size:10px;
	margin-bottom:5px;
}

#noticias .news_manager{
	margin:0px;
	overlay:hidden;
}

#menu2 a {
	color: #2c3494;
	text-decoration: none;
}

#menu2 a.current2 {
	color: #CF1D35;
	text-decoration: none;
}

#menu2 a:hover{
	color:#cf1d35;
}

h1{
	color:#2c3494;
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	text-align: center;
}

h2{
	color:#2C3494;
	font-family:verdana;
	font-size:18px;
	font-weight:bold;
	text-align:justify;
}

p{
	font-family: Verdana;
	font-weight: normal;
	font-size: 13px;
	text-align: justify;
	color:#363636;
}

.cuadro #titulo{
	background-color:#2c3494;
	color:white;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	margin:0 0 2px 0;
	padding:5px;
	text-align:center;
}

.cuadro{
	
	background-color:#EBEBFD;
	padding:5px;
	margin-top:10px;
	overflow: hidden;
	display: block;
}

.cuadro p{
	color:#2C3494;
	font-family:verdana;
	font-size:11px;
}

.cuadro ul{
	color::#2C3494;
	font-family: Verdana;
	font-size: 11px;
	list-style-type: none;
	list-style-image: url(../images/flecha_azul.png);
	margin: 0px;
	padding-left: 20px;
	padding-right: 5px;
	
}
.cuadro li{
	margin-top:10px;
	color:#2C3494;
}

.titulo2{
	color: #565CC5;
	font-size: 14px;
	font-family: Verdana;
	text-align: justify;
}
.titulo3{
	color: #565CC5;
	font-size: 14px;
	font-family: Verdana;
	text-align: justify;
}


h3{
	color: #565CC5;
	font-size: 16px;
	font-family: Verdana;
	text-align: justify;
}



.cuadro2 #titulo{
	background-color:#2c3494;
	color:white;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	margin:0 0 2px 0;
	padding:5px;
	text-align:center;
}




.cuadro2{
	background-color:#EBEBFD;
	padding:5px;
	margin-top:10px;
        overflow:auto;
	
}

.cuadro2 p{
	color:#2C3494;
	font-family:verdana;
	font-size:11px;
}

.cuadro2 p.titulo2{
	color:#2C3494;
	font-family:verdana;
	font-size:11px;
	text-align:center;
}

.cuadro2 ul{
	color:#2C3494;
	font-family: Verdana;
	font-size: 11px;
	list-style-type: none;
	list-style-image: url(../images/flecha_azul.png);
	margin: 0px;
	padding-left: 20px;
	padding-right: 5px;
	
}

#cuadro ul.numero{
	list-style-type: decimal;
	font-size: 11px;
	color:#2C3494;
	
}

.cuadro2 li{
	margin-top:10px;
	color:#2C3494;
}

.negrita{
	font-weight: bold;
}

.inicio_opcion1
{
	background-image:url(../images/inicio_procesamiento_de_nomina.png);
	width: 302px;
	height: 302px;
	float: left;
	background-repeat: no-repeat;
	margin-left: 19px;
	overflow: hidden;

}
.inicio_opcion2
{
	background-image:url(../images/inicio_administracion_de_personal.png);
	width: 302px;
	height: 302px;
	float: right;
	background-repeat: no-repeat;
	overflow: hidden;
	
}
.inicio_opcion3
{
	margin-top: 17px;
	margin-left: 19px;
	background-image:url(../images/inicio_planeacion_organizacion_y_estrategia.png);
	width: 302px;
	height: 302px;
	float: left;
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;

}
.inicio_opcion4
{
	margin-top: 17px;
	background-image:url(../images/inicio_Nomina_para_pymes.png);
	width: 302px;
	height: 302px;
	float: right;
	background-repeat: no-repeat;
	overflow: hidden;
}
.nosotros_opcion1
{
	background-image:url(../images/nosotros_quienes_somos.png);
	width: 302px;
	height: 302px;
	float: left;
	background-repeat: no-repeat;
	margin-left: 19px;
	overflow: hidden;

}
.nosotros_opcion2
{
	background-image:url(../images/nosotros_7_argumentos_poderosos.png);
	width: 302px;
	height: 302px;
	float: right;
	background-repeat: no-repeat;
	overflow: hidden;
	
}
.nosotros_opcion3
{
	margin-top: 17px;
	margin-left: 19px;
	background-image:url(../images/nosotros_principios_operativos.png);
	width: 302px;
	height: 302px;
	float: left;
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;

}
.nosotros_opcion4
{
	margin-top: 17px;
	background-image:url(../images/nosotros_nuestro_equipo_de_profesionales.png);
	width: 302px;
	height: 302px;
	float: right;
	background-repeat: no-repeat;
	overflow: hidden;
}

.solucion_opcion1
{
	background-image:url(../images/solucion_procesamiento_de_nomina.png);
	width: 302px;
	height: 302px;
	float: left;
	background-repeat: no-repeat;
	margin-left: 19px;
	overflow: hidden;

}
.solucion_opcion2
{
	background-image:url(../images/solucion_orh.png);
	width: 302px;
	height: 302px;
	float: right;
	background-repeat: no-repeat;
	overflow: hidden;
	
}
.solucion_opcion3
{
	margin-top: 17px;
	margin-left: 19px;
	background-image:url(../images/solucion_administracion_de_personal.png);
	width: 302px;
	height: 302px;
	float: left;
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;

}
.solucion_opcion4
{
	margin-top: 17px;
	background-image:url(../images/solucion_nomina_pyme.png);
	width: 302px;
	height: 302px;
	float: right;
	background-repeat: no-repeat;
	overflow: hidden;
}

.tendencia_opcion1
{
	background-image:url(../images/tendencia_acerca_de_outsourcing.png);
	width: 302px;
	height: 302px;
	float: left;
	background-repeat: no-repeat;
	margin-left: 19px;
	overflow: hidden;

}
.tendencia_opcion2
{
	background-image:url(../images/tendencia_casos_de_exito.png);
	width: 302px;
	height: 302px;
	float: right;
	background-repeat: no-repeat;
	overflow: hidden;
	
}
.tendencia_opcion3
{
	margin-top: 17px;
	margin-left: 19px;
	background-image:url(../images/tendencia_noticias.png);
	width: 302px;
	height: 302px;
	float: left;
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;

}
.tendencia_opcion4
{
	margin-top: 17px;
	background-image:url(../images/tendencia_faq.png);
	width: 302px;
	height: 302px;
	float: right;
	background-repeat: no-repeat;
	overflow: hidden;
}

.servicios_opcion1
{
	background-image:url(../images/servicios_sistema_de_nomina.png);
	width: 302px;
	height: 302px;
	float: left;
	background-repeat: no-repeat;
	margin-left: 19px;
	overflow: hidden;

}
.servicios_opcion2
{
	background-image:url(../images/servicios_complementarios.png);
	width: 302px;
	height: 302px;
	float: right;
	background-repeat: no-repeat;
	overflow: hidden;
	
}
.servicios_opcion3
{
	margin-top: 17px;
	margin-left: 19px;
	background-image:url(../images/servicios_procesos_ante_el_imss.png);
	width: 302px;
	height: 302px;
	float: left;
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;

}
.servicios_opcion4
{
	margin-top: 17px;
	background-image:url(../images/servicios_modulo_esquema.png);
	width: 302px;
	height: 302px;
	float: right;
	background-repeat: no-repeat;
	overflow: hidden;
}

#footermenu a
{
	color:white;
}
.news_date{
	font-family:Verdana;
	font-size:13px;
}
.news_title{
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
}

.news_headline{
	font-family:Verdana;
	font-size:13px;
	margin-bottom:20px;
}

#news_contenido .news_title{
	display:none;
}
#news_contenido .news_date{
	display:none;
}
#news_contenido .news_headlines{
	display:none;
}

.faq_manager{
	font-size:13px;
}

.faq_manager .title{
	display:none;
}

#top{
	display:none;
}


.faqlink{
	color:#2c3494;
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	text-align: center;
}
#rec1{
	background-image:url(../images/rec1.png);
	width: 282px;
	height: 282px;
	background-repeat: no-repeat;
	overflow: hidden;
	padding:10px 10px 10px 10px;
	z-index:99;
	position: relative;
}

#rec2{
	background-image:url(../images/rec2.png);
	width: 282px;
	height: 282px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-left:20px;
	padding:10px 10px 10px 10px;
	z-index:99;
	position: relative;
}
#rec3{
	background-image:url(../images/rec3.png);
	width: 282px;
	height: 282px;
	background-repeat: no-repeat;
	overflow: hidden;
	padding:10px 10px 10px 10px;
	z-index:99;
	position: relative;
}
#rec4{
	background-image:url(../images/rec4.png);
	width: 282px;
	height: 282px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-left: 20px;
	padding:10px 10px 10px 10px;
	z-index:99;
	position: relative;
}

#oc1 {
	background:url(../images/reca.png) no-repeat ;
	overflow:hidden;
	height:282px;
	width:282px;
	position: relative;
}
#oc2 {
	background:url(../images/reca.png) no-repeat ;
	overflow:hidden;
	height:282px;
	width:282px;
	position: relative;
}
#oc3 {
	background:url(../images/reca.png) no-repeat ;
	overflow:hidden;
	height:282px;
	width:282px;
	position: relative;
}
#oc4 {
	background:url(../images/reca.png) no-repeat ;
	overflow:hidden;
	height:282px;
	width:282px;
	position: relative;
}


#mask1{
	height: 282px;
	width: 282px;
	margin-top: -302px;
	overflow: hidden;
	padding-left: 10px;
	position: relative;
	top:8px;
	z-index:999;

}
#mask2{
	height: 282px;
	width: 282px;
	margin-top: -302px;
	overflow: hidden;
	padding-left: 10px;
	position: relative;
	top:8px;
	z-index:999;
	margin-left: 20px;
	
}
#mask3{
	height: 282px;
	width: 282px;
	margin-top: -302px;
	overflow: hidden;
	padding-left: 10px;
	position: relative;
	top:8px;
	z-index:999;

}
#mask4{
	height: 282px;
	width: 282px;
	margin-top: -302px;
	overflow: hidden;
	padding-left: 10px;
	position: relative;
	top:8px;
	z-index:999;
	margin-left: 20px;

}

.cuadro_cont{
	width: 302px;
	height: 302px;
	float: left;
	margin-left:15px;
}
img {
	border:0;
}

#opcuadro {
	list-style-image: url(../images/flecha_blanca.png);
	font-size: 12px;
	color:white;
	margin-top: -10px;
	float: left; 
}

#opcuadro1 {
	list-style-image: url(../images/flecha_blanca.png);
	font-size: 12px;
	color:white;
	margin-top: -10px;
	float: left; 
	margin-left: -15px; 
}




#opcuadro li{
	color:white;
}
#opcuadro a{
	color:white;
	text-decoration: none;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;

}
 
#mask1 a,#mask2 a,#mask3 a,#mask4 a {
	color:white;
}

#mask1 a:hover, #mask2 a:hover, #mask3 a:hover, #mask4 a:hover {
	color:red;
}
#rec1 a{
	color:#2c3494;
}
#rec1 a:hover{
	color:red;
}

#colt
{
	width: 1000px; 
	left: 10%; 
	position: relative; 
	float: left;
}

.pdf
{
	font-family:arial;
	font-size:12px;
}
#footer{
	background-color:#2C3494;
	float:left;
	overflow:hidden;
	width:100%;
	height:170px;
}
#ctl00_MainContent_ctl02_field8_0,#ctl00_MainContent_ctl02_field8_1,#ctl00_MainContent_ctl02_field8_2,#ctl00_MainContent_ctl02_field8_3{
	width:20px;
}
.faltante{
	background-image:url(../images/borde_der.gif);
	width:50px;
	height:53px;
	background-position: 0px 63px;
	background-repeat:repeat;	
}

.rssBody h4{
	font-size:12px;
	font-family:arial;
	font-weight:bold;
}

.rssBody p, .rssBody div {
	font-size:12px;
	font-family:arial;
}
#col1 input[type="submit"]{
	height:32px;
	width:60px;
}
#col1 input[type="checkbox"]{
	height:10px;
	width:10px;
}
.rssBody a:visited,.rssBody a:hover{
	color:#2C34A7;
}
.rssBody a{
	color:#2C34A7;
	font-size:12px;
}
.rssHeader{
	background-color:#2c3494;
	color:white;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	margin:0 0 2px 0;
	padding:5px;
	text-align:center;
}
.rssHeader a,.rssHeader a:hover,.rssHeader a:visited{
	color:white;
}
.rssFeed{
	margin-top:0px;
}
.rssBody p{
	margin-top:0px;
	margin-bottom:0px;
}
.rssBody h3{
	margin-top:5px;
	margin-bottom:5px;
}
#col1 .form_element{
	width:84px;
}
#col1 input{
	width:190px;
	height:12px;
	font-size:11px;
}
#col1 select{
	width:100px;
}
#col1 #contactform{
	font-family:arial;
	font-size:12px;
}
#col1 textarea{
	width:190px;
}