@charset "utf-8";

@import "comparativo.css";

/* RESET GENERAL */
body,div,p,a,img,dl,dt,dd,ul,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img,abbr,acronym { 
	border:0;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6,p,form,input,textarea {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
/* ESTILOS GENERALES */
body, html{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;	
}
a {
	color: #0033CC;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
}
p{
	color: #333333;
}
/* ESTILOS HEADER */
#header {
	background-image: url(/_i/_ui/header_bg_01.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 88px;
	width: 100%;
	min-width: 960px;
	text-align: center;
	font-size: 11px;
	position: fixed;
	z-index: 5000;
	left: 0px;
	top: 0px;
}
#header div.wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#header div.logo {
	float: left;
	margin-top: 10px;
}
#header div.tools {
	float: right;
	width: 660px;
}
#header div.tools ul {
	margin-top: 20px;
}
#header div.tools ul li {
	float: right;
	line-height: 16px;
}
#header .addthis_separator {
	margin:0px 5px;   
	}
#header a.button_rss{
	background-image: url(/_i/_ui/header_bt_rss.png);
}
#header a.thickbox {
	background-image: url(/_i/_ui/header_bt_calendario.png);
}
#header div.buscar {
	background-image: url(/_i/_ui/header_search_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 24px;
	width: 120px;
	top: -4px;
	position: relative;
}
#header div.buscar #busqueda {
	background-color: #FFFFFF;
	border: 0px none #FFFFFF;
	height: 14px;
	width: 85px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	font-size: 11px;
}
#header div.buscar #btsearch {
	float: right;
}
/*estilos para Plugin Change Font Size*/
.smallFont,.largeFont,.defaultFont,#header a.button_rss,#header a.thickbox {
	outline: none;
	display: block;
	float: left;
	text-indent: -9999px;
	width: 14px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	margin-right: 0px;
}
.smallFont:hover,.largeFont:hover,.defaultFont:hover,#header a.button_rss:hover,#header a.button_calendario:hover {
	background-position: 0px -14px;
}
.smallFont {
	background-image: url(/_i/_ui/header_bt_txt_s.png);
	margin-right: 5px;
}

.defaultFont {
	background-image: url(/_i/_ui/header_bt_txt_m.png);
	margin-right: 5px;
}

.largeFont {
	background-image: url(/_i/_ui/header_bt_txt_l.png);
}

.ldisabled,.sdisabled { /*Styles for disabled buttons*/
	opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	/*This is for IE8 */
	filter: alpha(opacity = 30);
}
#holder {
	float: left;
}
/*NAVEGACION*/
#nav {
	clear: both;
	height: 27px;
	width: 960px;
	padding-top: 10px;
}
#nav a{
	background-repeat: no-repeat;
	background-position: 0px 5px;
	display: block;
	text-indent: -9999px;
}
#nav a:hover {
	background-position: 0px 0px;
}
#nav a.inicio{
	background-image: url(/_i/_ui/nav_01_off.png);
	height: 27px;
	width: 53px;
}
#nav a.naturales{
	background-image: url(/_i/_ui/nav_02_off.png);
	height: 27px;
	width: 62px;
}
#nav a.juridicas{
	background-image: url(/_i/_ui/nav_03_off.png);
	height: 27px;
	width: 136px;
}
#nav a.agencias{
	background-image: url(/_i/_ui/nav_04_off.png);
	height: 27px;
	width: 81px;
}
#nav a.banco{
	background-image: url(/_i/_ui/nav_05_off.png);
	height: 27px;
	width: 78px;
}
#nav a.clientes{
	background-image: url(/_i/_ui/nav_06_off.png);
	height: 27px;
	width: 153px;
}

/*ESTILO PARA MENUES DESPLEGABLES*/
#nav ul{
z-index:1000;
list-style-type: none;
}

/*Top level list items*/
#nav ul li{
position: relative;
display: inline;
float: left;
}
* html #nav ul li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
/*1st sub level menu*/
#nav ul li ul{
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background-color: #000A6F;
	background-image: url(/_i/_ui/nav_submenu_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#nav ul li ul li.first {
	background-image: url(/_i/_ui/nav_submenu_bg_top.png);
	background-repeat: no-repeat;
	background-position: left top;

}
/*Sub level menu list items (undo style from Top level List Items)*/
#nav ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
#nav ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
#nav ul li ul li a{
	font-size: 11px;
	color: #FFFFFF;
	display: block;
	width: 150px;
	text-indent: 0px;
	padding: 5px;
}
#nav ul li ul li a:hover{
	color: #FFFFFF;
	background-color: #6699CC;
}

/* Holly Hack for IE \*/
* html #nav{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

#nav .downarrowclass{
	display: none;
}

#nav .rightarrowclass{
	position: absolute;
	top: 8px;
	right: 5px;
}
#nav .username {
	font-size: 16px;
	color: #FF6600;
	line-height: 16px;
	padding-top: 2px;
}
.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 170px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;
border-bottom: 1px solid #ccc;
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
	position: absolute;
	width: 170px; /*Sub Menu Items width */
	top: 0;
	font-weight: normal;
	visibility: hidden;
	background-color: #00FF00;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */
#calendario {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#calendario #nav {
	clear: both;
	display: block;
	width: 287px;
	height: 32px;
	padding: 0px;
	white-space: nowrap;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#calendario #nav li {
	float: left;
	text-align: center;
	line-height: 32px;
}
#calendario #nav a {
	height: 32px;
	width: 32px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#calendario #nav a:hover {
	background-position: 0px -30px;
}
#calendario #nav li a.anterior {
	background-image: url(/_i/_ui/calendario_bt_back.png);
}
#calendario #nav li a.siguiente {
	background-image: url(/_i/_ui/calendario_bt_next.png);
}
#calendario #nav h1 {
	font-size: 16px;
	color: #666666;
	text-align: center;
	white-space: nowrap;
	width: 220px;
	line-height: 32px;
}
#calendario #mes {
	border-width: 1px 0px 0px 1px;
	border-style:  solid none none solid;
	border-color: #666666;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}
#calendario #mes td {
	background-image: url(/_i/_ui/calendario_dias_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 40px;
	width: 40px;
	border-width: 0px 1px 1px 0px;
	border-style: none solid solid none;
	border-color: #666666;
	text-align: center;
	vertical-align: middle;
}
#calendario #mes td.nombre {
	height: 20px;
	background-position: 0px -160px;
	font-weight: bold;
	color: #FFFFFF;
}
#calendario #mes td.vacio {
	background-position: 0px -160px;
}
#calendario #mes td.hoy {
	font-weight: bold;
	color: #ff6600;
	background-position: 0px -40px;
}
#calendario #mes td.feriado {
	background-position: 0px -80px;
	font-weight: bold;
	color: #FFFFFF;
}
#calendario #mes td.bancario {
	font-weight: bold;
	color: #FFFFFF;
	background-position: 0px -120px;
}
#calendario #leyenda {
	font-size: 10px;
	color: #666666;
	display: block;
	width: 287px;
	clear: both;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
}
#calendario #leyenda li {
	float: left;
	line-height: 16px;
	padding-top: 5px;
	padding-right: 5px;
	display: block;
}
#calendario #leyenda span {
	background-image: url(/_i/_ui/calendario_dias_bg.jpg);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	display: block;
	float: left;
	margin-right: 5px;
	background-position: 0px 0px;
}
#calendario #leyenda .feriado {
	background-position: 0px -80px;
}
#calendario #leyenda .bancario {
	background-position: 0px -120px;
}
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #ff6600;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {
	position: fixed;
	z-index:9970;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.TB_overlayMacFFBGHack {
	background-image: url(/_i/_ui/macFFBgHack.png);
	background-repeat: repeat;
}
.TB_overlayBG {
	background-color:#ff6600;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	z-index: 9980;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
	background-color: #ffffff;
	background-image: url(/_i/_ui/calendario_logo.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}
#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}
#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	height: 20px;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:9999;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:9960;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
div#rightbar {
	position: fixed;
	height: 460px;
	width: 240px;
	top: 100px;
	left: 240px;
	margin-left: 50%;
	z-index: 0;
	text-align: right;
}
#rightbar div.banking {
	text-align: right;
}
#rightbar div.banking div {
	background-image: url(/_i/_ui/rightbar_banking_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 135px;
	width: 240px;
	margin-left: auto;
	text-align: left;
}
#rightbar div.banking ul {
	width: 100px;
	padding-top: 40px;
	padding-left: 130px;
	padding-right: 10px;
}
#rightbar div.banking ul li {
	margin-bottom: 4px;
}
#rightbar div.banking ul a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 100px;
	display: block;
	text-indent: -9999px;
}
#rightbar div.banking ul a:hover {
	background-position: 0px -22px;
}
#rightbar div.banking ul a.naturales {
	background-image: url(/_i/_ui/rightbar_banking_bt_nat.png);
	height:22px;
}
#rightbar div.banking ul a.juridicas {
	background-image: url(/_i/_ui/rightbar_banking_bt_jur.png);
	height:22px;
}
#rightbar div.banking ul a.asistente {
	background-image: url(/_i/_ui/rightbar_banking_bt_asist.png);
	height:35px;
}
#rightbar div.banking ul a.asistente:hover {
	background-position: 0px -35px;
}
#rightbar div.encuesta {
	text-align: left;
	padding: 5px;
	color: #333333;
	font-size: 11px;
	line-height: 12px;
	min-height:216px;
	background-image: url(/_i/_ui/rightbar_encuesta_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
	border-color: #999999;
}
#rightbar div.encuesta label {
	clear: both;
	display: block;
	font-weight: bold;
	line-height: 16px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#rightbar div.encuesta p {
	margin-top: 10px;
	margin-bottom: 5px;	
}
#rightbar div.encuesta h1 {
	margin-top: 2px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #0033CC;
}
#rightbar div.encuesta ul {
	margin-right: 10px;
	margin-left: 10px;
	list-style-type: none;
}
#rightbar div.encuesta li {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-type: none;
}
#rightbar div.encuesta li span{
	line-height: 1px;
	background-color: #999999;
	display: block;
	width: 100%;
	clear: both;
	height: 5px;
	margin-top: 2px;
	margin-bottom: 5px;
}
#rightbar div.encuesta .option {
	margin-right: 5px;
}
#rightbar div.encuesta .votar {
	margin-left: 10px;
}
/* ESTILOS ESPECIALES PARA VERSIONES ANTIGUAS DE INTERNET EXPLORER */
* html,* html body{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-image: url(foo);
  }
* html div#header, * html div#rightbar{left: 0px; top: 0px; /* fallback */; }
* html div#header {
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop 
: document.body.scrollTop);
left: expression("0");
}
div#header img,div#fixme-bottom img  {
float: left;
margin: 0px;
position: relative;
}

* html div#rightbar {
	margin-top:100px;
	position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop 
: document.body.scrollTop);
	left: expression("240");
	text-align: right;
}
#homepage{
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 82px;
	background-image: url(/_i/_ui/home_bg.png);
	background-repeat: no-repeat;
	background-position: center 330px;
}
#homepage div.wrapper{
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#homepage div.banner {
	clear: both;
	height: 250px;
	width: 710px;
	margin-bottom: 10px;
	clip: rect(0px,710px,250px,0px);
	display: none;
}
#homepage div.banner ul {
	list-style: none;
}
#homepage div.banner li {
	display: inline;
	float: left;
}
#homepage div.carousel {
	clear: both;
	width: 720px;
	background-image: url(/_i/_ui/home_aldia_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 195px;
	margin: 0px;
	padding: 0px;
	display: none;
}
#homepage div.carousel ul {
	width: 720px;
}
#homepage div.carousel li {
	float: left;
}
#homepage div.carousel li img {
	margin-right: 10px;
}
#homepage div.carousel .previous, #homepage div.carousel .next {
	position: absolute;
	left: -9999px;
	top: -9999px;
}
#homepage div.carousel .carousel-pagination {
	width: 720px;
	text-align: center;
}
#homepage div.carousel .carousel-pagination a {
	color: #FFFFFF;
	background-color: #999999;
	font-size: 11px;
	line-height: 11px;
	padding: 1px 3px 1px 3px;
	margin-right: 1px;
	margin-left: 1px;
	cursor: pointer;
}
#homepage div.carousel .carousel-pagination a:hover {
	color: #FFFFFF;
	background-color: #666666;
}
/*#homepage div.aldia {
	clear: both;
	width: 720px;
	line-height: 25px;
	font-size: 12px;
	color: #333333;
	padding-top: 5px;
}
#homepage div.aldia span {
	float: left;
	font-weight: bold;
	background-image: url(/_i/_ui/home_flecha.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
	padding-left: 75px;
	padding-right: 5px;
}*/
#homepage div.aldia ul.titulares {
	float: left;
}

/******************** CONTENT STYLES *****************************/

#content {
	width: 960px;
	margin-left: auto;
	clear: both;
	text-align: left;
	margin-right: auto;
	padding-top: 88px;
	/*font-size: 12px;*/
	line-height: 18px;
}
#content div.producto {
	clear: both;
	width: 710px;
	padding-bottom: 10px;
}
#content div.producto .title {
	display: none;
}
#content p,#content ul, #content h1,#content h2 {
	margin-bottom: 15px;
}
#content ul {
	padding-left: 15px;
}
#content div.wrapper {
	width: 600px;
	min-height:199px;
	padding-left: 60px;
}
#content div.wrapper a {
	font-weight: bold;
}
#content div.destacado {
	color: #0033cc;
	clear: both;
	padding-bottom: 10px;
	line-height: 20px;	
	/*font-size: 14px;*/
	font-size: 133%;
	margin-bottom: 25px;
	padding-right: 10px;	
	font-style: italic;
	width: 90%;
}
#content div.destacado p {
	color: #0033cc;	
}
#content div.normal {
	color: #333333;
	line-height: 18px;	
	/*font-size: 12px;*/
	clear: both;
	padding-bottom: 10px;
	
}
#content div.normal h1, #content div.normal h2 {

}
#content div.normal img.destaque {
	float: right;
}
#content div.normal img.grafico {
	clear: both;
	margin-bottom: 20px;
}
#content h1 {
	font-weight: bold;
	color: #FF6600;
	margin-bottom: 0px;
	/*font-size: 16px;*/
	font-size: 133%;
}
#content h2 {
	font-weight: bold;
	color: #0033CC;
	margin-bottom: 0px;
	font-size: 116%;
}
#content div.normal ul li {
	list-style-type: disc;
	list-style-position: outside;
	color: #333333;
	line-height: 18px;	
	/*font-size: 12px;*/
}
#content div.normal ol, #content div.normal ol li {
	list-style-type: decimal;
	list-style-position: outside;
	color: #333333;
	line-height: 18px;	
	/*font-size: 12px;*/
}
#content div.normal div.columna {
	float: left;
	width: 300px;
}
#content div.normal ul.tabla {
	padding: 0px;
	margin: 0px;
}
#content div.normal div.tabla-sep {
	clear: both;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;	
}
#content div.normal ul.tabla li {
	float: left;
	list-style-type: none;
	margin: 7px;
	padding: 0px;
}
#content div.normal ul.tabla a {
	margin: 0px;
	padding: 0px;
}
#content div.normal div.block ,#content div.normal div.buscar {
	clear: both;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
#content div.normal div.block {
	min-height: 110px;
}
#content div.normal div.block img.thumb {
	float: left;
	height: 100px;
	width: 100px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-left: 0px;
}
#content div.normal, #content div.normal li, #content div.normal p {
	color: #333333;
	line-height: 18px;	
	/*font-size: 12px;*/
}

/******************** PAGINACION STYLES *****************************/

#content div.paginacion {
	clear: both;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}
#content div.paginacion a,#content div.paginacion span {
	margin-right: 2px;
	margin-left: 2px;
	min-width:18px;
	padding: 2px 5px 2px 5px;
}
#content div.paginacion a {
	border: 1px solid #CCCCCC;
}
#content div.paginacion a:hover {
	border: 1px solid #0033CC;
}
#content div.paginacion span {
	border: 1px solid #FFFFFF;
	color: #333333;
	font-weight: bold;
}
#content div.paginacion span.activo {
	color: #FFFFFF;
	background-color: #FF6600;
	border: 1px solid #FF6600;
}
#content div.paginacion span.inactivo {
	color: #CCCCCC;
	border: 1px solid #CCCCCC;
}

/******************** CONTENT FOOTER STYLES *****************************/

#content div.foot {
	width: 710px;
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
	border-color: #CCCCCC;
	padding-top: 10px;
	clear: both;
	font-size: 10px;
	color: #333333;
	margin-bottom: 15px;
}
#content div.foot a {
	font-weight: bold;
}

#content div.foot ul.contacto {
	padding: 0px;
}
#content div.foot ul.contacto li {
	padding-bottom: 10px;
}
#content div.foot ul.downloads {
	width: 520px;
	padding: 0px;
}
#content div.foot a.getAdobe{
	background-image: url(/_i/_ui/get_adobe_reader.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	height: 30px;
	width: 120px;
}

/******************** WIZARD STYLES *****************************/

#content div.wizard {
	background-image: url(/_i/_ui/wizard_bg.png);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}
#content div.wizard h1{
	font-size: 16px;
	color: #FF6600;
	font-weight: bold;
	padding: 0px;
	margin: 10px;
	display: block;
}
#content div.wizard h6{
	font-size: 12px;
	font-weight: bold;
}
#content div.wizard p {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#content div.wizard ul.tags {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 48px;
	width: 850px;
}
#content div.wizard ul.tags li {
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 48px;
	display: block;
}
#content div.wizard ul.tags li {
	width: 150px;
}
#content #atencionCliente ul.tags li {
	width: 200px;
}
#content div.wizard li.paso1{
	background-image: url(/_i/_ui/agencias_etq_paso1_on.png);
}
#content div.wizard li.paso2{
	background-image: url(/_i/_ui/agencias_etq_paso2_on.png);
}
#content div.wizard li.paso3{
	background-image: url(/_i/_ui/agencias_etq_paso3_on.png);
}
#content div.wizard li.paso4{
	background-image: url(/_i/_ui/agencias_etq_paso4_on.png);
}
#content div.wizard li.paso2off{
	background-image: url(/_i/_ui/agencias_etq_paso2_off.png);
}
#content div.wizard li.paso3off{
	background-image: url(/_i/_ui/agencias_etq_paso3_off.png);
}
#content div.wizard li.paso4off{
	background-image: url(/_i/_ui/agencias_etq_paso4_off.png);
}

/******************** END CONTENT STYLES *****************************/


/******************** FOOTER STYLES *****************************/

#footer {
	background-repeat: no-repeat;
	background-position: center 10px;
	width: 100%;
	clear: both;
	text-align: center;
	background-image: url(/_i/_ui/footer_bg.png);
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer div.wrapper {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#footer ul.nav {
	font-size: 9px;
	clear: both;
	line-height: 20px;
	height: 20px;
	padding-bottom: 10px;
}
#footer ul.nav li {
	float: left;
	margin-right: 10px;
}
#footer ul.nav a {
	color: #FF6600;
}
#footer ul.nav a:hover {
	color: #0033CC;
}
#footer div.legal {
	clear: both;
	color: #333333;
}
#footer div.legal p {
	font-size: 11px;
}
#footer div.legal h1 {
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
}
#footer div.legal h6 {
	font-size: 9px;
	padding-bottom: 10px;
}
#footer div.grupoIF {
	float: right;
}
#footer div.grupoIF a {
	background-image: url(/_i/_ui/footer_logo_grupo_if.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 41px;
	width: 41px;
	display: block;
	position: absolute;
	margin-left: -300px;
}
#content div.wizard ul.tags li.agPaso1{
	background-image: url(/_i/_ui/agencias_etq_paso1_on.png);
}
#content div.wizard ul.tags li.agPaso2{
	background-image: url(/_i/_ui/agencias_etq_paso2_on.png);
}
#content div.wizard ul.tags li.agPaso3{
	background-image: url(/_i/_ui/agencias_etq_paso3_on.png);
}
#content div.wizard ul.tags li.agPaso4{
	background-image: url(/_i/_ui/agencias_etq_paso4_on.png);
}
#content div.wizard ul.tags li.agPaso1activo{
	background-image: url(/_i/_ui/agencias_etq_paso1_activo.png);
}
#content div.wizard ul.tags li.agPaso2activo{
	background-image: url(/_i/_ui/agencias_etq_paso2_activo.png);
}
#content div.wizard ul.tags li.agPaso3activo{
	background-image: url(/_i/_ui/agencias_etq_paso3_activo.png);
}
#content div.wizard ul.tags li.agPaso4activo{
	background-image: url(/_i/_ui/agencias_etq_paso4_activo.png);
}
#content div.wizard ul.tags li.agPaso2off{
	background-image: url(/_i/_ui/agencias_etq_paso2_off.png);
}
#content div.wizard ul.tags li.agPaso3off{
	background-image: url(/_i/_ui/agencias_etq_paso3_off.png);
}
#content div.wizard ul.tags li.agPaso4off{
	background-image: url(/_i/_ui/agencias_etq_paso4_off.png);
}

#content div.wizard ul.tags li.acPaso1{
	background-image: url(/_i/_ui/atencion_etq_paso1_on.png);
}
#content div.wizard ul.tags li.acPaso2{
	background-image: url(/_i/_ui/atencion_etq_paso2_on.png);
}
#content div.wizard ul.tags li.acPaso3{
	background-image: url(/_i/_ui/atencion_etq_paso3_on.png);
}
#content div.wizard ul.tags li.acPaso1activo{
	background-image: url(/_i/_ui/atencion_etq_paso1_activo.png);
}
#content div.wizard ul.tags li.acPaso2activo{
	background-image: url(/_i/_ui/atencion_etq_paso2_activo.png);
}
#content div.wizard ul.tags li.acPaso3activo{
	background-image: url(/_i/_ui/atencion_etq_paso3_activo.png);
}
#content div.wizard ul.tags li.acPaso2off{
	background-image: url(/_i/_ui/atencion_etq_paso2_off.png);
}
#content div.wizard ul.tags li.acPaso3off{
	background-image: url(/_i/_ui/atencion_etq_paso3_off.png);
}
#content #agPaso1 label {
	clear: both;
	display: block;
	width: 560px;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	border-color:#CCCCCC;
	margin-left: 10px;
	height: 66px;
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
	cursor: pointer;
	line-height: 66px;
	padding: 10px;
}
#content #agPaso1 label:hover {
	color: #0033CC;
}
#content #agPaso1 label.opcionTE{
	border:none 0px #CCCCCC;
}
#content #agPaso1 .jquery-checkbox{
	display: inline;
	line-height: 66px;
	cursor: hand;
	cursor: hand;}
#content #agPaso1 .jquery-checkbox .mark {
	display: inline;
}

#content #agPaso1 .jquery-checkbox img {
	vertical-align: middle;
	width: 62px;
	height: 66px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-right: 10px;
	}
#content #agPaso1 label.opcionAB .jquery-checkbox img {
	background-image: url(/_i/_ui/agencias_ico_ab.png);
}
#content #agPaso1 label.opcionABE .jquery-checkbox img {
	background-image: url(/_i/_ui/agencias_ico_abe.png);
}
#content #agPaso1 label.opcionCA .jquery-checkbox img {
	background-image: url(/_i/_ui/agencias_ico_ca.png);
}
#content #agPaso1 label.opcionTE .jquery-checkbox img {
	background-image: url(/_i/_ui/agencias_ico_te.png);
}
#content #agPaso1 .jquery-checkbox-hover img{
	background-position: 0px -66px;
}
#content #agPaso1 .jquery-checkbox-checked img{
	background-position: 0px -66px;
}
#content #agPaso1 .jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -66px;
}

#content #agPaso1 .jquery-checkbox-disabled img{
	background-position: 0px -66px;
}
#content #agPaso1 .jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -66px;
}
#content #agPaso2 div.estado, #content #agPaso2 div.municipio {
	width: 590px;
	clear: both;
	border: 0px none #CCCCCC;
}
#content #agPaso2 div a, 
#content #agPaso2 div label {
	font-size: 12px;
	color: #0033CC;
	float: left;
	cursor: pointer;
	width: 137px;
	min-height: 35px;
	margin: 0px 0px 0px 10px;
}
#content #agPaso2 div a:hover, 
#content  #agPaso2 div label:hover {
	color: #FF6600;
}
#content #agPaso2 div input {
	margin-right: 2px;
}
#content #agPaso2 div.municipio h1 {
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
	border-color: #CCCCCC;
	padding-top: 10px;
}
#content #agPaso3 ul.agencias {
	width: 590px;
	clear: both;
	margin-left: 10px;
	padding: 0px;
}

#content #agPaso3 ul.agencias li {
	float: left;
	width: 186px;
	text-indent: 0px;
	min-height: 50px;
	padding: 0px;
	margin: 0px 10px 10px 0px;
}
#content #agPaso3 ul.agencias label {
	font-size: 14px;
	color: #FF6600;
	line-height: 20px;
	font-weight: bold;
}
#content #agPaso3 input  {
	margin-right: 2px;
	line-height: 20px;
}
#content #agPaso4 #map_canvas {
	margin-left: 10px;
	display: block;
	clear: both;
	height: 250px;
	width: 580px;
}
#content #agPaso4 div.horarios, 
#content #agPaso4 div.telefonos, 
#content #agPaso4 div.servicios {
	float: left;
	margin: 10px;
}
#content #agPaso4 div.horarios, #content 
#agPaso4 div.telefonos, 
#content #agPaso4 div.descAgencias div.servicios {
	float: left;
	margin: 10px;
}
#content #agPaso4 div h1 {
	padding: 0px;
	margin: 0px;
}
#content #agPaso4 iframe.mapa {
	padding: 0px;
	clear: both;
	height: 250px;
	width: 580px;
	border : 0px none #FFFFFF;
	margin: 0px 0px 0px 10px;
}
#content #agPaso4 div.descAgencias iframe.mapa {
	padding: 0px;
	clear: both;
	height: 250px;
	width: 580px;
	border : 0px none #FFFFFF;
	margin: 0px 0px 0px 10px;
}
#content #agPaso4 div.horarios {
	width: 280px;
}
#content #agPaso4 div.telefonos {
	width: 100px;
}
#content #agPaso4 div.servicios {
	width: 160px;
	height: 60px;
	margin-right: 0px;
}
#content #agPaso4 div.descAgencias div.horarios {
	width: 280px;
}
#content #agPaso4 div.descAgencias div.telefonos {
	width: 100px;
}
#content #agPaso4 div.descAgencias div.servicios {
	width: 160px;
	height: 60px;
	margin-right: 0px;
}
#content #agPaso4 div.descAgencias div.servicios {
	width: 160px;
	height: 60px;
	margin-right: 0px;
}
#content #agPaso4 div.servicios ul {
	margin: 0px;
	padding: 0px;
}
#content #agPaso4 div.descAgencias div.servicios ul {
	margin: 0px;
	padding: 0px;
}
#content #agPaso4 div.servicios ul li {
	float: left;
	margin-right: 9px;
}
#content #agPaso4 div.descAgencias div.servicios ul li {
	float: left;
	margin-right: 9px;
}

#content div.wizard div.navegacion {
	clear: both;
	text-align: right;
	width: 580px;
	height: 22px;
	padding-top: 10px;
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
	border-color: #CCCCCC;
	margin: 0px 10px 0px 10px;
}
#content div.wizard div.navegacion .siguiente, #content div.wizard div.navegacion .anterior, #content div.wizard div.navegacion .finalizar {
	height: 22px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	margin-left: 10px;
	text-indent: -9999px;
	border: 0px none #FFFFFF;
	cursor: pointer;
}
#content div.wizard div.navegacion .siguiente {
	background-image: url(/_i/_ui/bt_siguiente.png);
}
#content div.wizard div.navegacion .anterior {
	background-image: url(/_i/_ui/bt_anterior.png);
}
#content div.wizard div.navegacion .finalizar {
	background-image: url(/_i/_ui/bt_finalizar.png);
}
#content div.wizard div.navegacion .siguiente:hover, #content div.wizard div.navegacion .anterior:hover, #content div.wizard div.navegacion .finalizar:hover {
	background-position: 0px -22px;
}
#error {

}
#message div {
	display: block;
	font-size: 14px;
	line-height: 20px;
	padding: 5px;	
	cursor: pointer;
	margin-top: 10px;
	padding-left: 15px;
}
#message div.error {
	background-color: #FF0000;
	color: #FFF;	
}
#message div.message {
	background-color: #090;
	color: #FFF;	
}
#message div.warning {
	background-color: #FC0;
	color: #333;
}
/*---- SITE MAP ----*/
#content ul.sitemap {
	width: 200px;
	margin: 0px;
	padding: 0px;
	font-size: 65.5%;
	line-height: 100%;
	float: left;
}
#content ul.sitemap li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#content ul.sitemap li a {
	color: #FF6600;
}
#content ul.sitemap li a:hover {
	color: #0033CC;
}
#content ul.sitemap li li a {
	color: #0033CC;
}
#content ul.sitemap li li a:hover {
	color: #FF6600;
}
#content ul.sitemap h1 {
	font-size: 150%;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	color: #FF6600;
}
#content ul.sitemap h2 {
	font-size: 125%;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
	color: #FF6600;
}
#content a.back {
	font-size: 10px;
	clear: both;
	display: block;
	margin: 20px 0px 20px 0px;
	float: right;
}
#content #atencionCliente {
}
#content #atencionCliente div.block {
	clear: both;
	width: 580px;
	margin-left: 20px;
	font-size: 12px;
	margin-bottom: 10px;
}
#content #atencionCliente span.nombreCampo,
#content #atencionCliente span.nombreCampoLargo {
	text-align: right;
	display: block;
	float: left;
	line-height: 20px;
	font-weight: bold;
}
#content #atencionCliente span.nombreCampo {
	width: 160px;
}
#content #atencionCliente span.nombreCampoLargo {
	width: 400px;
}
#content #atencionCliente span.campo {
	line-height: 20px;
}
#content #atencionCliente input {
	font-size: 12px;
	line-height: 20px;
	margin-left: 10px;
}
#content #atencionCliente ul.opciones {
	display: block;
	clear: both;
	font-size: 12px;
	line-height: 20px;
	padding: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	min-height: 80px;
	margin-left: 160px;	
}
#content #atencionCliente ul.opciones li {
	float: left;
	width: 190px;
}
#content #atencionCliente ul.opciones input {
	margin: 0px 5px 0px 0px;
}
#content #atencionCliente .box400,#content #atencionCliente .box50, #content #atencionCliente .box350,#content #atencionCliente .drop50, #content #atencionCliente .drop400, #content #atencionCliente .area400,#content #atencionCliente .box200,#content #atencionCliente .drop150 {
	margin-left: 10px;
	background-color: #efefef;
	border: 1px solid #CCCCCC;
	line-height: 20px;
}
#content #atencionCliente .box400,#content #atencionCliente .box50, #content #atencionCliente .box350,#content #atencionCliente .drop50, #content #atencionCliente .drop400,#content #atencionCliente .box200,#content #atencionCliente .drop150 {
	height: 20px;
}
#content #atencionCliente .box400 {
	width: 380px;
}
#content #atencionCliente .area400 {
	width: 380px;
}
#content #atencionCliente .box350 {
	width: 315px;
}
#content #atencionCliente .box50 {
	width: 50px;
}
#content #atencionCliente .box200 {
	width: 190px;
}
#content #atencionCliente .drop50 {
	width: 52px;
}
#content #atencionCliente .drop150 {
	width: 142px;
}
#content #atencionCliente .drop400 {
	width: 382px;
}
.wizard label.error {
	color: #C30;
	display: block;
	margin-left: 180px;
}
.wizard label.message {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	padding: 10px;
	clear: both;	
	margin-top: 10px;
}
.paginacion a, .paginacion span {
	cursor: pointer;
}

div.wizard form#contactos div#acPaso1 .acRadio label.error {
	position: absolute;
	/*margin-top: -22px;
	margin-left: 240px;*/
}
div.wizard form#agencias div#agPaso1 label.error {
	position: absolute;
	border: none;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	height: 30px;
	padding: 0;
	margin-top: -25px;
	margin-left: 200px;
	white-space: nowrap;
}
div.wizard form#agencias div#agPaso2 label.error {
	position: absolute;
	border: none;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	height: 30px;
	padding: 0;
	margin-top: -45px;
	margin-left: 200px;	
	white-space: nowrap;	
}
div.wizard form#agencias div#agPaso3 label.error {
	position: absolute;
	border: none;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	height: 30px;
	padding: 0;
	margin-top: -50px;
	margin-left: 250px;	
	white-space: nowrap;	
}
#homepage ol, #homepage ul,
.wizard ol, .wizard ul,
#calendario ol, #calendario ul, 
#rightbar ol, #rightbar ul, 
#footer ol, #footer ul, 
#header ol, #header ul, 
.foot ol, .foot ul, 
.nav ol, .nav ul, 
#nav ol, #nav ul,
.sitemap, .sitemap ul
{
	list-style:none;
}

.obligatorio{
	font-size:16px;
	font-weight:bold;
}
.googlemaps  {
	display: block;
	margin-left: 85px;
}