/* Version: 1.0 (Sep 25, 2006) */
/* En la puerta de la glesia llora un niņo */
/***** Body y Contenido principal *****/

body {
	margin:0 auto;
	padding:0;
	color:#737373;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 80%;
	text-align: center;
	background-color: #eaeaea;
}

#wrap {
	background-color:#fff;
	color:#737373;
	width:820px;
	text-align: left;
	position: relative;
	padding-top: 1px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/***** Header *****/

#header {
	color:#505050;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #165BA0;
	display: block;
	height: 80px;
}

#header img{
	margin-left: 10px;
}

#header h1 {
font-size:2.5em;
font-weight:normal;
letter-spacing:-2px;
margin:0 0 4px 15px;
padding:15px 0 0 0;
}

#header .horizontal{
	display: inline;
	margin-right: 10px;
	padding-left: 148px;
	margin-bottom: 5px;
}

/***** Left sidebar *****/
#avmenu {
	clear:left;
	float:left;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 140px;
}
#avmenu a img {
	margin-top: 5px;
	margin-bottom: 10px;
	display: block;
}
#avmenu ul {
	list-style:none;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	text-align: left;
}

#avmenu li {}

#avmenu li a {
	height:17px;
	text-decoration:none;
	color:#707070;
	background-color: #fff;
	background-image: url(img/boton_activo.jpg);
	padding-top: 0px;
	padding-right: 0;
	padding-left: 6px;
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: bold;
	display: block;
	width: 115px;
	font-size: 9px;
	line-height: 1.4em;
}
#avmenu li.azul a {
	background-image: url(img/boton_activo_azul.jpg);
}
#avmenu li.verde a {
	background-image: url(img/boton_verde.jpg);
}
#avmenu li.naranja a {
	background-image: url(img/boton_orange.jpg);
}
#avmenu li a:hover, #avmenu li a.current {
	color:#505050;
	background-image: url(img/boton_roll%20over.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#avmenu li.azul a:hover {
	background-image: url(img/boton_roll_over_azul.jpg);
}
#avmenu li.naranja a:hover {
	background-image: url(img/boton_orange_r.jpg);
}
#avmenu li.verde a:hover {
	background-image: url(img/boton_verde_r.jpg);
}
#avmenu ul ul {
	font-size:0.9em;
	width:105px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-bottom:5px;
}

#avmenu ul ul a {
height:auto;
margin:0 !important;
display:block;
padding:4px 0 3px 0 !important;
}

#avmenu h5 a {
	padding:0px;
	text-align:center;
	background-position:center;
	margin-left:10px;
}

#gutter{
	padding: 5px;
}
.gutter{
	padding: 5px;
}
#gutter_box{
	padding: 2px;
	border: 1px solid #000000;
}

#cajita, #cajita_dos, #cajita_tres {
	width: 140px;
	background-image: url(img/cajita_abajo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
  }
  
#cajita p, #cajita_dos p, #cajita_tres p {
	font-size: 0.9em;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
} 
  
#cajita h3, #cajita_dos h3, #cajita_tres h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 105%;
	color: #4f4f4f;
	background-image: url(img/cajita_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 125%;
  } 
#cajita h4, #cajita_dos h4, #cajita_tres h4 {
	margin: 0;
	font-size: 100%;
	color: #696969;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 10px;
	font-weight: bold;
  }   

#cajita ul, #cajita_dos ul, #cajita_tres ul {
	margin: 0;
	list-style: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
  }
ul.foro {
padding-bottom: 0px;;
}
#cajita li, #cajita_dos li, #cajita_tres li {
	margin: 0 0 6px;
	padding: 0;
  } 

form#boletin {
	width: 120px; margin: 0px; padding: 0px; font-size: 90%; margin-bottom: 10px;
}
form#boletin input, form#boletin select {
	width: 110px; height: 17px;
	border: 1px solid #666666; font-size: 8pt; margin: 0px; padding: 1px;
}


/***** Main content *****/

#contentwide{
	padding:0;
	line-height:1.5em;
	text-align:left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 160px;
}

#contentwide h2 {
font-size:1.8em;
letter-spacing:-1px;
font-weight:normal;
margin:8px 0 10px 0;
padding:0;
}

#contentwide h3 {
font-size:1.5em;
font-weight:normal;
margin:6px 0 6px 0;
padding:0;
}

#contentwide img {}

#contentwide a{
font-weight:none;
}

#contentwide ul, #contentwide ol {
margin:0 0 16px 20px;
padding:0;
}

#contentwide ul ul, #contentwide ol ol {
margin:2px 0 2px 20px;
}

#contentwide li {
margin:0 0 2px 10px;
padding:0 0 0 4px;
}

#editorial{
	padding-right: 15px;
}

/***** Contenido secundario *****/

#contenido_secundario{
	padding:10px 0 0 0;
	line-height:1.5em;
	text-align:left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 160px;
	
}

#message {
	font-size: 90%;
	color: #737373;
	background-color: #FFF;
	border-bottom: 1px solid #b9b9b9;
	display: block;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	line-height: 120%;
	}
#message p{
	float: left;
}
#message ul{
	text-align: center; 
	float:right;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style:none;	
}
#message li{
	display: inline;
	background: url(media/greenbg.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: left;
}

#message a {
	color: #999999;
	float: left;
	margin:	0;
	padding-left:5px;
	text-decoration: none;
	background-color: #ebebeb;
	padding-right: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bbb;
	padding-top: 3px;
	padding-bottom: 2px;
}

#message a:hover {
	color: #333333;
	background-color: #DBDBDB;
}

#message a span {
	background: url(media/greenright.gif) no-repeat right top;
	display: block;
	padding:7px 13px 4px 5px;
}

/***** primera noticia *****/

#sweden {
	float: left;
	width: 320px;
	/* border-bottom: solid 1px #333; */
	background-color: #FFF;
	padding: 0px;
  	}
#sweden dl {
	float: left;
	padding: 0;
	display: inline;
	margin-top: 4px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 2px;
  	}
#sweden dt {
	margin: 0;
	padding: 0;
	font-size: 110%;
	color: #165ba0;
	font-weight: bold;
	/*width: 160px;*/
  	}

#sweden dt a{
	color: #165ba0;
	text-decoration: none;
}

#sweden dt a:hover{
	color: #618cb1;
}

#sweden dt img {
	border: 1px solid #CCCCCC;
	float: left;
	width: 100px;
	margin: 0 5px 5px 0;
}	

#sweden dd {
	padding: 0;
	font-size: 0.9em;
	line-height: 1.35em;
	color: #666;
	margin: 0;
	clear: both;
}
	
#sweden ul {
	font-size: 85%;
	color: #333333;
	clear: left;
	list-style-type: disc;
	margin-left: 17px;
	line-height: 105%;
	font-weight: bold;
	padding-top: 5px;
}

#sweden li {
	margin-left: 0px;
	padding-left: 0px;
}	
	
#publicidad {
	float:right;
	width: 300px;
	margin-bottom: 10px;
}
	
/* Anuncios horizontales */ 	
	
.banner {
	width: 645px;
	text-align: center;
	margin: 10px 0 10px 0;
}
.banner-interior {
	width: 250px;
	height: 250px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


/* Destacados */ 
#destacados {
	text-align:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
	height: 240px;
	padding: 6px;
	float: right;
}
#destacadosIzquierda, #destacadosDerecha {
	text-align:left;
	margin: 0px 0px;
	display: block;
	width:315px;
}
#destacadosIzquierda {
	float: left;
	padding: 0px 0px;
}
#destacadosDerecha {
	float: right;
	padding: 0px 15px;
}

.box {
	/*width: 320px;*/
	height: 133px;
	/*float: left;*/
	margin: 5px 0px;
	/*background-image: url(img/destacados_base.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	*/
	padding: 0px;
	font-size: 80%;
	/*border: 1px solid #CCCCCC;*/
	overflow: hidden;
	vertical-align: top;
	border-bottom: 1px solid #CCCCCC;
  }
.box h3 {
	
	color: #FFF;
	background-image: url(img/esquina.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #cccccc;
	text-align: left;
	margin: 0px;
	letter-spacing: 1px;
	line-height: 105%;
	padding: 2px 15px;
	height: 16px;
	font-size: 13px;
  }
.box img {
	border: none;
	float: left;
	margin: 5px 10px 100px 0;
}
.box p {
	display: block;
	padding: 0 5px;
	border: 1px solid #CCCCCC;
	margin: 0;
	height:113px;

}


/* Mensajes del foro */
.del_foro {
	/*width: 625px;*/
	clear: none;
	float: left;
	/*background-image: url(img/foros_abajo.gif);*/
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 10px 10px 0 0;
	border-collapse:collapse;
  }
.del_foro h3 {
	margin: 0;
	font-size: 100%;
	color: #FFFFFF;
	background-image: url(img/esquina.gif);
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 15px;
	line-height: 110%;
	border-collapse:collapse;
	border: 0;
  }
.del_foro ul {
border: 1px solid #CCCCCC;
	margin: 0;
	list-style: none;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
  }
  
.del_foro li {
	margin: 0 0 6px;
	padding: 0;
	font-size: 90%;
  } 

.del_foro li a{
	font-weight: bold;

	color: #5F8CAF;
	margin: 0;
	color: #5F8CAF;
	background-image: url(img/vineta.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
  } 
/***** Footer *****/

#footer {
	clear:both;
	border-top:2px solid #dadada;
	width:100%;
	text-align:center;
	color:#808080;
	background-color:#ffffff;
	font-size:0.9em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}

#footer p {
padding:0;
margin:0;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/***** De todo, como en botica *****/

a {
text-decoration:none;
color:#505050;
background-color:inherit;
}


a img {
border:0;
}

p {
margin:0 0 16px 0;
}

.hide {
display:none;
}

.enviar a{
	background-image: url(img/boton.jpg);
	background-repeat: no-repeat;
	color: #4F4F4F;
	font-weight: bold;
	width: 110px;
	height: 20px;
	font-size: .8em;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 250px;
	padding-left: 7px;
	background-position: center bottom;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
label {
	width: 90px;
}

.seccion {
	width: 98%;
}
.articulo {
	float: left;
	width: 510px;
}

#contentwide .articulo p{
	font-size: 90%;
	color: #737373;
}

#contentwide .articulo h2{
	color: #165BA0;
	font-size: 22px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #175A9E;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 3px;
	/*height: 24px;*/
}

#contentwide .articulo h3{
	color: #618CB1;
	font-weight: bold;
	font-size: 16px;
	padding-top: 6px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
#contentwide .articulo em, #contentwide .articulo p{
	text-align:justify;
}
#contentwide .articulo li{
	font-size: 90%;
	line-height: 100%;
	filter: Xray;
	margin-bottom: 10px;
}


.articulo_lateral {
	float: right;
	width: 125px;
}

/* DIRECTORIO */

.directorio-lista {text-align: center;}
.directorio-elemento {width: 150px; height: 100px; background-color: #003366; margin: 5px; padding: 0px; text-align: left; vertical-align: bottom; display: block; float: left;}
.directorio-elemento h4 {margin: 0px; padding: 5px; font-size: 14px;}
.directorio-elemento h4 a {color: #FFFFFF;}

.directorio-empresa {
	border-top: 1px solid #CCCCCC;
	clear: both;
	padding-top: 10px; margin-top: 10px;
	}
.directorio-empresa img {
	float:left; margin-right: 15px; margin-bottom: 15px;
	}
#contentwide .articulo .directorio-empresa h3 {
	margin: 0px; 
	}
	
#contentwide .articulo .directorio-empresa p {
	margin: 0px; padding-left: 115px;
	}
.directorio-empresa .logo {
	float:left; margin-right: 15px; margin-bottom: 15px;
	}
.directorio-empresa .foto {
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #eeeeee;
	background-color: #f8f8f8;
	text-align: center;
	}
.directorio-empresa .foto img {
	float: none;
	}
	
#contentwide .articulo .directorio-empresa p, #contentwide .articulo .directorio-empresa h3 {
	margin: 0px; padding-left: 115px;
	}
#herramientas-directorio {
	margin-bottom: 15px;
}
#herramientas-directorio div {
	display: block;
	width: 170px; height: 90px;
	background-repeat:no-repeat;
}
#herramientas-directorio div p {
	margin: 20px 5px 5px 32px;
	font-weight:normal;
}
#herramientas-directorio div p a:link, #herramientas-directorio div p a:visited {
	color: #0099CC; font-size: 125%;
}
#herramientas-directorio .buscar {
	float:left;
	background-image:url(img/fondo_buscar.gif);
}

#herramientas-directorio .buscar p, #herramientas-directorio .agregar p{
	text-align:left;
	font-size:10px;}

#herramientas-directorio .agregar {
	float:left;
	clear:right;
	margin-left:5px;
	background-image:url(img/fondo_agregar.gif);	
}

#herramientas-directorio .extra {
	float:left;
	clear:right;
	margin-left:5px;
	background-image:url(img/fondo_extra.gif);
	width: 150px;
	margin-top: 0px;
}

#herramientas-directorio .extra h3{
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 14px;
}

#herramientas-directorio .extra a{color: #0099CC;}

.articulo form input, .articulo form textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}
pre, pre samp {
	font-family: "Courier New", Courier, monospace;
	font-size:small;
	white-space:normal;
}
pre {
	border: 1px solid #000000;
	padding: 10px;
}
#sendData {
	margin: 10px 0px;
}
#sendData fieldset {
	width:43%;
	padding: 10px;
}
#sendData fieldset.der {
	float:right;
}
#sendData fieldset.izq {
	float:left;
}
#sendData label {
	display: block;
	width:100%;
	white-space:nowrap;
	clear:both;
}
#sendData input, #sendData textarea {
	width:100%;
	border:1px solid #999999;
}
#sendData textarea {
	height: 100px;
}
/*MENU*/
ul#simpleMenu ul.foro li a {
background:none;
padding:0;
line-height:0.8em;
margin-left:0px;
color:#006699;
margin-bottom:10px;
_margin-bottom:10px;
width: 105px;
}
ul#simpleMenu ul li a:hover {background:none;}
a.imp, a.bot{
	/*float:right;*/
	margin-left:230px;
	text-decoration:none; 
	color:#0066CC;
}
a.impProv{
	text-decoration:none; 
	color:#0066CC;
	margin-left:330px;
}

a.bot{float:right; margin-left:0px;}

a.noim{text-decoration:none;color:#0066CC;}

a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}
.boletin{ height:30px;}