/* @override 
	http://www.caminantedigital.com.ar/estilos.css
	http://www.caminantedigital.com.ar/estilos.css?1
*/

html, body { height: 100%; }		
html, body, h1, h2, h3, h4, form, ul,  img { margin: 0; padding: 0; border: 0; }
body { font-family:Arial, Verdana, sans-serif; font-size: 12px; color: #3b3b3b; background-color: #d5e3ee; background-repeat: repeat-y; background-position: center 0; text-align: center; }
a { text-decoration: none; }  
#holder { background-image: url(images/fondo.jpg); background-repeat: repeat-y; background-position: center 0; width: 1054px; margin: 0 auto; }
#header { background-image: url(images/ftop.jpg); background-repeat: no-repeat; background-position: center top; bottom: 0; width: 1010px; height: 118px; margin: 0 auto; padding: 0 20px; }
#clima {  
	width: 180px; 
	float: left; 
	margin-top: 75px; 
	margin-left: 30px; 
	text-align: left;
	}
#clima .imagen {  
	width: 40px; 
	height: 40px; 
	float: left; 
	text-align: left;
	}

#header .logo { background-image: url(images/logo.jpg); background-repeat: no-repeat; width: 327px; height: 85px; float: left; margin-top: 20px; margin-left: 20px; }
#header .publicidad { background-color: #6a757e; width: 420px; height: 90px; float: right; margin-top: 20px; margin-right: 15px; }
#menu { background-image: url(images/fondomenu.jpg); background-repeat: repeat-x; margin: 0 auto; width: 978px; height: 30px; }
#main { text-align: left;  margin: 0 auto 0; width: 980px; display: block; }
#pie { color: #404040; font-size: 12px; font-family: Arial; background-image: url(images/fpie.jpg); background-repeat: no-repeat; background-position: center bottom; margin: 5px auto 0; width: 1010px; height: 70px; padding: 0 20px; }
#pie .logo { background-image: url(images/logopie.jpg); background-repeat: no-repeat; text-align: left; width: 220px; height: 40px; float: left; margin: 3px 0 0 15px; padding-top: 5px; padding-left: 163px; }
#by a { color: #333; font-size: 9px; float: right; margin-top: 60px; margin-right: 1px; }
#by a:hover { color: #5c5c5c; }
#navigation { text-align: center; width: 690px; visibility: visible; clear: both; margin: 3px auto; display: block; }
.clear { clear: both; height: 1px; }
#separadorpie { background-image: url(images/fondomain.jpg); background-repeat: repeat-x; background-position: 0 bottom; width: 978px; height: 12px; display: block; }

.izquierda { width: 734px; float: left; border-right: 1px solid #888; display: block; }
.derecha { width: 230px; float: right; padding-right: 8px; padding-left: 7px; display: block; }

.columna1 { width: 450px; float: left; padding-right: 7px; padding-left: 8px; border-right: 1px solid #888; display: block; }
.columna2 { width: 250px; float: left; padding-right: 8px; padding-left: 8px; display: block; }

.notaprincipal { clear: both; margin-bottom: 4px; border-bottom: 1px solid #888; }
.notaprincipal .imagen { background-repeat: no-repeat; width: 450px; height: 288px; overflow: hidden; float: left; margin: 2px; }
.notaprincipal h2 a { color: #103b77; font-size: 18px; font-family: Arial; }
.notaprincipal h2 a:hover { color: #35609c; }
.notaprincipal span a { color: #636363; font-size: 12px; font-family: Arial; margin-top: 4px; }
.notaprincipal span a:hover { color: #575757; }


.nota { clear: both; margin-bottom: 4px; border-bottom: 1px solid #888; }
.nota .imagen { background-repeat: no-repeat; width: 150px; height: 90px; overflow: hidden; float: left; margin: 2px 4px 2px 2px; }
.nota h2 a { color: #103b77; font-size: 16px; font-family: Arial; }
.nota h2 a:hover { color: #35609c; }
.nota span a { color: #636363; font-size: 12px; font-family: Arial; margin-top: 4px; }
.nota span a:hover { color: #575757; }

.notaderecha { clear: both; margin-bottom: 4px; border-bottom: 1px solid #888; }
.notaderecha .imagen { background-repeat: no-repeat; width: 250px; height: 135px; overflow: hidden; margin-top: 2px; margin-bottom: 2px; }
.notaderecha h2 a { color: #103b77; font-size: 14px; font-family: Arial; }
.notaderecha h2 a:hover { color: #35609c;  }
.notaderecha span a { color: #636363; font-size: 12px; font-family: Arial; margin-top: 4px; }
.notaderecha span a:hover { color: #575757;  }

.listado { margin-left: 8px; margin-top: 10px; }
.listado .rubro { text-align: right; color: #103b77; font-size: 18px; font-family: Arial; display: block; border-bottom: 1px solid #888; margin-bottom: 6px; width: 700px;}
.listado .item { clear: both; margin-bottom: 4px; border-bottom: 1px solid #888; width: 700px;  }
.listado .item .imagen { float: left; margin: 2px; width: 140px; height: 105px; overflow: hidden; }
.listado .item h2 a { color: #103b77; font-size: 14px; font-family: Arial; }
.listado .item h2 a:hover { color: #35609c;  }
.listado .item span a { color: #636363; font-size: 12px; font-family: Arial; margin-top: 4px; }
.listado .item span a:hover { color: #575757;  }

.lectura { margin-left: 8px; margin-top: 10px; width: 700px; clear: both; margin-bottom: 4px;}
.lectura .rubro { text-align: right; color: #103b77; font-size: 18px; font-family: Arial; display: block; border-bottom: 1px solid #888; margin-bottom: 6px; width: 700px;}
.lectura .imagen { float: left; margin: 2px; width: 140px; height: 105px; overflow: hidden; }
.lectura .titulo { color: #103b77; font-size: 16px; font-family: Arial; }
.lectura .copete { color: #505050; font-size: 12px; font-family: Arial; margin-top: 2px; }
.lectura .texto { color: #505050; font-size: 12px; font-family: Arial; margin-top: 2px; }
.lectura .texto img { margin: 6px; }



#menuh { color: #fff; float: left; margin-top: 9px; }

#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0;
	padding: 0;
}

#menuh li {
	float: left;
}

#menuh a { text-decoration: none; color: #fff; display: block; text-align: center; padding: 0 6px; }

#menuh a .seleccionado { color: #DEE; }

#menuh a:hover { color: #bbb; }
			input.campo_normal {color:#000;  background:#fff }
			input.campo_ok {color:#000;  background:#fff url(images/ok.png) no-repeat top right; }
			input.campo_mal {color:#000;  background:#f97c66 url(images/bad.png) no-repeat right top;}

.vermas { color: #103b77; margin-left: 3px; }