/*********
* styles.css
*	por Ministerio Net Para Cristo
*	www.netparacristo.com
**********/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 1em;
  margin-top: 0px;
  background-image: url(../images/wht_bg.png);
  background-position: 50% 0%;
  background-repeat: repeat-y;
}

acronym {
	border-bottom: 1px dashed #333;
	margin-bottom: 2px;
}

/********** Contenedor Principal ************/
#Contenedor {
  text-align: left;
  width: 950px;
  margin: 0 auto;
}

#Contenedor p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0033FF;
	font-size: 1em;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#Contenedor H1 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #0033FF;
	font-size: 2em;
	padding: 10px 10px 0 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#Contenedor .anylinkscss a {
	color: #000099;
	text-decoration: none;
}

#Contenedor .anylinks a:hover {
	color: white;
	text-decoration: none;
}
/********** Final: Contenedor Principal ************/

/********** Elementos de Menu ************/
#Menu {
  border: 1px solid #ccc;
  background-image: url(../images/menu-bg.gif);
  background-repeat: repeat-x;
  font-size: 0.65em;
  color: #3300CC;
  text-align: center;
  background-position: center bottom;
  font-weight: bold;
  border: 1px solid #ccc;
  width: 948px;
  line-height: 23px;
}

#Menu a {
	text-decoration: none;
	color: #3565ED;
}

#Menu a:hover {
	color: #CC0000;
	text-decoration: underline;
	height: 26px;
}

#EngMenu {
  width: 948px;
  visibility: visible;
  text-align: center;
  color: #fff;
  height: 26px;
  background-image: url(../images/mh_bgd.gif);
  font-size: 0.65em;
  font-weight: bold;
  line-height: 23px;
  border: 1px solid #ccc;
}

#EngMenu a {
	color: #fff;
	text-decoration: none;
}

#EngMenu a:hover {
	color: #FFCC00;
	text-decoration: none;
}

#dropmenudiv {
	position: absolute;
	border: 1px solid blue;
	border-bottom-width: 0;
	font: normal .7em Verdana;
	line-height: 1.5em;
	text-align: left;
	z-index: 100;
}

#dropmenudiv a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid blue;
	padding: 1px 0;
	text-decoration: none;
}

#dropmenudiv a:hover {
	/*hover background color*/
	background-color: #99CCFF;
}
/********** Final: Elementos del Menu ************/

/********** Otras Divs ************/
#Header {
  background-image: url(../images/new_header.jpg);
  background-repeat: no-repeat;
  height: 100px;
  width: 950px;
}

#Header h1 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #0080FF;
	padding-left: 50px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: right;
}

#Header h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5F7786;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding-top: 5px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#Header sup {
	color: #F8AE04;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
}

#HeaderIngles {
  background-image: url(../images/new_header_english.jpg);
  background-repeat: no-repeat;
  height: 100px;
  width: 950px;
}

#HeaderIngles h1 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #0080FF;
	padding-left: 50px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: right;
}

#HeaderIngles h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5F7786;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding-top: 5px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#HeaderIngles sup {
	color: #F8AE04;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
}

/********** TresSecciones ************/
#TresSecciones {
  clear: both;
  overflow: auto;
  padding-top: 10px;
  text-align: center;
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}

#TresSecciones H2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #0033FF;
	margin: 0px;
	padding: 5px 0 0 10px;
	text-align: left;
}

#TresSecciones .Ofertas {
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #E9A403;
	background-image: url(../images/menu-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
	background-position: left bottom;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
	display: block;
	text-align: center;
	width: 221px;
}

#TresSecciones p.Ofertas {
	margin: 0 5px 1px 5px;
	padding: 3px 0;
	color: red;
}

#TresSecciones a {
}

#TresSecciones a:hover {
	color: #5F7786;
	text-decoration: none;
}

#SeccionUNA {
	margin-right: 5px;
	margin-left: 5px;
}

#SeccionDOS {
	margin-right: 5px;
	margin-left: 5px;
}

#SeccionTRES {
	margin-left: 5px;
}

#SeccionUNA, #SeccionDOS, #SeccionTRES {
  border: 1px solid #93BEFF;
  background-image: url(../images/slope-bg.gif);
  background-repeat: repeat-x;
  background-position: center bottom;
  float: left;
  width: 294px;
  text-align: center;
  overflow: auto;
  padding: 5px;
}

#SeccionUNA p, #SeccionDOS p, #SeccionTRES p {
	padding: 10px;
	margin: 0px;
	font-size: 0.7em;
	text-align: left;
}

#SeccionUNA p b, #SeccionDOS p b, #SeccionTRES p b {
	font-weight: bold;
	color: #000066;
	border-bottom: 1px dashed #0033FF;
}

#SeccionUNA img, #SeccionDOS img, #SeccionTRES img {
	padding: 6px;
	margin: 0px;
	border: 1px solid #0033cc;
	background-image: url(../images/slope-bg.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	width: 205px;
	height: 148px;
}

#SeccionUNA ul, #SeccionDOS ul, #SeccionTRES ul {
	font-size: 0.65em;
	font-weight: bold;
	color: blue;
	list-style-type: disc;
	list-style-position: outside;
	margin-top: 6px;
	margin-bottom: 0px;
	text-align: left;
}

#SeccionUNA ul.sub, #SeccionDOS ul.sub, #SeccionTRES ul.sub {
	font-size: 0.9em;
	font-weight: bold;
	color: #3399FF;
	list-style-type: circle;
	list-style-position: outside;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	margin-left: -24px;
}
/********** Final: TresSecciones ************/

/********** DosSecciones ************/
#DosSecciones {
  background-color: #E6EBEE;
  padding: 8px;
  overflow: auto;
  width: 934px;
  margin-top: 6px;
  margin-right: auto;
  margin-bottom: 6px;
  margin-left: 0px;
  clear: both;
}

#DosSecciones .Ofertas {
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #E9A403;
	background-image: url(../images/menu-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
	background-position: left bottom;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 5px;
	display: block;
	text-align: center;
<!--	width: 221px;-->
}

#DosSecciones p.Ofertas {
	margin: 0 5px 1px 5px;
	padding: 3px 0;
	color: red;
}

#SeccionA {
  float: left;
  width: 33%;
  border: 1px solid #ccc;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 10px;
}

#SeccionB {
  width: 61%;
  float: left;
  border: 1px solid #ccc;
  margin-left: 5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 10px;
}

#SeccionA p, #SeccionB p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: normal;
	color: #0033FF;
	padding: 6px 0px 0px 0px;
	letter-spacing: 1px;
}

#SeccionA img.right, #SeccionB img.right {
	float: right;
	padding: 6px 0px 6px 6px;
	border: none;
}

#SeccionA img.left, #SeccionB img.left {
	float: left;
	padding: 6px 6px 6px 0px;
	border: none;
}
/********** Final: DosSecciones ************/

/********** SeccionCompleta ************/
#SeccionCompleta {
  overflow: auto;
  padding: 10px 20px;
  width: 909px;
  background-color: white;
  border: 1px solid #0080ff;
  margin-top: 6px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 6px;
  background-image: url(../images/slope-bg.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

#SeccionCompleta H1 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #62B0FF;
	font-size: 1.75em;
	padding: 0px 10px 0px .1em;
	margin: 0px 0px 12px 0px;
	font-style: italic;
	border-bottom: 1px solid #62B0FF;
	width: 75%;
	letter-spacing: 2px;
	font-weight: bold;
}

#SeccionCompleta H2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #62B0FF;
	font-size: 1.5em;
	padding: 0px 10px 0px .1em;
	margin: 0px 0px 12px 0px;
	font-style: italic;
	letter-spacing: 2px;
	font-weight: bold;
}

#SeccionCompleta H3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #62B0FF;
	font-size: 1.25em;
	padding: 0px 10px 0px .1em;
	margin: 0px 0px 12px 0px;
	letter-spacing: 2px;
	font-weight: bold;
}

#SeccionCompleta p {
	color: #0080ff;
	font-size: .7em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	letter-spacing: 2px;
	word-spacing: 0.2em;
}

#SeccionCompleta p a {
	color: #000066;
	text-decoration: none;
}

#SeccionCompleta p a:hover {
	color: #993300;
	text-decoration: underline;
}

#SeccionCompleta img.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-right: 0px;
	border: none;
}

#SeccionCompleta img.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
	margin-top: 6px;
	margin-left: 0px;
}
/********** Final: SeccionCompleta ************/

/********** RightOnly ************/
#RightOnly {
  float: right;
  width: 66%;
  overflow: auto;
  background-color: white;
  margin-right: 10px;
  background-image: url(../images/slope-bg.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  border: 1px solid #ccc;
  padding: 6px 10px 6px 6px;
  margin-top: 6px;
  margin-bottom: 6px;
}

#RightOnly p {
	font-size: 0.7em;
	letter-spacing: 1px;
	padding: 10px 10px 6px 6px;
}

div#RightOnly ul {
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: 2px;
	color: #0000ff;
	list-style-type: disc;
	margin: 0;
	text-align: left;
}

div#RightOnly li {
	list-style-position: inside;
	margin: 0px 3px;
	padding: 3px 0 0 10px;
}

div#RightOnly ul.sub {
	font-size: 0.95em;
	font-weight: normal;
	letter-spacing: 1px;
	color: #999999;
	list-style-type: circle;
	margin: 0 0 0 6px;
	text-align: left;
}

#RightOnly img.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 6px;
	margin-top: 10px;
	border: none;
}

#RightOnly img.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 6px;
	margin-top: 10px;
	border: none;
}
/********** Final: RightOnly ************/

/********** LeftOnly ************/
#LeftOnly {
  float: left;
  width: 66%;
  overflow: auto;
  background-color: white;
  margin-left: 10px;
  background-image: url(../images/slope-bg.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  border: 1px solid #ccc;
  padding: 6px 10px 6px 6px;
  margin-top: 6px;
  margin-bottom: 6px;
}

#LeftOnly p {
	font-size: 0.7em;
	letter-spacing: 1px;
	padding: 10px 10px 6px 6px;
}

#LeftOnly ul {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 505px;
}

#LeftOnly ul li {
	padding-top: 1px;
	padding-right: 50px;
	padding-bottom: 2px;
	padding-left: 50px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F99900;
	margin-top: 2px;
	margin-right: 50px;
	margin-bottom: 2px;
	margin-left: 10px;
	background-color: #EBEFF1;
	width: 340px;
}

#LeftOnly ul li a {
	color: #F99900;
	text-decoration: none;
}

#LeftOnly ul li a:hover {
	color: #F8AE04;
}

#LeftOnly ul li:hover {
	background-color: #647E8E;
	color: white;
}

#LeftOnly img.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 6px;
	margin-top: 10px;
	border: none;
}

#LeftOnly img.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 6px;
	margin-top: 10px;
	border: none;
}
/********** Final: LeftOnly ************/

/********** Footer ************/
#Footer {
  color: #666666;
  font-size: 0.7em;
  background-color: #CBE3EF;
  border: 1px solid #E0E0E0;
  margin: 10px 0 0 0;
  padding: 5px 5px 5px 10px;
  width: 933px;
  text-align: center;
}

#Footer a {
	color: #666666;
	text-decoration: none;
}

#Footer a:hover {
	color: #000000;
	text-decoration: underline;
}
/********** Final: Footer ************/

/********** Otras Clases ************/
div#RightOnly .Ofertas {
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	background-image: url(../images/menu-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #000;
	background-position: left bottom;
	padding: 2px 0;
	margin: 0 5px 1px 5px;
	display: block;
	text-align: center;
}

div#RightOnly p.Ofertas {
	margin: 0 5px 1px 5px;
	padding: 3px 0;
	color: #0000FF;
}

.GoTop {
  width: 950px;
  position: relative;
  text-align: center;
  clear: both;
  top: 0px;
}

.GoTop a {
	font-size: 0.7em;
	text-decoration: none;
	letter-spacing: 2px;
	color: #0066FF;
	border-bottom: 1px dashed #0066ff;
	margin-bottom: 3px;
	line-height: 2em;
}

.GoTop a:hover {
	text-decoration: none;
	color: #0000ff;
	border-bottom: 1px dashed #0000ff;
	font-weight: bold;
}

/********** Anylinkscss ************/
.anylinkcss {
  position: absolute;
  width: 250px;
  position: absolute;
  border: 1px solid blue;
  border-bottom-width: 0;
  font: normal .65em Verdana;
  line-height: 1.5em;
  text-align: left;
  z-index: 100;
  background-image: url(../images/bg-header-small.jpg);
  color: #5900CC;
  visibility: hidden;
  background-repeat: repeat-x;
}

.anylinkcss a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid blue;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #0D70CA;
}

.anylinkcss a:hover {
	background-color: #9cf;
	color: #0000CC;
}