@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	background-color:#5f6c4e;
}
.wrapper{
	margin:auto;
}
.maintext{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:30px;
	color:#6f655a;
	
}
.smalltext{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:18px;
	color:#706b66;
}
.smallLinks a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:18px;
	color:#706b66;
}

/*---Header 1---------------------------------------------*/
#headerWrapper1{
	height:100px;
	background-color: #9d9a01;
}
#logo{
	padding-top:3px;
}
#tagLine{
	padding-top:83px;
}


/*---Header 2---------------------------------------------*/
#headerWrapper2{
	height:300px;
	background-color: #FFF;
}
#header2Text{
	padding-top:19px;
	padding-bottom: 0px;
}
#header2TextInside{
	padding-top:40px;
	height:219px;
}
#learnMore{
	float:left;
	padding-top:35px;
}
#viewSite{
	float:left;
	padding-top:40px;
	padding-left:35px;
}

/*---Header 3---------------------------------------------*/
#headerWrapper3{
	height:120px;
	background-image:url(../images/headerBg3.jpg);
	background-color:#FFF;
}


/*---Header 4---------------------------------------------*/
#headerWrapper4{
	height:30px;
	background-image:url(../images/headerBg4.jpg);
	background-color:#990;
	
	 
	}

/*---Header 5---------------------------------------------*/
#headerWrapper5{
	height:51px;
	background-color:#EB7124;
}

/*---Header 6---------------------------------------------*/
#headerWrapper6{
	/*height:411px;*/ asi hace la posicion correcta del pie. ya que la lista que hace este css es variable
	background-color:#FFF;
	background-repeat:repeat-x;
}

/*---When you input your own header2 text graphic on index.htm it may affect the position of the navigation. Use this CSS element to adjust the padding on the navigation.---*/
#navigationHome{
	padding-top:12px;
}
#navigationInside{
	padding-top:0px;
}
#home{
	float:left;
}
#services{
	float:left;
	padding-left:0px;
}
#portfolio{
	float:left;
	padding-left:0px;
}
#about{
	float:left;
	padding-left:0px;
}
#news{
	float:left;
	padding-left:0px;
}
#contact{
	float:left;
	padding-left:50px;
}
#frame{
	margin-top:19px;
	background-repeat:no-repeat;
	height:297px;
}
#images{
	width:438px;
	height:256px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
li{
	margin-left:0;
}


/*---Body Main Layout and index.htm CSS. Some CSS for all pages is shared in this section----------*/
#bodyWrapper{
	background-image:url(../images/bodyBg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
#body{
	border-style:solid;
	font-size:12px;
}

#bodyCol1{

}
#bodyCol2{
	background-color:#e2e2e2;
	clear:right;
}
#bodyCol2 a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:18px;
	color:#706b66;
}
.clear{
	clear:both;
	height:1px;
}
#title{
	padding-top:23px;
}
#bodyText1{
	padding:15px 0 20px 0;
	width:560px;
}
#bodyText2{
	width:550px;
	border:solid #e7e6e6 1px;
	background-color:#f1f1f1;
	padding:10px 10px 10px 10px;
	line-height:30px;
}
.plusIcons{
	float:left;
	padding-top:8px;
}
#bodyText2Inside{
	width:560px;
	border:solid #e7e6e6 1px;
	background-color:#f1f1f1;
	padding:10px 10px 10px 0;
}
#bodyText3{
	padding:10px 0 0 0;
	width:560px;
}
#bodyTitle2{
	padding:23px 0 7px 20px;
}
.projectsImage{
	padding:15px 0 0 6px;
}
.hr{
	border-top:solid #cfcece 1px;
	background-color:#f2f2f2;
	height:1px;
	min-height:1px;
	width:260px;
	margin:15px 0 15px 21px;
	font-size:1px;
}
#twitter{
	margin:auto;
	margin-top:15px;
	background:url(../images/twitter.jpg) no-repeat top;
	width:265px;
	padding:45px 0 15px 10px;
}
#twitter a{
	color:#3e99d9;
	font-size:10px;
}

/*---BODY for services.htm---------------------------------------------------*/
.servicesImg{
	float:left;
	height:75px;
	padding:10px 16px 0 16px;
}
.servicesSub{
	float:left;
	width:200px;
	padding-left:21px;
}
.servicesSubImg{
	margin-bottom:10px;
}
.servicesIcon{
	margin:39px 0 0 18px;
	float:left;
}

/*---BODY for portfolio.htm--------------------------------------------------*/
.portfolioBodyElement{
	padding-top:15px;
}
.portfolioBodyFooter{
	border:solid #e7e6e6 1px;
	background-color:#f1f1f1;
	margin:15px 0 25px 0;
}
#olderProjects{
	margin:10px 0 10px 15px;
}
.portfolioBody2Element{
	padding:7px 0 7px 0;
}
.portfolioBody2ElementLeft{
	width:200px;
	float:left;
	padding:0 0 0 20px;
}
.portfolioBody2ElementRight{
	float:left;
	padding:18px 0 0 15px;
}
.portfolioBody2Sub{
	margin-bottom:10px;
}
/*---BODY for about.htm------------------------------------------------------*/
.aboutImg{
	float:left;
	height:75px;
	padding:10px 16px 0 16px;
}
.aboutBody2Element{
	padding:7px 0 7px 0;
}
.aboutBody2ElementLeft{
	width:200px;
	float:left;
	padding:0 0 0 20px;
}
.aboutBody2ElementRight{
	float:left;
	padding:18px 0 0 15px;
}
.aboutBody2ElementLeftAlt{
	width:250px;
	float:left;
	padding:0 0 0 20px;
}
.aboutBody2Sub{
	margin-bottom:10px;
}
/*---BODY for contact.htm----------------------------------------------------*/
#contactForm{
	background-image:url(../images/contactBg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:219px;
}
#formTag{
	padding-left:80px;
}
.formelement{
	width:275px;
	height:22px;
	background-color:#efefef;
	border: 1px solid #CCCCCC;
	margin-bottom:23px;
	padding-top:12px;
	padding-left:5px;
}
#message{
	width:475px;
	height:99px;
	background-color:#efefef;
	border: 1px solid #CCCCCC;
	padding-top:12px;
	padding-left:5px;
}
.formType{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#a39e98;
}
#submitBtn{
	margin:20px 0 0 150px;
}
#contactInfo{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#837e79;
	line-height:18px;
	padding:13px 0 0 20px;
}
#contactInfo a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#837e79;
	line-height:18px;
}
#hr{
	width:258px;
	height:1px;
	margin:25px 0 25px 0;
}

/*---Footer--------------------------------------------------*/
#footerWrapper{
	background-image:url(../images/footerBg.jpg);
	background-repeat:repeat-x;
	height:115px;
}
#footer{
	background-repeat:no-repeat;
	height:75px;
}
#footerNav{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFF;
	padding-top:0px;
	background-color: #0F0;
}
#footerNav a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#a9a9a9;
}
#footerTitle{
	padding:20px 0 0 20px;
}
#footerTag{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	padding:5px 0 0 22px;
	color:#a9a9a9;
}
#footerTag a{
	color:#a9a9a9;
}

/*---Campos Formularios--------------------------------------------------*/
.campo_formulario
{
	width:240px;
	color:#a39e98;
	margin:auto;
	margin-top:2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12 px;
	text-align:left;
}

.campo_formulario_1
{
	color:#a39e98;
	margin:auto;
	margin-top:2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12 px;
	text-align:left;
}

.campo_formulario INPUT
{
	width:240px;
	color:#a39e98;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12 px;
	border:1px #a39e98 dotted;
	background-color :#FFFFFF;
	margin-top:2px;
}

.campo_formulario_1 INPUT
{
	color:#a39e98;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12 px;
	border:1px #a39e98 dotted;
	background-color :#FFFFFF;
	margin-top:2px;
}

.campo_formulario INPUT.enviar
{
	width:100px;
	height:20px;
	margin-top:10px;
	margin-left:70px;
	vertical-align :bottom;
	border:1px #F90 solid;
	color:#a39e98;
	font-family :Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight :bold;
}

.campo_formulario INPUT.RADIO
{
	width:10px;
	margin-right:8px;
	margin-left:3px;
	background-color : #edebdf;
	border:0px;
	margin-top:0px;
	vertical-align : middle;
}

.campo_formulario_buscador, .campo_formulario_buscador_1
{
	width:210px;
	color:#a39e98;
	margin:0px;
	margin-top:2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:left;
}

.campo_formulario_buscador SELECT, .campo_formulario_buscador_1 SELECT
{
	width:200px;
	height:18px;
	color:#a39e98;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	border:1px dotted #666666;
	background-color :#FFFFFF;
	margin-top:2px;
	margin-bottom:2px;
	font-weight :normal;
}

.campo_formulario_buscador INPUT.enviar
{
	width:80px;
	height:20px;
	margin-top:10px;
	margin-left:60px;
	vertical-align :bottom;
	border:1px #363 solid;
	color:#063;
	font-family :Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight :bold;
	background-color :#F93;
}

.campo_formulario_buscador INPUT.enviar_b
{
	width:80px;
	height:20px;
	margin-top:5px;
	margin-left:60px;
	vertical-align :bottom;
	border:1px #CCC solid;
	color:#F90;
	font-family :Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight :bold;
	background-color :#063;
}

#bloque_d_f3, #bloque_d_f4, #bloque_d_f5 
{
	float:left;
	margin-right:5px;
}

.bloque_d_p
{
	float:right;
	width:320px;
	height :90px;
	margin-top: 10px;
}

.bloque_menu_lat
{
	float:left;
	width:200px;
	height:371px;
	margin-top:20px;
}

.bloque_imagen_lat
{
	float:left;
	width:260px;
	height:371px;
	margin-top:20px;
	background-image: url(../images/fondo_imagenes.gif);
}

.bloque_txt_lat
{
	float:left;
	width:460px;
	height:371px;
	margin-left:10px;
	margin-right:10;
	margin-top:20px;
	margin-bottom:20px;
}

.bloque_txt_news
{
	float:left;
	width:730px;
	margin-left:10px;
	margin-right:10;
	margin-top:0px;
	margin-bottom:10px;
	height: 60px;
}

.bloque_txt_news_des
{
	float:left;
	width:730px;
	margin-left:10px;
	margin-right:10;
	margin-top:0px;
	margin-bottom:10px;
	height: 340px;
}

.bloque_news_pag
{
	float:left;
	width:730px;
	margin-left:10px;
	margin-right:10;
	margin-top:0px;
	margin-bottom:10px;
	height: 20px;
	color:#FFFFFF;
	background-color:#eb7125;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	line-height: 20px;
}

.bloque_txt_expertos
{
	float:left;
	width:680px;
	margin-left:20px;
	margin-right:10;
	margin-top:20px;
	margin-bottom:10px;
	background-image: url(../images/fondo_3.gif);
	height: 371px;
}

.bloque_buscador_lat
{
	float:left;
	width:750px;
	height:371px;
	margin-top:20px;
	margin-left: 10px;
	background-image: url(../images/fondo_2.gif);
}

.bloque_d_titular 
{
	color:#9d9a01;
	font-family :Helvetica, Arial, sans-serif;
	font-weight :bold;
	font-size:12px;
	text-align:left;
}

.bloque_d_titular_1 
{
	color:#9d9a01;
	font-family :Helvetica, Arial, sans-serif;
	font-weight :bold;
	font-size:12px;
	text-align:center;
}

.destacado
{
	color:#666666;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height: 18px;

	text-align:left;
}

.txt
{
	color:#666666;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height: 18px;

	text-align:left;
}

.bloque_d_texto
{
	color:#666666;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:left;
	margin-top:5px;
	line-height: 18px;
	width:100%;
}

.bloque_d_paginacion
{
	color:#FFFFFF;
	background-color:#eb7125;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	margin-top:10px;
	margin-bottom:15px;
	line-height: 20px;
	width:800px;
}

.bloque_d_descripcion
{
	color:#666666;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	vertical-align:top;
	margin-top:7px;
	margin-bottom:15px;
	line-height:25px;
	width:800px;
}

a.paginacion
{
	color:#eeeeee;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	vertical-align:top;
	margin-top:5px;
	line-height: 18px;
	text-decoration: none;
}

a.paginacion:hover
{
	color:#000;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	vertical-align:top;
	margin-top:5px;
	line-height: 18px;
	text-decoration: none;
}

.bloque_d_superficie
{
	color:#666666;
	width:100px;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
	text-align:center;
	margin-top:5px;
	line-height:18px;
}

.bloque_d_precio
{
	color:#666666;
	width:100px;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
	text-align:center;
	margin-top:5px;
	line-height:18px;
}

.bloque_d_zona
{
	color:#666666;
	width:100px;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	margin-top:5px;
	line-height:18px;
}

.pie_pagina
{
	color:#FFFFFF;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	margin-top:5px;
	line-height: 30px;
	margin-left: auto;
	margin-right: auto;
}

#bloque_texto_aviso
{
	width:920px;
	height:371px;
	color:#666666;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	SCROLLBAR-FACE-COLOR:#eb7125;/*#063;*/
	SCROLLBAR-HIGHLIGHT-COLOR: #FFF;
	SCROLLBAR-SHADOW-COLOR: #F90;
	SCROLLBAR-3DLIGHT-COLOR: #F90;
	SCROLLBAR-ARROW-COLOR: #F90;
	SCROLLBAR-TRACK-COLOR: #FFF;
	SCROLLBAR-DARKSHADOW-COLOR: #000;
	margin-top: 20px;
	overflow: auto;
}

.bloque_banner_principal
{
	float:left;
	height:275px;
	margin-top:15px;
}










/* edsa01 */

P, TD, UL {
  font-family:Helvetica, Arial, sans-serif;/*Arial, sans-serif;*/
  font-size:8pt;
}

input,select,option,textarea {
	background-color: #FFE3B5;
	font-size: 9px;
	font-family:Helvetica, Arial, sans-serif;/*Verdana, Geneva, Arial, Helvetica, sans-serif; */
	color: #000000
}

h1,h2, h3, h4, h5, h6, p, strong, form, acronym, label, th, span, a, hr, code, pre, hr {
	margin:0;
	padding:0;
	font-size:1.3eM;
	background-repeat:no-repeat;
	list-style-type:none;
	}
h1,strong{
	/*background:white;*/
	text-align: left;
	/*font-size:1.3eM;*/
}
h3 {
    color: #9C3000;
    /*padding-left: 5px;*/
}

h4 {
    font-style: italic;
    color: #9C3000;
    padding-left: 5px;
}

.tdmenu  {
	color: white;
	font-family : Helvetica, Arial, sans-serif;/*Tahoma, Arial;*/
	font-size : 10pt;
}

th  {
    font-family:Helvetica, Arial, sans-serif;/*Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-size: 10px;
    text-align: center;
    font-weight: bold;
	background-color: #FF9900;/*#5A695A;*/
	padding-left: 5px;
	color: white;
}
    th a:active {
        text-decoration: none;
        /* color: PapayaWhip; */
        color: #5A695A;
        cursor:hand;
    }

    th a:visited {
        text-decoration: none;
        /* color: PapayaWhip; */
        color: #5A695A;
        cursor:hand;
    }

    th a:hover {
        text-decoration: underline;
        color: PapayaWhip;
        cursor:hand;
    }


    td a:active {
        text-decoration: none;
		 font-weight: bold;
        /* color: PapayaWhip; */
        color: #5A695A;
        cursor:hand;
    }

    td a:visited {
        text-decoration: none;
		 font-weight: bold;
        /* color: PapayaWhip; */
        color: #5A695A;
        cursor:hand;
    }

    td a:hover {
        text-decoration: underline;
		 font-weight: bold;
       /*  color: PapayaWhip;  */
        cursor:hand;
    }





a, a:visited, a:hover { 
	 /*  color:#666; text-decoration:none;  */
	 color:#00772c; text-decoration:none;  /*  font-weight: bold;  */
}
a:hover {
	text-decoration: underline;
}
img{ 
	border:none;
}
hr {
	height: 1px;
	color: #000;
	clear:both;
}

dt {
	font-weight: bold;
}

.clear {
	clear: both;
}
/*h1 {
	font-size: 2em;
}*/
h1 a{
	color: #000;
}

h2 {
	font-size: 1.2em;
	margin: 10px 0 10px 0;
}

h2 {
	font-size: 1.1em;
	margin: 10px 0 5px 0;
}

p {
	margin: 0 0 10px 0;
}

acronym {
	border-bottom: 1px dashed #000;
	cursor: help;
}




th, td {
	 padding: 2px 4px 2px 4px; 
	/* text-align: left; */
	vertical-align: top;
/* edsa01 */
	color:#666666;
	font-family :Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:center;
 	background-color: white; 
}
thead tr {
/* edsa01 
  background-color: #fc0; */
}

td.cabecera {
color: white;
background-color:#eb7125;
font-weight :bold;
}
td.cabeceralistado {  /*mikel=emesa*/
background-color:white/*#eb7125*/;
font-size:60%;
/*font-weight :bold;*/
}
th.zona {
font-weight :bold;
}

th.sorted {
	color:#9d9a01;
	font-family :Helvetica, Arial, sans-serif;
	font-weight :bold;
	font-size:12px;
	text-align:center;
	background-color: white;
}
/* edsa01 */
th.sorted {
   /* background-color: orange;*/
	text-decoration: underline;
}
*/
th a, th a:visited {
  color: #466432;
}
th a:hover {
  text-decoration: underline;
  color: black;
}
th.sorted a, th.sortable a {
	background-position: right;
	display: block;
}
th.sortable a {
	background-image: url(/felova/img/arrow_off.png);
	padding-right: 8px;
}
th.order1 a {
	background-image: url(/felova/img/arrow_down.png);
	padding-right: 8px;
}
th.order2 a {
	background-image: url(/felova/img/arrow_up.png);
	padding-right: 8px;
}
tr.odd {
 /*edu  background-color: #FBFDD7  */
 background-color: #FFFFFF;
  padding: 0px 0px 12px 0px;
  padding:20px;

}

tr.odd td {
 /*edu  background-color: #FBFDD7  */
 background-color: #FFFFFF;

  padding:12px;

}

tr.tableRowEven, tr.even {
 /*edu background-color: #E4E6B0  */
 background-color: #fbf3c0;
  padding: 0px 0px 12px 0px;
}

tr.even a:hover {
  background-color: #FFA500;
}

tr.odd a:hover {
  background-color: #FFA500;
}




/* test styles */
table.its thead tr {
  background-color: #69c;
}
table.its tr.even {
  background-color: #def;
}

table.mars thead tr {
  background-color: #9c9;
}
table.mars tr.even {
  background-color: #ccb;
}
table.mars tr.odd {
  background-color: #eec;
}


table.simple thead tr {
  background-color: #eee;
}
table.simple tr.even {
  background-color: #fff;
}
table.simple {
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table.simple td,table.simple th{
	border: 1px solid #ccc;
}

table.nocol tbody td,table.nocol tbody th{
	border-left: none;
	border-right: none;
}





table.report td, table.report th{
	font:         menu;
}
table.report th{
	background:   buttonface;
	border-width: 1px;
	border-style: solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	cursor:       hand;
}
table.report idcol {
	background: buttonface;
}

table.report tr.even{
	background-color: #399;
}
table.report tbody {
	height: 100px;
	overflow: auto;
}

table.report {
	height: 120px;
	overflow: auto;
}

table.report tbody tr{
	height: 10px;
}





table.mark td.tableCellError {
	background-color: #d00;
	color: #fff;
}

table.sublist {
	margin: 0 0 0 0;
	width: 100%;
}
table.sublist td, table.sublist th {
	width: 50%;
}

div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	/* padding: 2px 4px 2px 4px;
	margin: -10px 0 10px 0;
	width: 79%;*/
}

span.export {
	padding: 0 4px 1px 20px;
	display:inline; display:inline-block;
	cursor: pointer;
}

span.excel {
	background-image: url(../img/ico_file_excel.png);
}
span.csv {
	background-image: url(../img/ico_file_csv.png);
}
span.xml {
	background-image: url(../img/ico_file_xml.png);
}

span.pagebanner {
	background-color: #f09225;
	color: #ffffff;
	/*  border: 1px dotted #999; */
	padding: 2px 4px 2px 4px;
	width: 96%;
	margin-top: 10px;
	display:block;
	border-bottom: none;
}

span.pagelinks {
	background-color: #ffffff;
	/* border: 1px dotted #003300; */
	padding: 2px 4px 2px 4px;
	width: 96%;
	display:block;
	border-top: none;
	margin-bottom: -5px;
}

.bordeVerde {
	border-color: #5A695A; 
	border-width: 1px; 
	border-style: solid;
}

.bgVerde {
    background-color: #5A695A;
    color: white;
}


table.borde {
	background-color: #fffff;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
}

INPUT.seleccionar {
	font-family: Helvetica, Arial, sans-serif;/*Verdana;*/
	color: #88734A;
	background-color: #E4E6B0;
	font-weight: bold;
	font-size: 10px;
	cursor: hand;
	border-top: 1px solid #F6EDE0;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #F6EDE0;	
}

.Marron { font-family:Helvetica, Arial, sans-serif;/* Verdana;*/ font-size: 10px; font-weight: bold; color: #88734A; background-color:#E4E6B0; }






.inline-button {
   _width:12em;
   font: bold 100%/1 Helvetica, Arial, sans-serif;/*Verdana, sans-serif;*/
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: #666;
   color: white;
   }
.inline-button:hover em {
   background: black;
   color: white;
   }


.orange { background: orange; color: black }
.orange em { background: white; color: #c60 }

.blue { background: #06c; color: white }
.blue em { background: white; color: #06c }

.green { background: green; color: white }
.green em { background: white; color: green }