@charset "utf-8";
/* CSS Document */


/***** common *****/

.floatL{ float:left;}
.floatR{ float:right;}

/*.marginR12{ margin-right:10px;}*/
.marginR15{ margin-right:15px;}
.marginR16{ margin-right:16px;}

.marginR18{ margin-right:18px;}
.marginR20{ margin-right:20px;}
.marginR30{ margin-right:30px;}
.marginR40{ margin-right:40px;}
.marginR10{ margin-right:10px;}
.marginR12{ margin-right:12px;}
.marginR11 { margin-right:11px;}
.marginR14{ margin-right:14px;}
.marginR13{ margin-right:13px;}
.marginB15{ margin-bottom:15px;}
.marginL100{ margin-left:100px;}

.box200{ width:50px; padding-right:30px;}
.boxTercio{ width:230px; padding:20px;}
.boxTarjeta{ width:525px; padding:15px; background:#F2F2F2;}
.box230{ width:250px; padding:15px; border:1px solid #E7E7E7;}
.box250{ width:250px; padding:15px; background:#ffffff; border:1px solid #E7E7E7;}
.boxComment{ width:230px; padding:0 15px; background:#ffffff; font-size:11px;}
.boxPreguntaUser{ border-bottom:1px solid #CCC; margin-bottom:15px; background:#ffffff; font-size:11px; overflow:hidden;}
.boxPregunta{ width:630px; background:#ffffff; font-size:11px;}
.boxCommentUser{ width:150px; padding:0 15px 0 0; background:#ffffff; font-size:11px;}
.boxCommentDescription{ width:230px; padding:0 0 0 15px; background:#ffffff; font-size:11px;}
.boxCommentReply{ width:770px; padding:10px 30px; border-bottom:1px solid #F1F1F1; border-top:1px solid #F1F1F1; font-size:11px; background:#F7F5F5;}
.boxTabComment{ padding:10px 10px 0 10px;}

a:link, a:visited{color:#0457b5; text-decoration:none;}
a:hover, a:active{color:#43a0de; text-decoration:none;}

.clearfix {content:".";clear:both;visibility:hidden;}
.clearfix{display:block;}

/****** end *********/
.container{
	margin:0 auto;
	width:930px;
	background: url(../images/layout/borderTop.gif) no-repeat #FFF;
	padding:20px;}
	
.containerFooter{
	margin:0 auto;
	width:930px;
	background: url(../images/layout/borderTop.gif) no-repeat #FFF;
	padding:10px 20px 0 20px;
	margin-top:20px;
	text-align:center;
	}

.containerPopUp{
	margin:0 auto;
	width:615px;
	background: url(../images/layout/borderTop.gif) no-repeat #FFF;
	padding:20px;}

.containerPopUpMessage{
	margin:0 auto;
	width:650px;
	background: url(../images/layout/borderTop.gif) no-repeat #FFF;
	padding:20px;}


.columnRight{ width:300px; margin-right:10px;}
.columnLeft{ width:615px; }
.columnFull{ width:930px; }

.marginBot{ margin-bottom:20px;}
.marginTop{ margin-top:10px;}

/****** Header ***/
.boxTop{ height:105px;}
.boxSearch{ height:68px; padding-top:25px; padding-bottom:20px; padding-left:30px; padding-right:20px;}
.boxSearch select{	
	border:none; background:white;
	font-family: Arial, Helvetica;
	font-size: 13px;
	font-weight: normal;
	color: #999999;
	margin: 1px 0 0 0;
	}
.search{ padding:20px;}
.path{ font-size: 11px; color: #333333;}
.path a:hover{ color: navy;}
.avatar{ margin: 0 8px 5px 0; width:60px; height:60px; border:4px solid #FFF;}
.avatarSmall{ margin: 0 8px 5px 0; width:40px; border:4px solid #FFF;}
.boxGrayFull{ border:1px solid #ccc;}
.textBlack{ color:#000; font-weight:bold;}

/********* form   ********/

.borderGray{ border:1px solid #CCC; padding:8px;}

.BtextSearch{ width:340px;}
.BtextCategory{ width:200px; margin-left:30px;}
.textSmall{ width:60px; padding:0 4px; margin-right:10px;}
.text200{ width:200px; padding:4px;}
.textMedium{ width:350px; padding:4px;}
.textLarge{ width:400px; padding:0 4px;}
.textSearchAvisos{ width:470px; height:24px;}
.textControgeneric{ width:610px; border: 1px solid #CCC; background:#F7F7F7; padding:7px 9px;}
.textControgeneric12Pics{ width:730px; border: 1px solid #CCC; background:#F7F7F7; padding:7px 9px;}

.textcategoria{ width:260px; border: 1px solid #CCC; background:#F7F7F7; padding:7px 9px; }
.textField{ width:235px; border: 1px solid #CCC; background:#ffffff; padding:4px 2px;}

.textSearch{ width:330px; border:none; background:none; color:#8a8a8a; padding:5px 0;}
.textSearchCategory{ width:195px; background: url(../images/layout/bg_category.png) no-repeat; color:#8a8a8a; height:25px;}
.btnBuscar{ width:77px; background:url(../images/layout/btn_buscar.png) no-repeat; height:28px; cursor: pointer;}

.btnSend{  background: url(../images/layout/bg-boton.gif) repeat-x; height:29px; cursor: pointer; border:0px;}

.publicar{ width:200px; text-align:right;}
.boxControl{ overflow:hidden; font-size:12px; padding:4px 10px;}

.header{
	margin:0 auto;
	width:936px;
	background: url(../images/layout/header1.png) no-repeat #FFF;
	margin-bottom:10px;
	height:190px;
	padding:17px 17px;
	overflow: hidden;
	}
	
.logo{ width:200px;}
.navi{ width:720px; height:85px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold;font-size:12px;color:#0b66c3; padding-top:5px;}

.counter{ width:100px; text-align:right;}
.fontGray{ color:#999;}
.fontOrange{ color:#fe9002;}
.fontWhite{color:white;}

/***** Box *****/

span.select {
	position: absolute;
	width: 168px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 24px;
	padding: 4px 24px 0 10px;
	color: #666666;
	font: 12px/21px arial,sans-serif;
	background: url(../images/layout/bg_category.png) no-repeat;
	overflow: hidden;
}

.boxCategory{line-height:18px; font-size:1.1em;}
.boxGreenTitu{ background:url(../images/layout/bg-green.gif) no-repeat; padding:5px 10px; color:#FFF; font-weight:bold;}

.boxGreenBody{ background:url(../images/layout/bg-box-green.gif) repeat-y; padding:10px; }

.boxGreenFooter{ background: url(../images/layout/back-box-green.gif) no-repeat; height:10px;}
.boxGreenBody  li { border:0; margin:0; padding:0; list-style:none; /* savers border-bottom:1px solid #CCCCCC;*/}

/*Alexander Modified*/

.boxGreenBody{ background:url(../images/layout/bg-box-green.gif) repeat-y;padding:5px;}
.boxGreenBody ul{margin : 0; padding: 0; width: 260px; height: auto; padding: 0 1px;}
.boxGreenBody ul li{ position: relative; }

.boxGreenBody li ul{ position: absolute; left: 294px; width:216px; display: none; background: #FFF; border:1px solid #BADF80 !important;}		
		
		.boxGreenBody li:hover ul , .boxGreenBody li.over ul{ display: block;}
		
.mediumBox{ float: left;  0 0 repeat-y;width: 216px; height: auto; text-align: center;}	

/*----------------------------------------------------------------------------------------------------------------*/

.boxGrayTitu{ background:url(../images/layout/bg-gray.gif) no-repeat; padding:5px 10px; color:#116cc1; font-weight:bold;}
.boxGrayBody{ background:url(../images/layout/bg-box-gray.gif) repeat-y; padding:10px; }
.boxGrayBody  li { border:0; margin:0; padding:0; list-style:none; /* savers  border-bottom:1px solid #CCCCCC;*/}
/*Alexander Modified*/
.boxGreenBody{ background:url(../images/layout/bg-box-green.gif) repeat-y;padding:5px;}
.boxGrayBody ul{margin : 0; padding: 0; width: 260px; height: auto; padding: 0 1px;}
.boxGrayBody ul .elementPadre{ position: relative; }
.boxGrayBody li ul{ position: absolute; left: 254px; top: 0px;padding:10px; width:216px; display: none; background: #FFF; border:1px solid #CCCCCC !important; }		
.boxGrayBody li:hover ul , .boxGreenBody li.over ul{ display: block;}
/*----------------------------------------------------------------------------------------------------------------*/

.boxGrayFooter{ background: url(../images/layout/back-box-gray.gif) no-repeat; height:10px;}
.boxGrayContent{ background: #f7f7f7 url(../images/layout/borderGrayTop.png) no-repeat; padding:15px 15px 5px 15px; overflow:hidden;}
.boxGrayContentAvisos{ background: #f7f7f7 url(../images/layout/borderGrayTop.png) no-repeat; padding:15px 20px 5px 10px; overflow:hidden; text-align:center;}
.boxGrayContentFoot{ background: #f7f7f7 url(../images/layout/borderGrayBot.png) no-repeat; height:8px; margin-bottom:15px; overflow:hidden;}



.boxGreenBody a:link, a:visited{color:#11b811; text-decoration:none;}
.boxGreenBody a:hover, a:active{color:#11b811; text-decoration:none;}

.boxGrayBody a:link, a:visited{color:#116cc1; text-decoration:none;}
.boxGrayBody a:hover, a:active{color:#43a0de; text-decoration:none;}



/*******write by Alexander Oriion*********/ 
.detailDatosSmall{ width:410px; padding:15px; border:5px solid #f2f2f2; background:#fbfbfb; height:auto;}
.detailBoxMapBig{ background-color:#FFFFFF; width:887px;  padding:5px; border:1px solid #A5D72D; text-align:center;}
.contentMaColumn { width:425px;}
.contentMaColumnMessage{width:889px; height:30px; margin-top:3px; border: 1px solid gray; padding:4px;}
.contentCategoryPlace{width:445px; padding:10px; border:5px solid #f2f2f2; background:#fbfbfb; height:auto; margin-bottom:10px; margin-left:5px}
.contentCategoryPlaceT{width:180px; padding:5px; border-top-width:5px; border-left-width:5px; border-right-width:5px; border-bottom-width:0; border-color:#f2f2f2; border-style:solid; background:#fbfbfb; height:auto;margin-left:5px} 
 .contentImagenes { width:445px;}
 /****** Details Aviso  ******/

.detailTitu{ font-family:Arial, Helvetica, sans-serif ; font-size:14px; font-weight:bold;  color:#0465c0; border-bottom:2px solid #99c138; padding-bottom:10px; margin-bottom:15px;}
.detailBoxAviso{ background-color:#FFFFFF; width:300px;  padding:20px; border:1px solid #e7e6e6; text-align:center;}
.detailBoxMap{ background-color:#FFFFFF; width:380px;  padding:10px; border:1px solid #A5D72D; text-align:center;}
.detailDatos{ width:478px; padding:20px; border:5px solid #f2f2f2; background:#fbfbfb; height:260px;}
.detailDatosFull{ width:850px; padding:20px; border:5px solid #f2f2f2; background:#fbfbfb;}
.detailBox{ width:110px; font-size:1.1em; line-height:1.8em;}
.detailBoxF{ width:180px; font-size:1.0em; line-height:1.8em;}
.boxEmpty{ width:210px; padding:10px 0  0 15px;}


.detailFuente{ height:22px; font-weight:bold;}
.labelForm{ width:180px; padding-right:20px; color:#648b05; font-weight:bold;}
.labelFormPublicacion{ width:120px; padding-right:20px; color:#648b05; font-weight:bold;}

.labelPrecio{ width:60px; padding:5px 0;}
.detailFuente2{}
.detailPrecio{ font-size:15px; font-weight:bold; color:#0178f1;}
.enviaramigo{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding:5px 0; font-weight:bold; color:#0178f1;}
.BOXfILETE{ border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding:4px 0;}

.boxTitu_White{ padding:5px 0; font-weight:bold; color:#0178f2; border-top:1px solid #0178f2; border-bottom:1px solid #0178f2;}
.boxTitu_Fill{ padding:5px 10px; font-weight:bold; font-size:14px; color:#7CA50D; border:1px solid #ddeabd; background:#f5f9ec;}
.boxTitu_Gray{ padding:5px 0; font-weight:bold; color:#0178f2; border-top:1px solid #e7e7e8; border-bottom:1px solid #e7e7e8;}

.avisoThumb{ width:50px; height:50px;}
.avisoThumb_inicial{ width:100px; height:100px;}

.avisoPicture{ padding:10px 0;}

.avisoMetodoPago{ border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin: 20px 0; padding:10px 0; color:#000; overflow:hidden;}
.perfilComentarios{ border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin: 20px 0; padding:10px 20px; color:#000; overflow:hidden;}

.avisoDescripcion{ overflow:hidden;}
.avisoPublicidadTop{ background:url(../images/layout/bg-decrip-publicidad-top.jpg) no-repeat; height:50px;}
.avisoDescripcionTop{ background:url(../images/layout/bg-decrip-aviso-top.jpg) no-repeat; height:50px;}
.avisoGaleriaTop{ background: url(../images/layout/bg-decrip-galeria_top.jpg) no-repeat; height:50px;}
.avisoDescripcionBody{ background:url(../images/layout/bg-decrip-aviso-body.jpg) repeat-y; padding:10px 30px;}
.avisoDescripcionBottom{ background:url(../images/layout/bg-decrip-aviso-bottom.jpg) no-repeat; height:30px;}


.arrow{ width:15px ;}
.galleryThumb{}
.linehorizo{ border-bottom:1px solid #CCC; padding:0 0 15px 0; margin-bottom:10px;}


/********* Border    *****/



.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888;}
.contentb div {margin-left: 5px;}




.cB {
  background:#BBE9FF;
  border:1px black solid;
  border-width:0 1px;
  padding:0 10px;
}
.cBt, .cBb, .cBt div, .cBb div {
  background:url(../images/layout/rb_topbottom.png) top right;
  height:19px;
}
.cBt div { background-position:top left; }
.cBb div { background-position:bottom left; }
.cBb { background-position:bottom right; }
.cBt, .cBb {
  margin:0 -11px 0 -11px;
  padding-right:18px;
}
/***** end Real Side Borders box *****/

#testing {padding:15px 50px; }





/******** Aviso Home ****/
.boxAvisoHome{ background:url(../images/layout/bg-aviso.jpg) no-repeat; width:115px; padding:10px; height:145px; float:left; text-align:center;} 
.avisoHomeTitu{ color:#0178f1; }
.descAviso{ text-align:center;}


.descAviso a:link, a:visited{color:#0178f1; text-decoration:none;}
.descAviso a:hover, a:active{color:#0178f1; text-decoration:none;}

.bannerSquare{ width:285px;}

.logoSponsor{}

.footer{
	background:url(../images/layout/borderBotton.gif) no-repeat;
	margin:0 auto;
	padding:30px  20px;
	width:930px;
	text-align:center;}
	


/******* banners  *********/

.bannersBot{ background: url(../images/layout/bg-banners.jpg) no-repeat; height:155px; padding:15px;}


/******** Banner Bootom  ******/

.sponsors{ padding:20px 0; text-align:center;}
.tituAuspiciadors{ border-top: 1px solid #CCC; padding-top:20px;}


/***** resultados  ****/

.boxResultados{ background-color:#FFFFFF; padding:10px; margin-bottom:15px;}	
.boxImageresultados{ width:110px; margin-right:20px; border:1px solid #eae8e8; text-align:center;}
.boxIcoresultados{ width:20px; height:15px; margin-right:20px; border:1px solid #eae8e8; text-align:center; padding:10px;}
.boxResultadosResume{ width:810px; text-align:left; line-height:17px;}
.boxResultadosResume2{
	width:740px;
	line-height:17px;
}
.boxResultadosResumenGenteBusca{
	width:865px;
	line-height:17px;
}


.box80{ width:80px;}
.box100{ width:100px;}
.boxPerfil{ width:190px; border: 1px solid #e0e0e0; background:#f6f6f6; padding:15px;}
.boxPerfilPuntaje{ width:500px; border: 1px solid #e0e0e0; background:#f6f6f6; padding:15px;}
.box150{ width:230px;}
.box280{ width:260px; padding:10px;}
.box300{ width:300px;}
.box450{ width:500px;}
.box600{ width:600px;}

	
	/*** Pagination  ***/
	
	.pagination{ margin-top:20px; text-align:center;}
#pagination-digg li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination-digg a           { border:solid 1px #abbf81; margin-right:3px; }
#pagination-digg .previous-off,
#pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:3px; padding:3px 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }	
#pagination-digg .active     { background:#577f03; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:3px; }
#pagination-digg a:link, 
#pagination-digg a:visited   { color:#587f03; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-digg a:hover     { border:solid 1px #577f03; }




/****** busqueda mapa **********/
/****** busqueda mapa **********/


.boxBusquedaMapa{ background:#FFFFFF; padding:15px;}
.boxBusquedaFiltro{ width:870px; margin-right:15px;}

.boxBusquedaGoogleMapa{ width:870px; height:400px}
.boxBusquedaGoogleMapaSmall{ width:380px; height:260px}

.textSelectCountry{ width:165px;}
.textSelectCategoria{ width:200px; height:24px;}

.tituBusqueda{ border-bottom:1px solid #99CC00; color:#009933; font-size:14px; font-weight:bold;}


    /* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#fff;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(../images/layout/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #48b9f3;
      border-right:1px solid #0457b5;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #48b9f3;
      border-bottom:1px solid #0457b5;
      }
    
    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span {
      border-left-color:#fff;
      }
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#000;
      }
	  
	  
	 .btn:link, .btn:visited {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#fff;
      }
	  
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }
	  
	  
	  
	  
	  /***** form register *****/
	  
table{font:12px Arial,Helvetica,Sans-serif;color:#000}
select{font:11px Arial,Helvetica,Sans-serif;background:#FFF}
selectOff{font:11px Arial,Helvetica,Sans-serif;background:#D7DDE4}

	  .amarillo{background:#FFFF66}
.hpad{padding-top:8px}
.pt8l7{padding-top:8px;padding-left:7px}
.ng18{font-size:18px;color:#000000}
.fdregctl{background:url(../img/fd_RegCTL.gif) no-repeat}

.fdgrad{background:#E4E4E4}
.fdregctrA{background:url(../img/fd_RegCTR_A.gif) no-repeat}
.gris10{background:#F7F7F7}
.bdgrad{border:1px solid #E4E4E4;border-top:0}

.cl14{font:14px Arial,Helvetica,sans-serif;color:#528ACE}
.pl6{padding-left:6px}

.ng11{font-size:11px;color:#000000;text-decoration:none}
.ng11:hover{font-size:11px;color:#000000;text-decoration:none} /*EU BUG 10287 */
.gr10{font-size:10px;color:#666666;text-decoration:none;line-height:10px}


.bdgrad{border:1px solid #E4E4E4;border-top:0}
.pl6{padding-left:6px}
.fdgref{background:#EFEFEF}
.tch{font-size:2pt;color:#666666}



/***** Registro ficha ****/
.divFormRegistro{  border: 1px solid #CCC; padding:0 30px;}
.divBoxL{ width:590px; padding:20px 0; border-right:1px solid #CCC;}
.divBoxR{ width:170px; padding:20px 0; }
.borderBott{ border-bottom:1px solid #ccc;}
/**align **/
.alignL{ text-align:left}
.alignR{ text-align:right}
/* SearchAutosuggest */

.searchList {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	width: 206px;
	height: 160px;
	top:175px;

	


}

.searchList li {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
}
.searchList li a{
	display: block;
	color: #006;
	text-decoration: none;
	background-color: #F9F9F9;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.searchList li a:hover{
	color: #FFF;
	background-color: #555;
}
.listWrap {
	visibility: hidden;
	width: 206px;
	margin-left:30px;
	
	
	
	

	
}
/*********Alexander - oriion to searchPlace************/

.contentBlockInfo{ padding:2px 2px 2px 2px; height:auto ; width:300px}
.contentBodyInfo{ text-align:justify}
.fLeft{ float:left; margin:4px};
/*modSendQR*/
.contentModSend
{
 height:180px;
 text-align:center;
 vertical-align:middle;
}
.boxloginQ{ width:270px; padding:15px; background:#F2F2F2;}

/*style mainCategory div Content*/
.contentDivLink{ width:auto; height:20px;}
.contentImageMod{ background:url(../images/layout/bg-aviso.jpg) no-repeat; width:115px; padding:10px; height:92px;} 
/*poll*/


#header {
	width: 100%;
	padding-top: 15px;
}
.spacer {
	width: 100%;
	height: 15px;
}
hr {
	border: 0px;
	color: #CCCCCC;
	background-color: #CDCDCD;
	height: 1px;
	width: 100%;
	text-align: left;
}
h1 {
	font-size: 28px;
	color: #cc0000;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: 300;
}
h2 {
	font-size: 15px;
	color: gray;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: 300;
	background-color: #FFFFFF;
}
h3 {
	color: #cc0000;
	font-size: 15px;
	text-align: left;
	font-weight: 300;
	padding: 5px;
	margin-top: 5px;
}

#left {
	float: left;
	width: 250px;
	background-color: #FFFFFF;
	color: black;
}

#main {
	margin: 5px 5px 5px 260px;
	padding: 15px;
	border-left: 1px solid silver;
}

a {
	color: #cc0000;
	
	text-decoration: none;
}

#footer {
	clear: both;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.right {
	color: gray;
	background-color: #FFFFFF;
	float: right;
	font-size: 100%;
	margin-top: 5px;
}
.left {
	color: gray;
	background-color: #FFFFFF;
	float: left;
	font-size: 100%;
	margin-top: 5px;
}

/* Bar Graphs */
.graph {
  width: 250px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
}







.bann1{
	width:300px;
	height:100px;
	background: url(../images/banners/ban1.jpg) no-repeat; padding:5px 10px; color:#FFF; font-weight:bold;
	}

.bann2{
	width:300px;
	background: url(../images/banners/ban2.jpg) no-repeat #FFF;}
	
.bann3{
	width:300px;
	background: url(../images/banners/ban3.jpg) no-repeat #FFF;}
	
	
	
/* tabla */	
.lista{
	width:100%;
	
	margin:15px 2px;
}

.lista tr{
	height:20px;
}

.lista tr.estatico{
	background:#f2f2f2;
}

.lista th,
.lista td,
.lista td a{
	padding:2px;
	font-size:13px;	
	vertical-align:top;
}

.lista td a{
	color:#FFCC00;	
}

.lista td a:hover{
	text-decoration:none;
}



.lista td{
	border-right:1px solid #f2f2f2;	
	border-bottom:1px solid #f2f2f2;
	line-height:20px;	
}
.tabla {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
text-align: right;
width: 600px;

}
.tabla th {
padding: 5px;
font-size: 10px;
background-color: #83aec0;
background-image: url(fondo_th.jpg);
background-repeat: repeat-x;

color: #FFFFFF;
text-align:center;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #558FA6;
border-bottom-color: #558FA6;
font-family: "Trebuchet MS", Arial;
text-transform: uppercase;
}
.tabla .modo1 {
font-size: 10px;
font-weight:bold;
background-color: #e2ebef;
background-image: url(fondo_tr01.jpg);
background-repeat: repeat-x;
color: #34484E;
font-family: "Trebuchet MS", Arial;
}
.tabla .modo1 td {
padding: 5px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #A4C4D0;
border-bottom-color: #A4C4D0;
text-align:right;
} 
/***** estilos tablas *****/




#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	

	text-align: left;
	border-collapse: collapse;
}

#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('../table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('../table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 5px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 5px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}

















#rounded2-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	
	width: 400px;
	text-align: left;
	
}
#rounded2-corner thead th.rounded-company
{
	background: #b9c9fe url('../table-images/left.png') left -1px no-repeat;
}
#rounded2-corner thead th.rounded-q4
{
	background: #b9c9fe url('../table-images/right.png') right -1px no-repeat;
}
#rounded2-corner th
{
	padding: 4px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded2-corner td
{
	padding: 4px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded2-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded2-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded2-corner tbody tr:hover td
{
	background: #d0dafd;
}

/* fin tablas */