﻿body {
	font: Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.inside #container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	height: 100%;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font: 12px/18px Arial, Helvetica, sans-serif;
}


a:link { text-decoration:none; color:#990000}
a:visited { text-decoration:none; color:#990000}
a:active { text-decoration:none; color:#990000}
a:hover { text-decoration: underline; color:#990000}

#MainContent { border-bottom:#666666 1px solid; border-left:#666666 1px solid; border-right:#666666 1px solid; padding: 10px; background-color:#f7f9fc }

 	

p { }


.TXT12 { font-family: Arial, sans-serif; font-size: 11px; color:#000000; font-weight:bold}

.TXT11 { font: 11px/13px verdana, Helvetica, sans-serif; }

.TXT13 { font: 13px/14px verdana, Helvetica, sans-serif; }

H1 { font-family: "Arial Narrow", Arial, sans-serif; font-size: 24px; color:#000000; letter-spacing: -0.05PX;  }
H2 { font-family:  Arial, sans-serif; font-size: 18px; color:#000000;  line-height: 18px; text-align:left  }

H3 { font-family:  Arial, sans-serif; font-size: 16px; color:#000000;  line-height: 17px; font-weight:bold  }

H3B { font-family:  Arial, sans-serif; font-size: 14px; color:#000000;  line-height: 17px; font-weight:bold  }



H4 { font-family:  Arial, sans-serif; font-size: 14px; color:#ad302f; line-height: 18px;  font-weight:bold; padding: 0; margin: 0; text-align:left  }

.H4B { font-family:  Arial, sans-serif; font-size: 14px; color:#000000; line-height: 18px;  font-weight:bold; padding: 0; margin: 0; text-align:left  }


H5 { font-family:  Arial, sans-serif; font-size: 9px; color:#474747; line-height: 0px; text-transform:uppercase; font-weight:bold; letter-spacing: -0.3PX;  }

H6 { font-family:  Arial, sans-serif; font-size: 14px; color:#000; line-height:18px;   letter-spacing: -0.3PX; padding: 0; margin:0  }


.H6B { font-family:  Arial, sans-serif; font-size: 14px; color:#000;   font-weight:bold   }


H7 { font-family:  Arial, sans-serif; font-size: 11px; color:#000; line-height: 12px;  font-weight:bold  }


H8 { font-family:  verdana, sans-serif; font-size: 11px; color:#000; line-height: 114px;  font-weight:bold  }

H9 { font-family:  Arial, sans-serif; font-size: 16px; color:#ad302f;  line-height: 17px; font-weight:bold  }

.MENU { font-family:  Arial, sans-serif; font-size: 11px; color:#fff; line-height: 30px; text-transform:uppercase;  letter-spacing: 1PX;    }

.SLOGAN { font-family:  Arial, sans-serif; font-size: 10px; color:#444; line-height: 14px; text-transform:uppercase; font-weight:bold; letter-spacing: 0.5PX; position:absolute; margin: 45px 0 0 180px;    }

.topright { font-family:  Arial, sans-serif; font-size: 11px; color:#a0a0a0; line-height: 14px;   margin: 10px 0 0 600px; float:right  }


.h3sub {font: 12px/12px Arial, Helvetica, sans-serif;}

#top { height: 80px; width: 800px; background-color:#fff }


#menu { height: 30px; width: 800px; background-image:url(menu-bg.gif); background-repeat:repeat-x ;  background-color:#d1d6dc; position:absolute  }

#menugris { height: 30px; width: 800px; background-color:#bbb   }

#menu2 { height: 30px; width: 200px; background-image:url(menu-bg.gif); clear:both   }

#menu3 { height: 30px; width: 200px; background-image:url(menu-bg.gif); clear:both   }


#soluciones { height: 30px; width: 722px; background-image:url(menu-bg.gif);   }

#soluciones-rec { width: 680px; border-bottom:#666666 1px solid; border-left:#666666 1px solid; border-right:#666666 1px solid; padding: 20px; height: 500px; background-color:#f7f9fc }
#soluciones-1 {
		margin: 20px 0 0 0px;
		
		position: absolute;
		width:210px;
		clear:both
		}

	#soluciones-2 {
		margin: 20px 0 0 230px;
		
		position: absolute;
		width:210px;
		clear:both
		}


	#soluciones-3 {
		 
		position: absolute;
		width:210px;
		margin: 20px 0 0 460px;
		clear:both
		}






 #bread { font-family: Arial, Helvetica, sans-serif; font-size: 12px;   }


#promo { height: 145px; width: 800px;   margin-top:30px; height: 145px; width: 800px;   background:transparent left bottom no-repeat   }
#promo img {width:800px; height:145px}

#promo-11{ height: 250px; width: 800px;    clear:both;   }

.promo-1b { position: absolute; height: 250px; width: 560px;    margin:30px 0 0 240px; height: 250px; width: 560px;   }
.promo-1b img {width:560px; height:250px}

.promo-1 { position: absolute; height: 248px; width: 237px;    margin:30px 0 0 0; height: 248px; width: 237px;  background-color:#F1F1F1; border: #CCCCCC solid 1px;  }
.promo-1 img {width:237px; height:248px}



#medio { height: 900px; width: 800px;  clear:both;   }




#medio-1 {
		position: absolute;
		margin: 20px 0 0 0px;
		
		width:210px;
		background:#fff;
		}
		
#medio-1b {
		position: absolute;
		margin: 20px 0 0 0px;
		
		width:550px;
		background:#fff; text-align:left
		
		}

	#medio-2 {
		position: absolute;
		margin: 20px 0 0 240px;
		
		width:550px;
		background:#fff; text-align:justify
		}
		
		.medio-22 {
		
		
		width:520px;
		background:#eee; padding: 20px;
		}
	
		
#medio-2b {
		position: absolute;
		margin: 20px 0 0 240px;
		
		width:520px;
		background:#eee; padding: 20px;
		}

	#medio-3 {
		position: absolute;
		 
		width:200px;
		background:#fff;
		margin: 20px 0 0 600px;
		}


a { color:#ad302f }

img { border: none }


.logo { position:absolute; margin: 20px 0 0 0 }

#monitor {float:left; margin: 35px 0px 0 20px; width:360px}

#promo-txt { padding: 10px; float:right; width:540px }

#promo-txt ul { background-image:url(flecha-promo.gif); background-repeat:no-repeat }

#promo-txt li {   margin-top: 10px;list-style-position: outside; list-style:none  }


.promo-tit a { font-family:  Arial, sans-serif; font-size: 12px;  text-transform:uppercase; font-weight:bold;  line-height: 5px;   }



#navcontainer ul
{
font-family:  Arial, sans-serif; font-size: 11px; color:#fff;   text-transform:uppercase;  letter-spacing: 1PX; 
color: White;
width: 800px;   position:absolute; padding: 0; margin:0;
}

#navcontainer ul li { display: inline; list-style:none }

#navcontainer ul li a
{line-height: 30px; 
color: White;
text-decoration: none;
float: left;
padding: 0 10px 0 10px; border-right: 1px solid #a8b7d3;
 }

#navcontainer ul li a:hover
{ background-image:url(roolover.png); background-repeat:no-repeat; text-align:center;
 line-height: 30px; 
color: #fff;  border-right: 1px solid #a8b7d3;
}

.current
{ background-image:url(roolover.png); background-repeat:no-repeat; text-align:center;
 line-height: 30px; 
color: #fff;  border-right: 1px solid #a8b7d3; 
}

#navcontainer-g ul
{
font-family:  Arial, sans-serif; font-size: 11px; color:#fff; line-height: 30px; text-transform:uppercase;  letter-spacing: 1PX; 
color: White;
width: 800px; height: 30px;
}

#navcontainer-g ul li { display: inline; list-style:none }

#navcontainer-g ul li a
{
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
padding: 0 10px 0 10px
 }

#navcontainer-g ul li a:hover
{
background-color: #ccc;
color: #fff;
}





#contacto { height: 500px; float:left; width: 200px  }

#contacto-rec { background-color:#fff; border: #CCCCCC solid 1px; padding: 5px;   }


#flechas { margin-left: -20px }

#flechas li {    list-style: url(flecha-d.gif); list-style-position:outside ;   }

#flechas li a {  font-family:  Arial, sans-serif; font-size: 13px;  line-height: 16px;  letter-spacing: -0.3PX; }


#flechas2 { margin-left: -20px }

#flechas2 li {     list-style: circle; list-style-position:outside ;   }

#flechas2 li a {  font-family:  Arial, sans-serif; font-size: 12px; color:#000; line-height: 18px;  letter-spacing: -0.3PX; }

#flechas1 { margin-left: -20px }

#flechas1 li {    list-style:; list-style-position:outside ;   }

#flechas1 li a {  font-family:  Arial, sans-serif; font-size: 12px;  line-height: 7px;  letter-spacing: -0.3PX; }

#flechas3 { margin-left: -30px ;margin-right: 10px;}

#flechas3 li {    list-style:; list-style-position:outside ; }

#flechas3 li a {  font-family:  Arial, sans-serif; font-size: 12px;  color:#fff; line-height: 7px;  letter-spacing: -0.3PX; }

#flechas3 a:link { text-decoration:none; color:#fff}
#flechas3 a:visited { text-decoration:none; color:#fff}
#flechas3 a:active { text-decoration:none; color:#fff}
#flechas3 a:hover { text-decoration: underline; color:#fff}

#flechas4 { margin-left: -30px ;margin-right: 10px;}

#flechas4 li {    list-style:; list-style-position:outside ; }

#flechas4 li a {  font-family:  Arial, sans-serif; font-size: 12px;  color:#990000; line-height: 7px;  letter-spacing: -0.3PX; }

#flechas4 a:link { text-decoration:none; color:#990000}
#flechas4 a:visited { text-decoration:none; color:#990000}
#flechas4 a:active { text-decoration:none; color:#990000}
#flechas4 a:hover { text-decoration: underline; color:#990000}



.MENU1 { font-family:  Arial, sans-serif; font-size: 11px; color:#DDD; line-height: 11px;  letter-spacing: -0.3PX;    }

.MENU11 { font-family:  Arial, sans-serif; font-size: 12px; color:#fff; line-height: 11px;  letter-spacing: -0.3PX;    }

.MENU12 { font-family:  Arial, sans-serif; font-size: 11px; color:#767676; line-height: 11px;  letter-spacing: -0.3PX;    }


#descargas { background-color:#f1f1f1; border: #CCCCCC solid 1px; padding: 5px; height: 160px }
#descargas img { float:left ;  padding-right:10px;}
.descargas { font-family:  Arial, sans-serif; font-size: 9px; color:#474747; line-height: 18px; text-transform:uppercase;   letter-spacing: -0.3PX;  }
#descargas-b { background-color:#f3f3f3; border: #fff solid 2px; padding: 3px; height: 15px ; width: 80px; margin-top:10px; float: right; text-align:center}
#descargas-b img { padding: 3px; }
#descargas-c { background-color:#f3f3f3; border: #fff solid 2px; padding: 3px; height: 20px ; width: 500px; margin-top:10px; float: left; text-align:left}
#descargas-c img { padding: 3px; }
#descargas-1 { background-color:#f1f1f1; border: #CCCCCC solid 1px; padding: 5px; height: 130px }
#descargas-1 img { float:right;  padding-right:10px;}
#descargas-2 { background-color:#f1f1f1; border: #CCCCCC solid 1px; padding: 5px;  }
#descargas-2 img { float:right;  padding-right:10px;}
#descargas-3 { background-color:#f1f1f1; border: #CCCCCC solid 1px; padding: 10px; height: 10px }
#descargas-3 img { float:right;  padding-right:10px;}
#descargas-4 { background-color:#f1f1f1; border: #CCCCCC solid 1px; padding: 5px; height: 80px }
#descargas-5 { background-color:#f1f1f1; border: #CCCCCC solid 1px; padding: 5px; height: 90px }
#descargas-5 img { float:right;  padding-right:10px;}
#descargas-6 { background-color:#f1f1f1; border: #CCCCCC solid 1px; padding: 5px; height: 70px }
#descargas-6 img { padding-left:10px;}



ul.ULInLeftMenu {
	margin-left: 0;
	padding-left: 20px;
	margin-right: 15px;
}
ul.ULInLeftMenu li {
	margin-left: 0;
	margin-bottom: 3px;
}




/* ********* Pull Quote Box *********** */
.Pull_Quote_Box
{
	display: block;
	float: left;
	margin: 0px 20px 20px 0px;
	padding-left: 0px;
	width: 197px;
}

.Pull_Quote_Box1
{
	display: block;
	float: right;
	background-color:#f1f1f1;
	border: #CCCCCC solid 0.5px;
	margin: 0px 20px 0px 20px;
	padding-left: 0px;
	width: 285px;
	heigth: 130px;
	
}

.Pull_Quote_Box2
{
	display: block;
	float: center;
	background-color:#f1f1f1;
	border: #CCCCCC solid 0.5px;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	width: 550px;
	
}

.Pull_Quote_Box3
{
	display: block;
	float: right;
	background-color:#f1f1f1;
	border: #CCCCCC solid 0.5px;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	width: 228px;
	heigth: 250px;
	
}

.Pull_Quote_Box4
{
	display: block;
	float: right;
	background-color:#f1f1f1;
	border: #CCCCCC solid 0.5px;
	margin: 0px 20px 0px 20px;
	padding-left: 0px;
	width: 225px;
	heigth: 80px;
	
}

.Pull_Quote_Box5
{
	display: block;
	float: right;
	background-color:#f1f1f1;
	border: #CCCCCC solid 0.5px;
	margin: 0px 20px 0px 20px;
	padding-left: 0px;
	width: 285px;
	heigth: 110px;
	
}

.Pull_Quote_Box6
{
	display: block;
	float: right;
	background-color:#f1f1f1;
	border: #CCCCCC solid 0.5px;
	margin: 0px 20px 0px 20px;
	padding-left: 0px;
	width: 300px;
	heigth: 200px;
	
}
.Pull_Quote_Box7
{
	display: block;
	float: right;
	background-color:#f1f1f1;
	border: #CCCCCC solid 0.5px;
	margin: 0px 20px 0px 20px;
	padding-left: 0px;
	width: 225px;
	heigth: 60px;
	
}

.Pull_Quote_Box .Pull_Quote_Top
{ 
	background-repeat: no-repeat;
	height: 6px;
	font-size: 0px;
}


.Pull_Quote_Box .Pull_Quote_Body
{ 
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px 5px 10px 0px;
}


.Pull_Quote_Box .Pull_Quote_Body p.Pull_Quote_Text
{
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #3a3a3a;
	font-style: italic;
	margin: 0px 5px 0px 0px;
}



.Pull_Quote_Box .Pull_Quote_Bottom
{ 
	background-repeat: no-repeat;
	height: 6px;
}

.Pull_Quote_Open
{
	color: #8c050b;
	font-size: 36px;
	font-weight: bold;
	line-height: 16px;
	vertical-align: bottom;
}
p.Quote_Credit
{
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #3a3a3a;
	margin-right: 5px;
	margin-top: 25px;
	margin-bottom: 0px;
}

p.Red_Text
{
	margin-top: 20px;
}

.Red_Text, p.Red_Text a
{
	color: #B5121B;
}

/* ********* Ad Box *********** */
.Pull_Ad_Box
{
	display: block;
	float: left;
	margin: 10px 20px 20px 0px;
	padding-left: 20px;
	/*width: 197px;*/
}



/* **********************************************************************
							Calendario
	*********************************************************************** */

table.calendario {
	border-collapse: collapse;
}

.calendario td {
	text-align: center;
	vertical-align: top;
	width: 14%;
	height: 70px;
	border: 1px solid black;
	padding: 0 4px;
	font-size: 120%;
	font-weight: bold;
	color: #5170A7;
}

.calendario td a {
	display: block;
	margin-top: 3px;
	font-size: 80%;
	font-weight: normal;
	color: #900;
	line-height: 1.2em;

}

.calendario tr.headerdias td {
	height: 29px;
	background: transparent url(menu-bg.gif) top left repeat-x;
	color: white;
	vertical-align: middle;

}

.calendario td.headermes {
	border: none;
	font-size: 16px;
	vertical-align: middle;
	font-weight: bold;
}

table.calendario1 {
	border-collapse: collapse;
}

.calendario1 td {
	text-align: center;
	vertical-align: midle;
	width: 14%;
	border: 1px solid black;
	padding: 0 4px;
	font-size: 100%;
	color: #000000;
}
.calendario1 td.fecha{
	text-align: center;
	vertical-align: midle;
	width: 14%;
	border: 1px solid black;
	padding: 0 4px;
	font-size: 100%;
	color: #5170A7;
}

.calendario1 td a {
	display: block;
	margin-top: 3px;
	font-size: 80%;
	font-weight: normal;
	color: #900;
	line-height: 1.2em;

}

.calendario1 tr.headerdias td {
	height: 29px;
	background: transparent url(menu-bg.gif) top left repeat-x;
	color: white;
	vertical-align: middle;

}

.calendario1 td.headermes {
	border: none;
	font-size: 16px;
	align: left;
	font-weight: bold;
}

table.calendario2 {
	border-collapse: collapse;
}

.calendario2 td {
	text-align: left;
	vertical-align: midle;
	width: 14%;
	border: 1px solid black;
	padding: 0 4px;
	font-size: 100%;
	color: #5170A7;
}
.calendario2 tr.headerdias td {
	height: 29px;
	background: transparent url(menu-bg.gif) top left repeat-x;
	color: white;
	vertical-align: middle;

}


table.calendario3 {
	border-collapse: collapse;
}

.calendario3 td {
	text-align: left;
	vertical-align: midle;
	border: 1px solid black;
	padding: 0 4px;
	font-size: 100%;
	color: #5170A7;
}
.calendario3 tr.headerdias td {
	height: 29px;
	background: transparent url(menu-bg.gif) top left repeat-x;
	color: white;
	vertical-align: middle;

}
table.calendario4 {
	border-collapse: collapse;
}

.calendario4 td {
	text-align: left;
	vertical-align: midle;
	
	border: 1px solid black;
	padding: 0 4px;
	font-size: 100%;
	color: #5170A7;
}
.calendario4 tr.headerdias td {
	height: 29px;
	background: transparent url(menu-bg4.gif) top left repeat-x;
	color: white;
	vertical-align: middle;

}

