<?php
  header('Content-type: text/css');
  ob_start("compress");
  function compress($buffer){
    // quita comentarios
    $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
    // quita tabuladores, espacios, nuevas lineas, etc.
    $buffer = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $buffer);
    return $buffer;
  }
?>
/*Para evitar que se muestre en negro la primera clase al ser arrastrada al notepad*/
.none{
	height: 0px;
}

/*
Theme Name: SWIGC
Theme SWIGC-Prosol: 
Descripcción: Tema por defecto y generado para Prosol
Versión: 5.0
Autor Effinet: 
*/

/*Nota Importante: Las propiedades generales pueden ser usadas de 2 formas:
1.- las clases se pueden agrupar clases en la pagina php, de esta forma vamos
seleccionando las clases con las propiedades que necesitamos para formar el objeto que deseamos
2.- pueden ser agrupadas en la hoja de estilo, de la misma forma q arriba agrupamos las clases
para darles propiedades comunes, a fin de ir creando un objeto que ya nazca con propiedades
heredadas de otras clases, al final solo escribimos en la clase lo que necesitamos especificamente
esta ultima forma tiene una ventana, permite que el diseñador web pueda trabajar en la hoja de estilo
sin interrumpir la tarea del programador.
se usaran las 2 formas en esta hoja, la primera sera para pruebas espeficias, la 2da para el resultado
final esplicare la sintaxis q utilizare brevemente:
".propiedad-general", ."clase q hereda para produccion final", ."otra clase que hereda para produccion final"
de esta forma si queremos usar la pripiedad general para agrupara en la pagina php, bastaria con
usar el nombre de "propiedad-general", para ir agrupando clases, cuando se terminen las pruebas
finalmente se agruparan en la propiedad general. De esta forma no perdemos el nombre de la propiedad*/

/*general y optimizamos la hoja*/

/*Reseteamos todos los estilos para todos los navegadores*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
/*	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;*/
}

/******************************/
/*INICIO PROPIEDADES GENERALES*/
/******************************/
/*Aplicadas a las etiquetas de toda la web*/

/*Inicio propiedades generales de cajas y contenedores*/

/*DISPLAY BLOCK*/
.dsp-bck, .alg-ctr, .navlist li a, .h-cent, .h-right,
.art-con-psc1, .frm fieldset, .frm1 fieldset, .frm label,
.frm1 label, .frm input[type="text"], .frm1 input[type="text"],
.frm1 input[type="password"], .frm1 input[type="password"], .fnt-txt1,
.fnt-txt4, .fnt-txt6, .frm select, .frm1 select, .fnt-txt2, .fnt-txt5,
.fnt-txt7, .fnt-txt9, .fnt-txt12, .fnt-txt13 {
display: block;
}

/*DISPLAY INLINE*/
/*Sirve para que un objeto se comporte como una linea y pueda ser centrado*/
.dsp-inl, .frm1 input[type="text"].pt{
	display: inline;
}

/*RELATIVE*/
.gen-r, .sht, .sht-bod, .bod, .men li, .men2 li,
.art-fnd-def2, .art-con-def2, .art-con-def3, .img-def, .art-con-cli1,
.art-con-psc1, .art-con-psc2, .art-con-in, .art-con-rc2-1, .art-con-rc2-2, .art-con-rc2-3,
.art-con-rc2-4, .art-con-cl1, .art-con-is1, .art-con-is2, .cuz-div,
.img-pas, .footer, .frm1 input[type="submit"].cn2#btnslr{
	position: relative;
}

/*ABSOLUTE*/
.gen-a, .art-con, .art-lft, .sht-top-rgh, .sht-top-lft, .sht-btt-rgh, .sht-btt-lft,
.sht-top-row, .sht-btt-row, .sht-col-rgh, .sht-col-lft, .row, .art-con-def1,
.art-con-def4, .art-con-def5, .art-con-con1, .art-con-ser1, .us-con, .art-con-pi,
.arr{
	position: absolute;
}

/*IZQUIERDA*/
.iz, .art-fnd-def1, .art-fnd-ser1, .art-fnd-ser2, .art-fnd-cli1, .art-fnd-def2, .art-fnd-top-lft,
.art-fnd-btt-lft, .men li, .men2 li, .art-con-cli1, .art-con-psc2, .art-con-inf1, .art-con-rc2-1, .art-con-rc2-2,
.art-con-rc2-3, .art-con-rc2-4, .art-con-cl1, img.pi, .frm1 select, .frm1 select, .cen-li, .cn3, .h-izq,
.art-con-is1, .art-con-is2, .simg2{
	float: left;
}

/*DERECHA*/
.de, .simg1, .art-fnd-top-rgh, .art-fnd-btt-rgh, .ptc4, .h-right,
.frm1 input[type="button"].re2{
	float: right;
}

/*ALIGN CENTER*/
/*clase utilizada por la tabla para centrarse*/
.alg-ctr, .men, .men2{
	margin-left: auto;
	margin-right: auto;
}

/*CENTRAR OBJETOS HORIZONTALMENTE*/
.h-cent{
	clear: both;
}

/*ELIMINAR BORDE IMAGENES*/
.sn-bord a img, .art-con a img, .art-lft a img, .art-con-def4 a img{
	border: 0;
}

/*FONDO REPETIDO Y TRANSPARENTE*/

.art-fnd-gen, .cen-lin, .cen-def1, .art-fnd-ser1, .art-fnd-ser2, .art-fnd-cli1,
.art-fnd-sup-izq, .art-fnd-sup-der, .art-fnd-top-rgh, .art-fnd-top-lft,
.art-fnd-inf-der, .art-fnd-inf-izq, .art-fnd-btt-rgh, .art-fnd-btt-lft,
.btn a .tb, .btn a .tc{
	background: Transparent repeat;
}

/*TEXTO CENTRADO*/
.art-cnt, .h-cent, .ptc1, .art-con-inf1, .tit-gen, .fnt-tit1, .fnt-tit2,
.fnt-tit3, .footer{
	text-align: center;
}

/*TEXTO NEGRITA*/
.fnt-bld{
	font-weight: bold;
}

/*QUITAR SUBRAYADO A ENLACES*/
.art-dcn a:hover, .art-dcn a, .men a, .men2 a,
.navlist li a, .ls li a, .lp li a, .lf li a,
.art-con-inf1 a:hover, .art-con-inf1 a,
.fnt-txt2:visited, .fnt-txt2:link,
.btn a .tb, .btn a .tc, .btn ul a, .btn a,
.btn a:link, .btn a:visited, .btn a:hover{
	text-decoration:none;
}

/*ALINEADO HACIA ARRIBA TOP OPX*/
.art, .art-con, .art-lft, .art-con-def1, .art-con-def4, .art-con-def5,
.ptc1, .sht, .sht-top-lft, .sht-top-rgh, .sht-top-row, .hdr-log{
	top: 0px;
}

/*Fin propiedades generales de cajas y contenedores*/

/*aca se define que la parte de arriba de la web este pegada hacia
arriba, y tambien el color por defecto de todo el texto de la web*/
body{
	margin: 0px auto;
}
/***************************/
/*FIN PROPIEDADES GENERALES*/
/***************************/

/*********************/
/*INICIO HOJA CENTRAL*/
/*********************/

/* Incio caja que contiene toda la hoja (la web) */
.sht{
	margin: 0px auto;  
	min-width: 25px;
	min-height: 25px;
	margin-bottom: 10px;
	cursor:auto;
	width: 800px;
}

/*ezquinas de la hoja*/
.sht-top-rgh, .sht-btt-rgh, .sht-top-lft, .sht-btt-lft{
	background-image: url('../images/sheet_s.png');
}

.sht-top-rgh, .sht-btt-rgh, .sht-top-lft, .sht-btt-lft,
.sht-top-row, .sht-btt-row{
	height: 36px;
}

.sht-top-rgh, .sht-btt-rgh, .sht-top-lft, .sht-btt-lft,
.sht-col-rgh, .sht-col-lft{  
	width: 36px;
}

/*Borde superior e inferor de la hoja*/
.sht-top-row, .sht-btt-row{
	left: 4px;
	right: 4px;
	background-image: url('../images/sheet_h.png');
}

/*Laterales de la parte cetral de la pagina*/
.sht-col-rgh, .sht-col-lft{
	top: 4px;
	bottom: 4px;
	background-image: url('../images/sheet_v.png');
}

.sht-btt-lft, .sht-btt-rgh, .sht-btt-row{
	bottom: 0px;
}

.sht-top-rgh, .sht-btt-rgh{
	right: 1px;
}

.sht-top-lft, .sht-btt-lft{
	left: 1px;
}

.sht-top-lft{
	clip: rect(auto, 18px, 18px, auto);
}

.sht-top-rgh{
	clip: rect(auto, auto, 18px, 18px);
}

.sht-btt-lft{
	clip: rect(18px, 18px, auto, auto);
}

.sht-btt-rgh{
	clip: rect(18px, auto, auto, 18px);
}

.sht-top-row{
	clip: rect(auto, auto, 18px, auto);
}

.sht-btt-row{
	clip: rect(18px, auto, auto, auto);
}

.sht-col-rgh{
	right: 0px;
	clip: rect(auto, auto, auto, 18px);
}

.sht-col-lft{
	left: 0px;
	clip: rect(auto, 18px, auto, auto);
}

.sht-bod{
	padding: 4px;
}

.fixeddiv{
	position: fixed;
	width: 80px;
	right: 20px;
	bottom: 40px;
	padding: 0px;
	z-index: 100;
}

.icon_float{
	width: 60px;
	height: 60px;
}

.fixeddiv a:focus{
    width: 0px;
    height: 0px;
    outline: 0px;
}

/* Fin caja que contiene toda la hoja (la web) */

/******************/
/*FIN HOJA CENTRAL*/
/******************/

/*****************/
/*INICIO CABECERA*/
/*****************/

.hdr-log{
	width: 792px;
	height: 120px;
	background: url('../images/header.png') center center;
}

/**************/
/*FIN CABECERA*/
/**************/

/*************/
/*INICIO MENU*/
/*************/

.cnt-men2{
	/*top: 0px;*/
	height: 24px;
	background-image: url('../images/nav.png');
	background-color: #D5E0F4;
}

/*Ancho del menu*/
.men2{
	overflow: hidden;
	/*width: 230px;*/
	width: 611px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

/*Imagen en estado normal*/
.men2 a{
	display: inline-block;
	color: #E6EEEE;
	height: 18px;
	font: bold 12px Arial, "Trebuchet MS", Tahoma, Verdana;
	padding: 6px 13px 0px 13px;
	margin-left: 3px;
	background-image: url('../images/menfnd.png');
}

/*Imagen cuando este sobre*/
.men2 a:hover, .men2 li:hover a, .men2 li:hover .act{
	background-image: url('../images/menhov.png');
	color: #162123;
}

/*Imagen en estado activo*/
.men2 li .act{
	background-image: url('../images/mennml.png');
	color: #2D4448;
}

/**********************************************/
/* Etructura del menu */
.cnt-men{
	/*top: 0px;*/
	height: 24px;
	background-image: url('../images/nav.png');
	background-color: #D5E0F4;
}

/*Ancho del menu*/
.men{
	overflow: hidden;
	width: 611px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
/*Imagen en estado normal*/
.men a{
	display: inline-block;
	color: #E6EEEE;
	height: 18px;
	font: bold 12px Arial, "Trebuchet MS", Tahoma, Verdana;
	padding: 6px 13px 0px 13px;
	margin-left: 3px;
	background-image: url('../images/menfnd.png');
}

/*Imagen cuando este sobre*/
.men a:hover, .men li:hover a, .men li:hover .act{
	background-image: url('../images/menhov.png');
	color: #162123;
}

/*Imagen en estado activo*/
.men li .act{
	background-image: url('../images/mennml.png');
	color: #2D4448;
}

/**********/
/*FIN MENU*/
/**********/

/*******************************************/
/*INICIO PROPIEDADES GENERALES DE LAS HOJAS*/
/*******************************************/
/* Inicio Estructura Diseño del contenido de la hoja*/
/*la hoja es apartir de donde termina el menu*/

/*Inicio cuerpo*/
.bod{
	background-color: #D5E0F4;
	width: 792px;
	height: 392px;
}
/*Fin cuerpo*/

/*inicio articulos*/

/*Incio fondo general*/

.art-fnd-gen, .cen-lin, .cen-def1{
	background-image: url('../images/art-fondo.png');
}
/*Fin fondo general*/

/*Inicio fondo de las ezquinas*/
.art-fnd-sup-izq, .art-fnd-top-lft{  
	background-image: url('../images/art-sup-izq.png');
}

.art-fnd-sup-der, .art-fnd-top-rgh{  
	background-image: url('../images/art-sup-der.png');
}

.art-fnd-inf-izq, .art-fnd-btt-lft{  
	background-image: url('../images/art-inf-izq.png');
}

.art-fnd-inf-der, .art-fnd-btt-rgh{  
	background-image: url('../images/art-inf-der.png');
}

/*Fin fondo de las ezquinas*/

/*Inicio rompezabeza articulo*/

.art-fnd-top-rgh, .art-fnd-top-lft, .art-fnd-btt-rgh, .art-fnd-btt-lft{
	width: 8px;
}

.art-fnd-top-rgh, .art-fnd-top-lft, .art-fnd-btt-rgh, .art-fnd-btt-lft,
.cen-lin{
	height: 8px;
}

.cen-lin{
	display: block;
	padding: 0px;
	margin: 0px 6px 0px 6px;
}
/*Fin rompezabeza articulo*/

/*Inicio propiedades generales articulos*/

/*Alto predeterminado*/
.hgh-def, .art-fnd-cli1, .art-fnd-def1, .art-fnd-ser1, .art-fnd-ser2{
	height: 358px;
}

/*centrado texto justificado*/
.art-jfy, .fnt-txt1, .fnt-txt7, .art-con-def5, .art-con-pi{
	text-align: justify;
}

/*Inicio contenedor de articulos por defecto*/
.art-con{
	margin: 0px;
	padding: 0px;
	top: 18px;
	left: 18px;
	min-height: 356px;
	width: 757px;
}

.art-lft{
	margin: 40px 10px 12px 10px;
	width: 180px;
}

.art-lft{
	left: 0px;
}

/*Div para espacio estandar*/
.spacer{
	height: 8px;
	clear: both;
}

/*Fin articulos*/

/***************/
/*INICIO LISTAS*/
/***************/

/*Mantener lista como bloque para poder aplicar espacios*/
/*La clase .ls era para la seccion servicios, pero por el momento esta en desuso*/
.lp li, .ls li{
	display: inline-block;
	height: auto;
	width: 180px;
	margin: 3px 0px 3px 0px;
}
/*Mantener elementos de enlaces en la lista como bloques para aplicar espacios*/
.lp li a{
	display: inline-block;
	width: 180px;
	height: auto;
}

.ls li a{
	display: inline-block;
	width: 180px;
	height: 28px;
}

.lf li{
	height: 14px;
	margin-top: 11px;
}

/*Tamaño de radio y separacion  entre radio y texto para la seccion validacionp*/
.lf li span input[type="radio"]{
	float: left;
	width: 17px;
	height: 17px;
	margin-top: 1px;
	margin-right: 5px;
}
/*Alinear el texto con el radio en un mismo bloque*/
.lf li span{
	display: inline-block;
}


/*los valores de padding y margin definen como "0" el espacio
que por defecto traen las listas por defecto que es 40 en su lado
izquierdo*/
.navlist, .ls, .lp, .lf, .btn{
	margin: 0px;
	padding: 0px;
}

.navlist, .ls, .lp, .lf, .btn, .men, .men2{
		list-style: none;
}

/*en esta propiedad el "colo" define el color del
fondo del boton activo por el momento no se usa, para usarla
/*en el php debe ubicarse el elemento "li" dentro de "ul" y
colocarle 'class="active"'
ul.navlist li.active a
{
color: #f0e7d7;
}*/

/*Color general del estado sobre para todas las listas:
la propiedad color define aca el color del texto cuando el mouse
 esta sobre
/*color para el boton cerrar sesion*/
.btn li:hover>a .tc{
	color: #800000;
}

/*Lista para los botones tipo enlace*/

/* aca se define si los objetos del menu tienen borde o no,
y su color, para los estados: a, link, visited*/
.btn a, .btn a:link, .btn a:visited{
    outline: 1px solid #000000;
}

/* aca se define si los objetos del menu tienen borde o no,
y su color, para el estado hover*/
.btn a:hover{
    outline: 1px solid #800000;
}

/*Fondo de la lista*/
.btn a .tb, .btn a .tc{
	background-image: url('../images/bckbtn.png');
}

/*Texto del span que esta dentro del enlace de la lista*/
.btn a .tb, .btn a .tc, .btn ul a, .btn a, .btn a:link, .btn a:visited, .btn a:hover{
	font: bold 14px Arial, "Trebuchet MS";
}

.btn a .tb{
	color: #000000;
	padding: 1px 17px;
	line-height: 0px;
}

.btn a .tc{
	color: #000000;
	padding: 0px 5px 0px 5px;
}
/************/
/*FIN LISTAS*/
/************/

/********************/
/*INICIO FORMULARIOS*/
/********************/

 /* Propiedades Generales */
 /*Definiendo propiedades principales para fieldset el campo que rodea
los formularios*/

.frm, .frm1{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

 .frm fieldset, .frm1 fieldset{
	border:0px solid #ccc;
}

.frm legend, .frm h2, .frm1 legend{
	font: bold 1.0em Arial, "Trebuchet MS", Tahoma, Verdana;
	color:#333;
}

.frm label, .frm1 label{
	height: 18px;
	font: bold 0.8em Arial, "Trebuchet MS", Tahoma, Verdana;
	cursor: pointer;
	color: #1D2C2F;
}

/*Propiedades form1*/
.frm input[type="text"] .frm1 input[type="text"]{
	font-weight: bold;
}

/*Alto textboxs contacto*/
.frm input[type="text"], .frm1 input[type="text"].cn1, .frm1 input[type="text"].cn2{
	height: 15px;
	font-size: 0.9em;
}


.frm input[type="text"], .frm input[type="password"], .frm textarea,
.frm1 input[type="text"], .frm1 input[type="password"], .frm1 textarea,
.frm label, .frm1 label{
	/*margin-bottom: 3px;*/
	margin: 3px 0px 0px 0px;
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.frm input[type="text"], .frm input[type="password"], .frm textarea,
.frm1 input[type="text"], .frm1 input[type="password"], .frm1 textarea{
	font-family : Arial, "Trebuchet MS", Tahoma, Verdana;
}

.frm input[type="text"], .frm input[type="password"], .frm textarea,
.frm1 input[type="text"], .frm1 input[type="password"], .frm1 textarea{
	color : #000; 
	border : 1px solid #999;
}

.frm input[type="text"]:focus, .frm textarea:focus, .frm input[type="password"]:focus,
.frm1 input[type="text"]:focus, .frm1 input[type="password"]:focus, .frm1 textarea:focus{
	color : #009;
	border : 1px solid #162123;
	background-color : #D5E0F4;
}

/*definiendo propiedades princilapes para todos los botones*/

.frm input[type="button"], .frm input[type="submit"],
.frm1 input[type="submit"], .frm1 input[type="button"]{
	margin-top: 4px;
	font: bold 0.9em Arial, "Trebuchet MS", Tahoma, Verdana;
	background-color: #094B6B;
	border: 0px solid #000000;
	color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.frm1 input[type="file"]{
	font: bold 0.8em Arial, "Trebuchet MS", Tahoma, Verdana;
	/*background-color: #094B6B;*/
	border: 0px solid #000000;
	color: #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

/*Botones propiedad: sobre*/
.frm input[type="button"]:hover, .frm input[type="submit"]:hover,
.frm1 input[type="submit"]:hover, .frm1 input[type="button"]:hover{
	margin-top: 4px;
	font: bold 0.9em Arial, "Trebuchet MS", Tahoma, Verdana;
	background-color: #3A94D0;
	border: 0px solid #000000;
	color: #FFFFFF;
}

.frm input[type="radio"], .frm1 input[type="radio"]{
	font: bold 0.8em Arial, "Trebuchet MS", Arial, Tahoma, Verdana;
	color: #000000;
	height: 14px;
}
/*Espaciado de los radiobuttons solo para compromideuda*/
.frm1 input[type="radio"]#rad1{
	margin: 1px;
}

.frm select, .frm1 select{
	font: bold 0.8em Arial, "Trebuchet MS", Tahoma, Verdana;
	line-height:180%;
	color : #000; 
	padding : 2px;
	margin: 0px 3px 3px 0px;
	border : 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.frm select:focus, .frm1 select:focus{
	color : #009;
	border : 1px solid #162123;
	background-color : #D5E0F4;
	font-weight:bold;
}

/*Tamaño predeterminado para los imput tipo buttom y submit*/
.imp-tgn input[type="submit"],
.frm1 input[type="submit"], .frm1 input[type="button"]{
	height: 25px;
	width: 100px;
}

/* Definiendo ancho botones generales */
.frm img{
	margin:10px;
}

.frm .container{
	margin-top:8px;
	margin-bottom: 10px;
}

.frm .error{
	font: 0.7em Arial, "Trebuchet MS", Tahoma, Verdana;
	color: #900;
	background-color : #ffff00;
}

/*****************/
/*FIN FORMULARIOS*/
/*****************/

/****************/
/*INICIO FUENTES*/
/****************/

/*Texto general*/
.txt-gen, .fnt-txt1, .fnt-txt2, .fnt-txt3, .fnt-txt5, .fnt-txt7, .fnt-txt8, .fnt-txt9, .fnt-txt10, .fnt-txt11, .fnt-txt12, .fnt-txt13{
	font-family: Arial, "Trebuchet MS", Tahoma, Verdana;
}

/*Titulo general*/
.tit-gen, .fnt-tit1, .fnt-tit2, .fnt-tit3{
	display: block;
	font-family: Arial, "Trebuchet MS", Tahoma, Verdana;  
}

/*Negrita*/
.fnt-txt10{
	font-weight: bold;
	font-size: 13px;
	color: #1D2C2F;
}

/*Cursiva*/
.fnt-txt11{
 	font-style: oblique; 
}

/*Normal*/
.fnt-txt12{
	font-weight: normal;
	font-size: 14px;
	color: #1D2C2F;
	text-align: justify;
}

/*Error*/
.fnt-txt13{
	font-weight: bold;
	font-size: 14px;
	color: #FF0005;
	text-align: justify;
}

/*************/
/*FIN FUENTES*/
/*************/

/* HASTA ACA LAS PROPIEDADES GENERALES POR EL MOMENTO */

/****************************************/
/*FIN PROPIEDADES GENERALES DE LAS HOJAS*/
/****************************************/

/***********************/
/*INICIO PAGINA DEFAULT*/
/***********************/

/*Debido a que todos los articulos tienen el mismo relleno, se usara
este contenedor de fondo "cen-def1" que solo mantiene el relleno entre
la parte superior con sus lados y la parte inferior con sus lados
para casi todas las hojas php*/

/*Inicio fondo articulo1*/
.cen-def1{
	height: 100%;
	width: 100%;
}

/*Uso del ancho de fondo de los articulos:
para que funcione el fondo normalmente, debera incluirse en las
siguientes clases: "art-fnd-gen" y "hgh-def" luego se puede colocar su
/*propiedad ancho. Ejemplo el ancho de fondo de articulo de abajo 
"art-fnd-def1"*/
.art-fnd-def1{
	margin: 7px 0px 0px 6px;
	width: 387px;
}

/*Definimos el espacio del contenedor de articulos 1*/
.art-con-def1{
	left: 5px;
}
/*Fin fondo articulo1*/

/*Uso de los contenedores de articulos:
para que funcione un articulo normalmente, debera incluirse
en las clases: "gen-a" y "art" luego se puede colocar el resto
de sus propiedades como margin y alineacion del texto. Ejemplo
el contenedor articulo de abajo "art-con-def2"*/

/*Contenedor de articulos 2*/
.art-con-def2{
	margin: 12px 12px 7px 12px;
}

/*Contenedor de articulos 3*/
.art-con-def3{
	margin: 0px 12px 0px 12px;
	background-image: url('../images/plenitud.jpg');
}

.art-con-def2, .art-con-def3{
	width: 364px;
	height: 175px;
}

.art-con-def4{
	left: 411px;
	top: 16px;
	width: 363px;
}

/*Contenedor de articulos 5*/
.img-def{
	left: 22px;
	margin: 0px;
	width: 324px;
	height: 87px;
}

/*Fuentes articulo1*/
.fnt-tit1, .fnt-txt1{
	color: #1D2C2F;	
}

.fnt-tit1, .fnt-tit2{
	font-weight: bold;
	font-size: 20px;
}

.fnt-txt1{
	font-weight: normal;
	font-size: 12px;
}

/*Caja de medida para las imagenes*/


/********************/
/*FIN PAGINA DEFAULT*/
/********************/

/*************************/
/*INICIO PAGINA SERVICIOS*/
/*************************/

/*si se deseara crear una caja redondeada con nargen superior e inferior
personalizada, bastaria con agregar un nuevo div al cual crearle propiedades
de "top y left" segun lo que se necesita, luego esta caja la pondriamos
junto con la general como se iso en la pagina defaul, dejo un ejemplo
de como podria ser:
.art-fnd-ser1
{
  top: 7px;
  left: 7px;
}*/

/*Fondo articulo1*/
.art-fnd-ser1{
	margin: 7px 0px 0px 6px;
	width:200px;
}

/*Fondo articulo2*/
.art-fnd-ser2{
	margin: 7px 0px 0px 6px;
	width:574px;
}

.art-con-ser1{
	top: 18px;
	left: 229px;
	height: 352px;
	width: 540px;
}

/*Nota: para usar las propiedades generales de las listas en una lista
que estaMoS creando, basta con incluir nuestra clase en las propiedades
generales de las lias ".navlist", ".navlist li a", ".navlist li a:hover"
Ejemplo la clase "ls", si se fija en las propiedades generales, esta
incluido en ellas, notese que se pueden grupar clases ".clase1, .clase2"
y al final se puede poner las pseudoclases "li a" y los cambios 
afectaran a ambas pseudoclases en ambas clases. Ejemplo:
".navlist, .ls li a" en este ejemplo en ambas clases "navlist" y "ls" se 
veran afectadas sus pseudoclases*/

/*Lista servicios*/

/*la propiedad "padding: 0.4em 0 0.4em 0em;" define el espaciado entre
el texto, estos valores corresponden a arriba, derecha, izquierda, abajo
respectivamente*/

.ls, .lf{
	margin: 0px 0px 0px 10px;
}

/*.ls li a{
	padding: 0.4em 0em 0.4em 0em;
}*/

/*Fuente articulo1 y 2*/
.fnt-txt2{
	font-weight: bold;
	font-size: 13px;
	/*color: #554434;*/
	color: #1D2C2F;
}

.fnt-txt2:visited, .fnt-txt2:link{
	color: #2012A0;
}

.fnt-txt2:hover{
	/*color: #554434;*/
	color: #1A1DF8;
}

.fnt-tit2{
	margin-top: 10px;
	/*color: #626262;*/
	color: #1D2C2F;
}

/*Fuente para servicio y articulos*/
.fnt-txt7{
	font-weight: Normal;
	font-size: 13px;
	color: #554434;
	width: 540px;
	line-height: 16px;
	display: table-cell;
}

/*contenedor de articulos 3*/
.art-con-ser3{
	margin: 30px 50px 0px 50px;
}

.simg1{
	margin-left: 30px;
}

.simg2{
	margin-right: 30px;
}

/*contenedor de articulos 4*/
.art-con-ser4{
	margin: 20px 25px 10px 25px;
}
/**********************/
/*FIN PAGINA SERVICIOS*/
/**********************/

/***********************/
/*INICIO PAGINA CLIENTE*/
/***********************/

/*Contenedor de articulos pagina servicio cliente*/
.art-con-def5{
	width: 352px;
}

/*Fondo articulo1*/
.art-fnd-cli1{
	margin: 7px 0px 0px 6px;
	width: 780px;
}

/*espaciado de articulos*/
.art-con-cli1{
	top: 65px;
	margin: 16px 0px 0px 35px;
}

/********************/
/*FIN PAGINA CLIENTE*/
/********************/

/*************************/
/*INICIO PAGINA PREGUNTAS*/
/*************************/

/* Inicio lista preguntas */
.lp li a{
/*	padding: 0.2em 0em 0em 0em;*/
}

.lp{
	margin: 5px 0px 0px 5px;
	text-align: left;
}

/**********************/
/*FIN PAGINA PREGUNTAS*/
/**********************/

/************************/
/*INICIO PAGINA PASOSCLI*/
/************************/

/*Contenedor de articulos 2*/
.art-con-psc1{
	display: block;
	left: 23px;
}

.art-con-psc2, .art-con-psc1{
	top: 60px;
}

/*centrado de articulos*/
.art-con-psc2{
	left: 80px;
	margin: 45px 0px 0px 70px;
}

/*********************/
/*FIN PAGINA PASOSCLI*/
/*********************/

/*************************/
/*INICIO PAGINA PORTALCLI*/
/*************************/

/*Imgenes pasos1*/
.ptc1{
	margin-left: 0px;
}

.ptc4, .ptc3{
	height: 60px;
}

.ptc3{
	margin: 5px 0px 0px 30px;
}

.ptc3#cptc{
	margin-top: 40px;
}

.ptc4{
	margin-right: 30px;
}

/*Form portalcli*/
.frm1 fieldset.pt{
	margin: 30px 0px 0px 159px;
	padding:5px 10px 5px 10px;
	height: 120px;
	width: 200px;
}

.frm1 input[type="text"].pt{
	width: 130px;
	height: 15px;
}

/**********************/
/*FIN PAGINA PORTALCLI*/
/**********************/

/***************************/
/*INICIO PAGINA VALIDACION2*/
/***************************/

/*Fuentes azul oscuro datos obtenidos de db*/
.fnt-txt3{
	font-weight: bold;
	font-size: 14px;
    color: #46696C;
}

/************************/
/*FIN PAGINA VALIDACION2*/
/************************/

/*****************************************************/
/*INICIO PAGINAS VALIDACION P1,P2,P3,P4,P5 REGISTROC1*/
/*****************************************************/

/*Fuentes negro para el titulo preguntas*/
.fnt-tit3{
	height: 45px;
	font-weight: bold;
	font-size: 16px;
}

.spacer-cuz{
	height: 80px;
}

/****************************************************/
/*FIN PAGINAS VALIDACION P1,P2,P3,P4,P5, REGISTRO C1*/
/****************************************************/

/********************/
/*INICIO PAGINA INFO*/
/********************/

/*Contenedor de articulos 1*/
.art-con-inf1{
	margin:  0px 0px 0px 130px;
}

.cuz-img{
	margin-bottom: -4px;
}

/*Frm info*/
.frm1 fieldset.in{
	height: 330px;
}

/*****************/
/*FIN PAGINA INFO*/
/*****************/

/************************/
/*INICIO PAGINA CONTACTO*/
/************************/

.frm1 fieldset.cn{
	padding: 0px 12px 13px 12px;
	width: 324px;
	height: 334px;
}

.frm1 textarea:focus.cn,
.frm1 textarea.cn{
	height:80px;
	width:314px;
	font-size: 0.9em;
}

.frm1 select.cn, .frm1 input[type="text"].cn{
	display: block;
	margin: 2px 1px 2px 0px;
	padding: 1px 0px 1px 0px;
}

.frm1 input[type="text"].cn{
	height: 17px;	
}

.frm1 label.cn{
	height: 17px;
}

/*Para infosecur*/
.frm1 label.cn1, .frm1 input[type="text"].cn3, .frm1 label.cn4,
.frm1 input[type="text"].inf, .frm1 input[type="text"].psr{
	float: left;
	height: 15px;
}

.frm1 input[type="text"].inf{
	margin-right: 30px;
}

/*calculadora*/
.frm1 label.cn3{
	width: 133px;
	text-align: left;
}

.frm1 input[type="text"].psr, .frm1 label.cn4{
	margin-left: 50px;
}

/*Ancho largo*/
.frm1 input[type="text"].cn1{
	display: inline-block;
	width: 314px;
	margin: 1px 0px 1px 0px;
}

.frm1 select.cn1{
	display: inline-block;
	width: 100%;
	margin: 0px 0px 4px 0px;
}

/*Ancho estandar*/
.frm1 input[type="text"].cn2, .frm1 input[type="password"].cn2,
.frm1 input[type="text"].cn3, .frm1 input[type="submit"].re1,
.frm1 select.re2, .frm1 input[type="text"].inf{
	width:200px;
}

.frm1 textarea.cn1 .frm1 textarea.cn1:focus{
	margin: 10px 0px 0px 0px;
	height:240px;
	width:100%;
	font-size: 1.0em;
}

.art-con-con1{
	top: 16px;
	left: 25px;
}
/*Caja para auspticiadores*/
.aust1, .aust2{
	margin: 30px 0px 0px 20px;
	float: left;
}
/*********************/
/*FIN PAGINA CONTACTO*/
/*********************/

/***********************************/
/*INICIO PAGINA REGISTRO C2, C3, C4*/
/***********************************/

/*Contenedor de articulos 1*/
.art-con-rc2-1, .art-con-rc2-2, .art-con-rc2-3, .art-con-rc2-4{
	margin: 0px 10px 0px 0px;
	top: 0px;
}

.art-con-rc2-1{
	width: 155px;
}

.art-con-rc2-2{
	width: 304px;
}

/*Ancho personalizado para pasarela*/
.art-con-rc2-2#art-con-rc2-24{
	width: 514px;
}

.art-con-rc2-3{
	width: 250px;
}

/*Ancho personalizado para caja que contiene simbolos
soles y porcentaje de calculadora, refinanciar, ofertar*/

.art-con-rc2-3#art-con-rc2-5, .art-con-rc2-3#art-con-rc2-19,
.art-con-rc2-3#art-con-rc2-20, .art-con-rc2-3#art-con-rc2-21,
.art-con-rc2-3#art-con-rc2-22, .art-con-rc2-3#art-con-rc2-23{
	width: 208px;
	margin-right: 0px;
}

.art-con-rc2-4{
	width: 220px;
}
/*Frm registro c1 - c6*/
.frm1 fieldset.re{
	padding: 0px 16px 16px 16px;
	height: 305px;
	width: 502px;
}

/*Alto estandar para los select (solo safari sirve*/
.frm1 select.re2{
	display: inline-block;
	line-height: 14px;
	height: 22px;
	margin: 2px 0px 2px 0px;
}

.frm1 input[type="text"].re3{
	display: inline-block;
	line-height: 13px;
	height: 13px;
	margin: 2px 0px 2px 0px;
}

/*Ancho largo*/
.frm1 input[type="text"].re3{
	width: 314px;
}

/*Ancho corto*/
.frm1 input[type="text"].re4{
	width: 50px;
	margin: 1px 0px 1px 0px;
}

.frm1 input[type="text"].re4{
	height: 13px;
}

/*Ancho capcha*/
.frm1 input[type="text"].re5{
	width:80px;
}

.frm1 i{
	margin-left: 180px;
}

.frm1 input[type="password"]{
	height: 15px;
}

.frm1 textarea, .frm1 textarea:focus{
	margin: 10px 0px 0px 0px;
	height:240px;
	width:493px;
	font-size: 1.0em;
}

.frm1 img.re{
	width: 140px;
	height:40px;
}

.spacer-cuz2{
	height: 20px;
}

/*Para centrar botones enlaces y otras cosas*/
.cen-li{
	position:relative;
	display:block;
	display:inline;
	width: 50%;
}

/********************************/
/*FIN PAGINA REGISTRO C2, C3, C4*/
/********************************/

/*********************/
/*INICIO PAGINA LOGIN*/
/*********************/
.frm1 fieldset.lg{
	padding: 0px 15px 20px 25px;
	margin: 50px 0px 0px 144px;
	width: 220px;
}

/*Diseño Personalizado para boton cerrar sesion*/
.frm1 input[type="submit"].cn2#btnslr{
	margin: 0px;
	height: 20px;
	width: 120px;
	z-index: 50;
}

/*Diseño Personalizado para boton atras y adelante*/
.frm1 input[type="submit"].cn2#btnatr, .frm1 input[type="submit"].cn2#btnsig{
	margin: 0px;
	height: 23px;
	width: 90px;
}

/*Personalizar la caja que contendra las flechas avanzar
y retroceder de todas las secciones que siguen a infosecur*/
.arr{
	margin: 0px;
	padding: 0px;
	top: 340px;
}

.arr#cnt-art-sig{
	left: 450px;
}
/******************/
/*FIN PAGINA LOGIN*/
/******************/

/*******************************/
/*INICIO PAGINA PORTALCMP Y VND*/
/*******************************/

img.pi{
	margin-right: 10px;
}

.fnt-txt4, .fnt-txt6{
	font-size: 13px;
	font-family: Arial, "Trebuchet MS", Tahoma, Verdana;
}

/*Para las listas de portal vnc y cmp*/
.li{
	margin: 0px;
	padding-left: 15px;
}

.art-con-pi{
	top: 190px;
}

.frm1 fieldset.pi1{
	height: 140px;
	width: 324px;
}

/****************************/
/*FIN PAGINA PORTALCMP Y VND*/
/****************************/

/*************************/
/*INICIO PAGINA INFOSECUR*/
/*************************/
.fnt-txt8{
	font-weight: bold;
	font-size: 11px;
	color: #554434;
}

/*Contenedor de articulos 1*/
.art-con-cl1{
	margin: 0px 0px 0px 0px;
	top: 0px;
	width: 42px;
}

.art-con-is1{
	margin: 0px 0px 0px 0px;
	top: 0px;
	left: 103px;
	width: 150px;
}

.art-con-is2{
	margin: 0px 0px 0px 10px;
	top: 0px;
	left: 175px;
	/*width: 42px;*/
}

.frm1 fieldset.isr{
	margin: 0px;
	padding: 0px 15px 0px 15px;
	height: 347px;
	width: 508px;
}

.us-con{
	top: 7px;
	right: 25px;
}

.fnt-txt5{
	margin-top: 3px;
	font-weight: bold;
	font-size: 14px;
    color: #46696C;
}

/**********************/
/*FIN PAGINA INFOSECUR*/
/**********************/

/************************/
/*INICIO PAGINA PASARELA*/
/************************/

.img-pas{
	display:block;
	display:inline;
	float:left;
	width: 130px;
	height: 30px;
	margin: 0px 12px 0px 0px;
	border:solid;
}

/*********************/
/*FIN PAGINA PASARELA*/
/*********************/

/**********************/
/*INICIO PIE DE PAGINA*/
/**********************/

/*aca se definen las propiedades de texto y el pie de pagina, en la 
propiedad color se define el color del texto*/
.footer{
	overflow: hidden;
	width: 100%;
	background-image: url('../images/footer_b.png');
	font: normal 11px Arial, "Trebuchet MS", Tahoma, Verdana;
	color: #E6EEEE;
	/*height: 17px;*/
	/*line-height: 8px;*/
}
.footer span{
	display: inline-block;
	vertical-align: middle;
}
.footer a img{
	width: 8%;
	margin: 7px;
	display: inline-block;
	vertical-align: middle;
}
/*******************/
/*FIN PIE DE PAGINA*/
/*******************/

/*******************/
/*INICIO PAGINA SMS*/
/*******************/

/* Estilos para la tabla */
.smstab{
	border: 0px solid;
	color: #333333;
	width: auto;
}

/* Estilos para division etiquetas */
.smsdiet{
	border: 0px solid;
	width: 600px;
	color: #333333;
	width: auto;
	display: table-cell;
	vertical-align: top;
}

/* Estilos para division inputs */
.smsdiin{
	border: 0px solid;
	width: auto;
	color: #333333;
	width: auto;
}

/* Estilos para textarea */
.frm1 textarea.smsta{

	height: 100px;
	width: 408px;
}

/****************/
/*FIN PAGINA SMS*/
/****************/

/****************/
/*INICIO PANEL ADM*/
/****************/

#bjb0{
	display: none;
}

.frm1 input[type="text"].lga, .frm1 input[type="password"].lga, .frm1 fieldset.lga{
display: inline-block;
	line-height: 13px;
	height: 13px;
}

/*****************/
/*FIN PANEL ADM*/
/*****************/

/***********************/
/*INICIO PAGINA CARRITO*/
/***********************/

.fnt-txt9{
	font-weight: bold;
	font-size: 9px;
	color: #554434;
}
/* Estilos para la tabla */
.cattab{
	border: 0px solid;
	color: #333333;
	width: auto;
	text-align: left;
}

.catcab{ 
    color: #333333;
    background-color: #DFDFDF;
    border-color: #FFFFFF;
    border: 0px;
}

.catdicab{
    width: 130px;
    border: 0px;
    text-align: center;
}

.catdicon{
    width: 130px;
    border: 0px;
    text-align: center;
}

.catcon{ 
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border: 1px solid;   
}

.tit{
    font-family: Arial, "Trebuchet MS", Tahoma, Verdana;
    font-size: 9px;
    color: #FAFAFA;
}

.prod{
    font-family: Arial, "Trebuchet MS", Tahoma, Verdana; 
    font-size: 9px;
    color: #333333;
}

h1{
    font-family: Arial, "Trebuchet MS", Tahoma, Verdana;
    font-size: 20px;
    color: #990000;
}
/*Botones personalizados*/
.frm1 input[type="button"]#btndcarr, .frm1 input[type="button"]#btnelm{
	height: 25px;
	width: 50px;
	font-size: 10px;
}

/********************/
/*FIN PAGINA CARRITO*/
/********************/

<?php

$theUA = strtolower($_SERVER['HTTP_USER_AGENT']);

		if(strpos($theUA,'msie')) {
			if(strpos($theUA,'msie 9')) {
							include("./style-ie9-t.css");
			} else if(strpos($theUA,'msie 8')) {
						if (strpos($theUA,'msie 8') && strpos($theUA,'trident')) {
							include("./style-ie8-t.css");
						} else if	(strpos($theUA,'msie 8')) {
							include("./style-ie8.css");
						}
			} else if(strpos($theUA,'msie 7')) {
						if(strpos($theUA,'msie 7')) {
							include("./style-ie7-1.css");
						} else if(strpos($theUA,'msie 7')) {
							include("./style-ie7-2.css");
						}
			} else if(strpos($theUA,'msie 6')) {
							include("./style-ie6.css");
			}
		} else if(strpos($theUA,'chrome')) {
							include("./style-ch.css");
		} else if(strpos($theUA,'firefox') && strpos($theUA,'macintosh')) {
							include("./style-ffmc.css");
		} else if(strpos($theUA,'firefox') && strpos($theUA,'windows')) {
							include("./style-ff.css");
		} else if(strpos($theUA,'safari')) {
							include("./style-sf.css");
		} else if(strpos($theUA,'pera')) {
							include("./style-op.css");
		} else if(strpos($theUA,'firefox') && strpos($theUA,'linux')) {
							include("./style-ff-l.css");
		}
		

 ob_end_flush();
?>