/* BODY: Esto se va aplicar a todas las paginas de ibusiness, incluye background y fuente*/
BODY 
{
margin:0px;
background-image:url(/images/bg/bkggray.gif);
background-repeat: repeat-x;
background-color:#e3e3e3;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
}

td
{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
}

td p
{
	margin-left: 4px;
	line-height: 12pt;
}

li
{
padding-bottom:6px;
}

/*links*/
.link1 {text-decoration:none;
color:black;}

/*#BANNER:  Esto lo que va afectar es el fondo del menu principal que esta horizontal*/
#BANNER 
{
background-color:#DFDFDF;
}

/* #CONTENIDO_HEADER_1 y #CONTENIDO_HEADER_2:  NO TOCAR POR FAVOR */
#CONTENIDO_HEADER_1
{
width:372px;
height:100%;
vertical-align:top;
background-color:#FFFFFF;
}

#CONTENIDO_HEADER_2
{
width:584px;
height:100%;
vertical-align:top;
background-color:#FFFFFF;
}

.cont_vermas
{
color:#CC0000;
font-size:10px;
text-decoration:none;
}

.cont_vermas:hover
{
text-decoration:underline;
}
/* ////////////////////////////////////////////////////////// */

/* Modifican los TAB de la IZQUIERDA */

/* Genericos */

#TAB_left_top
{
width:198px;
height:115px;
}

#TAB_right_top
{
width:197px;
height:115px;
}


/* Al Detalle */

#TOP_LEFT_titulo
{
color:#0066CC;
font-size:12px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background-image:url(/images/left_top_03.gif);
}

#TOP_LEFT_contenido
{
background-color:#FFFFFF;
font-size:11px;
color: #585858;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px 0px 5px 5px;
height:auto;
}

#TOP_LEFT_contenido li {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-image:url(/images/li2.gif);
margin:0px 0px 0px -18px;
padding:0px 0px 5px 0px;
color:#003399;
text-align:left;
}

#TOP_LEFT_contenido li>ul
{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-image:url(/images/li2.gif);
margin:0px 0px 0px -14px;
padding:0px 10px 5px 0px;
color:#003399;
text-align:left;
}


#TOP_LEFT_bottom
{
background-image:url(/images/left_top_10.gif);
text-align:right;
font-weight:bold;
vertical-align:bottom;
padding-right:10px;
}
#TOP_LEFT_bottom a
{
color:#0066FF;
text-decoration:none;
}

#TOP_LEFT_bottom a:hover
{
color:#FFFFFF;
}
/* ////////////////////////////////////////////////////////// */


/* Modifican los TAB de la DERECHA */
#TOP_RIGHT_titulo
{
color:#0066CC;
font-size:12px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background-image:url(/images/left_top_03.gif);
}

#TOP_RIGHT_contenido
{
background-color:#FFFFFF;
color: #585858;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px 5px 5px 0px;
height:100%;
}

#TOP_RIGHT_contenido li {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-image:url(/images/li2.gif);
margin:0px 0px 0px -18px;
padding:0px 0px 5px 0px;
color:#003399;
text-align:left;
}

#TOP_RIGHT_contenido li>ul
{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-image:url(/images/li2.gif);
margin:0px 0px 0px -18px;
padding:0px 0px 5px 0px;
color:#003399;
text-align:left;
}



#TOP_RIGHT_bottom
{
background-image:url(/images/right_top_11.gif);
color:#FFFFFF;
text-decoration:none;
text-align:left;
font-weight:bold;
vertical-align:bottom;
padding-left:10px;
}

#TOP_RIGHT_bottom a
{
color:#0066FF;
text-decoration:none;
}

#TOP_RIGHT_bottom a:hover
{
color:#FFFFFF;
}

/* ////////////////////////////////////////////////////////// */


/* Esta es el espacio que hay entre los TAB y el centro */

#LEFT_SHADOW
{
width:17px;
vertical-align:top;
background-image:url(/images/left_shadow_03.gif);
}

#RIGHT_SHADOW
{
width:17px;
vertical-align:top;
background-image:url(/images/right_shadow_03.gif);
}


/* #CONTENIDO li y #CONTENIDO li>ul: Esto Aplica un tipo de viñeta a todas las listas que esten en el contenido del sitio, pero siempre y cuando el contenedor de esta lista mande a llamar al ID="lista", es decir la parte de en medio del sitio*/

#lista li {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-image:url(/images/bulletv.gif);
margin:0px 0px 0px -5px;
padding:0px 10px 5px 0px;
color:#003399;
text-align:left;
}

#lista li>ul
{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-image:url(/images/bulletv.gif);
margin:0px 0px 0px -10px;
padding:0px 10px 5px 0px;
color:#003399;
text-align:left;
}

#list li{
list-style-image:url(/images/li2.gif);
margin:0px 0px 0px -10px;
padding:0px 10px 0px 0px;
color:#666666;
text-align:justify;
}

#list li>ul{
list-style-image:url(/images/li2.gif);
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
color:#666666;
text-align:justify;
}
/*////////////OTRA LISTA PARA LA SECCION DEL MAPA DEL SITIO/////////*/

#map li {
font-size:13px;
list-style-image:url(/images/li2.gif);
}

#map li>ul
{
font-size:13px;
list-style-image:url(/images/li2.gif);
}

#map li a{color:#333333; font-weight:bold; font-size:11px; text-decoration:none;}
#map li a:hover{color:#990000; text-decoration:overline;}

#map2 li a{color:#0066CC;}

#map3 li a{color:#FF6600;}

#map4 li{list-style-image:none; list-style:disc;}
#map4 li a{color:#000000;}

#map5 li a{color:#990000;}

#map6 li a{
	color:#333333;
	font-size:11px;
	text-decoration:none;
	font-weight: normal;
}

/*////////////////////////////////*/

/* #copyright///////*/

#copyright{
text-align:center;
color:#0066CC;
font-size:12px;
font-weight:bold;
vertical-align:bottom;
}

#copyright a{
color:#0066CC;
text-decoration:none;
}

#faq{vertical-align:bottom;}
#faq a{color:#FF6600; text-decoration:none;}
#faq a:hover{text-decoration:underline;}
/* ////////////////// */
/* ////////////////////////////////////////////////////////// */

/* Modifican los parrafos, ya sea por su tamaño, color, alineamiento y grosor */
/* p1: Es para Titlos de página*/
#p1
{
color:#003399;
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
}

/* p2: Es para Parrafos */
#p2
{
color:#000000;
font-size:13px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
}

/* p3: para los subtitulos o titulos de párrafos*/ 
#p3
{
color:#0066CC;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
padding-left:12px;
}

/*p4: Párrafos con sangría a izquierda y derecha */
#p4
{
color:#000000;
font-size:13px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
padding-left:22px;
padding-right:2px;

}

#p5
{
color:#666666;
font-size:13px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
}

#p6
{
font-size:9px;
line-height:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003399;
text-align:justify;
padding-left:5px;
padding-right:5px;
}

#p7
{
padding-right:20px;
text-align:justify;
color:#666666;
font-size:12px;

}

#p8
{
color:#0066CC;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
padding-left:12px;
}
/* ////////////////////////////////////////////////////////// */

/* Esto es solo para aplicar colores de texto y tamaños distintos */

#rojo_10{color:#FF0000; font-size:10px;}
#padding_12{font-size: 12px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px;}
#padding_10{font-size: 10px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; }
#_9{font-size:9px;}

#gris{color: #666666}
#azul{color:#0033CC;}
#rojo{color:#FF0000;}
/* ////////////////////////////////////////////////////////// */



/* Esto hace que el formulario de contactenos o algun otro que se vaya a agregar se vea bonito*/

form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	background:#FFF;
	margin:0;
	padding:0;
}
img {
	border:0;
}
#container {
	padding:20px;
}

/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(/images/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(/images/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(/images/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(/images/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(/images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(/images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(/images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(/images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(/images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:80px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(/images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}
/*//////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/* Esto es para el menu DISEÑO, es decir para las plantillas */

#main{
	margin:0 auto;
	padding:2px 10px;
	background-color:#FFFFFF;
	width:545px;
	text-align:center;
}
#main a{
	color:#CC0000;
}
#main a:hover{
	color:#990000;
}

#imagenes{
	margin:10px 0;
	padding:10px 0px;
	width:480px;
	font-size:10px;
	background-color:#FFC166;
}
#imagenes img{
	float:left;
	margin:6px;
	padding:3px;
	width:100px;
	height:100px;
	font-size:10px;
	text-align:center;
	border:1px solid #828244;
	background-color:#CCCC99;
}
.paginador{
	margin:15px 0px;
	padding:2px 2px;
	width:514px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	background-color:#F1F1E4;
	border:1px solid #CCCC99;
}
.paginador a{
	float:left;
	margin:0;
	color:#CC9900;
	text-decoration:none;
	padding:0 5px;
}
.paginador a:hover, .paginador .seleccionado{
	text-decoration:underline;
	color:#CC6600;
}

#footer{
	margin:10px 0 0 0;
	padding:1px 5px;
	text-align:center;
	width:508px;
	color:#8CAF23;
	font-size:10px;
	background-color:#F9FCEF;
	border:1px solid #F1F1E4;
}
#footer a{
	text-decoration:none;
	padding:0 5px;
	color:#718C1C;
}
#footer a:hover{
	color:#006633;
}
.clearit{
	clear:both;
}

/***********Para el popup****************/

#popUp img{
	margin:10px;
	padding:5px;
	border:1px solid #828244;
	text-align:center;
	background-color:#CCCC99;
}
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/