/* FONTS */
@font-face {
    font-family: 'FelbridgeStd-Light';
    src: url('../fonts/felbridge-light/felbridgestd-light.eot');
    src: url('../fonts/felbridge-light/felbridgestd-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/felbridge-light/felbridgestd-light.woff') format('woff'),
         url('../fonts/felbridge-light/felbridgestd-light.ttf') format('truetype'),
         url('../fonts/felbridge-light/felbridgestd-light.svg#felbridgestd-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FelbridgeStd';
    src: url('../fonts/felbridgestd/felbridgestd.eot');
    src: url('../fonts/felbridgestd/felbridgestd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/felbridgestd/felbridgestd.woff') format('woff'),
         url('../fonts/felbridgestd/felbridgestd.ttf') format('truetype'),
         url('../fonts/felbridgestd/felbridgestd.svg#felbridgestd') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**
 * 	GLOBAL
 * 	Font-sizes with rem by http://snook.ca/archives/html_and_css/font-size-with-rem 
 */

html { font-size: 62.5%; } 
body, p { 
	font-family:"FelbridgeStd-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px; font-size: 1.8rem; 
	line-height: 1.2em;
} 
body {
	background: url("../img/fondo.png") repeat scroll 0 0 transparent;
	/* color: #656263; */
	color: #444444; 	
}
/** 
 * TIPOGRAPHY
 * Inspired on http://joomlafuture.com by @nternetinspired 
 **/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'FelbridgeStd-Light';
	margin: 0;
  	text-rendering: optimizelegibility;
	font-weight:400;
}
h1 {
  margin-bottom: 0.75em;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.2;
}
h2 {
  margin-bottom: 0.45em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
}
h3 {
  margin-bottom: 0.45em;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.3;
}
h4{
  margin-bottom: 1.5em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.25;
}
h5 {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1.5em;
}
h6 {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
li { line-height: 1.5; }
/* border radius */
.radius5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.radius10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.radius15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
/* textalign */
.textright { text-align: right; }
.textcenter { text-align: center; }
.textleft { text-align: left; }
/* corporative boxes */
.boxcorp { 
	border: 0; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	padding: 10px;
}
.boxcorp.grey {
	background: #E8E8E8;
	box-shadow: 0 1px 1px #ffffff inset;
	border: 1px solid #CCCCCC;
}

.boxcorp.green {
	background: #78ca2a;
	background: -moz-linear-gradient(top,  #78ca2a 0%, #63a723 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78ca2a), color-stop(100%,#63a723));
	background: -webkit-linear-gradient(top,  #78ca2a 0%,#63a723 100%);
	background: -o-linear-gradient(top,  #78ca2a 0%,#63a723 100%);
	background: -ms-linear-gradient(top,  #78ca2a 0%,#63a723 100%);
	background: linear-gradient(top,  #78ca2a 0%,#63a723 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78ca2a', endColorstr='#63a723',GradientType=0 );
	box-shadow: 0 1px 1px #C9EDA8 inset;
	border: 1px solid #78ca2a;
}
.boxcorp.blue {
	background: #3770b3;
	background: -moz-linear-gradient(top,  #3770b3 0%, #2e5d93 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3770b3), color-stop(100%,#2e5d93));
	background: -webkit-linear-gradient(top,  #3770b3 0%,#2e5d93 100%);
	background: -o-linear-gradient(top,  #3770b3 0%,#2e5d93 100%);
	background: -ms-linear-gradient(top,  #3770b3 0%,#2e5d93 100%);
	background: linear-gradient(top,  #3770b3 0%,#2e5d93 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3770b3', endColorstr='#2e5d93',GradientType=0 );
	box-shadow: 0 1px 1px #A0BEE1 inset; 
	border: 1px solid #3770b3;
}

.boxcorp.pink {
	background: #e9339e;
	background: -moz-linear-gradient(top,  #e9339e 0%, #c7107c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9339e), color-stop(100%,#c7107c));
	background: -webkit-linear-gradient(top,  #e9339e 0%,#c7107c 100%);
	background: -o-linear-gradient(top,  #e9339e 0%,#c7107c 100%);
	background: -ms-linear-gradient(top,  #e9339e 0%,#c7107c 100%);
	background: linear-gradient(top,  #e9339e 0%,#c7107c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9339e', endColorstr='#c7107c',GradientType=0 );
	box-shadow: 0 1px 1px #F8A7D6 inset; 
	border: 1px solid #e9339e;
	
}
.boxcorp.blanca {
	background: #FFFFFF;
	border: 1px solid #E5E5E5;  
}
.boxcorp.white {
	border-right: 1px dashed #f0f0f0;
}
.boxcorp.white h2, .boxcorp.white h3 {
	font-family: 'FelbridgeStd';
}
.boxcorp.green, .boxcorp.blue, .boxcorp.pink { color: #FFFFFF; }
.boxcorp.green h2, .boxcorp.green h3,
.boxcorp.blue h2, .boxcorp.blue h3,
.boxcorp.pink h2, .boxcorp.pink h3 {
	color: #FFFFFF;
	margin-bottom: 10px;
}
.boxcorp.blue, .boxcorp.blue, .boxcorp.blue .textshadow { text-shadow:0px 2px 2px #333333; }
.boxcorp.pink, .boxcorp.pink { text-shadow:0px 2px 2px #555555; }
.boxcorp.green , .boxcorp.green { text-shadow:0px 2px 2px #555555; }
.boxcorp.grey, .boxcorp.grey { text-shadow:0px 2px 2px #AAAAAA; }

.boxcorp.green a, .boxcorp.blue a, .boxcorp.pink a { color: #FFFFCC; font-weight: bold; }
.boxcorp.green a.btn, .boxcorp.blue a.btn, .boxcorp.pink a.btn { color: #FFFFFF; }
.boxcorp li { line-height: 22px; }

.promoheader { text-align: center;  }
.promoheader img {
/*  border: 4px solid #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 5px #999999;
  line-height: 0;
  padding: 0;*/
}
.promotext {  }
.promotext a.btn { }

/* square boxes */
.box100 { width: 100px; min-height: 100px; height:auto !important; height: 100px; }
.box125 { width: 125px; min-height: 125px; height:auto !important; height: 125px; }
.box150 { width: 150px; min-height: 150px; height:auto !important; height: 150px; }
/* floats */
.floatleft { float: left; }
.floatright { float: right; }
.clearboth { clear: both; }

.marginauto { margin: auto; }
/* margins 5px */
.margin5 { margin: 5px; }
.margintop5 { margin-top: 5px; }
.marginright5 { margin-right: 5px; }
.marginbottom5 { margin-bottom: 5px; }
.marginleft5 { margin-left: 5px; }
.marginsides5 { margin-left: 5px; margin-right: 5px; }
.marginupdown5 { margin-top: 5px; margin-bottom: 5px; }
/* margins 10px */
.margin10 { margin: 10px; }
.margintop10 { margin-top: 10px; }
.marginright10 { margin-right: 10px; }
.marginbottom10 { margin-bottom: 10px; }
.marginleft10 { margin-left: 10px; }
.marginsides10 { margin-left: 10px; margin-right: 10px; }
.marginupdown10 { margin-top: 10px; margin-bottom: 10px; }
/* margins 15px */
.margin15 { margin: 15px; }
.margintop15 { margin-top: 15px; }
.marginright15 { margin-right: 15px; }
.marginbottom15 { margin-bottom: 15px; }
.marginleft15 { margin-left: 15px; }
.marginsides15 { margin-left: 15px; margin-right: 15px; }
.marginupdown15 { margin-top: 15px; margin-bottom: 15px; }
/* margins 20px */
.margin20 { margin: 20px; }
.margintop20 { margin-top: 20px; }
.marginright20 { margin-right: 20px; }
.marginbottom20 { margin-bottom: 20px; }
.marginleft20 { margin-left: 20px; }
.marginsides20 { margin-left: 20px; margin-right: 20px; }
.marginupdown20 { margin-top: 20px; margin-bottom: 20px; }
/* margins 25px */
.margin25 { margin: 25px; }
.margintop25 { margin-top: 25px; }
.marginright25 { margin-right: 25px; }
.marginbottom25 { margin-bottom: 25px; }
.marginleft25 { margin-left: 25px; }
.marginsides25 { margin-left: 25px; margin-right: 25px; }
.marginupdown25 { margin-top: 25px; margin-bottom: 25px; }
/* shadow */
.boxshadow {
	-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.5);
	box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.5);
}
.textshadow { text-shadow:0px 2px 2px #666; }
/* paddings */
.padding5 { padding: 5px; }
.paddingsides5 { padding-left: 5px; padding-right: 5px; }
.padding10 { padding: 10px; }
.paddingsides10 { padding-left: 10px; padding-right: 10px; }
.padding15 { padding: 15px; }
.paddingsides15 { padding-left: 15px; padding-right: 15px; }
.padding20 { padding: 20px; }
.paddingsides20 { padding-left: 20px; padding-right: 20px; }
.padding25 { padding: 25px; }
.paddingsides25 { padding-left: 25px; padding-right: 25px; }

/* título con fondo gris */
.titulobggris {
  background-color: #454545;
  border-radius: 10px 10px 10px 10px;
  color: #FFFFFF;
  margin: 10px 0 15px;
  padding: 5px 10px 2px;
  text-shadow: 0 2px 2px #111111;
  font-family: 'FelbridgeStd-Light';
}
.titulobgazul {
  background-color: #2E5D93;
  border-radius: 10px 10px 10px 10px;
  color: #FFFFFF;
  margin: 10px 0 15px;
  padding: 5px 10px 2px;
  text-shadow: 0 2px 2px #111111;
  font-family: 'FelbridgeStd-Light';
}
.titulobgverde {
  background-color: #63A723;
  border-radius: 10px 10px 10px 10px;
  color: #FFFFFF;
  margin: 10px 0 15px;
  padding: 5px 10px 2px;
  text-shadow: 0 2px 2px #111111;
  font-family: 'FelbridgeStd-Light';
}
.titulobgrosa {
  background-color: #C7107C;
  border-radius: 10px 10px 10px 10px;
  color: #FFFFFF;
  margin: 10px 0 15px;
  padding: 5px 10px 2px;
  text-shadow: 0 2px 2px #111111;
  font-family: 'FelbridgeStd-Light';
}
.titulonum { 
	background: url("../img/esferas.png") no-repeat scroll 0 0 transparent; 
	display: block;
	padding-left: 40px;
	background-position:2px -4px;
	line-height: 1.3em;
}
.titulonum.uno { background-position:2px -4px; }
.titulonum.dos { background-position:2px -42px; }
.titulonum.tres { background-position:2px -80px; }
.titulonum.cuatro { background-position:2px -118px; }
.titulonum.cinco { background-position:2px -156px; }
.titulonum.seis { background-position:2px -194px; }
.titulonum.siete { background-position:2px -232px; }
.titulonum.ocho { background-position:2px -270px; }
.titulonum.nueve { background-position:2px -308px; }
.tituloh2white { 
	background: url("../img/logoblanco_h2.png") no-repeat scroll 0 0 transparent; 
	display: block;
	padding-left: 40px;
}

.circle {  
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  width: 25px;
  height: 25px;
  padding: 0px 3px 3px;
  background: #fff;
  border: 1px solid #666;
  color: #666;
  text-align: center;
  font-size: 100%; 
  font: 25px Arial, sans-serif;
  font-weight: bold;
  float: left; 
  margin-right: 5px; 
  margin-top: -5px; 
}
.circle.blue { background-color: #3770B3; color: #ffffff; border: 2px solid #2E5D93; }
.circle.pink { background-color: #E9339E; color: #ffffff; border: 2px solid #C7107C; }
.circle.green { background-color: #78CA2A; color: #ffffff; border: 2px solid #63A723; }

span.jb_yellowdisc {
  background: url("/plugins/system/jbtype/images/discs/yellow.png") no-repeat scroll left top transparent;
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 1.4em;
  height: 40px;
  margin-right: 10px;
  padding-top: 9px;
  text-align: center;
  width: 40px;
}

/* font sizes */
.fontsize16 { font-size: 16px; font-size: 1.6rem; }
.fontsize17 { font-size: 17px; font-size: 1.7rem; }
.fontsize18 { font-size: 18px; font-size: 1.8rem; }
.fontsize19 { font-size: 18px; font-size: 1.9rem; }
.fontsize20 { font-size: 20px; font-size: 2.0rem; }
.fontsize26 { font-size: 26px; font-size: 2.6rem; }
.fontsize28 { font-size: 26px; font-size: 2.8rem; }
.fontsize30 { font-size: 30px; font-size: 3.0rem; }
.fontsize32 { font-size: 32px; font-size: 3.2rem; }
.fontsize35 { font-size: 32px; font-size: 3.5rem; }
.fontsize40 { font-size: 40px; font-size: 4.0rem; }
.fontsize42 { font-size: 42px; font-size: 4.2rem; }
.fontsize44 { font-size: 44px; font-size: 4.4rem; }

.fontsize80 { font-size: 80%; }
.fontsize90 { font-size: 90%; }
.fontsize100 { font-size: 100%; }
.fontsize120 { font-size: 120%; }
.fontsize140 { font-size: 140%; }
.fontsize160 { font-size: 160%; }
.fontsize180 { font-size: 180%; }
.fontsize200 { font-size: 200%; }

/* imgborde */
img.imgborde {
  border: 4px solid #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 5px #999999;
  line-height: 0;
  padding: 0;
}

.ulinline li {
	display: inline;
	margin-right: 10px; 
}