@charset "utf-8";

/*** Nuevas Fuentes  ***/

@font-face {
    font-family: "Proximanova";
    src: url(font/nova_bold-webfont.ttf) format("trueType"),
    url(font/nova_bold-webfont.woff) format("webOpenFont"),
    url(font/nova_bold-webfont.eot) format("openType");
}
@font-face {
    font-family: "Opensans";
    src: url(font/opensans-regular-webfont.ttf) format("truetype"),
    url(font/opensans-regular-webfont.woff) format("webOpenFont"),
    url(font/opensans-regular-webfont.eot) format("openType");
}
@font-face {
    font-family: "OpensansBold";
    src: url(font/opensans-bold-webfont.ttf) format("truetype"),
    url(font/opensans-bold-webfont.woff) format("webOpenFont"),
    url(font/opensans-bold-webfont.eot) format("openType");
}


/*** Estilos Comunes y para resetear las css ***/ 
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html {
	height : 100% /* Esto consigue que divs con un height de 100% se extiendan a lo largo del div que les contiene siempre y cuando este �ltimo tenga una altura definida */
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin : 0;
	padding : 0;
	border : 0;
	font-size : 100%;
	font : inherit;
	vertical-align : baseline
}
body {
	margin : 0;
	padding : 0;
	border : 0; /* This removes the border around the viewport in old versions of IE */
	width : 100%;
    color: #9da7a7;
    font-family: "Opensans", Verdana, Helvetica ,sans-serif;
    font-size: 12px/1.0em;
    line-height: 1.0em;
	height : 100%;
}
a{
	color : #9da7a7;
    text-decoration : none;
}
a:hover{
	text-decoration: underline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display : block }
ol, ul { list-style : none }
blockquote, q { quotes : none }
blockquote:before, blockquote:after,
q:before, q:after { content : ''; content : none }
table { border-collapse : collapse; border-spacing : 0 }
/* Estilos comunes y gen�ricos */
.left{ float : left!important }
.right{ float : right!important }
.clear{ clear : both!important;height : 0px }
.txtLeft{ text-align : left!important }
.txtCenter{ text-align : center!important }
.txtRight{ text-align : right!important }
.center{ margin: 0 auto!important }
.spacer{ padding : 2px!important }
.bold{ font-weight : bold }
/* Sms */
.sms{
	margin : 0 0 8px 0;
	color : #9da7a7;
	font-size : .8em;
	text-align : center;
	overflow : hidden
}
.smsBold{ color : #2a4388; font-weight : bold }
.smsFoot{
	margin : 22px 0 4px 0;
	color : #9da7a7;
	font-size : .8em;
	line-height : 1.2em;
	overflow : hidden
}
/* Pijama */
.odd{
	background : #eeeeee;
}
.even{
	background : #ffffff;
}
.noMargin{
	margin: 0 !important;
}
/* button */
.ifb-sMHButton{
	 display:block;	
    float: right;
    width: 120px;
    height: 15px;
    line-height: 16px;
    margin: 8px 10px 0 0;
    color: #ffffff !important;
    background-color: #ca0023;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align:center;
    font-family: "Proximanova", verdana;
    font-weight : normal;
    font-size: 11px;
    color:#fff;
    text-transform: uppercase;
    text-decoration: none;
}
.ifb-sMHButton:hover{
    background-color: #9da7a8;
    text-decoration: none;
}
/* Bot�n */
.btn{
	float : right;
	padding : 0 0 0 0;
	font-weight : bold;
	text-align : right
}
.btn a, .btn input{
	margin : 0 8px 8px 0;
	padding : 4px 8px 4px 8px;
	border : 1px solid #50c1e1;
	display : block;
	color : #2a4388;
	font-size : 10px;
	font-weight : bold;
	background : #ffffff;
	background : -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#DBE6F4));
	background : -webkit-linear-gradient(#ffffff, #DBE6F4);
	background : -moz-linear-gradient(#ffffff, #DBE6F4);
	background : -ms-linear-gradient(#ffffff, #DBE6F4);
	background : -o-linear-gradient(#ffffff, #DBE6F4);
	background : linear-gradient(#ffffff, #DBE6F4);
	text-decoration : none;
	overflow : hidden;
	-webkit-border-radius : 6px;
	-moz-border-radius : 6px;
	border-radius : 6px;
	-webkit-box-shadow : #dddddd 3px 3px 5px;
	-moz-box-shadow : #dddddd 3px 3px 5px;
	box-shadow : #dddddd 3px 3px 5px;
	-pie-background : linear-gradient(#ffffff, #DBE6F4)
}
.btn a:hover{ color : #50c1e1 }
/* Suben / Bajan / Mant */ 
.Suben{ color : #009036!important }
.Bajan{ color : #ca0023!important }
.Mant{ color : #9da7a7!important }
.SubenBg{ background-color : #009036!important }
.BajanBg{ background-color : #ca0023!important }
.MantBg{ background-color : #9da7a7!important }
.MantBgAlt{ background-color : #9da7a7!important }
.SubenBg2{
	border : 1px solid #009036;
	margin : 0 6px 6px 0;
	background : #009036;
	background : -webkit-gradient(linear, 0 0, 0 bottom, from(#7BB400), to(#578000));
	background : -webkit-linear-gradient(#7BB400, #578000);
	background : -moz-linear-gradient(#7BB400, #578000);
	background : -ms-linear-gradient(#7BB400, #578000);
	background : -o-linear-gradient(#7BB400, #578000);
	background : linear-gradient(#7BB400, #578000);
	overflow : hidden;
	-webkit-border-radius : 6px;
	-moz-border-radius : 6px;
	border-radius : 6px;
	-webkit-box-shadow : #dddddd 3px 3px 5px;
	-moz-box-shadow : #dddddd 3px 3px 5px;
	box-shadow : #dddddd 3px 3px 5px;
	-pie-background : linear-gradient(#7BB400, #578000)
}
.BajanBg2{
	border : 1px solid #ca0023;
	margin : 0 6px 6px 0;
	background : #ca0023;
	background : -webkit-gradient(linear, 0 0, 0 bottom, from(#C63302), to(#912400));
	background : -webkit-linear-gradient(#C63302, #912400);
	background : -moz-linear-gradient(#C63302, #912400);
	background : -ms-linear-gradient(#C63302, #912400);
	background : -o-linear-gradient(#C63302, #912400);
	background : linear-gradient(#C63302, #912400);
	overflow : hidden;
	-webkit-border-radius : 6px;
	-moz-border-radius : 6px;
	border-radius : 6px;
	-webkit-box-shadow : #dddddd 3px 3px 5px;
	-moz-box-shadow : #dddddd 3px 3px 5px;
	box-shadow : #dddddd 3px 3px 5px;
	-pie-background : linear-gradient(#C63302, #912400)
}
.MantBg2{
	border : 1px solid #9da7a7;
	margin : 0 6px 6px 0;
	background : #9da7a7;
	background : -webkit-gradient(linear, 0 0, 0 bottom, from(#b1b1b1), to(#7b7b7b));
	background : -webkit-linear-gradient(#b1b1b1, #7b7b7b);
	background : -moz-linear-gradient(#b1b1b1, #7b7b7b);
	background : -ms-linear-gradient(#b1b1b1, #7b7b7b);
	background : -o-linear-gradient(#b1b1b1, #7b7b7b);
	background : linear-gradient(#b1b1b1, #7b7b7b);
	overflow : hidden;
	-webkit-border-radius : 6px;
	-moz-border-radius : 6px;
	border-radius : 6px;
	-webkit-box-shadow : #dddddd 3px 3px 5px;
	-moz-box-shadow : #dddddd 3px 3px 5px;
	box-shadow : #dddddd 3px 3px 5px;
	-pie-background : linear-gradient(#b1b1b1, #7b7b7b)
}
.SubenShadow{
	border-left : 1px solid #009036;
	-webkit-box-shadow : #63890f -1px 0 0;
	-moz-box-shadow : #63890f -1px 0 0;
	box-shadow : #63890f -1px 0 0
}
.BajanShadow{
	border-left : 1px solid #ca0023;
	-webkit-box-shadow : #9b320f -1px 0 0;
	-moz-box-shadow : #9b320f -1px 0 0;
	box-shadow : #9b320f -1px 0 0
}
.MantShadow{
	border-left : 1px solid #9da7a7;
	-webkit-box-shadow : #c2c2c2 -1px 0 0;
	-moz-box-shadow : #c2c2c2 -1px 0 0;
	box-shadow : #c2c2c2 -1px 0 0
}
/* Flechas */
.flechaSuben{
	margin : 6px 5px 0 5px;
	width : 20px;
	background : url(../img/flechaSubenSmall.png) no-repeat center right;
	height : 20px
}
.flechaBajan{
	margin : 6px 5px 0 5px;
	width : 20px;
	background : url(../img/flechaBajanSmall.png) no-repeat center right;
	height : 20px
}
.flechaMant{
	margin : 6px 5px 0 5px;
	width : 20px;
	background : url(../img/flechaMantSmall.png) no-repeat center right;
	height : 20px
}

/* Flechas Big */
.flechaSubenBig{
	width : 26px;
	background : url(../img/flechaSubenBig.png) no-repeat;
	height : 26px;
	overflow : hidden ;
    border: none;
}
.flechaBajanBig{
	width : 26px;
	background : url(../img/flechaBajanBig.png) no-repeat;
	height : 26px;
	overflow : hidden;
    border: none;
}
.flechaMantBig{
	width : 26px;
	background : url(../img/flechaMantBig.png) no-repeat;
	height : 26px;
	overflow : hidden;
    border: none;
}
/* Flechas Gigant */
.flechaSubenGigant{
    background : url(../img/flechaSubenGigant.png) no-repeat;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border: none;
}
.flechaBajanGigant{
    background : url(../img/flechaBajanGigant.png) no-repeat;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border: none;
}
.flechaMantGigant{
    background : url(../img/flechaMantGigant.png) no-repeat;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border: none;
}
/* Títulos y Caja de Datos */
.tit{
	border : 1px solid #9da7a7;
	padding : 2px;
	white-space : nowrap;
	background-color : #d8dbdd;
	font-weight : bold;
	text-align : left
}

/* Footer */
.ifb-box10-pie{
    line-height:27px;
}
.ifb-box10_datoPie{
    color: #9da7a7;
    font-family: "Opensans",verdana;
    font-size: 0.7em;
    text-align: right;
}
.ifb-box10_datoPie a{
    color: #9da7a7;
    font-family: "Opensans",verdana;
}
.ifb-box10_datoPie a:hover{
    text-decoration : none;
}
#foot{
	clear : both;
	float : left;
	width : 100%;
	border-top : 2px solid #9da7a7;
	padding : 0 0 30px 0
}
.ftLeft{
    margin: 10px 0 10px 10px;
	white-space : nowrap;
	font-size : 0.7em;
	text-align : left;
	overflow : hidden;
    color: #9ca6a7;
}
.ftCenter{
	padding : 4px 0 0 0;
	width : 33%;
	margin : 0 auto;
	text-align : center;
	overflow : hidden
}
.pagedisplay{
	width : 12%;
	padding : 0;
	border : 0;
	white-space : nowrap;
	color : #9ca6a7;
	background : transparent;
	font-weight : bold;
	font-size : 0.8em;
	text-align : center;
	vertical-align : top
}
.ftRight{
    margin: 10px 10px 10px 0;
    width: 33%;
    text-align: right;
    overflow: hidden
}
.ftRight a{
	white-space: nowrap;
	color: #9ca6a7;
	font-size: 0.7em;
    font-weight: normal !important;
}