/* CSS Document */
body {
	text-align:center; /* centrar para IE5 */
	background-color:#EFF6DF;
}
h2, h1{
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin: 3px;
	padding: 0;
	font: bold 11px Georgia,"Times New Roman", Times, serif;
}

h2{
	color: #8BA657;
	height: 12px;
	border-bottom: 1px dotted #8BA657;
	padding-bottom: 2px;
	margin-bottom: 4px;
}

h3{
	font-size: 10px;
	margin-bottom: 6px;
	text-transform: uppercase;
	color: #8BA657;
	margin-top: 8px;
	text-align: left;
}

div.tercerCol h3{
	font-size: 10px;
	margin-bottom: 12px;
	text-transform: uppercase;
	color: #8BA657;
	margin-top: 8px;
	text-align: left;
}
#contenedor {
	width:800px;
	text-align:left; /* alinear textos */
	margin:0 auto;  /* centra el contenedor*/
	background-color:#fff; 
	border:1px dashed #ADC091;
	color:fff;
}
#encabezado {
	/*background-color:#CAE095; */
	background: #CAE095 /*url(../_img/sitio/top.jpg) no-repeat right top*/;
	height:200px; /* original 104 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: left; /*original center*/
}
#whois {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:330px; /* original 104 */
	font-size: 11px;
	color:000;
	text-align: left; 
	margin-left:5px;
	margin-right:5px;
	padding: 3px 5px 5px 3px;
}
#whois ul{
	padding: 0 0 0 10px;
}
#whois ul li{
	margin-left:20px;
	list-style-type: none;
}
#ubicacion {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:000;
	text-align: left; 
	/*margin-left:5px;
	margin-right:5px;*/
	margin: 0px 5px 25px 5px;
	padding: 3px 5px 25px 3px;
	/*border-bottom: 1px dotted #8BA657;*/
}
#menu {
	border-top:4px solid #fff;/*no estaba en el original*/
	height:20px;
}
#menu ul {
	margin: 0;
	padding: 0 0 20px 0;
	background-color:#CAE095; /*original #50691b*/
}
#menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#menu ul li span {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 4px 4px 0px 4px; /* original 4px 10px 0px; */
	padding-bottom: 2px;
	/*padding: 2px 3px 2px 3px;lo puse pa viktor*/
	text-decoration: none;
	color: #845900;
}
#menu ul li a:link, #menu ul li a:visited {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 4px 4px 0px 4px; /* original 4px 10px 0px; */
	padding-bottom: 2px;
	/*padding: 2px 3px 2px 3px;lo puse pa viktor*/
	text-decoration: none;
	color: #845900;
}
#menu ul li a.actual:link, #menu ul li a.actual:visited, #menu ul li a:hover {
	background-color:#ECF5E0;	/*este tenia pa viktor#f1f6f8;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*border-bottom: 3px solid #000; si no lo comento tiene un efecto raro*/ 
	margin: 4px 4px 0px 4px; /* en webonazos no estaba */
	padding-bottom: 2px;
	color: #845900;
}
#noticias {
	clear:left;
	width:200px;
	height: 250px;
	float:left;
	margin-top:5px;
	border-right:1px dashed #8BA657;/*no estaba en el original*/
	padding-left: 5px;
}
* html #noticias {
	height:285px; /* para IE5.x/W */
	h\eight: 285px; /* para otros IE */
}
.tituloNota{
	padding: 6px 1px 6px 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0e4e74;
	margin: 0;
}
/* solo para el marco del titulo */
.subject{
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #97BC03;
	font-weight: bold;
	border-bottom: 1px dotted #8BA657;
	padding: 3px 5px 1px 10px;
	margin: 3px 0 0 0;
	width: 90%;
}
#dentro{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 10px;
	color:000;
	padding: 3px 5px 5px 3px;
	margin-left:5px;
	margin-right:5px;
	clear:left;
}
.mas{
	padding: 1px 10px 6px 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:right;
	color: #97BC03;
	margin: 0;
}
p.mas a{
	color: #97BC03;
	text-decoration: none;
}

p.mas a:hover{
	color: #8BA657;
	text-decoration: underline;
}
#fecha{
	/*margin: 20px 10px 0px 10px;*/
	padding: 2px 10px 2px 10px;
	clear:left;
}
#quienes {
	width:590px;
	height: 250px;
	margin-left:210px;/* margen izquierdo de 400px, los mismos que el ancho del contenido*/
	margin-top:5px;
	/*border:1px dashed #cccccc;*//*no estaba en el original*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 10px;
	color:000;
}
* html #quienes {
	/* Originalmente tenia  245 pero por poner las frases italicas la reduje a 240
		son 10 pixeles de diferencias con navegadores q no son IE.
		MALDITO IE!!!*/
	width: 580px; /* para IE5.x/W */		
	w\idth: 580px; /* para otros IE */
}
#quienesdentro{
	width:570px;
	padding: 3px 5px 5px;
	margin-left:5px;
	margin-right:5px;
	/*border:1px dashed #cccccc;*/
	height: 250px;
}
* html #quienesdentro {
	width: 567px; /* para IE5.x/W */
	w\idth: 567px; /* para otros IE */
	height:245px; /* para IE5.x/W */
	h\eight: 245px; /* para otros IE */
}
.subjectQuienes{
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #97BC03;
	font-weight: bold;
	border-bottom: 1px dotted #8BA657;
	padding: 3px 5px 1px 5px;
	/*background-color: #F6F6F6;*/
	margin: 3px 0 0 0;
	width: 97%;
}
div#contenedor2{
	clear:left;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#ffffff;
	margin:5px 0 0px 0;
	padding:10px 0 15px 0;
}
div.primerCol,div.segundaCol,div.tercerCol,div.cuartaCol {
   float: left;
   /*top:155px;*/
   padding: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align:justify;
   font-size: 10px;
   color: #000000;
}

div.primerCol,div.segundaCol,div.tercerCol p{
	margin-top: 1px;
	padding-right: 5px;
}

div.primerCol {
   width: 234px;/*217px;*/
   /*margin:0;*/
   margin:0 0 0 5px;
   border-right: 1px dotted #8BA657;
}

div.primerCol a{
	color: #0e4e74;
	text-decoration: none;
}

div.primerCol a:hover{
	color: #0e4e74;
	text-decoration: underline;
}

div.segundaCol {
   width: 270px;	
   margin:0 0 0 10px;
   border-right: 1px dotted #8BA657;
}
div.segundaCol a{
	color: #8BA657;
	text-decoration: none;
}

div.segundaCol a:hover{
	color: #788E4B;
	text-decoration: underline;
}

div.tercerCol {
   width: 254px;
   margin:0 0 0 10px;
}
div.tercerCol a{
	color: #0e4e74;
	text-decoration: none;
}

div.tercerCol a:hover{
	color: #0e4e74;
	text-decoration: underline;
}
.imagenLeft{
	float: left;
	margin: 6px 12px 4px 0;
	vertical-align: middle;
	border: 1px solid #8BA657;
   	padding:2px;
	background-color: #ECF5E0;
}
.imagenCenter{
	float: left;
	margin: 6px 12px 4px 0;
	vertical-align: middle;
	border: 1px solid #8BA657;
   	padding:2px;
	background-color: #ECF5E0;
}

div#pie{
	clear:left;
	background-color: #ECF5E0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#7A7A7A;
	/*height: 28px;*/
	margin:5px 0 0px 0;
	padding:10px 0 15px 0;
}
#pie a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#7A7A7A;
	text-decoration: underline;
}
#pie a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#7A7A7A;
	text-decoration: none;
}
.tooltip{
	/*background: transparent;*/
	/*font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;*/
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #996633;
	text-decoration: none;
	background-color: #f2f2f2;
	border: 1px solid #CC9966;
	padding:3px;
}
.dropshadow{
	float:left;
	clear:left;	
	background: url(_img/shadow-png.png) no-repeat bottom right !important; /* nice browsers (e.g. Firefox/Opera/Safari) ONLY notice this line*/
	background: none no-repeat top left; /* we need to clear the background graphic for the alphaloader to work in IE5.5 and 6 */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='_img/shadow-png.png'); 
	margin: 10px 10px 10px 15px;
}
.dropshadow img{
	position:relative;
	bottom:6px;
	right: 8px;
	border: 1px solid #eee;
	border-color: #eee #888 #666 #ddd;
	background:#fff;
	padding:8px 6px 15px 6px; /* gives us the white area - but not in IE5 + IE5.5 */
	margin: 0px;
}
/* solo para el marco de la fecha y el bgcolor */
.date{
	border:1px dashed #E6E6E6;
	background-color: #F6F6F6;
	padding: 10px 5px 5px;
	margin: 5px 5px 10px;
	height: 380px;
}

/* de http://www.alistapart.com/articles/cssdropshadows/ */
.p-shadow {
	/*width: 70%;*/
	float:left;
	background: url(../_img/sitio/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../_img/sitio/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
  }

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

.p-shadow p {
  color: #5f5f5f;
  background-color: #F6F6F6;
  font: 12px/17px Arial, Myriad, Lucida Grande, sans-serif;   
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}

.linkMenu{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}

.espacio
{
	padding: 10 5px 10px 5px;
	margin: 0;
	border-bottom: 1px dotted #8BA657;
}
.espaciomayor
{
	padding: 50 0 50px 0;
	margin: 0;
}

/*Mostrar y Ocultar div's */
div.ocultar{
	display: none;
}
div.mostrar{
	display: inline;
}

/* estilos para el texto con comillas grandes */ 
blockquote {
	background: url(http://localhost/webonazos/images/sitio/comillas.gif) no-repeat;
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color: #666;
	padding-left: 20px;
	font-style: italic;
	font-size: 160%;
	line-height: 120%;
	margin-bottom: 1px;
	display:block;
	/*padding-top:5px;*/
	clear:left;
}
#derecha{
	text-align:right;
	padding-top:10px;
	padding-right: 10px;
	clear:left;
}	

/*------------  GALERIA  -------------*/
div.primerColG,div.segundaColG,div.tercerColG {
   float: left;
   /*top:155px;*/
   padding: 0 0 30px 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align:justify;
   font-size: 10px;
   color: #000000;
}

div.primerColG {
   width: 200px;
   margin:9px 0 0 5px;
   border-right: 1px dotted #8BA657;
}
div.primerColG p {
   padding:0 0 0 20px;
   margin:0 0 0 0;
}

*html div.primerColG {
   width: 200px;
   margin:9px 0 0 5px;
}
.previewG{
	float: left;
	margin: 6px 12px 4px 0;
	vertical-align: middle;
	border: 1px solid #8BA657;
   	padding:2px;
	background-color: #ECF5E0;
}
.previewG:hover{
	float: left;
	margin: 6px 12px 4px 0;
	vertical-align: middle;
	border: 1px solid #8BA657;
   	padding:2px;
	background-color: #990000;
}

div.primerColG a{
	color: #788E4B;
	text-decoration: none;
	background-color: #ECF5E0;
}

div.primerColG a:hover{
	color: #8BA657;
	text-decoration: underline;
	background-color: #990000;
}

div.segundaColG {
   width: 310px;
   margin:10px 0 0 10px;
}
*html div.segundaColG {
   width: 230px;
   margin:2px 0 0 10px;
}
div.segundaColG a{
	color: #8BA657;
	text-decoration: none;
}

div.segundaColG a:hover{
	color: #788E4B;
	text-decoration: underline;
}

div.tercerColG {
   width: 230px;
   margin:0 0 0 10px;
}

*html div.tercerColG {
   width: 230px;
   margin:9px 0 0 10px;
}

div.tercerColG a{
	color: #0e4e74;
	text-decoration: none;
}

div.tercerColG a:hover{
	color: #0e4e74;
	text-decoration: underline;
}
/*------------  FIN GALERIA  -------------*/

.dentroPopup{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 12px;
	color:000;
	padding: 9px 5px 5px 5px;
	margin-left:5px;
	margin-right:5px;
}
.subjectPopup{
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #4F6202;
	font-weight: bold;
	border-bottom: 1px dotted #8BA657;
	padding: 3px 5px 1px 5px;
	margin: 3px 0 0 0;
	width: 97%;
}