@charset "UTF-8";
/* CSS Document */

/* estilos primarios*/
body{
	background:#f7f7f7 url(../images/pattern.png) repeat top left;
	color:#fff;
}

.formato1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #090;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #009;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F60;
}
.tablas1 {
	border: thin solid #CCC;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
.justificado {
	text-align: justify;
}
.fondodesolapasuperior {
	background-image: url(../images/solapa.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
}
.fondoblanco {
	background-color: #F7F7F7;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-right: 20px;
	padding-left: 20px;
}
.fondoblanco2 {
	background-color: #F7F7F7;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-right: 20px;
	padding-left: 20px;
}

.fondopie {
	background-attachment: scroll;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
}
.enlaces {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #F90;
}

.textopie {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
}






/* Estilos secundarios */

@import url('reset.css');

a{
	color:#fff;
	text-decoration:none;
}
.clr{
	clear:both;
}
.container {
	width:1024;
	position:relative;
	z-index:100;
	margin:0 auto;
}
.header{
	padding-top:0px;
}
.content {
	width:1000px;
	margin:0 auto;
}

.more ul{
	text-transform:uppercase;
	font-size:13px;
	padding:0px 0px 30px 20px;
	height:0px;
	clear:both;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	width:830px;
	margin:0 auto;
}
.more ul li{
	float:left;
	margin:0px 2px;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#fff;
	color:#fff;
	text-shadow:none;
}
.more ul li a{
	text-shadow:1px 1px 1px #fff;
	color:#555;
	background:#f7f7f7;
	padding:3px 6px;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
	background:#fff;
	color:#fff;
	text-shadow:none;
}
.content{
	width:100%;
	position:relative;
}




/*Sliding Text and Icon Menu Style*/
.sti-menu{
	width:1010px;
	position:relative;
	margin:0px auto 0 auto;
}
.sti-menu li{
	float:left;
	width:200px;
	height:300px;
	margin:1px;
}
.sti-menu li a{
	display:block;
	overflow:hidden;
	background:#fff;
	text-align:center;
	height:100%;
	width:100%;
	position:relative;
	-moz-box-shadow:1px 1px 2px #ddd;
	-webkit-box-shadow:1px 1px 2px #ddd;
	box-shadow:1px 1px 2px #ddd;
}
.sti-menu li a h2{
	color:#000;
	font-family:arial, serif; 
	font-size:24px;
	text-transform:uppercase;
	position:absolute;
	padding:10px;
	width:180px;
	top:140px;
	left:0px;
	text-shadow: 0px 1px 1px black;
}
.sti-menu li a h3{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-style:none;
	color: #000;
	position:absolute;
	top:240px;
	left:0px;
	width:180px;
	padding:0px;
}
.sti-icon{
	width:100px;
	height:100px;
	position:absolute;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	left:50px;
	top:30px;
}
.sti-icon-care{
	background-image:url(../images/menu/pronostico.png);
}
.sti-icon-alternative{
	background-image:url(../images/menu/heladas.png);
}
.sti-icon-family{
	background-image:url(../images/menu/radar.png);
}
.sti-icon-info{
	background-image:url(../images/menu/solidario1.png);
}
.sti-icon-technology{
	background-image: url(../images/menu/rut1.png);
}




/*Estilos demo*/


div#demo {
	margin: 50px auto 50px auto;
	text-align: center;
}

div#demo ul#menu {
    margin: 5px 0px;
    list-style: none;
    display: inline-block;
}
    
div#demo ul#menu li {
    padding: 0px;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 48px;
    height: 48px;
}

div#demo ul#menu li a {
    position: absolute;
}

div#demo ul#menu li img {
    position: absolute;
    width: 48px;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0 8px 0 0;
    border: none;
    overflow: hidden;
}

* { margin:0;
    padding:0;
}

div#menu { margin:0px auto; }








/* Estilos menu horizontal


 (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
div#menu {
    height:55px;
   /*
    background:url(../images/submenu/nav-bg.png) repeat-x;
    _background:url(../images/submenu/nav-bg.gif) repeat-x; */
	background:url(../images/submenu/fondo2.png)
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-left: 30px;
}

div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}
   
div#menu li:hover>ul {
    left: -2px;
}

div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    top: 50px;
    left: 0;
    width: 208px;
    z-index: 11;
    visibility: hidden;
    padding: 0 0 9px 7px;
    _padding: 0 0 9px 3px;
    background: url(../images/submenu/submenu-bottom.png) no-repeat 7px bottom;
    _background-image: url(../images/submenu/submenu-bottom.gif);
    margin: 0 0 0 -9px;
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu li.current a {}

/* menu::level1 */
div#menu a {
    position: relative;
    z-index: 10;
    height: 55px;
    display: block;
    float: left;	
    padding: 0 10px 0 10px;
    line-height: 55px;
    text-decoration: none;
}
div#menu span {
	padding-top: 18px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	cursor: pointer;
	background-repeat: no-repeat;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
}
div#menu ul a:hover span {
	color: #FF6600;
	font-weight: bold;
}

div#menu li { background: url(../images/submenu/nav_separator.png) top left no-repeat; }
div#menu li.last span{
    background: url(../images/submenu/nav_separator.png) top right no-repeat;
    padding: 18px 10px 16px 0;
}

/* menu::level2 */
div#menu ul ul li {
    background: url(../images/submenu/nav_dropdown_sep.gif) left bottom repeat-x;
    padding: 4px 0;
    z-index: 9;	
}
div#menu ul ul {
    z-index: 12;	
    padding: 0;
    background: rgb(226,226,226) url(../images/submenu/nav_dropdown_grad.png) right top no-repeat;
    margin-top:0px;
    margin-left:4px;
    margin-right:5px;
}
div#menu ul ul a {
  	width: 184px;
	  padding: 0px 7px 3px 8px;
    height: auto;
    float: none;
    display: block;
    background:none;
    margin-bottom: 2px;
    z-index: -1;
}
div#menu ul ul a span {
	  padding: 0 10px 0px 10px;
    line-height: 20px;
    color: #454545;
    font-weight:normal;
    text-transform: none;
    background:none;
}
div#menu ul ul a:hover {
    background: url(../images/submenu/submenu-selected-bottom.gif) no-repeat 8px bottom;
}
div#menu ul ul a:hover span {
    background: url(../images/submenu/submenu-selected-top.gif) no-repeat 0px 0px;
    color: #fff;
}

div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 208px;
    margin: -50px 0 0 190px;
    height: auto;
    _padding: 0 0 9px 3px;
}
div#menu ul ul ul {
	_padding-right:1px;
}

/* lava lamp */
div#menu li.back {
}
div#menu li.back .left {
}











/* BUSCADOR


Tipue Search 2.1
Copyright (c) 2013 Tipue
Tipue Search is released under the MIT License
http://www.tipue.com/search
*/


em
{
     font: inherit; 
     font-weight: 400;   
}
#tipue_search_input
{
     font: 13px/1.5 'open sans', sans-serif;
	color: #333;
	padding: 7px;
	margin: 0;
	width: 160px;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}
#tipue_search_input:focus
{
     border-color: #c3c3c3;
     box-shadow: 0 0 3px rgba(0,0,0,.2);     
}
#tipue_search_button
{
     width: 60px;
     height: 33px;
     margin-top: 1px;
     border: 1px solid #dcdcdc;
     border-radius: 2px;
     background: #f1f1f1 url('../images/buscador/search.gif') no-repeat center;
	outline: none;
}
#tipue_search_button:hover
{
	border: 1px solid #c3c3c3;
	-moz-box-shadow: 1px 1px 2px #e3e3e3;
	-webkit-box-shadow: 1px 1px 2px #e3e3e3;
	box-shadow: 1px 1px 2px #e3e3e3;
}

#tipue_search_content
{
     clear: left;
     max-width: 650px;
	padding: 25px 0 13px 0;
	margin: 0;
}
#tipue_search_loading
{
     padding-top: 60px;     
     background: #fff url('../images/buscador/loader.gif') no-repeat left;
}

#tipue_search_warning_head
{
     font: 14px/1.5 'open sans', sans-serif;
	color: #333;
}
#tipue_search_warning
{
     font: 300 14px/1.5 lato, sans-serif;
	color: #111;
	margin: 13px 0;
}
#tipue_search_warning a
{
     color: #36c;
     text-decoration: none;
}
#tipue_search_warning a:hover
{
     color: #111;     
}

#tipue_search_results_count
{
     font: 300 14px/1.5 lato, sans-serif;
	color: #111;
}

.tipue_search_content_title
{
     font: 300 19px/1.5 'open sans', sans-serif;
	margin-top: 31px;
}
.tipue_search_content_title a
{
     color: #36c;
     text-decoration: none;
}
.tipue_search_content_title a:hover
{
     color: #333;    
}

.tipue_search_content_image_box
{
     float: left;
     border: 1px solid #f3f3f3;
     padding: 13px;
     margin: 21px 0 7px 0;
}
.tipue_search_content_image
{
     max-width: 110px;
     height: auto;
     outline: none;
     cursor: pointer;
}       
#tipue_lightbox
{
     display: none;
     position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .9);
}
#tipue_lightbox_content
{
     margin: 37px auto;
     background-color: #fff;
     padding: 30px;
     border: 1px solid #ccc;
     width: 250px;
     text-align: center;
     box-shadow: 0 1px 2px #eee;
}
#tipue_lightbox img
{
     max-width: 200px;
     height: auto;
}
#tipue_lightbox_content_title
{
     font: 300 14px/1.7 lato, sans-serif;
	color: #111;
	padding: 17px 25px 0 25px;
	width: 200px;  
}
#tipue_lightbox_content_link
{
     float: left;
     width: 30px;
     height: 30px;
     margin-top: 17px;
     background: #fff url('../images/buscador/link.png') no-repeat center;
}
#tipue_lightbox_content_expand
{
     float: left;
     width: 30px;
     height: 30px;
     margin: 17px 0 0 3px;
     background: #fff url('../images/buscador/expand.png') no-repeat center;
}
#tipue_lightbox_content_link:hover, #tipue_lightbox_content_expand:hover
{
     background-color: #f3f3f3;
}

.tipue_search_content_text
{
     font: 300 14px/1.7 lato, sans-serif;
	color: #111;
	padding: 13px 0;
}
.tipue_search_content_loc
{
     font: 300 14px/1.5 lato, sans-serif;
	color: #111;
}
.tipue_search_content_loc a
{
     color: #555;
     text-decoration: none;
}
.tipue_search_content_loc a:hover
{
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;     
}

#tipue_search_foot
{
     margin: 47px 0 31px 0;
}
#tipue_search_foot_boxes
{
	padding: 0;
	margin: 0;
     font: 12px/1 'open sans', sans-serif;
}
#tipue_search_foot_boxes li
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}
#tipue_search_foot_boxes li a
{
	padding: 7px 10px 8px 10px;
     background-color: #f5f5f5;
     background: -webkit-linear-gradient(top, #f7f7f7, #f1f1f1);
     background: -moz-linear-gradient(top, #f7f7f7, #f1f1f1);
     background: -ms-linear-gradient(top, #f7f7f7, #f1f1f1);
     background: -o-linear-gradient(top, #f7f7f7, #f1f1f1);
     background: linear-gradient(top, #f7f7f7, #f1f1f1);
     border: 1px solid #dcdcdc;
     border-radius: 2px;
	color: #333;
	margin-right: 7px;
	text-decoration: none;
	text-align: center;
}
#tipue_search_foot_boxes li.current
{
	padding: 7px 10px 8px 10px;
     background: #fff;
     border: 1px solid #dcdcdc;
     border-radius: 2px;
	color: #333;
	margin-right: 7px;
	text-align: center;
}
#tipue_search_foot_boxes li a:hover
{
	border: 1px solid #c3c3c3;
	box-shadow: 1px 1px 2px #e3e3e3;
}

.botoninfo {
	font-family: Helvetica, HelveNueThin, "Helvetica75-Bold", "Helvetica35-Thin";
	font-size: 12px;
	color: #FFF;
	background-color: #009;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}






/* MAS */

.menu1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.menu1:hover {
	color: #F90;
}
.menu1extra {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F60;
	text-decoration: none;
}
.formato2 {
	color: #666;
}
.menu1enlace {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #900;
	text-decoration: none;
}

.formato3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.fondoblanco tr .fondoblanco2 table tr td {
	color: #000;
}