/* CHEMO WEBSITE ESTILOS CSS */
/* Autor: Luis Merino        */

/*---------------
/* HTML Tags
/*---------------*/
html,body {
	text-align:center;
	margin:0;
	font-family:Arial, sans-serif;
	font-size:11px;
	color:rgb(58,54,54);
	font-weight:normal;
	text-decoration:none;
	height:100%;
	overflow:auto;
}
h1,h2 {
	font:normal 13px Arial, sans-serif;
	color:rgb(30,117,8);
	float:left;
}
h1 {padding-right:7px;}
h2 {
	padding-left:8px;
	background:url(../imagenes/separador.gif) no-repeat 0px 4px;
}
h3 {
	text-align:left;
	font:bold 11px Arial, sans-serif;
	color:rgb(30,117,8);
	margin:0 0 15px 0;
}
h3#marron {
  color:#rgb(149,138,128);
}
h4 {
	font:bold 12px Arial, sans-serif;
	color:rgb(78,75,74);
	text-align:left;
	width:245px;
	margin:0 0 10px;
}
h5 {
	font:normal 11px Arial, sans-serif;
	text-align:left;
	color:rgb(30,117,8);
	padding-left:.7em;
	line-height:15px;
	
}
h6 {
	font:normal 11px/35px Arial, sans-serif;
	text-align:left;
	border-bottom:1px solid rgb(207,196,184);
	margin:0 0 15px;
	width:100%;
}
h7 {
	text-align:left;
	font:bold 11px Arial, sans-serif;
	color: blue;
}
a {text-decoration:none; color:rgb(30,117,8);}
img {border:0;}
p {
	text-align:left;
	margin:5px 0 10px;
	line-height:16px;
}
em, address {font-style:normal;}
em {line-height:16px;}
/*---------------
/* Basicos
/*---------------*/
#contenedor {
	width:770px;
	margin:20px auto 0 auto;
}
#header {margin-bottom:25px;}
#menucontainer {
	float:left;
	margin-right:30px;
	padding-top:30px;
	height:500px;
	display:block;
	text-align:left;
	float:left; 
	clear:both;
}
#seccioncontainer {
	float:right;
	width:470px;
	height:100%;
}
form,h1,h2,h5 {margin:0;}
.imagen {font-size:0; text-align:left;}
.floatLeft {float:left; clear:both}
.floatRight {float:right; }
.textCenter {text-align:center;}
.clear {clear:both;}
.padding {padding-left:.7em;}
.ancho {width:100%;}
.hAzul {color:rgb(0,144,191);}
.hRojo {color:rgb(177,50,55);}
.hLila {color:rgb(148,97,201);}
.hNaranja {color:rgb(242,112,35);}
.hAzul, .hRojo, .hLila, .hNaranja {background:none; padding:0;}
/*---------------
/* Menus y navs
/*---------------*/
.padding6 {padding-top:6px;}
#menu {
	float:left;
	text-align:left;
	font-size:10px;
	border-right:1px dotted rgb(207,196,184);
	width:112px !important;
	width/**/:112px;
	width /**/:113px;
	height:100%;
}
#menu ul, #submenu ul {
	margin:0;
	padding:170px 0 0;
	list-style:none;
}
#menu li, #submenu li {
	margin:8px 0;
	line-height:10px;
}
#menu li a {
	color:rgb(58,54,54);
	padding-left:.7em;
	display:block;
}
#submenu li a {
	color:rgb(58,54,54);
	display:block;
}
#menu li a:hover, #submenu li a:hover {color:rgb(30,117,8);}

/* ESTILOS MENUS CLICADOS */
#active a:link, #active a:visited {
	color:rgb(30,117,8);
	background:url(../imagenes/flechaVerde.gif) no-repeat left .25em !important;
	background:url(../imagenes/flechaVerde.gif) no-repeat left .2em;
	cursor:default;
}
#actual a:link, #actual a:visited {
	color:rgb(30,117,8);
	cursor:default;
}

#submenu {
	float:left;
	text-align:left;
	font-size:10px;
	height:100%;
	margin-left:12px;
	width:145px !important;
	width/**/:145px;
	width /**/:164px;
}
#submenu span {
	padding:175px 0 0;
	display:block;
	margin-left:7px;
	width:100px;
	color:#958A80;
	font-weight:bold;
	line-height:15px;
}
#nav-top {
	float:right;
	font:9px Verdana, sans-serif;
	margin-top:4px;
}
#nav-top ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav-top li {
	display:inline;
	border-left:.1em solid rgb(204,205,220);
	padding-left:7px;
	padding-right:4px;
}
#nav-top li a {color:rgb(78,75,74);}
#nav-top li a:hover {color:black;}
#nav-top li.right {padding-right:0;}
#nav-top li.left {border:0;}
#nav {margin-bottom:10px;}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	float:left;
	display:inline;
	border-left:.1em solid rgb(204,205,220);
	padding-left:12px;
	padding-right:11px;
}
#nav li a {color:rgb(78,75,74);}
#nav li a:hover {color:rgb(30,117,8);}
#nav li.left {border:0; padding-left:0;}
#nav li.right {float:right; border:0; padding:0;}

ul.sitemap {
	margin:5px 0 15px;
	padding:0;
	list-style:none;
	text-align:left;
	line-height:20px;
}
ul.sitemap li a {
	background:url(../imagenes/bulletVerde.gif) no-repeat 0 6px;
	padding-left:.7em;
	color:rgb(30,117,8);
}
ul.sitemap li a:hover {color:#000;}
/*---------------
/* Home
/*---------------*/
div#destacados {margin-top:20px;}
div.destacado {
	float:left;
/*glop 15/07/2008*/
/*	width:244.5px;*/
	width:374.5px;
	margin-right:18px;
}
div.destacado.right {margin:0;}
div.destacado ul {
	float:left;
	text-align:left;
	margin:7px 0 0;
	padding:0;
	list-style:none;
}
div.destacado li {
	font-weight:bold;
	color:rgb(78,75,74);
	/*background-image:url(../imagenes/flechaVerde.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:.7em;*/
	height:100%;
	line-height:16px;
}
/*div.destacado li a:hover {text-decoration:underline;}*/

div#see-more {margin-top:6px;}
div.more {
	border-bottom:.1em solid rgb(207,196,184);
	float:left;
	text-align:left;
/*glop 15/07/2008*/
/*	width:244.5px;*/
	width:374.5px;
	margin-right:18px;
}
div.more.right {margin:0}
div.more a {
	color:rgb(30,117,8);
	background-image:url(../imagenes/flechaVerde.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding-left:.7em;
	height:100%;
	line-height:18px;
}
div.more a:hover {color:rgb(78,75,74);}
div#home-news {border-top:.1em solid rgb(207,196,184);}
div#home-news ul {
	text-align:left;
	margin:7px 0 0;
	padding:0;
	list-style:none;
}
div#home-news li {
	margin:10px 0;
	height:100%;
	line-height:12px;
}
div#home-news li a {
	font-weight:bold;
	color:rgb(78,75,74);
	background:url(../imagenes/flechaVerde.gif) no-repeat left .3em;
	padding-left:.7em;
	display:block;
	height:100%;
	line-height:12px;
	letter-spacing:-0.001in !important;
}
div#home-news li a:hover {text-decoration:underline;}

/*---------------
/* Esto es el menu de operaciones de chemo y chemo marketing
/*---------------*/

div#home-chemo li a:link{color: #666666; text-decoration: none}
div#home-chemo li a:visited {color: #666666; text-decoration: none}
div#home-chemo li a:hover {text-decoration:underline;}



/*---------------
/* Secciones
/*---------------*/
#cabecera {
	margin:25px 0;
	padding-bottom:10px;
	border-bottom:1px dotted rgb(207,196,184);
	float:left;
	clear:both;
}
#cabecera p {margin:0; width:230px;}
.fotocabecera {
	float:right;
	font-size:0;
}
.floatconcepto {float:left; clear:both; display:block; width:100%;}
.floatconcepto ul {
	padding:0;
	text-align:left;
	clear:both;
	margin:0;
	list-style:none;
}
.floatconcepto li {
	color:rgb(30,117,8);
	padding-left:.7em;
	background:url(../imagenes/bulletVerde.gif) no-repeat center left;
	line-height:15px;
	height:100%;
}
.columna {width:50%; float:left;}
#pHistory {
	float:left;
	margin:0px 15px 0 0 !important;
	margin:10px 15px 0 0;
	width:275px !important;
	width/**/:275px;
	width /**/:290px;
}
#pHistory p {
	width:auto;
	margin-bottom:12px;
}
#pHistory2 {
	float:right;
	font-size:10px;
	width:180px;
	margin-top:-3px !important;
	margin-top:6px;
}
#pHistory2 p {
	width:auto;
	margin:3px 0 8px;
	line-height:15px;
}
#pHistory2 cite {color:rgb(30,117,8); font-style:normal;}

.cajaizquierda {
	float:left;
	width:300px;
margin-right:20px;
}
.cajaizquierda ul {
	text-align:left;
	list-style:none;
	margin:-8px 0 12px;
	padding:0;
}
.cajaizquierda li {
	height:100%;
	line-height:16px;
	margin:5px 0;
	padding-left:.7em;
}
.bulletazul li {background:url(../imagenes/bulletAzul.gif) no-repeat 0 6px;}
.bulletrojo li {background:url(../imagenes/bulletRojo.gif) no-repeat 0 6px;}
.bulletlila li {background:url(../imagenes/bulletLila.gif) no-repeat 0 6px;}
.bulletnaranja li {background:url(http://www.chemogroup.com/imagenes/bulletNaranja.gif) no-repeat 0 6px;}
.cajaderecha {
	float:left;
	width:150px;
}
.cajaderecha dl {
	text-align:left;
	margin:0;
}
.cajaderecha dt {
	font-size:0;
}
.cajaderecha dd {
	text-align:left;
	margin:0;
	font-size:10px;
}
address {
	line-height:13px;
	text-align:left;
	margin-bottom:12px;
}
address a {color:rgb(78,75,74);}
address a:hover {text-decoration:underline;}

.floatnoticias {margin-top:175px;}
table.noticias {text-align:left;}
table.noticias thead th {
	font-weight:bold;
	color:rgb(30,117,8);
}
table.noticias td, table.noticias th {
	padding:10px 5px 10px 0;
	border-bottom:1px solid rgb(207,196,184);
	vertical-align:top;
}
table.noticias thead th#fecha {width:120px !important; width/**/:120px; width /**/:130px;}
table.noticias tbody td.title {color:rgb(30,117,8); font:normal 11px/13px Arial, sans-serif;}
table.noticias tbody td.title a {color:rgb(30,117,8); font:normal 11px/13px Arial, sans-serif;}
table.noticias tbody td.title a:hover {text-decoration:underline;}

p.titular {
	line-height:13px;
	color:rgb(30,117,8);
}

#worldwide {
/*	background:url(../imagenes/mundo.gif) no-repeat right top;
/*	margin:25px 0 10px;
/*	padding-bottom:10px;
/*	border-bottom:1px dotted rgb(207,196,184);
/*	height:168px !important;*/
/*	height/**/:168px;
/*	height /**/:213px;
	background:url(../imagenes/mundo.gif) no-repeat right top;
	margin:25px 0 10px;
	padding-bottom:10px;
	border-bottom:1px dotted rgb(207,196,184);
	height:273px !important;*/
}
.floatbottom {
	float:left;
	text-align:left;
	width:auto;
	margin-top:36px;
}

table.locations {
	text-align:left;
	width:100%;
}
table.locations thead th, table.locations td {
	padding:5px 0 10px;
	width:152px !important;
	width/**/:152px;
	width /**/:157px;
}
table.locations tbody tr {
	vertical-align:top;
}
table.locations tbody ul {list-style:none; padding:0px; margin:0;}
table.locations tbody li {line-height:15px;}
table.locations tbody li a {height:100%; display:table-cell;}
table.locations .separacion {margin-top:10px;}
table.locations a:hover {text-decoration:underline;}
/*---------------
/* ClearFloat
/*---------------*/
.floatcontainer:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;

}
.floatcontainer{display:inline-table; }  /* Mark Hadley's fix for IE Mac */
/* Hides from IE Mac \*/
* html .floatcontainer {height:1%;}
.floatcontainer{display:block;} /* End Hack */
/*---------------
/* Round Corners
/*---------------*/
.bl {background: url(http://www.chemogroup.com/imagenes/bl.gif) 0 100% no-repeat rgb(173,161,148); margin-top:8px;}
.br {background: url(http://www.chemogroup.com/imagenes/br.gif) 100% 100% no-repeat;}
.tl {background: url(http://www.chemogroup.com/imagenes/tl.gif) 0 0 no-repeat;}
.tr {background: url(http://www.chemogroup.com/imagenes/tr.gif) 100% 0 no-repeat; padding:4px 10px; text-align:left;}