/* 	Hoja de estilos CSS para milk-it.cl
	Autor: Diego Diaz Plaza - www.diegodiaz.org
	Fecha: 29/07/2008  
*/
body {background: url(../imgs/html/bg_main.jpg) top no-repeat; background-color: #9BB3B8; background-attachment: fixed; margin: 0px 0px; padding: 0px 0px;}
a img { border:none; !important }
/*ESTILOS ESTRUCTURA*/
#estructura {width: 725px; margin: 0px auto; padding: 0px 0px; background-color: #FFFFFF;}

/*ESTILOS CABECERA*/
#cabecera {width: 725px; height: 67px; margin: 0px 0px; padding: 0px 0px; background-color: #000; background: url(../imgs/html/bg_header.jpg) 0px 0px no-repeat; display: block;}
#cabecera h1 {background: url(../imgs/html/logo.jpg) 0px 5px no-repeat; width: 55px; height: 67px; margin: 0px 21px; padding: 0px 0px; display: block;}
#cabecera .logo {width: 55px; height: 67px; margin: 0px 21px; padding: 0px 0px; display: block;}
/*
#cabecera p{font: 1px Arial, Helvetica, sans-serif; text-indent: 9000px; letter-spacing:-1px; float: right; margin: auto; padding: 8px 0px;}
*/
#cabecera p{ font: 0.7em Arial ;float: right; margin: auto; padding: 8px 0px;}
#cabecera p a {display: block; height:29px; text-decoration:none; color:#FFF;}

#cabecera #empresa a {width: 93px;}
#cabecera #telecom a {width: 107px;}
#cabecera #consultoria a {width: 125px;}
#cabecera #contacto a {width: 71px;}
#cabecera #cliente a {width: 71px;}

/*
#cabecera #empresa a {background: url(../imgs/html/bot_empresa.jpg) no-repeat; width: 93px;}
#cabecera #telecom a {background: url(../imgs/html/bot_telecom.jpg) no-repeat; width: 107px;}
#cabecera #consultoria a {background: url(../imgs/html/bot_consultoria.jpg) no-repeat; width: 125px;}
#cabecera #contacto a {background: url(../imgs/html/bot_contacto.jpg) no-repeat; width: 71px;}
#cabecera #cliente a {background: url(../imgs/html/bot_contacto.jpg) no-repeat; width: 71px;}
*/


/*ESTILOS FLASH*/
/*#div_flash {width: 725px; height: 352px; margin: auto; padding: 2px 0px 0px 0px; background: url(../imgs/html/ccc.jpg) 0px no-repeat;}*/
#div_flash {width: 725px; height: 352px; margin: auto; padding: 2px 0px 0px 0px; background:none;}

/*ESTILOS DESTACADOS*/
#destacados {width: 725px; margin: auto; padding: 46px 0px 50px 0px; background-color: #FFFFFF;}
#destacados h1 {font: 13px Arial, Helvetica, sans-serif; color: #6598C2; font-weight: bold; background: url(../imgs/html/bullet_home.jpg) 0px 0px no-repeat; margin: 0px 15px; padding: 0px 0px 0px 20px; width: 170px; display: block;}
#destacados p {font: 10px Arial, Helvetica, sans-serif; color: #666666; font-weight: normal; margin: 10px 20px; padding: 0px 0px 8px 0px; width: 170px; display: block;}
#destacados a {font: 11px Arial, Helvetica, sans-serif; color: #333333; font-weight: bolder; margin: auto; padding: 0px 20px 0px 0px; width: 170px; display: block; text-align: right;}
#destacados #destacado_01 {width: 233px; height: 138px; margin: auto;}
#destacados #destacado_02 {width: 248px; height: 138px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin: auto; vertical-align:top;}
#destacados #destacado_03 {width: 244px; height: 138px; margin: auto;}

/*ESTILOS BANNER INTERNAS*/
#banner_internas {width: 725px; height: 150px; margin: auto; padding: 2px 0px 0px 0px; background: url(../imgs/html/ccc_interna.jpg) 0px no-repeat;}
#banner_telecom {width: 725px; height: 150px; margin: auto; padding: 2px 0px 0px 0px; background: url(../imgs/html/ccc_telecom.jpg) 0px no-repeat;}
#banner_consultoria {width: 725px; height: 150px; margin: auto; padding: 2px 0px 0px 0px; background: url(../imgs/html/ccc_consultoria.jpg) 0px no-repeat;}
#banner_contacto {width: 725px; height: 150px; margin: auto; padding: 2px 0px 0px 0px; background: url(../imgs/html/ccc_contacto.jpg) 0px no-repeat;}


/*ESTILOS BREADCRUMB*/
#breadcrumb {width: 725px; margin: auto;}
#breadcrumb h1 {background: url(../imgs/html/bullet_breadcrumb.jpg) 0px 0px no-repeat; font: 10px Tahoma; margin: 15px 10px; padding: 0px 15px;}
#breadcrumb a:link {text-decoration: underline; color: #F08B21;}
#breadcrumb a:visited{text-decoration: underline; color: #F08B21;}
#breadcrumb a:hover{text-decoration: underline; color: #F08B21;}
#breadcrumb a:active{text-decoration: underline; color: #F08B21;}

/*ESTILOS MENU PRODUCTOS*/
#menu_productos {width: 209px; float: right; margin: 0px 0px; padding: 0px 0px;}

/*ESTILOS MENU PRODUCTOS TOP*/
#menu_productos_top {width: 209px; height: 40px; /*display: block;*/ margin: 0px 0px; padding: 0px 0px; background: url(../imgs/html/bg_menu_top.jpg) 0px 0px no-repeat;}

/*ESTILOS MENU PRODUCTOS CONTENIDO*/
#menu_productos_contenido {width: 209px; margin: 0px 0px; padding: 0px 0px; background: url(../imgs/html/bg_menu.jpg) 0px 0px repeat-y;}
#menu_productos_contenido h1 {font: 14px Arial, Helvetica, sans-serif; color: #31AFC6; font-weight: bolder; background: url(../imgs/html/bullet_menu_productos_02.jpg) 0px 0px no-repeat; width: 183px; margin: 12px 22px; padding: 0px 20px 10px 15px;}
#menu_productos_contenido p {font: 11px Arial, Helvetica, sans-serif; color: #666666; font-weight: bolder; margin: 0px 0px; padding: 0px 0px 10px 30px; width: 162px; display: block;}
#menu_productos_contenido ul {margin: 0px 22px; padding: 0px 0px; font: 11px Tahoma; color: #999999; font-weight: normal;}
#menu_productos_contenido li {width: 185px; margin: auto; padding: 13px 0px 13px 20px; list-style-type: none; background: url(../imgs/html/bullet_menu_productos.jpg) 0px 0px no-repeat;}
#menu_productos_contenido a:link {text-decoration: none; color: #999999;}
#menu_productos_contenido a:visited{text-decoration: none; color: #999999;}
#menu_productos_contenido a:hover{text-decoration: none; color: #999999;}
#menu_productos_contenido a:active{text-decoration: none; color: #999999;}
#menu_productos_contenido img {width: 177px; margin: auto; padding: 0px 0px 0px 22px;}

/*ESTILOS MENU PRODUCTOS BOTTOM*/
#menu_productos_bottom {width: 209px; height: 10px; /*display: block;*/ margin: 0px 0px; padding: 0px 0px; background: url(../imgs/html/bg_menu_bottom.jpg) 0px 0px no-repeat;}

/*ESTILOS QUIENES SOMOS*/
#quienes_somos {/*float:left*/ width: 435px; margin: 0px 0px; padding: 0px 0px 35px 20px; text-align: justify;}
#quienes_somos h1 {font: 16px Arial, Helvetica, sans-serif; font-weight: bolder; color: #6598C2; width: 425px; display: block; background: url(../imgs/html/bullet_titulo_contenido.jpg) 0px 3px no-repeat; margin: 15px 0px; padding: 0px 0px 5px 13px; border-bottom: solid 1px #D0DAE6;}
#quienes_somos p {font: 11px Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; margin: 15px 0px; padding: 0px 0px;}

/* PARRAFOS ESPECIALES */
#quienes_somos .destacado { font-weight:bold; font-size:13px; }
#quienes_somos .gris { color:#999; font-weight:normal; font-size:10px; }
#quienes_somos .rojo { color:#FF0000; font-weight:normal; font-size:11px; }
#quienes_somos .azul { color:#036; font-weight:normal; font-size:11px; }
#quienes_somos .azul_destacado { color:#036; font-weight:bold; font-size:13px; }

/*ESTILOS LISTA PRODUCTOS*/
#lista_productos {/*float:left;*/ width: 435px; margin: 0px 0px; padding: 0px 0px 35px 0px;}
#lista_productos h1 {font: 16px Arial, Helvetica, sans-serif; font-weight: bolder; color: #6598C2; width: 425px; display: block; background: url(../imgs/html/bullet_titulo_contenido.jpg) 0px 3px no-repeat; margin: 15px 0px; padding: 0px 0px 5px 13px; border-bottom: solid 1px #D0DAE6;}
#lista_productos h2 {font: 16px Arial, Helvetica, sans-serif; font-weight: bolder; color: #A6C9C9; width: 425px; display: block; background: url(../imgs/html/bullet_producto.jpg) 0px 3px no-repeat; margin: 30px 0px 0px 0px; padding: 0px 0px 15px 20px;}
#lista_productos p {font: 11px Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; width: 340px; display: block; margin: 15px 0px; padding: 0px 0px;}

/* PARRAFOS ESPECIALES */
#lista_productos .destacado { font-weight:bold; font-size:13px; }
#lista_productos .gris { color:#999; font-weight:normal; font-size:10px; }
#lista_productos .rojo { color:#FF0000; font-weight:normal; font-size:11px; }
#lista_productos .azul { color:#036; font-weight:normal; font-size:11px; }
#lista_productos .azul_destacado { color:#036; font-weight:bold; font-size:13px; }

#lista_productos a {font: 11px Arial, Helvetica, sans-serif; color: #333333; font-weight: bolder; margin: 10px 0px; padding: 0px 0px 20px 350px; text-align: right;}
#lista_productos .tabla {width: 420px; margin: 0px 0px 10px 0px; padding: 10px 0px; border: 1px solid #CCCCCC;}
#lista_productos .tabla img {margin: 0px 0px; padding: 0px 12px 0px 12px;}

/*ESTILOS DETALLE PRODUCTO*/
#detalle_producto {/*float:left;*/ width: 435px; margin: 0px 0px; padding: 0px 0px 35px 0px;}
#detalle_producto h1 {font: 16px Arial, Helvetica, sans-serif; font-weight: bolder; color: #6598C2; width: 425px; display: block; background: url(../imgs/html/bullet_titulo_contenido.jpg) 0px 3px no-repeat; margin: 15px 0px; padding: 0px 0px 5px 13px; border-bottom: solid 1px #D0DAE6;}
#detalle_producto h2 {font: 16px Arial, Helvetica, sans-serif; font-weight: bolder; color: #A6C9C9; width: 425px; display: block; background: url(../imgs/html/bullet_producto.jpg) 0px 3px no-repeat; margin: 30px 0px 0px 0px; padding: 0px 0px 15px 20px;}
#detalle_producto p {font: 11px Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; width: 340px; display: block; margin: 15px 0px; padding: 0px 0px;}
#detalle_producto a {font: 11px Arial, Helvetica, sans-serif; color: #333333; font-weight: bolder; width: 425px; display: block; border-bottom: 1px solid #D0DAE6; margin: 10px 0px; padding: 0px 5px 5px 0px; text-align: right;}
#detalle_producto ul {margin: 0px 0px; padding: 0px 0px; font: 11px Arial, Helvetica, sans-serif; color: #333333; font-weight: normal;}
#detalle_producto li {width: 240px; margin: 0px 0px; padding: 0px 0px 5px 12px; list-style-type: none; background: url(../imgs/html/bullet_caracteristicas.jpg) 0px 3px no-repeat;}
#detalle_producto .tabla {width: 420px; margin: 0px 0px 10px 10px; padding: 10px 0px;}
#detalle_producto .tabla img {margin: 0px 0px; padding: 0px 0px;}

#clientes img {width:150px;padding: 10px;}
#clientes h1 {font: 16px Arial, Helvetica, sans-serif; font-weight: bolder; color: #6598C2; width: 425px; display: block; background: url(../imgs/html/bullet_titulo_contenido.jpg) 0px 3px no-repeat; margin: 15px 0px; padding: 0px 0px 5px 13px; border-bottom: solid 1px #D0DAE6;}



/*ESTILOS CONTACTO*/

#formulario {float:left; width: 430px; display: table; margin: 0px 0px; padding: 0px 0px 40px 0px;}
#formulario h1 {font: 16px Arial, Helvetica, sans-serif; font-weight: bolder; color: #6598C2; width: 420px; display: block; background: url(../imgs/html/bullet_titulo_contenido.jpg) 0px 3px no-repeat; margin: 0px 0px; padding: 0px 0px 5px 13px; border-bottom: solid 1px #D0DAE6;}
#formulario .formularios {text-align:left; padding:0px 20px 0px 12px; margin: 14px 0px 12px 0px;}
#formulario .tabla_form {width: 430px; margin: 15px 0px 10px 0px; padding: 0px 0px 10px 0px;}
#formulario .tabla_form th {text-align:right; padding:7px 7px 7px 13px; width: 93px; font: 12px Arial, Helvetica, sans-serif; color: #666666; font-weight: normal; vertical-align:top;}
#formulario .tabla_form td {text-align:left; padding:7px; width: 480px; height: 24px; font: 12px Tahoma; color: #333333; background: #FFF;}
#formulario .tabla_form td input {width: 350px; border: 1px solid #CCC; font: normal 1em Tahoma; color: #333333; background-color: #F8F8F8;}
#formulario .tabla_form td textarea, select {background-color: #EEE; width: 350px; border:#CCC 1px solid; font: normal 1em Tahoma; color: #333333;}
#formulario .formularios p {margin: 2px 0px 0px 0px; padding:0px; line-height:140%;}
p {font: 15px Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; margin: 15px 0px; padding: 0px 0px;}
/*#formulario .formularios button {float:right; width:93px; height: 31px; text-align: right; cursor:pointer; font: 11px Arial, Helvetica, sans-serif; color:#155977; letter-spacing:normal; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;}*/
.bot_enviar { float:right; background:url(../imgs/html/bot_enviar.jpg) top left no-repeat; width:104px; height:39px; font-size:1px; color:#191919; letter-spacing:-1em; cursor:pointer; border:none; color:#FFFFFF; }

/*ESTILOS FOOTER*/
#footer {width: 725px; margin: auto; padding: 0px 0px 0px 0px; background-color: #FFFFFF; border-top: 1px solid #E5E5E5;}
#footer h1 {font: 11px Trebuchet MS; color: #666666; margin: 10px 0px; padding: 0px 0px 20px 0px; text-align: center;}
#footer .autor a,link,visited { font-family:Arial, Helvetica, sans-serif; float:right; margin:5px 10px 0 0; font-size:10px; color:#999; text-decoration:none; }
#footer .autor a:hover { font-family:Arial, Helvetica, sans-serif; float:right; margin:5px 10px 0 0; font-size:10px; color:#069; text-decoration:underline; }