﻿/* Hoja de Estilo BudiWeb v2.0
-------------------------------*/
body {
	padding : 0;
	margin : 0;
	line-height : 1.5em;
	background : #fff;
	color : #454545;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 72%;
}
.contador{
 border:none
}
table{
	width:700px;
}

#navcontainer {
background : #e5f3d7;
}
a {
color : #0000BB;
background : inherit;
}
a:hover {
color : #6c757a;
background : inherit;
}

#directorioenlaces {
font : normal 2.1em Arial, Sans-Serif;
letter-spacing : -1px;
padding : 7px 0 0 8px;
margin : 0;
}
.logo h1 {
font : normal 1.1em Arial, Sans-Serif;
letter-spacing : -1px;
padding : 7px 0 0 8px;
margin : 0;
}

h1 {
font : 1.5em Arial, Sans-Serif;
letter-spacing : -1px;
padding : 7px 0 0 8px;
margin : 0;
}
.dark {
color : #737373;
background : inherit;
font-weight : bold;
}
.orange {
color : #e0692a;
font-family : Constantia;
}
.budi {
font-family : Constantia;
}
sup {
font-size : 1.3em;
}
h1 a, h2 a, h3 a {
text-decoration : none;
}
h1 a:hover, h2 a:hover {
color : #ff6600;
background : inherit;
}
h2 {
margin : 0;
padding : 0;
font : 1.5em Constantia, Arial, Sans-Serif;
letter-spacing : -1px;
}
p {
margin : 0 0 5px 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
form {
margin : 0;
}
input.search {
width : 292px;
border : 0;
background : #fff url(input.gif) no-repeat;
padding : 4px;
color : #e0691a;
font-weight : bold;
}
input.submit {
background : #e0691a url(submit.gif) no-repeat;
border : 0;
padding : 4px 0;
width : 65px;
margin : 0 15px 1px 0;
color : #fff;
font : bold 1em Arial, Sans-Serif;
}
input.login {
width : 150px;
border : none;
padding : 4px;
}
#MainMenu ul {
margin : 0;
padding : 0;
list-style : none;
}
.content {
margin : 0 auto;
/* width : 80%; */
width : 980px; /*Ancho fijo */
padding : 10px;
margin : 0 auto;

}
.header {
height : 55px;
background : #eee;
color : #808080;
margin : 3px 0;
padding : 10px 0 0 0;
border-bottom : 1px solid #ccc;
border-top : 5px solid #e0691a;
}
.top_info {
float : right;
width : 555px;
padding : 5px 0 4px 0;
border-bottom : 1px solid #eee;
background : #eee;
color : #808080;
}
.top_info_left {
width : 200px;
float : left;
}
.top_info_right {
float : right;
width : 500px;
padding : 0 0 0 35px;
border-left : 1px solid #eee;
}
.browse_category {
font-size : 0.9em;
width : 190px;
color : #fff;
background : #e5f3d7;
}
.bar {
clear : both;
font-size : 1.1em;
height : 30px;
color : #fff;
margin : 0 0 0 0;
background : #6f93db;
}
.bar li {
margin : 0;
padding : 7px 12px 5px 12px;
color : #ffeadc;
background : #6f93db;
float : left;
}
.bar li.active {
background : #e0691a url(../images/bar.gif) no-repeat center top;
color : #fff;
font-weight : bold;
padding : 7px 10px 6px 10px;
}
.bar li.active {
background : #3366cc url(../images/bar.gif) no-repeat center top;
color : #fff;
font-weight : bold;
padding : 7px 10px 6px 10px;
}
.bar li a {
font-weight : bold;
color : #fff;
background : inherit;
text-decoration : none;
}
.bar li a:hover {
color : #e0691a;
background : inherit;
}
.search_field {
background : #fff url(searchbg.gif) no-repeat right;
color : #808080;
clear : both;
font-weight : bold;
padding : 7px 25px 10px 10px;
margin : 5px 0;
}
.grey {
color : #808080;
background : inherit;
font-weight : normal;
}
.search_form {
float : right;
}
.subheader {
margin : 0 0 10px 0;
border-bottom : 1px solid #eee;
padding : 5px 0 5px 0;
background : #a4a4a4;
color : #fff;
}
.left {
float : left;
width : 69%;
margin : 0 0 10px 0;
}
.left h3 {
	clear : both;

	color : #737373;
	padding : 7px 0 7px 5px;
	font : bold 1em Tahoma, Arial, Sans-Serif;
	margin : 2px 0 0 2px;
	text-align: left;
}
.left_side {
float : left;
width : 180px;
padding : 0 0 0 10px;
margin : 10px 0;
}
.cat {
color : #414141;
font-size : small;
padding-left : 0;

}
.right_side {
float : right;
width : 220px;
background : #fff url(dotted.gif) repeat-y;
color : #414141;
padding : 0 0 0 40px;
margin : 10px 0;
}
.left_box {
margin : 0 0 10px 0;
color : #000;
background : #fff;
padding : 3px 0;
}
.right {
float : right;
width : 28.6%;
margin : 0 0 10px 0;
}
.right a {
color : #e0691a;
background : inherit;
}
.right a:hover {
color : #6c757a;
background : inherit;
}
.right h3 {
background : #bdbdbd url(h3bg.gif) no-repeat center right;
color : #fff;
padding : 8px 0 8px 5px;
font : bold 1em Tahoma, Arial, Sans-Serif;
margin : 0 0 3px 0;
}
.right_articles {
background : #f5f5f5;
color : #414141;
padding : 8px;
margin : 0 0 3px 0;
}
.image {
float : left;
margin : 0 9px 3px 0;
}
.footer {
clear : both;
text-align : center;
padding : 10px 0 10px 0;
margin : 0;
border-top : 1px solid #ccc;
line-height : 1.8em;
}
.footer a {
color : #808080;
background : #fff;
}
#navlist {
margin : 0;
padding : 0 0 20px 10px;
border-bottom : 1px solid #ccc;
border-top : 1px solid #ccc;
background-color : #6f93db;
height : 10px;
}
#navlist ul, #navlist li {
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
}
#navlist a:link, #navlist a:visited {
float : left;
line-height : 14px;
font-weight : bold;
margin : 0 10px 4px 10px;
text-decoration : none;
color : #000;
}
#navlist a:link#current, #navlist a:visited#current {
border-bottom : 2px solid #e0692a;
padding-bottom : 2px;
background : transparent;
color : #3366cc;
}
a:hover#current {
color : #fff;
}
a:link#s, a:visited#s {
border-bottom : 4px solid #000;
padding-bottom : 2px;
background : transparent;
color : #008000;
}
a:hover#s {
color : #e0692a;
}
.img_p {
border : 0;
width : 66px;
height : 66px;
float : left;
margin : 0 9px 3px 0;
}
.rows {
letter-spacing : inherit;
background-color : #ffffff;
padding : 5px;

}
.rows a {
color : #0000BB;
}
.rows p {
color : black;
}
.pagination {
padding : 2px;
}
.pagination a, .pagination a:visited {
padding : 0 5px;
border : 1px solid #9aafe5;
text-decoration : none;
color : #2e6ab1;
}
.pagination a:hover, .pagination a:active {
	border : 1px solid #2b66a5;
	color : #000;
	background-color: #86D2FF;
}
.pagination a.currentpage {
background-color : #2e6ab1;
color : #fff !important ;
border-color : #2b66a5;
font-weight : bold;
cursor : default;
}
.pagination a.disablelink, .pagination a.disablelink:hover {
background-color : white;
cursor : default;
color : #929292;
border-color : #929292;
font-weight : normal !important ;
}
.pagination a.prevnext {
font-weight : bold;
}
.navegador {
border-bottom-style : solid;
border-bottom-color : #e0691a;
border-bottom-width : 2px;
background-color : #eeeeee;
text-align : left;
}
#resultados {
border-bottom-style : solid;
border-bottom-color : #e0691a;
border-bottom-width : 1px;
background-color : #eeeeee;
text-align : right;
}
#amigas {
border-bottom-style : solid;
border-bottom-color : #008000;
border-bottom-width : 2px;
background-color : #eeeeee;
text-align : left;
font-weight : bold;
font-variant : small-caps;
background : #eeeeee url(link.png) no-repeat;
padding-left : 20px;

}
.amigas a {
text-decoration : none;
border-bottom : 1px solid #eeeeee;
color : #e0692a;

}
#Busquedas_R {
border-bottom-style : solid;
border-bottom-color : #000080;
border-bottom-width : 2px;
background-color : #eeeeee;
text-align : right;
font-weight : bold;
font-variant : small-caps;
}
#Esta {
border-bottom-style : solid;
border-bottom-color : #009933;
border-bottom-width : 2px;
text-align : left;
font-weight : bold;
font-variant : small-caps;
font-size : smaller;
background : #eeeeee url(estas.png) no-repeat;
padding-left : 20px;
}
#rows {
font-family : Arial;

}
.titulo {
color : #0000BB;
font-size : 11px;
font-weight : bold;
line-height : 14px;
}
.descripcion {
color : #000000;
display : block;
font-size : 11px;
line-height : 14px;
}
.url .i{
color : #2d5f2c;
font-size : 10px;
line-height : 12px;
overflow : hidden;
white-space : nowrap;
text-decoration:none;
}

ul#nav {
border-top : 1px solid #dfdfdf;
}
ul#nav li {
display : inline;
}
ul#nav li a {
display : block;
padding : 2px 2px 2px 2px;
color : #556565;
text-decoration : none;
border-bottom : 1px solid #dfdfdf;
}
ul#nav li a:hover {
color : #2b5f1a;
background-color : #e5f3d7;
}
#menu_directorio {
width : 100%;
margin : 0 auto;
padding : 5px 0 6px 0;
background : #4773c1 url(fondo_menu.gif);
border-bottom : 1px solid #000000;
}
#menu_directorio ul {
margin : 0;
padding : 0;
list-style : none;
text-align : center;
}
#menu_directorio li {
display : inline;
background: url(flecha.gif) no-repeat 4px ;
}
#menu_directorio a {
padding : 5px 15px;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
font-weight : bold;
color : #ffffff;
font-family : Constantia;
}


#menu_directorio a:hover {
/* background-position : top;*/
/*border-bottom : 1px solid #e0692a;*/
/*padding-top : 8px;*/
/*background-image : url('bar.gif');*/
/*background-repeat : no-repeat;*/
}


#menu_directorio .activo {
background-position : top;
padding-top : 8px;
background-image : url('bar.gif');
background-repeat : no-repeat;
}


/* terminos */
.abc {margin:0em 2px; width:100%; font:bold 1.2em Arial, Helvetica, sans-serif;}
.abc li {text-align:center;float:left; }
.abc li a {text-decoration:none;background-image:url(hoja.gif); background-position:50% 0; background-repeat:no-repeat; padding:0.5em 0; width:2em;display:block; text-align:center;}

.abc li a.activo { color:#000000;}
.alfa { overflow:hidden;}
.alfa li {float:left; width:33%;border-top:1px solid #f9fafc;}
.alfa li a { padding:0.3em 1em; color:#999999; text-align:right; text-decoration:none; display:block; overflow:hidden; }
.alfa li a span {float:left; text-align:left; color:#e0692a; text-decoration:underline;}
.alfa li a:hover {background-color:#dfdfdf; cursor:pointer;}
/*ERRORES
--------- */

.info, .exito, .alerta, .error {   
       font-family:Arial, Helvetica, sans-serif;    
       font-size:13px;   
       border: 1px solid;   
       margin: 10px 0px;   
       padding:15px 10px 15px 50px;   
       background-repeat: no-repeat;   
       background-position: 10px center;   
}   
.info {   
       color: #00529B;   
       background-color: #BDE5F8;   
       background-image: url('img/info.png');   
}   
.exito {   
       color: #4F8A10;   
       background-color: #DFF2BF;   
       background-image:url('img/exito.png');   
}   
.alerta {   
       color: #9F6000;   
       background-color: #FEEFB3;   
       background-image: url('img/alerta.png');   
}   
.error {   
       color: #D8000C;   
       background-color: #FFBABA;   
       background-image: url('error.png');   
}  

/*----------------*/

div.directorio {
	background: url(top_center.gif) 0 0 repeat-x;
	border-bottom : 1px solid #000000;
}

div.directorio_l {
	background: url(top_left.gif) 0 0 no-repeat;
}

div.directorio_r {
	height: 28px;
	background: url(top_right.gif) 100% 0 no-repeat;
}
span.top_text{
  margin: 8px 0 0 8px;
  padding: 0;
  float: left;
  color: #FFFFFF;
  font-family: arial, geneva, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}


div.subcontenedor{
border-bottom : 1px solid #eee;
background : #eee;
color : #808080;

}

 .parrafo2 {
   float:left;
   color:black;
   background:white;
   border:1px solid #999999;
   font-size:18px;
   line-height:20px;
   padding:2px;
   font-family:times;
   margin-right: 5px;
}
   
.parrafo2 a  {
   text-decoration:none;
	
}
.parrafo2 a:hover {background-color:#dfdfdf; cursor:pointer;}



div.pr {
	font-size: 6pt;
	color: #000000;
}

div.prg{
	width: 20px;
	border: 1px solid #999999;
	height: 4px;
	font-size: 1px;
}
div.prb{
	background: #5eaa5e;
	height: 4px;
	font-size: 1px;
}

.match { background-color: green }

.boton{
font:12px;

cursor:pointer;
height:30px;
margin:0;
outline:0;
padding:0 6px;
width:auto;
overflow:visible;
vertical-align:top;
border: 1px solid #3B6E22;
background-color: #67A54B;
color: #FFFFFF;
font-weight: bold;
font-family: Verdana;

}


.cajaB {
border:1px solid #ccc;
border-bottom-color:#999;
border-right-color:#999;
font:16px arial,sans-serif bold;
height:25px;
margin:0;
padding:5px 8px 0 6px;
vertical-align:top;
}

.cajaT {
border:1px solid #ccc;
border-bottom-color:#999;
border-right-color:#999;
font:14px arial,sans-serif bold;
font-weight: bold;

margin:0;
padding:5px 8px 0 6px;
vertical-align:top;
}

/*sombras img*/
.imgshadow {  
float:left; 
 background: url(shadowAlpha.png) no-repeat bottom right !important;  
 background: url(shadow.gif) no-repeat bottom right;  
 margin: 10px 0 0 10px !important;  
 margin: 10px 0 0 5px;
 }
 
 .imgshadow img {  
 display: block;  
 position: relative;  
 background-color: #fff;  
 border: 1px solid #a9a9a9;  
 margin: -6px 6px 6px -6px;  
 padding: 4px;
 }
 
 /*sombras texto */
 .pshadow {
  width: 90%;
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.pshadow div {
  background: none !important;
  background: url(shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.pshadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }




#tooltip {position:absolute; left:-200px; width:300px; border:1px solid #000; padding:4px 6px; background-color:#FFC; visibility:hidden; z-index:998; text-align:left;}
#tooltip-arrow {position:absolute; left:-200px; z-index:999; visibility:hidden;}

 
 
 .planrural {
    position:relative;
    width:125px;
    height:125px;
    background:url('http://www.eldirectoriode.net/images/sponsors/planrural2.png') center no-repeat; 
    font-size:12px;
    font-family:arial,verdana,helvetica,sans-serif;
}

.planrural a {
	text-decoration: none;
	position: relative;
	top: 90px;
	left: 15px;
	background: #fff;
	color: #0497C8;
	font-weight: bold;
}
.planrural a:hover {
      background:#fff;
 }
 
 .clearboth{
	clear: both;		
}

.bh3{
text-decoration: none; 
margin : 9px 9px 3px 9px;
}


