/* Site
   -------------------------------- */
html {overflow-y: scroll; background: #e2efd6 url('../img/html_bg.png') repeat-x scroll;}
body {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../img/body_bg.jpg) no-repeat scroll center top; font-family:"Arial","Helvetica","Verdana","sans-serif"; font-size:10px; margin:0;
min-height:100%; padding:0 0 20px;}
#wrapper { margin: 0 auto; width: 956px; position: relative;}
#banner {height: 160px;}
#content .bg { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);}

.small{font-size:9px;}


a {color:#459E00;}
a:hover {color: #090;}
a.imagelink img{border: 2px #090 solid; }
a:hover.imagelink img{border: 2px #FC0 solid; }

/* Logo
   -------------------------------- */
#banner h1.logo {position: absolute; top: 5px; left: 28px; margin: 0;}
#banner h1.logo, h1.logo a { width: 180px; height: 180px;}
#banner h1.logo a {display: block; background: url('../img/logo.png') no-repeat;}
#ie6#banner h1.logo a {display: block; background: no-repeat transparent none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png', sizingMethod='scale');}
#banner h1.logo a span {display: none;}

/* Dock
   -------------------------------- */
#dock {	height: 25px; float: left; position: absolute; top: 0; right: 2px;}
#dock .left { float: left; width: 3px; height: 25px; background: url('../img/dock.png') no-repeat left top;}
#dock .right { float: left; width: 3px; height: 25px; background: url('../img/dock.png') no-repeat right top;}
#dock ul, #dock ul li { float: left; list-style-type: none; margin: 0; padding: 0;}
#dock ul { padding: 0 6px; height: 25px; background-color: #F0FCD9}
#dock ul li { padding: 0 6px; position: relative;}
#dock ul li a { float: left; display: block; padding: 0 5px; color: #777; text-decoration: none; font-size: 12px; line-height: 22px;}
#dock ul li a:hover, #dock ul li.selected a { color: #000; border-bottom: 2px solid #98723C;}
#dock ul li.selected a { font-weight: bold;}

/* Navigation
   -------------------------------- */
#navigation { height: 41px; float: left; position: absolute; top: 62px; right: 0px;}
#ie6#navigation { width:500px}
#navigation .left { float: left; width: 5px; height: 35px; background: url('../img/navigation_l.png') no-repeat left top;}
#ie6#navigation .left { background: transparent none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/navigation_l.png', sizingMethod='scale'); zoom: 1;}
#navigation .right { float: left; width: 3px; height: 35px; }
#ie6#navigation .right { float: left; width: 3px; height: 35px; background: transparent none;}
#navigation ul { float: left; list-style-type: none; margin: 0; padding: 0; font-size: 13px; line-height: 38px; height: 35px;}
#navigation ul li{position: relative; display: inline; float: left; background: url('../img/navigation.png') repeat-x 0 -43px;}
#navigation ul li:hover { background: url('../img/navigation.png') repeat-x 0 0px;}
#navigation ul li a {display: block; height: 35px; padding: 0 18px; color: #eee; text-decoration: none; background: url('../img/navigation_s.png') no-repeat right top;}
#navigation ul li.selected a { color: #fff;}
#navigation ul li.last a{ background-image: none;}
#navigation ul li a:hover { color: #fff;}
#navigation ul li ul{  height: 15px; line-height: 15px;position: absolute;left: 0;display: block;visibility: hidden; border-top: 1px solid black; background:none;}
#navigation ul li ul li{display: list-item; float: none; background: url('../img/navigation.png') repeat-x 0 -41px;}
#navigation ul li ul li a{font-size: 12px; height: 15px; width: 160px; padding: 4px 5px; margin: 0; border: 1px solid black; border-top-width: 0;  background: url('../img/navigation_s.png') no-repeat right top;}
#navigation ul li ul li a:hover{}
#navigation ul li ul li ul{top:0;}
.downtriangle{position: absolute;top: 12px;right: 5px;}
.rightplus{position: absolute;top: 5px;right: 5px;}

/* Content
   -------------------------------- */
#content-wrapper { background: #FFF url('../img/content_bg.png') repeat-y 0 0;}
#content { background: url('../img/content_body_bg.png') no-repeat 0 13px; zoom: 1;}
.content-top { font-size: 1px; height: 13px; background: url('../img/content_top_bg.png');}
.content { padding: 0 3px 0 3px; overflow: hidden;}
#content .content { min-height: 380px;}
#ie6#content .content { height: 380px; overflow-y: visible;}
#inicio #content .content {/* background: url('../img/dot.png') repeat-y 233px 0; padding: 20px 10px;*/}
#application-content { padding: 5px;margin: 0 -1px;}

/*links de idioma*/
#idiomaSwitch { position:absolute; font-size: 11px; padding: 0 10px; margin: -45px 0px 0 20px;}
#idiomaSwitch p {margin: 8px 0; padding: 0;}
#idiomaSwitch a{background: url(../img/icon-flags.gif) no-repeat 0 2px; color: #297ED3; margin-right:10px;padding: 2px 15px 2px 15px;}
#idiomaSwitch a:hover {background-position: 0 -86px; color: #1667B7;}

.resumen {width:30%; float:left; min-height:150px;}

/*dos columnas*/
#SideBar  {width: 214px; padding: 0 4px 4px 4px; position: relative; margin: 5px 0;float: left;}
#SideBar a:focus, div.content * { outline: 0 !important;}
#SideBarHeader h1 { /*logo*/ font-size: 1.5em; color: #fff; font-weight: normal; width: 213; height: 46px; margin: 0 0 -1px 0; padding: 0; text-indent: -999999px; overflow: hidden; background: transparent url(../images/app/logo_themeRoller_sml.gif) -5px 0 no-repeat;}

/*columna principal*/
#components { margin: 0px 10px 0 0; padding: 15px; float: right; width: 665px; }
a.learn-more:link,
a.learn-more:visited { padding: 2px 0 2px 15px; background: url(../img/icon-learn-more-left.gif) no-repeat 0 2px; }
a.learn-more:hover,
a.learn-more:active { background-position: 0 -87px;}

/*comentarop*/
#comentariodiv { width:620px; margin:10px 0 0 15px;}


/* Footer
   -------------------------------- */

#footer { height: 45px; padding: 10px 0; position: relative;}
#footer .inner { position: relative; z-index: 2;}
#ie6#footer .inner { zoom: 1;}
#footer .bg { background: url('../img/footer_bg.png') no-repeat left top; width: 100%; height: 65px; position: absolute; top: 0; left: 0;	z-index: 1;}
#ie6#footer .bg { width: 100%; height: 65px; position: absolute; top: 0; left: 0; z-index: -1; background: transparent none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/footer_bg.png', sizingMethod='scale'); zoom: 1;}
#footer p { margin: 0; padding: 0; color: #0e0e0e; font: normal 9px 'Arial', 'Helvetica', sans-serif; text-transform: uppercase;}
#footer p a { color: #bbb;}
#footer span.first { display: block; float: left; padding: 6px 0 0 16px;}
#footer .block { display: block; float: left;}
#footer .block span, #footer span.empty { display: none;}
#footer .madeonamac { background:  url('../img/madeonamac.gif'); width: 90px; height: 30px; border: 0; margin: 3px 22px 0px 3px;}

/* About */

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}