/*
 *		Estilos Visuales para Sitio Web Redsys Ltda.
      Ingienerķa en Redes y Sistemas
		
		Notable.cl
 */
body{
	margin:0;
	padding:0;
   font:12px "Lucida Grande",Tahoma,Arial, Helvetica, sans-serif;
	background:#CCE97B url(img/body.png) no-repeat top center;
}
#global{
   display: block;
	margin:22px auto;
	width:750px;
	padding: 0;
}
#central{
	padding:0;
	float: left;
	margin:0;
}
#header{
	display:block;
	width:684px;
	height:106px;
	padding:22px 33px 0px 33px;
	margin:0;
	background: url(img/header.png);
}
#logo{
	display:block;
	width:183px;
	height:101px;
	text-align:left;
	float:left;
	padding:0;
	margin:0;
	overflow: hidden;
	background: url(img/logo.png) no-repeat top left;
}
#logo a{
	display:block;
	width:160px;
	height:120px;
	overflow: hidden;
	text-indent: 183px;
	text-decoration: none;
	color:#FFF;
}

#banner{
	display: block;
	width:501px;
	height: 77px;
	float:left;
	margin:0;
	padding:0;
	background: url(img/banner1.png);
}
#topbanner{
	display:block;
	width:501px;
	height:20px;
	padding:0;
	margin:0;
	font-size: 11px;
}
ul.topbanner{
	display:block;
	float:right;
	margin:0 5px 0 0;
	padding:0;
	list-style:none;
}
#topbanner ul li{
	display:block;
	float:left;
	width:93px;
	height:20px;
	margin:0 0 0 3px;
	padding:0;
	line-height:18px;
	text-align: center;
}
#topbanner ul li a{
	display:block;
	float:left;
	width:93px;
	height:18px;
	margin:0;
	padding:2px 0 0 0;
	color:#3A9F00;
	font:bold 11px "Lucida Grande", Sans-serif;
	text-decoration: none;
}
#topbanner a#acontacto{
	background: url(img/topbanner_o_r1_c5.png);
}
#topbanner a#acontacto:hover{
	background: url(img/topbanner_r1_c5.png);
}
#topbanner a#acontacto.current{
	background: url(img/topbanner_r1_c5.png);
	color:#66CC00;
}
#topbanner a#amapasitio{
	background: url(img/topbanner_o_r1_c1.png);
}
#topbanner a#amapasitio:hover{
	background: url(img/topbanner_r1_c1.png);
}
#topbanner a#amapasitio.current{
	background: url(img/topbanner_r1_c1.png);
	color:#66CC00;
}
/* ----MENU DE NAVEGACION -------------------------*/
#menu {
	display: block;
	width:501px;
	height:24px;
	float: left;
	margin:0;
	padding:0;
	font-family: "Lucida Grande",Tahoma,Arial,Helvetica,FreeSerif,sans-serif;
	font-size: 11px;
	background: url(img/menu1.png) repeat-x top left;
}
#menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu li { /* all list items */
	float: left;
	position: relative;
	width: 10em;
}
#menu li a{
	color:White;
	text-decoration: none;
	font:bold 13px "Lucida Grande",Tahoma,Arial,Helvetica,FreeSerif,sans-serif;
}
#menu li.liprincipal{
	display: block;
	width:112px;
	height:24px;
	text-align:left;
	line-height: 23px;
	border:0px solid #B4E282;
	margin:0 0 0 3px;
	padding:0;
}
#menu li.liprincipal a{
	display: block;
	width:112px;
	height:21px;
	padding:3px 0 0 0;
	margin:0;
	background:#70DC35;
	text-indent: 183px;
	overflow: hidden;
	font-weight:bold;
}
#menu li.liprincipal a:hover{
	background:#3A9F00;
}
#menu ul.ulsecundario{
	top:24px;
	left:0;
	border-top:1px solid #B4E282;
}
#menu ul.ulsecundario li{
	display:block;
	width:110px;
	height:25px;
	margin:0;
	padding:0;
	border:1px solid #B4E282;
	border-width:0 1px 1px 1px;
}
#menu ul.ulsecundario li a{
	display:block;
	width:110px;
	height:20px;
	margin:0;
	padding:5px 0px 0px 0px;
	font-size:11px;
	text-decoration: none;
	text-indent:0px;
	text-align:center;
	line-height: 12px;
	background:#80D128;
}
#menu ul.ulsecundario li a:hover{
background:#3A9F00;
}
#menu li ul { /* second-level lists */
	display: none;
	position: absolute;
	top:42px;
	left: 0;
}

#menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#menu li:hover ul,#menu  li.over ul { /* lists nested under hovered list items */
	display: block;
}
#menu a#ahome{
	background: url(img/menu_o_r1_c1.png);
}
#menu a#ahome:hover{
	background: url(img/menu__r1_c1.png);
}
#menu a#ahome.current{
	background: url(img/menu_c_r1_c1.png);
}
#menu #aempresa{
	background: url(img/menu_o_r1_c3.png);
}
#menu a#aempresa:hover{
	background: url(img/menu__r1_c3.png);
}
#menu a#aempresa.current{
	background: url(img/menu_c_r1_c3.png);
}
#menu #aproductos{
	background: url(img/menu_o_r1_c8.png);
}
#menu #aproductos:hover{
	background: url(img/menu__r1_c8.png);
}
#menu #aproductos.current{
	background: url(img/menu_c_r1_c8.png);
}
#menu #aservicios{
	background: url(img/menu_o_r1_c11.png);
}
#menu #aservicios:hover{
	background: url(img/menu__r1_c11.png);
}
#menu #aservicios.current{
	background: url(img/menu_c_r1_c11.png);
}
#center{
   display: block;
	width: 730px;
	margin:0;
	padding:0px 10px 0px 10px;
	float: left;
	background:#FFF url(img/center.png) repeat-y;
}
#content{
	display:block;
	width:515px;
	float: left;
	margin:0;
	padding:0;
}
#contleft{
	display:block;
	width:272px;
	height:auto;
	float:left;
	margin:0;
	padding:20px 20px 10px 30px;
	background:#FFF url(img/content.gif) no-repeat bottom left;
}
.contlefth{
	display: block;
	float:left;
	height:320px;
	width:1px;
	margin:0;
	padding:0;	
}
#contleft2{
	display:block;
	width:662px;
	height: 320px;
	float:left;
	margin:0;
	padding:20px 20px 10px 30px;
	background:#FFF url(img/content.gif) no-repeat bottom left;
}

#contleft2 ul{
   display: block;
	height:190px;
	width:115px;
	margin:0 10px 0px 0px;
	padding:0;
	float:left;
	color:#3A9F00;
	font: bold 14px "Lucida Grande",sans-serif;
}
#contleft ul li{
	list-style: url(img/u.li.left.gif);
	padding:2px 15px 3px 0;
	color:#333;
}
#contleft2 ul.mapa1{
   display: block;
	height:190px;
	width:80px;
	margin:0 10px 0px 0px;
	padding:0;
	float:left;
	color:#3A9F00;
}
#contleft a,#contleft a:visited{
	color:#3A9F00;
}
#contleft2 ul a,#contleft ul a:visited{
	color:#3A9F00;
	text-decoration: none;
}
#contleft2 ul a:hover{
	color:#80D128;
	text-decoration: none;
}
#contleft2 ul li{
	display:block;
	list-style:none;
	height: 22px;
	width:auto;
	margin:0;
	padding:0;
	font: bold 12px "Lucida Grande",sans-serif;
}
#contleft2 ul li a{
	color:#80D128;
	text-decoration: none;
}
#contleft2 ul li a:hover{
	color:#80FF00;
	text-decoration: underline;
}
#contleft2 li.limapaup{
	margin:10px 0 0 0;
}
#contright{
	display:block;
	width:390px;
	height:350px;
	float:left;
	margin:0;
	padding:0;
}
#contright .imghome{
	display:block;
	float: none;
	width:369px;
	height:185px;
	padding:0;
	margin:20px 10px 10px 10px;
}
#contright .img_contacto{
	height:auto;
	margin:20px 0px 0px 20px;
}
#contright .ban1, #contright .ban2{
	display:block;
	width:360px;
	height:110px;
	margin:10px 0 10px 10px;
	padding:0;
	float:left;
	overflow: hidden;
	text-align:left;
}
#contright .ban1 a, #contright .ban2 a{
	display:block;
	width:800px;
	height:110px;
	font:bold 10px "Arial,Helvetica",sans-serif;
	color:#FFF;
	text-indent: 360px;
	text-decoration: none;
}
#contright .ban1 a{
	background: url(../img/caracoles.gif) no-repeat 0 0;
	padding:3px 0 0 0;
	border-bottom:1px solid #80FF00;
}
#contright .ban1 a:hover{
	background: url(../img/caracoles.gif) no-repeat 0 -110px ;
}
#contright .ban2 a{
	background: url(../img/salas.png);
	padding:3px 0 0 0;
	border-bottom:1px solid #FFD11A;
}
#contright .ban2 a:hover{
	background: url(../img/salas_over.png);
}
#rightnav{
	display: block;
	width: 150px;
	height:300px;
	float:left;
	margin:20px 0 10px 5px;
	padding:0;
	overflow: hidden;
	background:#80D128 url(img/ul_rightnav.png) no-repeat bottom left;	
}
#rightnav ul.a2 ul.a3{
	display: block;
	width:130px;
	margin:0 0 0 -2px;
	padding:0 0 0 21px;
}
#rightnav ul.a2 li ul.a3{
	display: block;
	width:130px;
	margin:0 0 0 -2px;
	padding:0 0 0 21px;
}
#rightnav ul.a2 ul.a3 li{
	display:block;
	width:120px;
	height:18px;
	font-size:11px;
	margin:0 0 0 2px;
	padding:0;
	list-style: square outside;
	background: url(img/ul.a3.gif) no-repeat 0 0;
}
#rightnav ul.a2 ul.a3 li a,#rightnav ul.a2 ul.a3 li a:visited{
	padding:0 0 0 8px;
	color:#FFF;
}
#rightnav ul.a2 ul.a3 li a:hover{
	color:#2A4115;
}
#rightnav ul.a2 li ul.a3 li{
	display:block;
	width:120px;
	height:18px;
	list-style: square outside;
	line-height: 17px;
	padding:0;
	margin:0 0 0 -14px;
	background: none;
	background: url(img/ul.a3.gif) no-repeat 0 0;
}
#rightnav ul.a2 li ul.a3 li a,#rightnav ul.a2 li ul.a3 li a:visited{
	padding:0 0 0 8px;
}
#rightnav ul.a2 li ul.a3 li a:hover,#rightnav ul.a2 li ul.a3 li a.current{
	color:#2A4115;
}
#rightnav ul.a2 ul.a3 li a.current{
	color:#2A4115;
}
#rightnav ul.a2 li ul.a3 li a.current{
	color:#2A4115;
}
#rightnav ul.a2{
   display:block;
	padding:0 0 0 15px;
	margin:5px 0 0 0;
   color:White;	
}
#rightnav ul.a2 li{
	display: list-item;
	list-style: square inside;
	line-height: 17px;
	padding:0;
	margin:0;
}
#rightnav ul.a1{
   height:290px;
	background: url(img/ul_rightnav.png) no-repeat bottom left;
	padding:0 0 0 15px;
	margin:5px 0 0 0;
   color:White;	
}
#rightnav ul.a1 li{
	display: list-item;
	list-style: square inside;
	height:20px;
	line-height: 20px;
	padding:5px 0 0 0;
	margin:0;
}

#rightnav a,#rightnav a:visited{
	color:#FFF;
	text-decoration: none;
}
#rightnav a.current,#rightnav a.current:hover{
	color:#2A4115;
	font-weight: bold;
}
#rightnav a:hover{
	color:#FFF;
	text-decoration:underline;
}
#rnright{
	display: block;
	float: left;
	width:220px;
	height: 300px;
	margin:20px 0px 10px 10px;
	padding:0;
}
.imgprod{
	margin:5px 0 0 0;
}
#footer{
	width:730px;
	height:65px;
   float:left;
	padding:0px 10px 0px 10px;
	margin:0;
	overflow: hidden;
	text-align: center;
	background: url(img/footer.gif);
	font:12px "Lucida Grande",Tahoma,Arial,Helvetica,FreeSerif,sans-serif;
}
#footertext{
	display:block;
	width:550px;
	float:left;
	font-size:10px;
	text-align: left;
	margin:5px 0px 0px 20px;
	padding:0;
	color:#999;
   font-weight:bold;
}
#notable{
	display:block;
	width:122px;
	height:27px;
	margin:10px 17px 0px 3px;
	padding:0;
	overflow:hidden;
	float:left;
}
a#anotable{
	display:block;
	width:222px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration: none;
	text-indent: 122px;
	overflow: hidden;
	font:bold 11px "Lucida Grande",sans-serif;
	color:#FFF;
	background: url(img/notable.png) no-repeat;
}
a#anotable:hover{
	background: url(img/notable_over.png) no-repeat;
}
/* ESTILOS TIPOGRAFICOS */
#contleft h1,#contleft2 h1,#contacto h1{
	font: bolder 14px "Lucida Grande",sans-serif;
	color:#80D128;
}
#contleft p{
	font:12px "Lucida Grande",sans-serif;
	color:#333;
	text-align: justify;
	line-height:18px;
}
#contleft p.p10{
	font:11px "Lucida Grande",sans-serif;
	line-height: 16px;
}

/* ---------ESTILO DE CONTACTO */
#contacto{
	display: block;
	float: left;
	width:320px;
	height:290px;
	margin:20px 0 0 10px;
	padding:0 0 0 75px;
	border-left:1px solid #D8EF9C;
}
input{
	margin:0;
	padding:0;
}

form{
	display:block;
}
.no-display{
	display:none;
}

#contacto .usuariolabel{
   display:block;
	width:75px;
	height:20px;
	padding:0;
	margin:0;
	float:left;
}

#contacto .usuarioinput{
	display:block;
	width:150px;
	height:18px;
	margin:10px 0px 10px 75px;
	padding:0;
	border:1px solid #82B64A;
	background:#EBF8C6;
}

#contacto .usuariotextarea{
	display:block;
	width:150px;
	height:auto;
	margin:10px 0px 0px 75px;
	padding:0;
	border:1px solid #82B64A;
	background:#EBF8C6;
}
#contacto .usuariopublicar, #contacto .usuariopublicar2{
	display:block;
	width:72px;
	height:22px;
	float:left;
	margin:0;
	padding:0 0 1px 0;
	background:#80D128;
	font-size:11px;
	color:#FFF;
	border:1px solid #82B64A;
   font: bold 12px "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
}
#contacto .usuariopublicar{
	margin:0px 0px 0px 8px;
	padding:0 0 1px 0;
}
#contacto span.botones{
	display:block;
	margin:10px 0px 0px 75px;
}

/* ---------FIN  CONTACTO */