BODY { 
	text-align: center;		/* centra el contenido */
	min-width: 760px;		/* arreglo de overflow para mozilla */
	margin:0;
	padding:0;
	background-color: #666;
	background: transparent url("img/bg.jpg");
}

#logo {
	position: relative;
	left: 10px;
	top: 20px;
}

/* ------------------ container ----------------- */
#container {
	width: 760px;			/* tamaņo y posicion */
	text-align: left;		/* restaura alineacion izq */
	left: 0px;				/* margenes */
	top: 0px;
	margin-left: auto;		/* arreglo para centrar en mozilla */
	margin-right: auto;
	margin-bottom: 5px;
	background: transparent url("img/cnt-pat.gif");
	background-repeat: repeat-y;
}

/* ------------------ header --------------------- */
#header {
	height: 60px;			/* tamaņo y posicion */
	text-align: left;		/* restaura alineacion izq */
	margin: 0px;
	padding: 0px;
	background: #fff;
	background: transparent url("img/hdr-pat.jpg");
}
* html #header { he\ight:60px; marg\in: 0 0 -4px 0; padd\ing: 0px;/* TAN HACK valores que toma IE*/ }

/* ------------------ topmenu --------------------- */
#topmenu {
	/* background-color: #666; */
	/* background: transparent url("img/menu-pat.gif"); */
	/* height: 24px; */
}

/* ------------------ bottommenu --------------------- */
#bottommenu {
	/* background-color: #666; */
	/* background: transparent url("img/menu-pat.gif"); */
	/* height: 24px; */
}

/* ------------------ caja gral contenidos -------------------- */
#content {
	width: 760px;
	margin: 0px;
	padding: 0px;
}
* html #content { marg\in: 0; padd\ing: 0; /* TAN HACK valores que toma IE*/ }

/* ----------------- izquierda ------------------ */
#left {
	float: left;
	width: 190px;					/* tamaņo y posicion */
	margin: 0px;
	padding: 0px;
	border: 0px solid;
	background-color:#;
}
* html #left {	marg\in: 0px; padd\ing: 0px; /* TAN HACK valores que toma IE*/ }

/* ----------------- derecha ------------------ */
#right {
	width: 120px;           		/* por defecto, se puede poner el ancho a mano */
	float: right;
	clear: right;
	margin: 0 10px 0 0;
	padding: 0 10px 10px 10px ;
}
* html #right {	marg\in: 0 10px 0 0; padd\ing:0 10 10 0; w\idth: 140px;/* TAN HACK */ }
#right p { color:#999999;}

/* ----------------- buscar ------------------ */
#buscar {
	margin:-10 0 30 0;
	padding: 0;
}
* html #buscar { marg\in:-10 0 20 0; padd\ing: 0;/* TAN HACK valores que toma IE*/ }

/* ----------------- empresas right  ------------------ */
#empresas-right {
	margin:0 0 20 0;
	border-top: 1px solid #CCCCCC;
}
* html #empresas-right { marg\in:0; /* TAN HACK valores que toma IE*/ }

#login {
	float:right;
 	position:relative;
	margin:10px 20px;
}
* html #login {	marg\in: 10px 20px; /* TAN HACK valores que toma IE*/ }
 
/* ------------------ columna central -------------------- */
#contenidos {
	position: relative;
	width: 370px;
	float: left;
	margin: 0 0 20px 20px;
	padding: 0 20px 0 0;
	border: 0px solid black;
	border-right: 1px solid #ccc;
	min-height: 400px;
	height:expression(this.scrollHeight > 400 ? "auto":"400px"); 	/* valores IE */
}
* html #contenidos { marg\in: 0 10px 20px 20px; padd\ing: 0 10px 0 0; 	w\idth: 380px;
/* TAN HACK valores que toma IE*/ }

/* ----------------- miniaturas 80 ------------------ */
#mini {
	width: 80px;           			/* por defecto, en las otras poner el ancho a mano */
	float: left;
	position: relative;
	margin: 5px 0 0 20px;
	padding: 0px;
	background-color: #fff;
	border: 0px solid #999;
}
* html #mini {						/* TAN HACK */
   marg\in: 5px 0px 0px 10px;		/* TAN HACK valores que toma IE*/
}

/* ----------------- footer --------------------------- */
#empresas-bottom {
	position: relative;
	clear:both;
	width: 760px;
	height: 60px;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ccc;
}
* html #empresas-bottom { marg\in: 20px 0 0 0;	}	/* TAN HACK valores que toma IE*/

#footer {
	width: 760px;					/* tamaņo y posicion */
	height: 30px;
	margin: 0px;
	padding-top: 0px;
	text-align: center;
	/* background-image: url('img/ftr-bg.gif'); */
	/* background-color: #fff; */
	margin-left: auto;		/* arreglo para centrar en mozilla */
	margin-right: auto;
	border: 0px solid #ccc;
}

/* ----------------- texto ----------------------------*/

H1 {
	font-family: 'trebuchet ms', tahoma, verdana, sans-serif;
	color: #666;
	font-size: 160%;
	font-weight: normal;
	letter-spacing:-1px;
	line-height: 110%;
	margin:0 20px 10px 0px;
}

H2 {
	font-family: 'trebuchet ms', tahoma, verdana, san-serif;
	color: #006600;
	font-size: 110%;
	font-weight: normal;
	line-height: 110%;
	letter-spacing:-1px;
	margin-bottom: 15px;
}

/* volanta*/
H3 {
	font-family: tahoma, verdana, sans-serif;
	color: #999;
	font-size:70%;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	margin:0 0 10 0;
}

H4 {
	font-family: 'trebuchet ms', tahoma, verdana, san-serif;	
	font-size: 85%;
	color:#333333;
	font-weight: bold;
	line-height: 110%;
	margin-bottom: 10px;
	text-transform:uppercase;
}

p {
	font-family: tahoma, verdana, sans-serif;
	font-size: 70%;
	color: #333;
	margin:10px 0;
}

ul, ol {
	font-family: tahoma, verdana, sans-serif;
	font-size: 70%;
	color: #333;
	margin: 20px 0 0 0;
}

* html ul, ol { marg\in: 20px 0 20px 0; }	/* TAN HACK valores que toma IE*/

li { margin:0; }

a { color:#2a5b8c;
	text-decoration: underline;
}

a:hover {
	color: #00196E;
	/*color: #003366;*/
	text-decoration: underline;
}

a.boton {
	color: #2a5b8c;
	text-decoration: none;
}
a.boton:hover {
	color: #B80E0E;
	/*color: #003366;*/
	text-decoration: none;
}

a.small {
	font-family: tahoma, verdana, sans-serif; font-size: 60%;
	color:#2a5b8c;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

a.small:hover {
	color: #00196E;
	text-decoration: underline;
}

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

/*** =Caja GENERAL y AGRO ***/
.graybox {border-left:0px solid #d8dcdf;background:transparent url("img/sprite_gray.png") right -1256px no-repeat; margin-left:20px; width:580px;}
.graybox .vex{background:transparent url("img/sprite_gray.png") right bottom no-repeat;}
.graybox .vex span{background:transparent url("img/sprite_gray.png") left bottom no-repeat;}
.graybox .preview-img{background:transparent url("img/sprite_gray.png") left -1256px no-repeat;}
.graybox .irk{background:transparent url("img/sprite_gray.png") left -1256px no-repeat; width:550px; padding:10px 10px 0 10px;}

/*** =Cajas JARDIN ***/
.yellowbox {border-left:0px solid #d8dcdf;background:transparent url("img/sprite_yellow.png") right -1256px no-repeat; margin-left:20px; width:580px;}
.yellowbox .vex{background:transparent url("img/sprite_yellow.png") right bottom no-repeat;}
.yellowbox .vex span{background:transparent url("img/sprite_yellow.png") left bottom no-repeat;}
.yellowbox .preview-img{background:transparent url("img/sprite_yellow.png") left -1256px no-repeat;}
.yellowbox .irk{background:transparent url("img/sprite_yellow.png") left -1256px no-repeat; width:550px; padding:10px 10px 0 10px;}

/*** =Cajas ESPECIAL ***/
.bluebox {border-left:0px solid #d8dcdf;background:transparent url("img/sprite_blue.png") right -1256px no-repeat; margin-left:20px; width:580px;}
.bluebox .vex{background:transparent url("img/sprite_blue.png") right bottom no-repeat;}
.bluebox .vex span{background:transparent url("img/sprite_blue.png") left bottom no-repeat;}
.bluebox .preview-img{background:transparent url("img/sprite_blue.png") left -1256px no-repeat;}
.bluebox .irk{background:transparent url("img/sprite_blue.png") left -1256px no-repeat; width:550px; padding:10px 10px 0 10px;}

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

.dropcap { font-size: 400%; float: left; padding: 2px; }
.small { font-size: 60%; }
.big { font-size: 80%; }
.copyright {
	font-family: tahoma, sans-serif;
	color: #a897ca;
	font-size: 70%;
	margin: 5px;
	text-align: right;
}
.fecha { margin-bottom: -15px; color:#999; font-weight: normal;}
.autor { font-weight:bold; margin:0px; }
* html .autor { marg\in:0px 0px -10px 0px; }
.correo { color:#ff6600; unicode-bidi:bidi-override; direction:rtl; }

hr { border-top: 1px dotted #e7e7e7; }

blockquote {
	font-family: georgia, times, serif;
	font-size: 80%;
	font-style: italic;
	letter-spacing: -0.5px;
}

.pdficon {
	list-style-image: url(img/pdf.gif);
	margin-left: 20px;
}
* html .pdficon { padd\ing-left: 0px;		/* TAN HACK valores que toma IE*/
}

/* menu izquierda */
.leftmenu  {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #666;
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
* html .leftmenu { padd\ing:0; marg\in:0; }
.leftmenu li { padding:1 0; } 
* html .leftmenu li { padd\ing:1 0; marg\in:0 0;}
.leftmenu a { text-decoration: none; }
.leftmenu a:hover { text-decoration: underline; }

/* menu breadcrumb */
.breadcrumb {
	font-family: tahoma, sans-serif;
	font-size: 70%;
	color: #666;
	text-decoration: none;
	margin-bottom: 0px;
}

.img {
	/*border: 1px #660 solid;*/
	background-color:none;
	margin:0 0 10 0;
}

.margder {
	margin-right: 20px;
}

.margizq {
	margin-left: 20px;
}

.border {
	border: 1px #ccc solid;
}

p.border {
	padding: 5px;			/* separacion texto en cajas de consulta */
}

/* ------------TABLAS ------------ */
th, .headtabla {background: rgb(235,235,235); font-family: tahoma, verdana, sans-serif; font-size: 80%; color: #333; padding:10px; }
.light { background: rgb(245,245,245); padding: 0 10px;}
.medium { background: rgb(235,235,235);}
.dark { background: rgb(230,230,230);}

.ama { background: rgb(252,243,187);}
.verde1 { background: rgb(0,102,0);}
.rojo { background: rgb(191,51,24);}
.gri3 { background: rgb(231,231,231);}

/* ------------  FORM ------------ */
form { margin-bottom:-10px; padding:0;}
* html form {	marg\in: 0 0 0 0; padd\ing:0;/* TAN HACK valores que toma IE*/ }

.inputs {					/* para formularios en gral */
	background-color: #ffffff;
	color: #666;
	font-family: tahoma, verdana, sans-serif;
	font-size: 75%;
	margin: 0px;
}
.inputscolor {				/* para campos verdes */
	background-color: #008000;
	width: 205px;
	display: block;
	font-family: tahoma, verdana, sans-serif;
	color: #d9ffd9;
	font-size: 75%;
	margin-bottom: 10px;
}
* html .inputscolor {	marg\in-bottom: 0; /* TAN HACK valores que toma IE*/ }

.buttons {
	background-color: #008000;
	color: #cce6cc;
	font-family: tahoma, verdana, sans-serif;
	font-size: 60%;
	font-weight: normal;
}

.fred {	
	font-family: tahoma, verdana, sans-serif;
	color: red;}

/* peligrosidad */
.clase1a { background: rgb(153,63,46); padding: 10px; height:70px;}
.clase1a p { color:#FFFFFF;}
.clase1b { background: rgb(242,63,46); padding: 10px; height:70px;}
.clase1b p { color:#FFFFFF;}
.clase2 { background: rgb(242,221,46); padding: 10px; height:70px;}
.clase3 { background: rgb(56,90,153); padding: 10px; height:70px;}
.clase3 p { color:#FFFFFF;}
.clase4 { background: rgb(69,155,53); padding: 10px; height:70px;}
.clase4 p { color:#FFFFFF;}

/* corrige achicamiento texto tags anidados */
li p { font-size: 100%; }
h1 a { color: #666; text-decoration: none;}
h1 a:hover { color: #006600; text-decoration: underline;}
h2 a { color: #006600; text-decoration: none;}
h2 a:hover { color: #006600; text-decoration: underline;}
h4 a { color: #006600; text-decoration: none;}
h4 a:hover { color: #006600; text-decoration: underline;}
ol ol { font-size:100%;}
ul ul { font-size:100%;}
p.border { background-color:#FFFFFF;}