/***
	Estilo para MetVen
***/

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	font: 62.5%/1.5 verdana, helvetica, arial, sans-serif;
	background: #878787;
	text-align: center;
}

h1 {
	font-size: 2em; 
}

h2 {
	font-size: 1.5em; 
	font-weight: bold; 
/*	text-transform: uppercase;*/
	padding: 0.4em 0 0.1em;
}

h2.portada {
	font-size: 1.5em; 
	margin: -5px -5px 3px; /*	margin: -3px -3px 0.5em; */
	background-color: #525252;
	color: white;
	padding: 0 2px; 
	font-weight: bold; 
	text-transform: uppercase;
}

h3 {
	font-size: 1.3em; 
	font-weight: bold;
}
h4, h5 { font-size: 1.2em; font-weight: bold;}
h6 { font-size: 1.1em; margin-bottom: 0px; margin-top: 0px;}
h3 { padding-bottom: 0.2em; margin-bottom: 0; }

p {
	padding: 0.5em 0;
	font-size: 1.1em;
/*	line-height: 1.5;*/
	}

a {
	color: navy; /*#009*/
	text-decoration: none;
	}

a:visited {
	color: navy; /* #00008B */
	}

a:hover {
  text-decoration: underline;
}

img { 
	border: 0; 
	}

code {
	font-size: 1em;
	font-family: 'lucida console', 'Courier New', monospace;
	}
pre {
	background-color: #EFEEF7;
	padding: 0.75em 1.5em;
	font-size: 12px;
	border: 1px solid #ccc;
	}

metven {
/*	font-family: 'lucida console', 'Courier New', monospace;*/
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
/*	font-weight: bold;*/
	letter-spacing: 1px;
}

/*LAYOUT*/

.encabezado {
	width: 760px;
	margin: 13px auto 0;
	background: #e8eff3;
	border: solid 0px #999;
/*	border-bottom: solid 0px #999;*/
	text-align: left;
}

.encabezado h1{
	padding-left: 5px;
	font-size: 5em; 
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin-bottom: -0.3em;
}

.encabezado p{
	padding-left: 5px;
}

#paginaLayout {
	text-align: center;
	width: 832px;
	margin: 0 auto;
	background: #878787 url(images/background-drop-shadow.gif) repeat-y;
}

#wrapper {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}


#columnaIzquierda, #columnaDerecha {
	float: left;
	width: 369px; /* 369px 49% */
}

#columnaIzquierda {
	margin-right: 22px; /* 22px 2%*/
}

/*esto se necesita para salir del modo dos columnas*/
.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}	

.clearFloats {
/*		font-size: 1.5em;*/
		padding: 1em 0 0;
		clear: both;
}	

.clima {
/*	border: 1px solid #525252;*/
	text-align: center;
}

.clima h2 {
	text-align:left;
	text-transform: uppercase;
	padding: 0.25em;
}

/*formato de los boxes de clima - de 'www.notkewl.com/myweather' */
#torrent_frame_0 {
	margin: 10px auto;
	height: 250px;
	width=280px;
/*	border: 1px solid #525252;*/
	background-color: #E0E0E0;
}

#pie {
	font-size: 0.90em;
	width:760px;
	text-align: center;
	margin: 0 auto;
	padding: 1.2em 0;
/*	background: #EEEEEE;*/
/*	border: solid 0px #999;*/
/*	border-bottom: solid 0px #999;*/
}

.copyright {
	font-size: 0.80em;
}

.contentFooter {
		width: 832px;
		height: 20px;
		background: url(images/background-drop-shadow-2-footer.gif) no-repeat;
		padding: 0 36px;
		margin: 0 auto;
		}

.contentHeader {
		width: 832px;
		height: 20px;
		background: url(images/background-drop-shadow-footer.gif) no-repeat;
		padding: 0 36px;
		margin: 0 auto;
		}

.fecha{
	text-align: right;
	padding: 0.1em 0.5em;
	background: #bbbbbb;
}

.fecha p {
	font-size: 1.0em;
	font-family: arial; sans-serif;
	padding: 0 0 2px;
}

.novedades {
	background: #ffffcc;
	margin: 8px 0;
	padding: 5px;
	border: 1px solid #525252;
}

.novedades p {
	text-align: justify;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 0;
}

.novedades h3 {
	font-size: 1.2em; padding: 0 0 0.2em;
}

.archivo {
	background: #fff0f5; /* LavenderBlush, antes era #e7e4d3; */
	margin: 8px 0;
	padding: 5px;
	border: 1px solid #525252;
}

.lluvias {
	background: #ebf4fa;
	margin: 8px 0;
	padding: 5px;
	border: 1px solid #525252;
}

.lluvias li {
	list-style-type: square;
	font-size: 1.2em;
	}

.noticias {
	background: #FFFFFF;
	margin: 8px 0;
	padding: 5px;
	border: 1px solid #525252;
}


/* noticias del RSS http://convert.rss-to-javascript.com */
.news{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	}

.newsAlt {
	background-color: #e6e6fa; /*Lavender*/
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	}

/* noticias del RSS http://feeds.theblogresource.com */
.rss_date {
          font-size: 0.8em;
}

.rss_item {
		background-color: #ffffff;
		font-size: 1.1em; 
		margin: 0;
		padding: 0;
}

.autor {
		text-align: right;
		font-size: 1em;
}

ul {
	padding: 0.35em 1.0em;
}

li {
	list-style-type:circle;
	list-style-position: inside;
	padding: 0.15em;
	font-size: 1.2em;
}


/* prestado de "www.ikony.w.inds.pl" para el RSS */
.feedlink { /* On the sidebar */
	border: none;
	padding: 2px;
	padding-right: 20px;
	background: url('images/feed.gif') right center no-repeat;
	height: 16px;
	float: right;
	margin-top: -2.4em;
/*	position: absolute;*/
/*	top: 0;*/
/*	right: 0;*/
	color: #ffffff; /*777*/
	}

.feedlink span {
	visibility: hidden;
	}

.feedlink:hover span {
	visibility: visible;
	}
.boxout {
		float: right;
		width: 180px;
		margin: 0 0 20px 20px;
		background-color: #e1e1e1;
		padding: 0 10px;
		}
		
.boxout h2 {
		font: bold 1.2em Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #ffffff;
		background-color: #d7932a;
/*		background-color: Peru;*/
		margin: 0 -10px;
		padding: 3px 10px;
		border-bottom: 1px solid #ffffff;
		}		
		
.boxout p {
		font-size: 0.9em;
		}

.campoPlanilla {
		border: 1px solid #333333;
		background-color: #dddddd;
		padding: 2px;
}

.botonEnviar {
		border: 2px solid #333333; 
		background-color: #dddddd; 
		padding: 1px 3px;
		} 
		
fieldset {
		width: 350px; 
		border: 1px dashed #555555; 
		padding: 10px 10px 0;
		margin: 10px 0;
/*		margin: 0 auto 10px; Esto es para centrar la planilla*/
		}		 
		
legend { 
		padding: 0 10px; 
		font-family: Arial, Helvetica, sans-serif; 
		color: #000000; 
		background: #ffffff;
		text-transform: uppercase; 
		}

form p {
		margin-bottom: 10px;
		}

/*select {*/
/*		width: 200px;*/
/*		}*/
