body {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:7px;
	background-color:#dfdfdf;
	}
	
/*imagenes png*/
img, { behavior: url(iepngfix.htc) }

/*borde de tabla*/
.top-left { background-image:url(images/top-left.jpg); background-repeat:no-repeat;}
.top { background-image:url(images/top.jpg); background-repeat:repeat;}
.top-right { background-image:url(images/top-right.jpg); background-repeat:no-repeat;}
.bottom-left { background-image:url(images/bottom-left.jpg); background-repeat:no-repeat;}
.bottom { background-image:url(images/bottom.jpg); background-repeat:repeat;}
.bottom-right { background-image:url(images/bottom-right.jpg); background-repeat:no-repeat;}
.left { background-image:url(images/left.jpg); background-repeat:repeat;}
.right { background-image:url(images/right.jpg); background-repeat:repeat;}
.bg-tabla01{background-image:url(images/bg-tabla01.jpg); background-position:top; background-repeat:repeat-x;}

.celda01 { border:1px solid #cccccc;}
.celda02 { border:1px solid #0282c0;}

.tabla {border:solid 1px #dcdcdc;}
.rellenogris {background-color: #F4F4F4;}
.rellenoblanco {background-color: #FFFFFF;}
.textnegro { font-family: Arial;
font-size:12px;
font-weight:normal;
text-align:center;
color:#333333;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;}

.pais { font-family: Arial, Helvetica, sans-serif;
font-size:12px;}

/*lineas divisorias*/
.linea_divisoria_vert {background-image:url(images/linea_divisoria_vert.jpg); background-position:top; background-repeat:repeat-y; width:45px;}
.linea_divisoria_hor {background-image:url(images/linea_divisoria_hor.jpg); background-position:top; background-repeat:repeat-x; height:40px;}


/*estilos de vinetas*/
.column_izq {
	font-family:Arial;
	color:#333333;
	font-size:12px;
	text-align:left;
	line-height:14px;}
	
.column_izq ul {margin:0; padding:0; list-style:none}
.column_izq li  {background:url(images/flecha.jpg) no-repeat; background-position:0 3px; margin:8px; padding:0px 0px 0px 12px}

.requisitos_sistema {
	font-family:Arial;
	color:#333333;
	font-size:13px;
	text-align:justify;
	line-height:16px;}
	
.requisitos_sistema ul {margin:0; padding:0; list-style:none}
.requisitos_sistema li  {background:url(images/flecha.jpg) no-repeat; background-position:0 5px; margin:8px; padding:0px 0px 0px 12px}
.requisitos_sistema li a:link {color:#333333; text-decoration:none;}
.requisitos_sistema li a:visited {color:#333333; text-decoration:none;}
.requisitos_sistema li a:hover {color:#333333; text-decoration:underline; font-weight: bold;}


.column {
	font-family:Arial;
	color:#0282c0;
	font-size:12px;
	text-align:left;
	line-height:14px;}
	
.column ul {margin:0; padding:0; list-style:none}
.column li  {background:url(images/flecha2.jpg) no-repeat; background-position:0 3px; margin:4px; padding:0px 0px 0px 15px}
.column li a:link {color:#0282c0; text-decoration:none;}
.column li a:visited {color:#0282c0; text-decoration:none;}
.column li a:hover {color:#0282c0; text-decoration:underline; font-weight: bold;}

.ventajas {
	font-family:Arial;
	color:#333333;
	font-size:12px;
	text-align:left;
	line-height:14px;
	font-weight: bold;}
	
.ventajas ul {margin:0; padding:0; list-style:none}
.ventajas li  {background:url(images/tilde.jpg) no-repeat; background-position:0 3px; margin:8px; padding:0px 0px 0px 16px}

.leer_mas {
	font-family:Arial, Helvetica, sans-serif;
	color:#0282c0;
	font-size:12px;
	text-align:justify;
	line-height:17px;}

.leer_mas a:link {color:#0282c0; text-decoration:none;}
.leer_mas a:visited {color:#0282c0; text-decoration:none;}
.leer_mas a:hover {color:#0282c0; text-decoration:underline;}
.leer_mas ul {margin:0; padding:0; list-style:none}
.leer_mas li  {background:url(images/item.jpg) no-repeat; background-position:0 7px; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px}
.leer_mas li a:link {color:#0282c0; text-decoration:none;}
.leer_mas li a:visited {color:#0282c0; text-decoration:none;}
.leer_mas li a:hover {color:#0282c0; text-decoration:underline;}


/*textos*/
.titulo {
	font-family:Arial;
	color:#333333;
	font-size:14px;
	text-align:left;
	line-height:17px;
	padding:0px;
	font-weight:bold;}
	
.titulo a:link {color:#333333; text-decoration:none;}
.titulo a:visited {color:#333333; text-decoration:none;}
.titulo a:hover {color:#333333; text-decoration:underline;}

.titulo_1 {
	font-family:Arial;
	color:#01306d;
	font-size:14px;
	text-align:left;
	line-height:17px;
	font-weight: bold;}

.titulo_1 a:link {color:#01306d; text-decoration:none;}
.titulo_1 a:visited {color:#01306d; text-decoration:none;}
.titulo_1 a:hover {color:#01306d; text-decoration:underline;}
  
.text01 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	text-align:justify;
	line-height:17px;}

.text01 a:link {color:#333333; text-decoration:none;}
.text01 a:visited {color:#333333; text-decoration:none;}
.text01 a:hover {color:#333333; text-decoration:underline;}
.text01 ul {margin:0; padding:0; list-style:none}
.text01 li  {background:url(images/flecha2.jpg) no-repeat; background-position:0 5px; margin:10px 0px 0px 0px; padding:0px 0px 0px 12px}
.text01 li a:link {color:#0282c0; text-decoration:none;}
.text01 li a:visited {color:#0282c0; text-decoration:none;}
.text01 li a:hover {color:#0282c0; text-decoration:underline; font-weight: bold;}

.text02 {font-family:Arial, Helvetica, sans-serif;
color: #0282c0;
font-size:13px;
text-align:justify; 
line-height:17px;}

.text02 a:link {color:#0282c0; text-decoration:none;}
.text02 a:visited {color:#0282c0; text-decoration:none;}
.text02 a:hover {color:#0282c0; text-decoration:underline; font-weight: bold;}

.text02a {font-family:Arial, Helvetica, sans-serif;
color: #0282c0;
font-size:13px;
text-align:justify; 
line-height:17px;}

.text02a a:link {color:#0282c0; text-decoration:none;}
.text02a a:visited {color:#0282c0; text-decoration:none;}
.text02a a:hover {color:#0282c0; text-decoration:underline;}

.text03 {font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:13px;
text-align:center; 
line-height:17px;}

.text03 a:link {color:#333333; text-decoration:none;}
.text03 a:visited {color:#333333; text-decoration:none;}
.text03 a:hover {color:#333333; text-decoration:underline; font-weight: bold;}

.text04 {font-family:Arial, Helvetica, sans-serif;
color: #0282c0;
font-size:12px;
line-height:16px;}

.text04 a:link {color:#0282c0; text-decoration:none;}
.text04 a:visited {color:#0282c0; text-decoration:none;}
.text04 a:hover {color:#0282c0; text-decoration:underline;}

.text04 ul {margin:0; padding:0; list-style:none}
.text04 li  {background:url(images/flecha2.jpg) no-repeat; background-position:0 5px; margin:10px 0px 0px 0px; padding:0px 0px 0px 12px}
.text04 li a:link {color:#0282c0; text-decoration:none;}
.text04 li a:visited {color:#30282c0; text-decoration:none;}
.text04 li a:hover {color:#0282c0; text-decoration:underline; }

.text04a {font-family:Arial, Helvetica, sans-serif;
color: #333333;
font-size:12px;
line-height:16px;}

.text04a a:link {color:#333333; text-decoration:none;}
.text04a a:visited {color:#333333; text-decoration:none;}
.text04a a:hover {color:#333333; text-decoration:underline;}

.text05 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	text-align:left;
	line-height:16px;}

.text05 a:link {color:#333333; text-decoration:none;}
.text05 a:visited {color:#333333; text-decoration:none;}
.text05 a:hover {color:#333333; text-decoration:underline; font-weight: bold;}

.text06 {font-family:Arial, Helvetica, sans-serif;
color: #996600;
font-size:18px;
line-height:19px;}

.text07 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #01306d;
	text-align:center;
	font-weight: bold;}

.text07 a:link {color:#01306d; text-decoration:none;}
.text07 a:visited {color:#01306d; text-decoration:none;}
.text07 a:hover {color:#01306d; text-decoration:underline;}

.text08 {font-family:Arial, Helvetica, sans-serif;
color:#F2450D;
font-size:12px;
text-align:center; 
font-weight: bold;
line-height:14px;}

.text08 a:link {color:#F2450D; text-decoration:none;}
.text08 a:visited {color:#F2450D; text-decoration:none;}
.text08 a:hover {color:#F2450D; text-decoration:underline; }

.text08a {font-family:Arial, Helvetica, sans-serif;
color:#F2450D;
font-size:14px;
text-align:center; 
font-weight: bold;
line-height:17px;}

.text09 {
	font-family:Arial, Helvetica, sans-serif;
	color:#F2450D;
	font-size:13px;
	text-align:justify;
	line-height:17px;}

.text09 a:link {color:#F2450D; text-decoration:none;}
.text09 a:visited {color:#F2450D; text-decoration:none;}
.text09 a:hover {color:#F2450D; text-decoration:underline;}

.text10 {font-family:Arial, Helvetica, sans-serif;
color: #333333;
font-size:11px;
text-align:center; 
line-height:14px;
padding-left:3px;
padding-right:3px;}

.text10 a:link {color:#0282c0; text-decoration:none;}
.text10 a:visited {color:#0282c0; text-decoration:none;}
.text10 a:hover {color:#0282c0; text-decoration:underline;}

.ver-mas {font-family:Arial, Helvetica, sans-serif;
color:#0282c0;
font-size:11px;
text-align:right;
font-weight:bold;}

.ver-mas a:link {color:#0282c0; text-decoration:none;}
.ver-mas a:visited {color:#0282c0; text-decoration:none;}
.ver-mas a:hover {color:#0282c0; text-decoration:underline;}

.pie {font-family:tahoma, Helvetica, sans-serif;
color:#666666;
font-size:10px;
text-align:center;}

.pie a:link {color:#666666; text-decoration:none;}
.pie a:visited {color:#666666; text-decoration:none;}
.pie a:hover {color:#666666; text-decoration:underline;}

.respuesta {
font-family:tahoma, Helvetica, sans-serif;
color:#666666;
font-size:12px;
text-align:center;
border:thin dashed #0282c0;
font-style: normal;}


/*FORMULARIO DE SOPORTE TECNICO Y CONTACTOS*/

.input_text{/*soporte tecnico*/
	font-family:Arial;
	font-size:12px;
	color:#333333;
	text-align:left;
	height:18px;
	background:#ffffff; border:1px solid #7F9DB9; margin:0px 0px 0px 0px;
	
}

.input_text_1{/*contactos*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-align:left;
	width:230px;
	height:18px;
	background:#ffffff; border:1px solid #7F9DB9; margin:0px px 0px px;
	
}

.input_securitycode {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	font-weight:bold;
	text-align:justify;
	width:80px;
	height:20px;
	background:#efefef; border:1px solid #7F9DB9; margin:0px 0px 0px 0px;
	}
	
.area_text{
	font-family:Arial;
	font-size:12px;
	color:#333333;
	text-align:justify;}
	
.securitycode {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
font-weight:bold;
color: #14316B;} 

.securitycode_1 {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #CC0000;}

.text_mensaje {font-family:Arial;
color:#000000;
font-size:13px;
text-align:justify; 
line-height:17px;}

.text_regresar { font-family: Arial;
font-size:12px;
line-height:16px;
text-align:justify;
font-weight:normal;
color:#d60000;}

.text_regresar a:link { color:#d60000; text-decoration:none;}
.text_regresar a:visited { color:#d60000; text-decoration:none;}
.text_regresar a:hover { color:#d60000; text-decoration:underline;}
 
 
 
/*ENCUESTA*/	

hr {
	height: 0px;
	border: 0px;
	border-bottom: 1px solid #DADADA;
	margin: 3px;
	margin-left: 0px;}
	
.poll {
	margin-top:12px;
	margin-bottom:10px;
	font-family: Arial;
	font-size: 12px;
	text-align:left;}

.votar {
	margin-left:60px;}

/*pop-up de imagenes*/
.thumbnail{
	position: relative;
	z-index: 50;}

.thumbnail:hover{
background-color: transparent;
z-index: 50;}

.thumbnail span{ /*CSS para alargar la imagen*/
position: absolute;
background-color: #ffffff;
padding: 0px;
right: 0px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;}

.thumbnail span img{ /*CSS para alargar la imagen*/
border-width: 0;
padding: 2px;}

.thumbnail:hover span{ /*CSS alargar imagen en on hover*/
visibility: inherit;
top: -190px;
right: 245px; /*posicion donde alargara la imagen horizontalmente */
}
