@charset "UTF-8";
/* CSS Document */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul { list-style:none }
/*ul,ol { list-style:none }*/

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */


* html, body {
	height: 100%;
	width: 100%;
	text-align: center;
}

body {
	background-color: #FFF;
}

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	color:#000066;
	font-size: 12px;
}

blockquote {
	font-family: "Courier New", Courier, monospace;
	margin-left: 30px;
}
ol {
	margin-left: 5px;
}

#seguridad {
	text-align: left;
	width: 63.25em;
	margin: 0 auto;
	position: relative;
}
#seguridad a {
	color:#000066;
	text-decoration: underline;
}
#seguridad a:hover {
	text-decoration: none;
}
#seguridad .txtrosado {
	color: #F40159;
}
#seguridad .txtnaranja {
	color: #FF4F00;
}
#seguridad #encabezado {
	background-color: #000066;
	text-align: right;
}
#seguridad #bannerSuperior {
	background-color: #0099CC;
}
#seguridad #bannerSuperior td {
	width: 50%;
}
#seguridad #bannerSuperior h1 {
	padding: 26px 0 0 0;
	margin: 0 11px;
    overflow: hidden;
    background-image: url("../images/tit_juntos_somos_mas.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:26px;
}
#seguridad #bannerSuperior #flashTriangular {
	z-index: 1;
	left: 0;
	top: 44px;
	position: absolute;
}

#seguridad #navigation {
	margin:0 auto 1.8em;
	background-color: #FF4F00;
	height: 3.66em;
	text-align:center;
}
#seguridad #navigation ul {
	padding-top:1.3em;
}
#seguridad #navigation li {
	display:inline;
}
#seguridad #navigation a {
	padding: 1.3em;
	color: #FFF;
	margin: 0 0.2em;
	font-weight:bold;
	position: relative;
}

#seguridad #navigation a:hover {
	background-image:url(../images/background_navigation-hover.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#seguridad #navigation li.classInicio {
	padding: 1.3em;
	margin: 0 0.2em;
}
#seguridad #navigation li.nolink {
	padding: 1.3em 1.1em 1.3em 1.3em;
	margin: 0 0.4em 0 0.2em;
	color: #FFF;
	font-weight:bold;
	background-image:url(../images/background_navigation-hover.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


/****************************** INICIO DIVLEFT ********************************/
#divContent #divLeft {
	width: 19.2em;
	float: left;
}

#divContent #divSubmenu a {
	text-decoration: none;
}
#divContent #divSubmenu a:hover {
	text-decoration: underline;
}
#divContent #divSubmenu h1 {
	background-color: #91CE44;
	height: 32px;
	border-top: 1px solid #FFFFFF;
}
#divContent #divSubmenu h1.h1activo {
	height: 66px;
}
#divContent #divSubmenu h1.h1activo img{
	margin: 40px 11px 5px 13px;
}
#divContent #divSubmenu h1.naranja {
background-color: #FF4F00;
}
#divContent #divSubmenu h1.rosado {
background-color: #F40159;
}
#divContent #divSubmenu h1.amarillo {
background-color: #FFB310;
}
#divContent #divSubmenu h1 a {
	padding: 8px 11px 5px 13px;
	display: block;
}
#divContent #divSubmenu div {
	color: #91CE44;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #E9F5DA;
}
#divContent #divSubmenu div.naranja {
	color: #FF4F00;
	background-color: #FFDCCC;
}
#divContent #divSubmenu div.rosado {
	color: #F40159;
	background-color: #FDCCDE;
}
#divContent #divSubmenu div.amarillo {
	color: #FFB310;
	background-color: #FFF0CF;
}
#divContent #divSubmenu div a {
	color: #91CE44;
	font-weight: normal;
}
#divContent #divSubmenu div a:hover {
	text-decoration: underline;
}
#divContent #divSubmenu div.naranja a {
	color: #FF4F00;
}
#divContent #divSubmenu div.rosado a {
	color: #F40159;
}
#divContent #divSubmenu div.amarillo a {
	color: #FFB310;
}
#divContent #divSubmenu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#divContent #divSubmenu ul li{
	margin: 0px 0px 0px 0px;
	padding: 0.4em 0px 0.4em 1.6em;
	border-bottom: 1px solid #FFFFFF;
	background-image: url(../images/fl_verde.gif);
	background-position: 1em 0.5em;
	background-repeat: no-repeat;
}
#divContent #divSubmenu div.naranja ul li{
	background-image: url(../images/fl_naranja.gif);
}
#divContent #divSubmenu div.rosado ul li{
	background-image: url(../images/fl_rosado.gif);
}
#divContent #divSubmenu div.amarillo ul li{
	background-image: url(../images/fl_amarillo.gif);
}

/******************************** FIN DIVLEFT **********************************/

/****************************** INICIO DIVRIGHT ********************************/
#divContent #divRight {
	width: 42.2em;
	float: right;
}

#divContent #divRight .accordion_toggle {
	height: 65px;
	background: url(../images/esq_verde.gif) no-repeat top right #91CE44;
	cursor: pointer;
	border-top: 1px solid #FFFFFF;
	clear: both;
}
#divContent #divRight h1.naranja {
	background-color: #FF4F00;
	background-image: url(../images/esq_naranja.gif);
}
#divContent #divRight h1.rosado {
	background-color: #F40159;
	background-image: url(../images/esq_rosado.gif);
}
#divContent #divRight h1.amarillo {
	background-color: #FFB310;
	background-image: url(../images/esq_amarillo.gif);
}

#divContent #divRight .accordion_toggle_active {
	background: url(../images/esq_verde.gif) no-repeat top right #91CE44;
}
#divContent #divRight .accordion_toggle img {
	margin: 34px 0px 0px 21px;
}

#divContent #divRight .accordion_content {
	background-color: #ffffff;
	color: #000066;
	overflow: hidden;
	padding: 18px 21px 15px 21px;
/*	font-size: 1.2em;*/
}

#divContent #divRight .accordion_content h2 {
	color: #91CE44;
}

#divContent #divRight .accordion_content p {
	margin-bottom: 1.2em;
}
#divContent #divRight .accordion_content div.classRecuerda {
	padding: 18px 21px 15px 21px;
	margin-bottom: 11px;
	background-color: #E9F5DA;
}
#divContent #divRight div.naranja div.classRecuerda {
	background-color: #FFDCCC;
}
#divContent #divRight div.rosado div.classRecuerda {
	background-color: #FDCCDE;
}
#divContent #divRight div.amarillo div.classRecuerda {
	background-color: #FFF0CF;
}

#divContent #divRight div div.classTexto {
	padding: 0 260px 0 0;
	background-color: #FFF;
}
#divContent #divRight div.classRight {
	padding: 0px 0px 0px 0px;
	margin: -17px -21px -15px -21px;
	float: right;
}

#divContent #divRight ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#divContent #divRight ul li{
	margin: 0px 0px 0px 0px;
	padding: 0.4em 0px 0.4em 1em;
	background-image: url(../images/fl_verde.gif);
	background-position: 0.1em 0.5em;
	background-repeat: no-repeat;
}
#divContent #divRight div.naranja ul li{
	background-image: url(../images/fl_naranja.gif);
}
#divContent #divRight div.rosado ul li{
	background-image: url(../images/fl_rosado.gif);
}
#divContent #divRight div.amarillo ul li{
	background-image: url(../images/fl_amarillo.gif);
}

/******************************** FIN DIVRIGHT **********************************/

/******************************* INICIO DIVHOME ********************************/
#divHome {
	padding: 0em 2.7em 1.8em 2.7em;
/*	padding: 0.9em 2.7em 1.8em 2.7em;*/
}
#divHome h2 {
	padding: 26px 0 0 0;
	margin: 0.5em 0 1em 0;
    overflow: hidden;
    background-image: url(../images/tit_banca_telefono.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:26px;
}
#divHome h1 {
	padding: 0 0 0 0;
	margin: 0 0 1em 0;
}
#divHome p {
	margin-bottom: 0.9em;
}
#divHome #divLeft {
	width: 37.6em;
	float: left;
}
#divHome #divRight {
	width: 17.4em;
	float: right;
	text-align: center;
}
#divHome #divHomeBanners {
	clear: both;
}
#divHome #divHomeBanners p {
	margin-bottom: 0px;
}
#divHome #divHomeBanners div {
	width: 14.5em;
	height: 9em;
	float: left;
	margin-right: 2.75em;
}
#divHome #divHomeBanners div.classBordeRosado {
	border: 1px solid #F40159;
	padding: 11px 22px 11px 11px;
	background-image: url(../images/esq_rosado_ch.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#divHome #divHomeBanners div.classBordeRosado a {
	color: #F40159;
}
#divHome #divHomeBanners div.classBordeVerde {
	border: 1px solid #91CE44;
	padding: 11px 22px 11px 11px;
	background-image: url(../images/esq_verde_ch.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#divHome #divHomeBanners div.classBordeVerde a {
	color: #91CE44;
}
#divHome #divHomeBanners div.classBordeNaranja {
	border: 1px solid #FF4F00;
	padding: 11px 22px 11px 11px;
	background-image: url(../images/esq_naranja_ch.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#divHome #divHomeBanners div.classBordeCeleste {
	border: 1px solid #0099cc;
	padding: 11px 22px 11px 11px;
	background-image: url(../images/esq_celeste_ch.gif);
	background-repeat: no-repeat;
	background-position: right bottom;

}
#divHome #divHomeBanners div.classBordeNaranja a {
	color: #FF4F00;
}
#divHome #divHomeBanners div.classBordeCeleste a {
	color: #0099cc;
}
#divHome #divHomeBanners div.classReporta {
	margin-right: 0em;
}

/******************************** FIN DIVHOME **********************************/

#vertical_container, #vertical_container2 {
	margin-bottom: 1px;
}

#pie {
	width: 63.25em;
	clear: both;
	margin: 0 auto;
	padding: 1.7em 0;
	text-align: left;
}
#pie div {
	border-top: 1px solid #000066;
	padding: 1em 0 0 0;
	font-size: 0.9em;
}
#pie a {
	color: #000066;
	text-decoration: underline;
}
#pie a:hover {
	text-decoration: none;
}
#seguridad #divContent #reportaCaso .bordeNaranja {
	width: 90%;
	border: solid 1px #FFB999;
	padding: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#006;
	font-size:1em;
	margin: 0.2em 0;
}
#seguridad #divContent #reportaCaso .boton {
	margin-right: 1em;
	background-color:#FF4F00;
	color:#FFF;
	padding: 0.2em;
}
#seguridad #divContent #reportaCaso a {
	color:#FF4F00;
}