/*  
Theme Name: Xupera
Theme URI: http://www.lotura.com/
Description: Diseño que integra WordPress mu en el site de Xupera.
Version: 1
Author: Bixente Monreal
Author URI: http://www.lotura.com/

	Bixente v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* -------------------- Elementos HTML ----------------------- */

a:link, a:visited {
color: #fff;
}

.container-exterior a:link, .container-exterior a:visited {
color: #507514;
}

a:hover {
text-decoration: none;
}

a.botoia:link, a.botoia:visited {color: #000; margin: 0; color:#414D59; background:#EAED84; border:1px solid; border-color:#414D59; padding: 0 .5em 0 .5em; text-decoration: none; margin-top: 1em; width: auto; line-height: 3em; padding: .2em .4em; font-size: .8em;}

img {
	border: 0;
}

body { 
	color: #333;
	/*margin: 27px 27px 27px 0;*/
	margin: 0 27px 27px 27px;
	padding: 0;
	background: #1A1A1A url(/img/gradiente_v.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75.1%;
	line-height: 1.4em;
}

h1 {
	margin: 0;
}



h2.portada {
	color: #E1F0B9;
	margin: 0; padding: 0;
	font-weight: normal;
	font-size: 2.6em;
	padding-top: 1em;
	line-height: 1em;
	padding-left: 2%;
	border: 0;
}

h2 {
	color: #507514;
	font-size: 1.6em;
	border-top: 1px solid #507514;
	border-bottom: 1px solid #507514;
	margin-bottom: 0;
	padding:3px 0 3px 0;
	font-weight:lighter;
}

h3 {
	font-size: 1.4 em;
	line-height: 1.2 em;
	color: #000;
	font-weight: bold;
	font-style: italic;
}

h3.portada {
	background-color: #000;
	margin: 0;
	padding: .3em;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
}

h4 {
	border-bottom: 1px solid #ADAEB1;
	margin: .5em 2% .5em 2%;
	padding: 0;
	font-size: 1.3em;
}

table.tabla {
	width: 100%;
	margin: 1em auto 1em auto;
	border: 1px solid #507514;
}

td, th {
	vertical-align: center;

	padding: .2em;
	margin: 0;
}

th.columnaModificar {
	width: 105px;
}

caption {
	margin-top: 2em;
}

th {
background: #507514;
color: #fff;
}



/* ----------------------- Capas ----------------------------- */

#video_xupera {
position:absolute;
left:30%;
z-index:20;
}

#header {
	margin: 0;
	padding: 0;
	background: #1B1A1B url(/img/gradiente.jpg) repeat-y -31px 0;
	/*height: 14em;*/

}

#logo {
	padding: 15px 15px 0 0;
	margin-bottom: 12px;
	border-bottom: 1px solid #fff;
	height: 75px;
	background: #ECECEC url(/img/gradiente-inverso.jpg) repeat-y;
}

#capabuscador {
	float: right;
	width: 12em;
	text-align: right;
	color: #fff;
}

#menu-comunicacion ul {
	list-style-type: none;
	margin: 0; padding: 0;
	/*padding-top: 60px;*/
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	margin-bottom: 1.2em;

}

#menu-comunicacion ul li { display: inline; }

#menu-comunicacion ul li a {
	margin: 0;
	text-decoration: none;
	padding: 0 1em;
	color: #fff;
	border-right: 1px solid #fff;
	font-size: .95em;
}

#menu-comunicacion ul li a.primero {
	padding: 0 1em 0 0;
	border-left: 0;
}

#menu-comunicacion ul li a.actual {
color: #D1D628;
}

#menu-buscador {
	margin: 0;
	padding: 0;
	clear: both;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	height: 20px;
}

#navcontainer {
	margin: 0; padding: 0;
	float: left;
	background: #507514 url(/img/fondo-menu.gif) repeat-x 0 50%;
	vertical-align: middle;
	width: 100%;
}

#navcontainer ul{
	list-style-type: none;
	margin: 0;
	padding: .2em 0 .2em 0;
	float: left;
	width: 75%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	margin: 0;
	text-decoration: none;
	padding: 0 1.5em;
	color: #fff;
	border-right: 1px solid #BBBD9B;
	border-left: 1px solid #888982;
	font-weight: bold;
}

#navcontainer ul li a.sinbordeIzda {
	border-left: 0;
}

#navcontainer ul li a.sinbordeDcha {
	border-right: 0;
}

#navcontainer ul li a:hover {
	/*background: #DDDA3E url(/img/fondo-menu.gif) repeat-x 0 50% ;*/
}

#exterior {
	/*border-top: 2px solid #fff;
	border-left: 31px solid #fff;*/
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
}

#presentacion {
	margin-right: 10%;
}

#externalizar {
	float: left;
	display: block;
	width: 185px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #ADAEB1;
	border-left: 1px solid #ADAEB1;
	background-color: #808183;
}

#testimonios {
width: 185px;
background: #828385 url(/img/gradiente-testimonios.jpg) repeat-y;
float: right;
display: block;
color: #fff;
font-size: 1.1em;
}

#testimonios p {
	margin: 0;
}

.testimonios, .testimonios2 {
	display: block;
	padding: 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #ADAEB1;
	border-left: 1px solid #ADAEB1;
}

.testimonios2 {
background: url(/img/escuchar.jpg) no-repeat 100% 0;
padding-right: 75px;
line-height: 1em;
}

#columnaDcha #testimonios {
	margin-bottom: 2em;
}

.destacado {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: color:#414D59;
	
	
}

#externalizacion {
	width: 395px;
	float: right;
	margin: 3em;
}

#externalizar p {
	margin: 0;
	padding: 0 35px;
	color: #fff;
	font-size: 1.6em;
	line-height: normal;
}

#externalizacion a:link, #externalizacion a:visited {
	text-decoration: none;
	color: #fff;
}

#alianzas, #prensa, #empleo, #contacta {
	background: url(/img/alianzas.jpg) no-repeat 100% 0;
	height: 39px;
	margin: 0; padding: 0;
}

#prensa {
	background: url(/img/prensa.jpg) no-repeat 100% 0;
}

#empleo {
	background: url(/img/empleo.jpg) no-repeat 100% 0;
}

#contacta {
	background: url(/img/contacta.jpg) no-repeat 100% 0;
}
  
#col1o, #col2o {
	float: left;
	position: relative;
} 

#col1o {
	width: 33%;
	overflow:hidden;
	right: 33%;


} 

#col2o {
	left: 33%;	 
	width: 33% ;
	overflow: hidden;


}
 
#col3o {
	float: right;
	width: 33.93%;
	overflow: hidden;

}

body>#col3o {
	width: 33.93%;
}

#col1, #col3{
	padding: 0;

}


#col3 {
	border-width: 0 0 1px 1px;
}


#footer, #pie {
	clear: both;
	position: relative;
	text-align: center;
	font-size: .9em;
	padding:1px 0px; 
	line-height:1.1;
	color: #fff;
}



#footer a:link, #footer a:visited {
	color: #fff;
}

#footer p {
	margin: 1em;
}


#skip {
	text-indent: -20em;
	position:absolute;
}


/*---------------- Formulario de commentform -------------------------*/

form#commentform br, form.portada br, form#buscador br {
	clear: both;
}

form#commentform {width: 100%; padding:0; margin: .7em auto .5em auto; font-size:.9em;  border-top: 1px solid #507514; border-bottom: 1px solid #507514; padding-bottom: .5em;}
form#commentform p {text-align:left; padding:15px 5px 5px 0; margin:0;}

form#commentform fieldset {width: 100%; border: 0; padding: 0 5px 5px 10px; line-height:1.2em; margin-top: 0; margin-bottom: 1em;}


form#commentform legend {font-weight:bold; font-size: 1.1em; padding-top: .5em; margin: 0; line-height: 2em; color: #333; }


form#commentform label {clear:left; display:block; float:left; width:35%; text-align:right; padding-right:1%; margin-bottom:0.5em; }

form#commentform input {border:1px solid #507514; padding:0; margin-bottom:0.5em; width:60%; background:#fff; color: #507514;}

form#commentform select {margin:0 0 1em 0; border:1px solid #507514; color: #507514;}
form#commentform textarea { width:60%; height:8em; border:1px solid #fff; padding:0.2em; overflow:auto; background:#fff; border:1px solid #507514; color: #507514;}


form#commentform input.radio, form#commentform input.checkbox {width: 30px; float:left; margin: 0; padding: 0; text-align: left;  border: 0 solid; background-color: #fff; margin-bottom:0.5em;}


form#commentform label.radio, form#commentform label.checkbox, form#commentform label.select {
	clear: none; width: auto; float: left; text-align: right; font-weight: normal;
}

form#commentform p.checkbox, form#commentform p.radio, form#commentform p.select {padding: 0; margin: 0; display:block; float:left; width: 35%; text-align:right; padding-right:5px; margin-bottom:0.5em;}

form#commentform input.botoia {color:#414D59; cursor:pointer; width:auto; background:#ECE9D8; border:1px solid; border-color: #414D59; font-size: .8em;}

/* --------------------Formulario de búsqueda y searchform -------------------*/

form#buscador, form#searchform {padding:0; font-size: 1em; margin: 0; padding: .25em 0 .2em 0;}

form#buscador label, form#searchform label {padding-right:5px; color:#fff; clear:both; display:block; float:left;}

form#buscador input, form#searchform input {border:1px solid #414d59; float:left; display:block; width: 6em; font-size: .8em; margin-right: .5em;}

form#searchform input {width: 12.5em;}

form#buscador input.botoia, form#searchform input.botoia {color:#414D59; cursor:pointer; width:auto; background:#ECE9D8; border:1px solid; border-color: #414D59; font-size: .8em;}

.hide {
	display: none !important;
}

#xupera {
	margin-top: 30px;
}

.container_107 {
	margin: 0; padding: 0;
	clear: both;
	margin-left: 6%;
	background: url(/img/portada.jpg) no-repeat 100% 30px;
	height: 137px;
	text-align: right;
	
}

.contenido {
	clear: both;
	margin: 0;
	margin-top: 1em;
}

.contenido ul {
	margin: 0;
	padding: .4em 0 .4em 15px;
}

.contenido ul li {
	list-style: none;
	background: url(/img/flecha.gif) no-repeat 0 .4em;
	padding-bottom: 1em;
	padding-left: 12px;
	line-height: 1.5em;
	height: 0.01%;
}

.contenido-conmarco {
	margin: 1em 0;
	width: 96%;
	border: 1px solid #9EBC66;
	clear: both;
	height: 100%;
	padding-bottom: 1em;
	background: #507514;
}

.container-exterior {
	height: 100%;
}

.container {
	height: 100%;
	margin: 0; padding: 0;
	margin-left: 6%;
	
  }
  

  
.container p {
	margin: 0;
	padding: .2em 2%;
}

.container-exterior:after, .container:after, #col1o:after, #col2o:after, #col3o:after, #logo:after, #menu:after, #menu-buscador:after, #buscador:after, #navcontainer:after, .contenido-conmarco:after, .pasos:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.pasos {
	margin: 0 0 2em 0;
	display: block;
	float: right;
	clear: both;
	height: 100%;

}

.pasos ul {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}

.pasos ul li {
	display: block;
	padding: 1em;
	margin: 0;
	padding-left: 3em;
	margin-left: 2px;
	float: left;
	height: 33px;
	width: 5.5em;
}

.pasos ul li.bat {
	background: #F9FAB9 url(/img/bat.gif) no-repeat 0 100%;
	
	
}

.pasos ul li.bat_actual {
	background: #D1D628 url(/img/bat2.gif) no-repeat 0 100%;

}


.pasos ul li.bi {
	background: #F9FAB9 url(/img/bi.gif) no-repeat 0 100%;

}

.pasos ul li.bi_actual {
	background: #D1D628 url(/img/bi2.gif) no-repeat 0 100%;

}

.pasos ul li.hiru {
	background: #F9FAB9 url(/img/hiru.gif) no-repeat 0 100%;

}

.pasos ul li.hiru_actual {
	background: #D1D628 url(/img/hiru2.gif) no-repeat 0 100%;
}

.fondo-blanco {
	background: url(/img/gradiente.jpg) repeat-y -31px 0;
	padding-top: 30px;
	
}

.fondo-blanco .container, .fondo-blanco .container-interior {

	background: #fff;
	margin-left: 0;
	padding-left: 6%;
}

.fondo-blanco .container-interior {
	/*background: #fff url(/img/ventas.gif) no-repeat 100% 0;*/
}

.container-interior {
	/*padding: 1.5em 0 3em 0;*/
	padding: 0 0 3em 0;
	
}

.fondo-verde {
	background: #B0CD68 url(/img/gradiente-verde.jpg) repeat-y;
	color: #fff;
}




.fondo-verde h3, .fondo-verde h4, .fondo-verde h3 a:link, .fondo-verde h3 a:visited, .fondo-verde h4 a:link, .fondo-verde h4 a:visited  {
	color: #fff;
	text-decoration: none;
}

.fondo-verde h4 {
	border-bottom: 1px solid #fff;
}

.fondo-verde a:link, .fondo-verde a:visited {
	color: #fff;
}

.fondo-verde ul li {
	background: url(/img/flecha2.gif) no-repeat 0 .4em;
}

.fondo-gris {
	background: url(/img/gradiente.jpg) repeat-y -31px 0;
	
}

.fondo-negro {
	background: #323232;
}

.fdcha { float:right; }

.fizda { float: left;}

.dcha {text-align: right;}

.centro {text-align: center;}

.conmargen {margin: 6px; border: 1px solid #fff}

.gris {color: #ccc; font-weight: normal;}

.blanco {color: #fff;}

.error {
	color: #f00;
}

.sinespacios {
	margin: 0;
	padding: 0;
}

.medio {
	font-size: 1.3em;
	line-height: 1.4em;
}


.externalizar1 { background: url(/img/externalizar1.jpg) no-repeat; height: 49px;}
.externalizar2 { background: url(/img/externalizar2.jpg) no-repeat;}
.externalizar3 { background: url(/img/externalizar3.jpg) no-repeat; height: 49px;}


.cursiva {
font-style: italic;
}

.firma {
font-size: .8em;
color: #E1F0B9;
line-height: 1em;
}

.verde {color: #E1F0B9;}


.negrita {
font-weight: bo;
}

.pequeno {
	font-size: .8em;
	line-height: 2em;
}

.marco-verde {
	border: 1px solid #507514;
}

.sombreado {
	background-color: #FCFCDC;
}

a.boton:link, a.boton:visited {margin: 0; font-weight: bold; color:#414D59; background:#ECE9D8; border:1px solid #414D59; padding: 0 .5em 0 .5em; text-decoration: none; margin-top: 1em; width: auto; line-height: 3em;}

.paginacion {
	margin-top: 2em;
	margin-bottom: 0;
	padding-top: .3em;
	border-top: 1px solid #E0E0E0;
}



#anteriores, #listaPaginas, #siguientes {
	width: 30%;
	float: left;
	height: 100%;

	
}

#listaPaginas {
	text-align: center;
}

#anteriores {
	width: 35%;
}

#siguientes {
	width: 35%;
	text-align: right;
}

#idiomas {
	padding: 15px 0 0 6%;
	background: #575757 url(/img/gradiente-inverso.jpg) repeat-y;
	color: #fff;
}
/*
#idiomas ul{
	list-style-type: none;
	margin: 0; padding: 0;
}

#idiomas ul li { display: inline; }


#idiomas ul li a {
	margin: 0;
	text-decoration: none;
	padding: 0 1em;
	color: #fff;
	border-right: 1px solid #fff;
	font-size: .95em;
}
*/

.destacado {
width:12em;
padding:6px;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;
font-size:1.2em;
font-weight:bold;
line-height:1.3em;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
float:left;
margin:8px 15px 8px 0;}

.destacado_dcha {
width:12em;
padding:6px;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;
font-size:1.2em;
font-weight:bold;
line-height:1.3em;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
float:right;
margin:8px 0 8px 15px;}







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





.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}

.inside{

	padding: 0 0 0 4em;
	
}



#pageWrapper {
	/*border: solid 1px #fff;
	border-width: 0 0 0 1px;*/
	min-width: 40em;	/* IE doens't understand this property. EMs are used
				   so that as the font size increases, the proportional
				   limitations (min-width) increase with it, rather
				   than creating a middle column that can only fit
				   3 or 4 characters in it. */
	width: auto;
	background: url(/img/gradiente-menu.jpg) repeat-y;
}

* html #pageWrapper {
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

#outerColumnContainer {
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	/*border-left: solid 16em #fff;
	border-right: solid 16em #fff;*/
	margin-left: 16em;
	
}

#innerColumnContainer {
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
	background-color: #fff;
}

#leftColumn, #middleColumn, #rightColumn, * html #SOWrap {
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}


#leftColumn .inside {
	padding: 0;
	
}

#SOWrap {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
	
}

#middleColumn {
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}

#leftColumn {
	float: left;
	margin: 0 1px 0 -16em;
	width: 16em;
	z-index: 4;
}

#rightColumn {
	float: right;
	width: 16em;
	margin: 0 -16em 0 1px;
	z-index: 2;
}


p.fontsize-set {
	text-align: center;
}

p.fontsize-set img {
	border-width: 0;
}

#blanco {
	height: 1.5em;
	background: #fff;
	display: block;
}

.vnav {
	margin: 0;
}

.vnav p {
	margin: 1em;
}



.vnav ul, .vnav ul li {
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	display: block;
}

.vnav ul {
	border: solid 1px #fff;
	border-bottom-width: 0;
	
}

.vnav ul li {
	border-bottom: solid 1px #fff;
	line-height: normal;
}

.vnav ul ul li a:link, .vnav ul ul li a:visited {
	font-weight: bold;
	color: #000;
	text-decoration: none;
		padding: 4px 7px 5px 54px;
		line-height: 1.4;
}



.vnav h3  {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	padding: 10px 10px 4px 10px;
}

.vnav ul li a.actual:link, .vnav ul li a.actual:visited {
	background: url(/img/flecha-menu2.jpg) no-repeat 0 50%;
}

.vnav ul ul li a, .vnav ul ul li a:link, .vnav ul ul li a:visited {
	background: none;
	text-decoration: underline;
	font-weight: normal;
}

 .vnav ul ul li a.actual:link, .vnav ul ul li a.actual:visited {
	background: url(/img/flecha-menu3.jpg) no-repeat 0 50%;
	text-decoration: underline;
	font-weight: normal;
}

.vnav ul ul li a:hover, .vnav ul ul li a.actual:hover {
	text-decoration: none;
	background: none;
}

* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */ {
	height: 0.01%;
}

* html .vnav ul {
	position: relative;	/* IE needs this to fix a rendering problem */
}



#pageWrapper, #innerColumnContainer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a {
	border-color: #DEDEDE;
}


#outerColumnContainer {
	/*border-left-color: #ded;	 left column background color */
	border-right-color: #cdc;	/* right column background color */
	/*background-color: #fff;		 set the background color for the middle column here */
	
}









#rightColumn .inside {
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	 padding: 0;
}

#rightColumn .inside .vnav {
	font-size: 110%;
}


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



#cabecera {
	height: 107px;
	background: #557819 url(/img/cruz.gif) no-repeat 0 100%;
	line-height: 1em;
	font-size: 2em;
	color: #fff;
	margin: 0;
}

#titular_imagen {
	float: right;
	height: 107px;
	width: 353px;
	background: url(/img/ventas2.gif) no-repeat 100% 0;

}

#titular {
	width: 30%;
	float: left;
	margin: 1.2em 0 .5em .5em;
}

#titular a:link, #titular a:visited {
	color: #fff;
}

#ruta {
	margin: .5em 0;
	text-align: right;
}

#columnaExterior {
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 200px #fff;
	border-right: solid 200px #fff;
	margin-right: 4%;
}

#SOEnvoltorio img {
	margin: 0 10px 0 10px;
}

#columnaInterior {
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 1;
		
}

#columnaIzda, #columnaCentral, #columnaDcha, * html #SOEnvoltorio {
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}

#SOEnvoltorio {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}

#columnaCentral {
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
	overflow: hidden;
}

#columnaIzda {
	float: left;
	margin: 0 1px 0 -200px;
	width: 200px;
	z-index: 4;
	
}

#columnaDcha {
	float: right;
	width: 200px;
	margin: 0 -200px 0 1px;
	z-index: 2;

	
}


#columnaExterior
{
	border-left-color: #ded;	/* left column background color */
	border-right-color: #fff;	/* right column background color */
	background-color: #fff;		/* set the background color for the
					   middle column here */
}

#columnaDcha .inside
{
	/* if you apply a font size to just #columnaDcha, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
	margin: 0; padding: 0; padding-left: 1.7em;
}

.izquierda {

	width: 48.9%;
	float: left;
	margin-right: 1%;
}

.derecha {

width: 48.9%;
float: left;
margin-left: 1%;
}

#rightColumn { display: none; }
#SOWrap { margin: 0; }
#innerColumnContainer, #outerColumnContainer { border-right-width: 0; }

#columnaIzda { display: none; }
#columnaCentral { margin: 0; }
#columnaInterior, #columnaExterior { border-left-width: 0; }

.frase {
	 line-height: 2em;
	 font-size: 1.4em;
	 font-weight: bold;
}