body{
	line-height: 1.6667em;
	font-size: 12px;
	margin:0;
	padding:0;
	background-image:url(img/bg_wallaby.gif);
	background-position:bottom;
	background-color:#001338;
	background-repeat:repeat-x;
	font-family:Helvetica, Arial, "Times New Roman", Times, serif;
}
h1{ font-size:2em; line-height:1.6em; margin-bottom:0.8333em; border-bottom: 1px solid #dbdbdb; color: #339900; font-weight:normal;}
h2{ font-size:1.3em; line-height:1.6em; font-weight:normal;  border-bottom: 1px solid #dbdbdb; color:#000; margin-bottom:10px;}
h3{ font-size:1.5em; line-height:0; margin-top:40px; text-decoration:none; }
h4{ font-size:1.7em; line-height:1em;}
h5{
	font-size:1.3em;
	line-height:1.3em;
	font-weight: lighter;
	color: #999;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch:condensed;
}
p,ul{ margin-bottom:1.6667em; font-family:Arial, Helvetica, sans-serif; text-align:justify;}
ol{ margin-bottom:1.6667em; font-family:Arial, Helvetica, sans-serif; text-align:left; }
li{ font-family:Arial, Helvetica, sans-serif;}
a { text-decoration: underline; color:#339900; }
p.copyright{ font-size:0.7500em; }

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #FFF;
height: 150px; /*Height of top section*/
}

#animacion{
background-image:url(img/bg_animacion.png);
background-repeat:no-repeat;
height: 440px; 
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 230px; /*Set right margin to RightColumnWidth*/
width:570px;
}

#rightcolumn{
float: left;
width: 220px; /*Width of right column*/
height:395px;
margin-left: -220px; /*Set left margin to -(RightColumnWidth) */
background-image:url(img/bg_otroslocos.gif);
}

#footer{
clear: left;
width: 850px;
text-align: center;
padding: 4px 0;
margin:0 auto;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


/* Navegación Columna Derecha */
.navigationCD {
	background: url(img/bg_footer-menu.png) repeat-x; height: 26px;
	width:220px;
	margin: 0 auto;
}
.navigationCD a{
	background: url(img/bg_menu.gif);
	border-right: 1px solid #636472;
	color: #636472;
	float: left;
	font: 1em Arial, Helvetica, sans-serif bold;
	padding: 0 20px;
	line-height: 1.5em;
	text-align: center;
	text-decoration: none;
	padding-top:2px;
	margin-top:2px;
	margin-bottom:2px;
}
#navcontainerCD { width: 220px; text-align:left; }

#navcontainerCD ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
padding-top:20px;
margin-top:20px;
}
#navcontainerCD li{ margin-left:1.3em; font-size:11px;}

#navcontainerCD a{
display: block;
padding: 3px;
width: 190px;
border-bottom: 1px solid #dbdbdb;
text-decoration:none;
background-image: url(img/ico_listaproductosF1.png);
background-position: right;
background-repeat:no-repeat;
}

#navcontainerCD a:link, #navlistCD a:visited{
color: #999;
text-decoration: none;
}

#navcontainerCD a:hover{
border-bottom: 1px solid #666666;
background-image: url(img/ico_listaproductos.png);
background-position: right;
background-repeat:no-repeat;
color:#333333;
}


/* Navegación Footer */
.navigation {
	background: url(img/bg_footer-menu.png) bottom no-repeat;
	height: 50px;
	width:840px;
	padding-top:15px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.navigation a {
	border-right: 1px solid #347dbc;
	color: #347dbc;
	font: 1.1em Arial, Helvetica, sans-serif bold;
	padding: 0 20px;
	line-height: 1.5em;
	text-align: center;
	text-decoration: none;
	padding-top:2px;
	margin-top:2px;
	margin-bottom:2px;
	font-weight:bold;
}

.navigation a:hover {
color:#FFFFFF;
}

.navigation b {
	padding: 0 20px;
	color: #347dbc;
	font-weight:normal;
	}
#navcontainer {
	width: 190px;
	text-align:left;
}

#navcontainer ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
width:190px;
}
#navcontainer li{
padding-left:10px;
}

#navcontainer a{
display: block;
padding: 3px;
width: 190px;
border-bottom: 1px solid #1b4e7a;
font-size:12px;
background-image: url(img/ico_listaproductosF1.png);
background-position: right;
background-repeat:no-repeat;
}

#navcontainer a:link, #navlist a:visited{
color: #3fbeff;
text-decoration: none;
}

.direcc{
	font-size:11px;
	color:#3fbeff;
	text-align:center;
	margin-top:40px;




}
#navcontainer a:hover{
background-image: url(img/ico_listaproductos.png);
background-position: right;
background-repeat:no-repeat;
border-bottom: 1px solid #FFF;
color:#FFF;
}


#contacto input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1f3b84;
	padding: 3px;
	border: 1px solid #999;
	float: left;
	height: 15px;
	width: 180px;
}
#contacto textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 3px;
	border: 1px solid #999;
	float: left;
	height: 170px;
	width: 280px;
}
.contacto_boton input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1f3b84;
	padding: 3px;
	border: 1px solid #999;
	float: left;
	height: 15px;
	width: 180px;
}





/* Footer Contacto */
#footerContacto {
background-image:url(img/bg_footer-contacto.png);
background-repeat:no-repeat;
width:640px;
height:346px;
text-align:center;
}
.innertube_footerContacto{
margin-left: 30px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 80px;
line-height:38px;
}

#DERContacto {
background-image:url(img/bg_contacto.png);
background-repeat:no-repeat;
height: 310px;
width: 220px;
}

#DERContacto .input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1f3b84;
	padding: 3px;
	border: 3px solid #1f3b84;
	float: left;
	height: 15px;
	width: 180px;
}
#DERContacto textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1f3b84;
	padding: 3px;
	border: 3px solid #1f3b84;
	float: left;
	height: 120px;
	width: 320px;
}
.contacto_pais{
font-size:10px;
color: #666666;
line-height:14px;
}
.contacto_pais b{
color:#009900;
border-bottom:#999999 solid 1px;
display: block;
}
.boton_contacto {
background-image:url(img/btn_enviar.png);
color:#FFFFFF;
width:110px;
height:36px;
border:none;
cursor:hand;
font-weight:bold;
}


a#replaced {
display:block;
width:107px;
height:37px /* aqui esta el truco */
text-indent:-9999px;
background:url(img/boton_aqui-mas-informacion.png) top left no-repeat;
z-index:10;

}
a#replaced:hover {
background-position:0 -37px;/* con esto cambiamos la porcion de imagen que se muestra */
}

#divLista {
	width:830px;
}
UL.col {
	PADDING: 0;
	FLOAT: left;
	MARGIN: 10px 0px;
	WIDTH: 100%;
	LIST-STYLE-TYPE: none;
}
UL.col LI {
	DISPLAY: inline;
	FLOAT: left;
	WIDTH: 42%;
	PADDING:  0px 40px 0px 0px;
	color:#666666;
font-family:'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;
font-size:12.5px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:150%;
}
#divLista span{
line-height:16px;
padding-left:20px;
padding-top:0px;
margin-bottom:10px;
margin-top:0px;
background-image:url(img/ico_lista-panel.png);
background-position:top left;
background-repeat:no-repeat;
display:block;
}

/* Listas para Panel Productos */
#divListax3 {
	width:840px;
}
UL.colx3 {
	PADDING: 0;
	FLOAT: left;
	MARGIN: 10px 0px;
	WIDTH: 100%;
	LIST-STYLE-TYPE: none;
}
UL.colx3 LI {
	DISPLAY: inline;
	FLOAT: left;
	WIDTH: 200px;
	PADDING:  0px 10px 0px 0px;
	color:#666666;
	font-family:'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;
	font-size:9px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:150%;
	}





/*---------- Listas para Panel ----------*/
.uma ul {
background: url(img/ico_lista-panel.png) no-repeat center left;
width: 380px;
padding: 0;
margin: 0 0 0 20px; /*ORDEN: top right bottom left*/
font-size: 11px;
font-weight: normal;
color: #333333;
}

.uma li {
padding-left: .7em; /*le das un poco de padding para que haya distancia con el texto*/
}

.descripcion {
font-family:'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,sans-serif;
font-size:9px;
}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(img/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(img/bubble.gif) no-repeat bottom;
}


.star {
	height:145px;
	right:-50px;
	top:700px;
	width:145px;
	z-index:100;
}
#contacto{
background-image:url(img/bg_animacion_contacto.png);
}
/*
////////////////// Buble Info //////////////////
*/

        .bubbleInfo {
            position: relative;
            top: 10px;
            /*left: 100px;*/
            width: 220px;
        }
        .trigger {
            /*position: absolute;*/
        }
     
        /* Bubble pop-up */

        .popup {
        	position: absolute;
        	display: none;
        	z-index: 50;
        	border-collapse: collapse;
        }

        .popup td.corner {
        	height: 15px;
        	width: 19px;
        }

        .popup td#topleft { background-image: url(img/bubble-1.png); }
        .popup td.top { background-image: url(img/bubble-2.png); }
        .popup td#topright { background-image: url(img/bubble-3.png); }
        .popup td.left { background-image: url(img/bubble-4.png); }
        .popup td.right { background-image: url(img/bubble-5.png); }
        .popup td#bottomleft { background-image: url(img/bubble-6.png); }
        .popup td.bottom { background-image: url(img/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(img/bubble-8.png); }

        .popup table.popup-contents {
        	font-size: 12px;
        	line-height: 1.2em;
        	background-color: #fff;
        	color: #666;
        	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
        	}

        table.popup-contents th {
        	text-align: right;
        	text-transform: lowercase;
        	}

        table.popup-contents td {
        	text-align: left;
        	}

        tr#release-notes th {
        	text-align: left;
        	text-indent: -9999px;
        	background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
        	height: 17px;
        	}

        tr#release-notes td a {
        	color: #333;
        }