/* @override http://localhost:8888/sancristobal/style.css */

body {
	font: 10px/12px Tahoma, Arial, Helvetica;
	color: #585859;
	margin: 0;
	padding-top: 2px;
	background-color: #0096d7;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
}



p {
	margin: 0 0 17px;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}

h1 {
	margin: 0 0 20px;
	padding: 0 0 7px;
	font-size: 16px;
	color: #003872;
	background: url(images/h1.jpg) no-repeat left bottom;
}
h2 {
	margin: 0 0 20px;
	padding: 0 0 7px;
	font-size: 14px;
	color: #003872;	
}
h3 {
	margin: 0 0 20px;
	padding: 0 0 7px;
	font-size: 12px;
	color: #003872;	
}

a {
	text-decoration: none;
	color: #003872;
}

span {
	font-size: 10px;
	font-style: italic;
}

/* @group Header */

#header {
	
	width: 970px;
	height: 132px;
	margin: 0 auto;
	background-image: url(images/header.jpg);
}

#header01 {
	float: left;
	height: 98px;
	margin-left: 14px;
}

#header02 {
	float: right;
	height: 98px;
	margin-right: 14px;
	width: 300px;
	letter-spacing: 1px;
}

#fecha {
	float: right;
	width: 283px;
	height: 20px;
	padding-top: 8px;
	padding-right: 17px;
	text-align: right;
}

#menu_header {
	float: right;
	padding-top: 10px;
}

#menu_header ul {
	width: 145px;
	margin: 0;
	float: left;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
}

#menu_header li {
	list-style-type: none;
	height: 15px;
	float: left;
	text-align: left;
	margin-right: 3px;
}

#menu_header ul li a {
	color: #003872;
	text-decoration: none;
}

#menu_header ul li a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Menu */

#menu {
	float: left;
	margin-right: 14px;
	height: 27px;
	padding-left: 28px;
	width: 942px;
}

#menu ul {
	margin: 0 0 0 144px;
	padding: 0;
	border-left: 1px solid #003872;
	border-right: 1px solid #003872;
	float: left;
}

#menu ul li {
	list-style-type: none;
	font-size: 13px;
	border-right: 1px solid #1d6ba5;
	border-left: 1px solid #003872;
	width: 123px;
	text-align: center;
	float: left;
	height: 25px;
}

#menu ul li a {
	float: left;
	list-style-type: none;
	color: #fff;
	text-decoration: none;
	padding-top: 6px;
	width: 123px;
	height: 25px;
}

#menu ul li a:hover {
	float: left;
	list-style-type: none;
	color: #003872;
	text-decoration: none;
	width: 123px;
	height: 19px;
	background-color: #007BAF;
	padding-top: 6px;
}

/* @end */

#wrappper {
	margin: 0 auto;
	width: 970px;
	
	background: url(images/wrapper.gif) repeat-y;
}

/* @group Contenido */

#content {
	width: 720px;
	height: 433px;
	float: left;
	padding-left: 14px;
	background: url(images/content.jpg) no-repeat left top;
}

.encabezado {
	border-bottom: 2px solid #003872;
}

#splash {
	height: 233px;
	width: 720px;
}

#contenido {
	width: 492px;
	padding: 17px;
	float: right;
}

.post {
}

.post img {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}

img.scsr {
	margin: 0;
	padding: 0;
}

.btn {
	margin: 0;
	padding: 0 100px 0 0;
	width: 300px;
	height: 73px;
	text-align: center;
}

/* @end */

/* @group Submenu */

#menu_top {
	float: left;
	width: 194px;
	height: 17px;
	border-bottom: 1px solid #003872;
}

#submenu {
	margin: 0;
	padding: 0;
	width: 194px;
	float: left;
}

#submenu ul {
	padding: 0;
	margin: 0;
}

#submenu ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#submenu ul li a {
	height: 21px;
	float: left;
	width: 163px;
	padding-left: 31px;
	padding-top: 6px;
	font-size: 12px;
	background: url(images/triangulo1.jpg) no-repeat left top;
	letter-spacing: 1px;
}

#submenu ul li a:hover {
	color: #fff;
}

#submenu ul li.active a {
	background: url(images/triangulo2.jpg) no-repeat left top;
	color: #fff;
	font-weight: bold;
}

#submenu ul ul.sub1 {
	width: 190px;
	margin: 0;
	padding: 0;
}

#submenu ul ul.sub1 li {
	list-style-type: none;
}

#submenu ul ul.sub1 li a {
	padding-left: 40px;
	width: 154px;
	background: url(images/triangulo3.jpg) no-repeat left top;
	font-size: 10px;
	letter-spacing: 1px;
}

#submenu ul ul.sub1 li a.active {
	color: #fff;
	font-weight: bold;
}

/* @end */

/* @group Sidebarleft */

#sidebar_left {
	margin: 0;
	padding: 0;
	width: 194px;
	float: left;
}

#sidebar_left div.post {
	margin: 20px 0;
	background: url(images/sideleft_post.gif) no-repeat center bottom;
	padding-top: 0;
	padding-bottom: 0;
}

#sidebar_left div.post p {
	font-size: 9px;
	line-height: 14px;
	color: #003872;
	letter-spacing: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

#sidebar_left div.post h1 {
	margin: 0 0 15px;
	padding: 5px 15px 11px;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	clear: both;
	background: url(images/sideleft_h1.gif) no-repeat center bottom;
}

#sidebar_left div.post div.vermas {
	text-align: right;
	clear: both;
	width: 164px;
	height: 14px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

#sidebar_left div.post div.vermas a {
	text-align: right;
	clear: both;
	color: #fff;
	font-style: italic;
	text-decoration: underline;
}

#sidebar_left div.post div.vermas a:hover {
	text-align: right;
	clear: both;
	color: #0066ab;
	font-style: italic;
	text-decoration: underline;
}

/* @end */

/* @group Modulos */

#separador {
	height: 17px;
	background: url(images/separador.gif) no-repeat center top;
}

.modulos {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	width: 720px;
	float: left;
}

.modulos ul {
	margin: 0;
	padding: 0;
	float: left;
}

.modulos ul li {
	float: left;
	width: 178px;
	list-style-type: none;
	border-top: 2px solid #003872;
	border-right: 1px solid #003872;
	border-left: 1px solid #003872;
}

/* @end */

/* @group Sidebar */

#sidebar {
	float: right;
	width: 222px;
	height: 433px;
	padding-right: 14px;
	background: url(images/sidebar.jpg) no-repeat right top;
}

.banner {
	width: 222px;
	background-color: #00b9fe;
}

#side_bott {
	background: url(images/side_bott.jpg) no-repeat center top;
	height: 45px;
}

/* @end */

/* @group Footer */
.links
{
    padding-top:10px;
    padding-left:3px;
	width:175px;
	height:52px;
	background-color: #ffffff;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #005e45;

}
.links1
{   padding-top:10px;
    padding-left:3px;
	width:175px;
	height:52px;
	background-color: #ffffff;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #82332F;
	
}
.links2
{
	padding-top:10px;
    padding-left:3px;
	width:175px;
	height:52px;
	background-color: #ffffff;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #0078a8;
	
}
.links3
{
	padding-top:10px;
    padding-left:3px;
	width:175px;
	height:52px;
	background-color: #ffffff;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #ed7435;
	
}
.links4
{

    padding-left:3px;
	width:175px;
	height:34px;
	background-color: #ffffff;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #006B53;
	
}
.links5
{

    padding-left:3px;
	width:175px;
	height:34px;
	background-color: #ffffff;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #8A8F19;
	
}

.linksT
{
	top:20px;
	padding-left:3px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-style: normal;
	}
	.linksTbis
{
	
	padding-left:3px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style: normal;
	padding-top:10px;
	}

.pie {
	background-image: url(images/footer.jpg);
	background-repeat:no-repeat;
	background-position:center;
	
	padding-left:42px;
	padding-right:42px;

}

 .footer .copyright {
	
	font-size: 10px;
}

/*#firma {
	float: right;
	color: #003872;
	letter-spacing: 1px;
	font-size: 9px;
}

 @end */

/* @group Form */

#wrappper_form {
	margin: 0 auto;
	width: 970px;
	
	background: url(images/wrapper_form.gif) repeat-y;
}

#content_form {
	width: 720px;
	height: 433px;
	float: left;
	padding-left: 14px;
	
	background: url(images/content.jpg) no-repeat left top;
}

#contenido_form {
	width: 670px;
	float: left;
	padding: 17px 25px;
}

#form table {
}

td.tit_campo_consulta {
	width: 200px;
	text-align: right;
	font-size: 12px;
}

input.campo {
	background-image: url(images/form1.gif);
	border-style: none;
	width: 273px;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

#descripcion {
	background-image: url(images/form2.gif);
	border-style: none;
	width: 273px;
	height: 82px;
	padding: 5px;
}

tr.form_btn {
}

div.bnt_form_bota a {
	float: left;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

div.bnt_form_botb a {
	float: right;
	text-align: right;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}
.blue
{
  color:#0074a7;
}

.productos
{padding-top:5px;
padding-left:6px;
padding-right:6px;
font-size:13px;
height:187px;
line-height:17px;
}

.productos .titulos
{
font-size:18px;
margin-bottom:0px;
}

.productos1
{padding-top:5px;
padding-left:6px;
padding-right:6px;
font-size:11px;
height:87px;
line-height:17px;
}

.productos1 .titulos
{
font-size:14px;
margin-bottom:0px;
}

/*overlay dolares*/
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(imagenes/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:600px;
	height:350px;
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(imagenes/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(imagenes/transparent.png);		
		color:#fff;
	}



/* @end */