/**
 * General CSS
 */
 
 /* Josefine */
@font-face {
    font-family: 'JosefinSans-Regular';
    src: local('GillSans-Light'), url('/WebBesocks/Fonts/JosefinSans-Regular.eot');
    src: local('GillSans-Light'), url('/WebBesocks/Fonts/JosefinSans-Regular.eot?#iefix') format('embedded-opentype'),
         local('GillSans-Light'), url('/WebBesocks/Fonts/JosefinSans-Regular.woff') format('woff'),
         local('GillSans-Light'), url('/WebBesocks/Fonts/JosefinSans-Regular.ttf') format('truetype'),
         local('GillSans-Light'), url('/WebBesocks/Fonts/JosefinSans-Regular.svg#JosefinSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JosefinSans-Light';
    src: local('GillSans-Light'), url('/WebBesocks/Fonts/JosefinSans-Light.eot');
    src: local('GillSans-Light'), url('/WebBesocks/Fonts/JosefinSans-Light.eot?#iefix') format('embedded-opentype'),
         local('GillSans-Light'), url('/WebBesocks/Fonts/JosefinSans-Light.woff') format('woff'),
         local('GillSans-Light'), url('/WebBesocks/Fonts/JosefinSans-Light.ttf') format('truetype'),
         local('GillSans-Light'), url('/WebBesocks/Fonts/JosefinSans-Light.svg#JosefinSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FIN Josefine */
 
 
 /* GillSans */
 @font-face {
  font-family: 'GillSans-Light';
    src: local('GillSans-Light'), url('/WebBesocks/Fonts/GillSans-Light.eot');
    src: local('GillSans-Light'), url('/WebBesocks/Fonts/GillSans-Light.eot?#iefix') format('embedded-opentype'),
         local('GillSans-Light'), url('/WebBesocks/Fonts/GillSans-Light.woff') format('woff'),
         local('GillSans-Light'), url('/WebBesocks/Fonts/GillSans-Light.ttf') format('truetype'),
         local('GillSans-Light'), url('/WebBesocks/Fonts/GillSans-Light.svg#GillSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

 @font-face {
  font-family: 'GillSans-Bold';
  src: local('GillSans-Bold'), url('/WebBesocks/Fonts/GillSans-Bold.eot');
    src: local('GillSans-Bold'), url('/WebBesocks/Fonts/GillSans-Bold.eot?#iefix') format('embedded-opentype'),
         local('GillSans-Bold'), url('/WebBesocks/Fonts/GillSans-Bold.woff') format('woff'),
         local('GillSans-Bold'), url('/WebBesocks/Fonts/GillSans-Bold.ttf') format('truetype'),
         local('GillSans-Bold'), url('/WebBesocks/Fonts/GillSans-Bold.svg#GillSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* FIN GillSans */
 
 /* Lato */
 @font-face {
  font-family: 'JosefinSans-Light';
  src: local('JosefinSans-Light'), url(/WebBesocks/Fonts/JosefinSans-Light.ttf) format('truetype');
}

 @font-face {
  font-family: 'JosefinSans-Light';
  src: local('JosefinSans-Light'), url(/WebBesocks/Fonts/JosefinSans-Light.ttf) format('truetype');
}
 
 @font-face {
  font-family: 'JosefinSans-Light';
  src: local('JosefinSans-Light'), url(/WebBesocks/Fonts/JosefinSans-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'JosefinSans-Light';
  src: local('JosefinSans-Light'), url(/WebBesocks/Fonts/JosefinSans-Light.ttf) format('truetype');
}
/* FIN LATO */

 
 @font-face {
  font-family: 'JosefinSans-Light';
  src: local('JosefinSans-Light'), url(/WebBesocks/Fonts/JosefinSans-Light.otf) format('opentype');
}

 @font-face {
  font-family: 'JosefinSans-Light';
  src: local('JosefinSans-Light'), url(/WebBesocks/Fonts/JosefinSans-Light.otf) format('opentype');
}
 
 @font-face {
  font-family: 'JosefinSans-Light';
  src: local('JosefinSans-Light'), url(/WebBesocks/Fonts/JosefinSans-Light.otf) format('opentype');
}

@font-face {
  font-family: 'JosefinSans-Light';
  src: local('JosefinSans-Light'), url(/WebBesocks/Fonts/JosefinSans-Light.OTF) format('opentype');
}

@font-face {
  font-family: 'JosefinSans-Light';
  src: local('JosefinSans-Light'), url(/WebBesocks/Fonts/JosefinSans-Light.OTF) format('truetype');
}

@font-face {
  font-family: 'JosefinSans-Light';
  src: local('JosefinSans-Light'), url(/WebBesocks/Fonts/JosefinSans-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'JosefinSans-Light';
  src: local('JosefinSans-Light'), url(/WebBesocks/Fonts/JosefinSans-Light.ttf) format('truetype');
}
 
@font-face {
	font-family: 'icomoon';
	src:url('/WebBesocks/Fonts/icomoon.eot?flfrbs');
	src:url('/WebBesocks/Fonts/icomoon.eot?flfrbs#iefix') format('embedded-opentype'),
		url('/WebBesocks/Fonts/icomoon.ttf?flfrbs') format('truetype'),
		url('/WebBesocks/Fonts/icomoon.woff?flfrbs') format('woff'),
		url('/WebBesocks/Fonts/icomoon.svg?flfrbs#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
	content: "\e900";
}
 
 .colorFondo
 {
     background-color: #000000;
 }
 
 body{ 
 	/*background: url(/images/body_bg.gif) repeat;*/
 	/* background-color: #bcda3a; */
 	background-color: #ffffff;
 	color: #00000;
    font-family: JosefinSans-Light, Verdana;
    text-align: justify;
    font-size: 14px;
 }

 /* Elementos de la cabecera */
 .cabecera h2{
	position: relative;
	width: 655px;
	height: 88px;
	font-size: 1.66em;
	padding-top: 40px;
	padding-left: 15px;
	background-image: url(/images/cabecera_bg.jpg);
 }
 .cabecera p{padding: 8px 0;}
 .cabecera-dec p{ 
 	background-color: #08266e;
 	padding: 7px 0; 
 }
 .miga_pan{ padding-left: 5px; }
 .miga_pan a{
	color: #FFF;
 	background-color: #08266e;
 	text-decoration: underline;
 }
 .miga_pan a:hover{
 	text-decoration: none;
 }
 .columna-izq{ width: 230px;}
 /* Elementos del contenedor y contenido */
 .contenido{ 
 	padding-left: 20px;
 	padding-top: 30px;
 	margin-left: 0px;
 	/*margin-left: 20px;*/
 	margin-top: 10px;
 	width: 665px;
 	height: 480px;
 	border-top: 1px solid #08266e;
 	border-left: 1px solid #08266e;
 	border-bottom: 1px solid #08266e;
 	overflow: auto;
 	position: relative;
 }
 .novedades{
 	margin-right: 4px;
 	margin-top: 10px;
	float: right;	
	width: 200px;
	text-align: center;
 }
 novedades li{
	margin-bottom: 10px;	
 }

 
 
 p.detalles{
	padding-top: 5px;
	font-size: 1.333em;
	text-decoration: underline;
	background: url(/images/flecha.gif) no-repeat 70px 7px;
 }
 

 .inicio{ padding-bottom: 150px; }
 
 
  
 .conBordeBTM{
	padding: 7px 0;
	background: url(/images/linea_btm.gif) no-repeat left bottom;
 }
 
 .capaImgCli{
	position: absolute;
	top: 0;
	right: 0;
	width: 355px;
	height: 177px;
	background: url(/images/bg_clientes.jpg) no-repeat;
 }
 
error{
	color: #f22830;
}
.notice{
	color: #30cf1d;
}
.borderNormal{
	border-bottom: 1px dotted #08266e;
	padding-bottom: 10px;
}
/* Paginador */
div.paginador{
	clear: both;
	margin-top: 20px;
}

div.paginador a, div#paginador span{
	display: block;
	padding: 3px 6px;
	border: 1px solid #08266E;
	float: left;
	margin: 0 2px;
}
div.paginador span{
	color: #000;
}
div.paginador a{
	background: #08266E;
	color: #FFF;
}
div.paginador a:hover{
	background: #24B1DC;
}
div.emob{
	position: absolute;
	width: 54px;
	height: 450px;
	top: 20px;
	left: -10px;
	background: url(/images/bg_objetivos.gif) no-repeat 10px 10px;
}
.pie{
	font-size: 0.916em;
	margin-top: 25px;
}
.pie a{
	color: #08266e;
}
.pie p{
	position: relative;
	width: 315px;
	margin: 0 auto;
	border-top: 1px solid #08266e;
}
.contenido{ padding-top: 0; padding-left: 0; padding-right: 15px; padding-bottom: 23px; width: 670px; }


/*
a:link
{
    font-family: Arial;
    font-size: 11px;
    color: #08266e;
}

a:hover
{
    font-family: Arial;
    font-size: 11px;
    color: #08266e;
}

a:visited
{
    font-family: Arial;
    font-size: 11px;
    color: #08266e;
}

a:active
{
    font-family: Arial;
    font-size: 11px;
    color: #08266e;
}
*/

input[type=radio] {
    display:none; 
}
 
input[type=radio] + label {
    display:inline-block;
   width: 45px;
   height: 40px;
    word-wrap: break-word;
}

input[type=radio]:checked + label { 
   background-image: none;
   border: 2px solid #000000;
   border-spacing: 5px;
   width: 45px;
   height: 40px;
    word-wrap: break-word;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px; 
    margin-bottom: 0px;
}