@font-face {
    font-family: 'Formata';
    src: url('../webfonts/formata-webfont.eot');
    src: url('../webfonts/formata-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/formata-webfont.woff') format('woff'),
         url('../webfonts/formata-webfont.ttf') format('truetype'),
         url('../webfonts/formata-webfont.svg#FormataCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body {
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:1;
	color:#555;	
}

strong, b {
	font-weight:bold;	
}

i, em { font-style:italic; }

.clear {
	clear: both !important;
	width:100% !important;
	height: 0 !important;	
	line-height: 0 !important;
	padding:0 !important;
	margin:0 !important;
}

p {margin:10px 0px 10px 0px;}

/*p { margin:20px 0px 0px 0px;	padding:0; }*/

form { margin:0; padding:0 }

body {
  background:#f5f5f5;   
  padding: 0;
  margin: 0;  
}

img {
	max-width:100% !important;
}

#cabecera {
	width: 100%;
	height:319px;
	background-color: #f5f5f5;	
	background-repeat:no-repeat;
	background-position: top center;
	background-size: contain;
}

#cabecera-content {
	width: 1000px;
	margin: 0 auto;
}

#cabecera-content h1 {	
	background: url(../img/layout/logo.png) no-repeat top left;
	width:313px;
	height:142px;
	text-indent: -9000%;	
	margin:30px 0px 0px 0px;	
}

#menusup {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	text-align:right;	
}

#menusup li {	
	margin:0px 5px 0px 5px;	
	padding:0px 0px 0px 0px;
	display:inline-block;	
	*display: inline;
	zoom:1;		
	color: #fff;
}

#menusup li a {
	color: #fff;
	font-size: 12px;
	font-family: 'Formata';
	text-decoration:none;	
}
#menusup li a:hover {
	text-decoration:underline;
}

#menusup li.activo a {
	color: #ccc;
	text-decoration:none !important;	
	cursor:default;
}

#menu {	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 200px;
	list-style:none;
	position:relative;
	z-index:10;	
}

#menu li {		
	display:inline-block;
	*display:inline;
	zoom:1;
	margin: 0px 5px 0px 5px;
}

#menu a {		
	display:table-cell; 
	vertical-align:middle;
	width: 170px;
	height: 35px;
	background: url(../img/layout/pix-negro-trans50.png) repeat;
	color: #fff;	
	font-size: 16px;
	font-family: 'Formata', Arial, sans-serif;				
	text-transform:uppercase;
	text-decoration:none;	
	text-align:center;
	cursor: default;
}

#menu li.home a{
	width: 40px !important;
	cursor:pointer;
}	

#menu li.buscar a{
	width: 40px !important;
	background: none;
	cursor:pointer;
}

#menu li.menu-1 a:hover, #menu li.menu-1.activo a, #menu li.menu-1:hover a {	background: #FF6633; }
#menu li.menu-2 a:hover, #menu li.menu-2.activo a, #menu li.menu-2:hover a  {	background: #29ABE2; }
#menu li.menu-3 a:hover, #menu li.menu-3.activo a, #menu li.menu-3:hover a  {	background: #66CC33; }


#menu div.submenu {
	display: none;
	position:absolute;	
	min-width: 140px;
	margin: 0px 0px 0px 0px;	
	padding: 10px 0px 10px 10px;
	*padding-top:35px;
	*margin-left:-130px;		
}

#menu div.submenu-content {
	background: url(../img/layout/pix-gris-trans70.png) repeat;	
	padding: 10px 10px 5px 10px;
	border:1px solid #ccc;
	border-bottom: none !important;
	border-radius: 8px;
	border-bottom-left-radius: 0;
}
#menu div.submenu-bocadillo {
	background: url(../img/layout/menu-bocadillo.png) no-repeat top left;
	height:15px;
	margin-top:-2px;
	width: 100%;
}

#menu li:hover div.submenu {
	display: block;	
}

#menu ul.submenu {
	float: left;	
}

#menu ul.submenu.bordederecho {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px dotted #ccc;
}

#menu ul.submenu li{
	display:block;
	margin: 3px 3px 3px 3px;	
}

#menu ul.submenu li a {				
	width: auto;	
	height:20px !important;	
	text-align:left;	
	background: none !important;
	color: #000;	
	font-size: 13px;
	font-family: 'Formata', Arial, sans-serif;				
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;	
	padding:0px 3px 0px 3px;
}

#menu ul.submenu li a:hover {	
	background: #fff !important;
	border-radius:3px;	
}

#menu li.menu-1 ul.submenu li a:hover {	color: #FF6633; }
#menu li.menu-2 ul.submenu li a:hover {	color: #29ABE2; }
#menu li.menu-3 ul.submenu li a:hover {	color: #66CC33; }

#menubuscar img {
	position:relative;
	z-index:10;	
}

#txtbuscar {
	display:none;
	width: 150px;	
	position:absolute;
	border:none;
	background:url(../img/layout/pix-negro-trans50.png);
	border-radius: 20px;
	color:#fff;
	font-size:11px;
	line-height:1;
	font-family: Verdana, Geneva, sans-serif;
	padding:8px 10px 8px 30px;
	margin:0px 0px 0px -25px;
	z-index:2;
}



#page{	
	margin: 0px auto 0px auto;
	max-width: 1140px;	
	background-color: #eaeaea;	
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
}


#pie {
	width: 100%;	
	background-color: #808080;		
}

#pie-content {	
	padding: 20px 60px;
}

.menupie {
	padding: 0;	
}

.menupie li {
	text-transform:uppercase;
}

.menupie li span {
	color: #fff;
	font-family: 'Formata', Arial, Helvetica, sans-serif;	
	font-size: 14px;	
}

.menupie ul.submenu li{	
	margin: 10px 0px 0px 0px;
}

.menupie ul.submenu li a{
	color: #ccc;
	font-family: 'Formata', Arial, Helvetica, sans-serif;	
	font-size: 12px;
	text-decoration:none;
	text-transform:uppercase;
}
.menupie ul.submenu li a:hover{
	text-decoration:underline;
}

#contenidos {
	margin: -92px auto 30px auto;
	max-width: 980px;
	border: 5px solid #fff;
	background-color: #eaeaea;	
	min-height: 300px;
	box-shadow: 1px 0px 5px 5px rgba(150,150,150,0.3);
	position:relative;
	z-index:20;
	line-height:1.4;
	padding: 0 15px;
}

#contenidos-content2 {
	float: left;
	width: 600px;
	margin:10px 0px 0px 20px;
}

#contenidos-content.col-md-12 {
	/*padding: 0 15px;*/
}

#contenidos-modulos2 {
	float: right;
	width: 310px;
	margin:-30px 20px 0px 0px;
	text-align:left;
}

#contenidos h2.titulo {
	font-family: 'Formata', Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform:uppercase;
	min-width:310px;
	display:inline-block;
	line-height:1px;		
	border-radius: 0px 0px 10px 0px;	
	box-shadow: 3px 4px 5px 0px #ccc;
	margin: 0px 0px 0px 0px;
	padding: 17px 15px 18px 15px;
	color: #B2BDC6;
	background: #fff;
	float: left;	
}

.color-seccion-2 {	color: #FF6633 !important; }
.color-seccion-3 {	color: #29ABE2 !important; }
.color-seccion-4 {	color: #66CC33 !important; }

.fondo-seccion-2 {	background: #FF6633 !important; }
.fondo-seccion-3 {	background: #29ABE2 !important; }
.fondo-seccion-4 {	background: #66CC33 !important; }




#contenidos iframe.youtube-player {
	display:block;
	margin:5px 0px 5px 0px;
	padding:3px;
	border: 1px solid #ccc;	
}

#contenidos .audio-player {
	padding:3px; 
	border:1px solid #ccc;	
	width: 600px;
	height: 35px;
}

#contenidos .articulos-paginador {
	margin:30px 0 8px 0;	
	padding:10px 10px 10px 10px;
	border:1px solid #ccc;
	border-radius: 10px;
	background-color: #f5f5f5;		
	text-align:center;
	color:#ccc;	
}
#contenidos .articulos-paginador span.info {
	margin-right:20px;
	color: #666;
}

#contenidos .articulos-paginador a, #contenidos .articulos-paginador span.activo {
    border: 1px solid #ccc;
    color: #333333;
    padding: 3px 8px 3px 8px;
    text-decoration: none;
	background-color:#ccc;
	color:#fff;
	margin:0px 0px 0px 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
#contenidos .articulos-paginador span.activo {
   border: 1px solid #ccc;   
   background-color: #fff;
   color: #333;
}

#contenidos .articulos-paginador a:hover {
	text-decoration:underline;
	border: 1px solid #fff;   
}	

#contenidos .resultados {
	margin:20px 0px 20px 0px;
	border-bottom:1px solid #ccc;
	font-size: 18px;
	font-weight: normal;
}

#contenidos .articulos-item {
	margin:20px 0px 20px 0px;
	border-bottom:2px solid #ccc;
	padding:0px 0px 10px 0px;	
}

#contenidos .articulos-item.completo {
	margin:0px 0px 20px 0px;	
	padding:0px 0px 10px 0px;	
	border: none;
}

#contenidos .articulos-item img.img-listarticulo {
	margin: 0px 15px 5px 0px;
	border: 5px solid #fff;
	box-shadow: 3px 4px 5px 0px #ccc;
	max-width:200px; 
	max-height:300px;
	float: left;
}

#contenidos .articulos-item img.img-articulo {
	margin: 10px 0px 10px 0px;
	border: 5px solid #fff;
	box-shadow: 3px 4px 5px 0px #ccc;
	max-width:590px; 
	max-height:400px;	
}

#contenidos a.articulo-titulo, div.articulo-titulo {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
    font-size: 20px;
    line-height: 1.2;
    margin: 10px 0px 0px 0px;
	text-decoration:none;
}
#contenidos a.articulo-titulo:hover{ text-decoration:underline;}
div.articulo-titulo {font-size:24px;}

#contenidos .articulos-item .encabezado {
	font: normal 14px Arial, Helvetica, sans-serif;	
	line-height:1.4;
}

#contenidos .articulos-item .fecha {	
	font-size: 13px;
    font-weight: bold;
	color: #999;	
    margin: 5px 0px 5px 0px;
	
}

#contenidos .articulos-item .ico-fecha {
	display:table-cell;
	vertical-align:middle;	
	height:30px;
	padding: 0px 0px 0px 35px;
	margin: 10px 0px 10px 0px;	
	background:url(../img/layout/ico-fecha.png) no-repeat top left;
	
}

/********************************************************************/
a.link-mas {
	display:inline-block;
	*display:inline;
	zoom: 1;
	width:18px;
	height: 19px;
	background: url(../img/layout/ico-cuadricula.png) no-repeat;
	text-indent: -9000%;	
}

.link-pdf {
	display:inline-block;	
	
	height: 19px;
	background: url(../img/layout/ico-cuadricula.png) no-repeat;	
}

.bannerBKP {
	margin: 0px 0px 20px 0px;
	border: 5px solid #fff;
	box-shadow: 3px 4px 5px 0px #ccc;	
}

.banner-etiquetaBKP, .banner-etiquetaBKP a {
	display:block;
	position:absolute; 
	margin:-46px 0px 0px 5px;
	padding: 5px 5px 5px 5px;
	background: #29ABE2;
	color:#fff;
	font-size:11px;
	line-height:1;
	font-family:Verdana, Geneva, sans-serif;	
	border-radius: 0px 5px 0px 0px;
	text-decoration:none;
}

a.banner {
	display:block;	
	margin: 0px 0px 20px 0px;
	border: 5px solid #fff;
	color:#fff;
	box-shadow: 3px 4px 5px 0px #ccc;
	text-decoration:none;
	position:relative;
}

a.banner img {
	width: 100%;
}

a.banner span {
	display:block;
	width: 100%;
	padding: 5px;
	background: rgba(0,0,0,0.3);
	color:#fff;
	font-size:11px;
	line-height:1;
	font-family:Verdana, Geneva, sans-serif;	
	border-radius: 0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
	position:absolute;
	bottom:0;
}

.banner-etiqueta {
	display:inline-block;
	* display:inline;
	zoom:1;
	margin:0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background: #29ABE2;
	color:#fff;
	font-size:11px;
	line-height:1;
	font-family:Verdana, Geneva, sans-serif;	
	border-radius: 0px 5px 0px 0px;
	text-decoration:none;
}


.bloque.gris {
	background: #d7d7d7;
	padding: 10px 15px 10px 15px;
	margin:0px 0px 20px 0px;	
}

.bloque.continuo {	
	border-bottom: 2px solid #b8b8b8;
	margin:0px 0px 0px 0px;	
}

.bloque.gris .titulo {
	font-family: 'Formata', Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform:uppercase;
	min-width:110px;
	display:inline-block;
	line-height:1px;		
	border-radius: 0px 0px 10px 0px;	
	box-shadow: 3px 4px 5px 0px #ccc;
	margin: -10px 0px 0px -15px;
	padding: 17px 15px 18px 15px;
	color: #B2BDC6;
	background: #fff;	
}

/***************************************************************************/

.youtubecontainer {
	/*border: 1px solid #ddd;
	border-radius:2px;
	padding: 3px;	*/
	margin-top: 10px;
}
.youtubewrapper {   
	position: relative;
	width: 100%;
	height: 0;
	padding: 25px 0 56.25% 0;		
}

.youtubewrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/************************ GALERIAS ***************************************/
.galleria{
	width: 100%;
	height: 400px;
}

.galeria {
	margin: 15px auto 15px auto;
	background: #D7D7D7;
	border-radius:10px;	
	padding: 10px 10px 10px 10px;
	width: 100%;
	max-width:990px;
	box-shadow: 1px 1px 5px 0px #999;
}

.galleria.multiple {	width: 420px; } 
.galeria.multiple {	width: 440px; }
.galleria.multiple {height: 250px;}
.galeria.multiple {	margin: 15px 15px 15px 15px; float: left; }


.galeria h4 {
	font-size: 20px !important; 
	font-weight:normal !important;	
	font-family: 'Formata' !important;
	margin:5px 5px 10px 5px !important;
	text-transform: uppercase;
	color: #888;
	/*height: 20px;
	line-height:20px;
	overflow: hidden;*/
	/*text-shadow: 0px 0px 1px #333;*/
}

.galleria-tooltip {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-shadow: 0 0 2px #000;

	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	margin-top:-20px;
	padding:5px 8px;
}

/************************** TABS *****************************************/
.tabs {
	display:block;
	width: 310px;
	float:right;
	margin:20px 0px 0px 30px;
	
}

#tab-twitter .tweet{
	font-size:14px;	
	margin:5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #eee;
}

#tab-twitter .fecha {
	font-size:12px;
	font-style:italic;
	color: #666;
	 margin: 5px 0px 5px 0px;	
}

#tab-twitter a { color: #000; text-decoration:underline !important;}

.tab-item {
	margin:5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #eee;
}

.tab-item a {
	display:block;
	padding: 5px 5px 5px 5px;
	background: #fff;
	color: #000;
	text-decoration:none; 
	font-size:18px;
	font-weight:bold;
}
.tab-item a:hover {text-decoration:underline;}
.tab-item a.tab-item-activo  {
	/*background: #eee;
	color: #fff;*/
	text-decoration:underline; 
}

UL.tabNavigation {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom:1px solid #000;	
}

UL.tabNavigation LI {
	display: inline-block;
	*display:inline;
	zoom:1;
	margin: 0px 0px 0px -1px !important;
	padding: 0 !important;
	border: none !important;
}

UL.tabNavigation LI A {
	display: block;
	padding: 5px 0px 5px 0px;
	width: 100px;
	text-align:center;
	background-color: #ccc;
	color: #666;
	font-size:16px;
	font-weight:bold;
	border: none !important;
	text-decoration: none !important;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
	background-color: #000;
	color: #fff !important;	
}

UL.tabNavigation LI A:focus {
	outline: 0;
}

div.tabs > div {
	padding: 5px;
	margin-top: 3px;	
}
	
/***************BANNERS**********************/
#banners {margin:10px 0px 10px 0px; float:right;}
#banners img.columnas1 {margin-top:10px; border:0; width:310px;}
#banners img.columnas2 {margin:10px 10px 0px 0px; border:0; width:150px;}


/***************** ESTILOS CKEDITOR ***********************/

.Font6pt { font-size: 6pt ; }
.Font7pt { font-size: 7pt ; }
.Font8pt { font-size: 8pt ; }
.Font9pt { font-size: 9pt ; }
.Font10pt { font-size: 10pt ; }
.Font11pt { font-size: 11pt ; }
.Font12pt { font-size: 12pt ; }
.Font13pt { font-size: 13pt ; }
.Font14pt { font-size: 14pt ; }
.Font15pt { font-size: 15pt ; }
.Font16pt { font-size: 16pt ; }
.Font17pt { font-size: 17pt ; }
.Font18pt { font-size: 18pt ; }

.Indent1
{
	margin-left: 40px;
}

.Indent2
{
	margin-left: 80px;
}

.Indent3
{
	margin-left: 120px;
}

/**
 * Alignment.
 */

.JustifyLeft
{
	text-align: left;
}

.JustifyRight
{
	text-align: right;
}

.JustifyCenter
{
	text-align: center;
}

.JustifyFull
{
	text-align: justify;
}

/**
 * Other.
 */

code
{
	font-family: courier, monospace;
	background-color: #eeeeee;
	padding-left: 1px;
	padding-right: 1px;
	border: #c0c0c0 1px solid;
}

kbd
{
	padding: 0px 1px 0px 1px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
}