/* RESET */
html,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
body { background-color: #c2c2c2; margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
/* TYPE */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
#omniture { position: absolute; }
#container { margin: 0; padding: 0; text-align: center; }
#main { height: 100px; margin-right: 30px; margin-left: 30px; margin-top: 0px; position: relative; }
#content { height: 500px; z-index: 10; margin-top: 120px; padding: 18px 20px; position: relative; color: #333; }
#loader { margin-left: 230px; background-repeat: no-repeat; text-align: left; margin-top: 260px; position: relative; }
#loaderColor { background-position: 0px 0px; background-image: url(../images/loader100.gif); margin-left: 230px; background-repeat: no-repeat; text-align: left; margin-top: 260px; position: relative; }
#logo {height: 50px; width: 260px; left: 0px; top: 75px; position: relative; cursor:pointer;}
#ticker {height: 23px; width: 1058px; left: 0px; top: 0px; position: relative; cursor:pointer;}
#nuevostitulos {height: 21px; width: 132px; left: 150px; top: 489px; position: absolute; cursor:pointer;}
#logoCenter {height: 50px; width: 260px; left: 400px; top: 230px; position: relative; cursor:pointer;}
#menu {height: 20px; text-align: right; text-transform: none; text-decoration: none; color: red; font-size: 12px; width: 465px; left: 600px; top: 20px; position: relative;}
#menu a { text-transform: none; text-decoration: none; color: #898989; font-size: 12px; cursor:pointer;}
#menu a:hover{ text-transform: none; text-decoration: none; color: #616263; font-size: 12px; cursor:pointer;}
#background { text-align: left; margin-top: 0px; width: 1124px; height: 657px; margin: 0 auto; position: relative; background:url(../images/base_background.png) no-repeat top; }
#cleanbackground { text-align: left; margin-top: 0px; width: 1124px; height: 657px; margin: 0 auto; position: relative; background:url(../images/clean_background.png) no-repeat top; }
#bookbackground { text-align: left; margin-top: 0px; width: 1124px; height: 657px; margin: 0 auto; position: relative; background:url(../images/book_Background.png) no-repeat top; }
#bookbackground2 { text-align: left; margin-top: 0px; width: 1124px; height: 657px; margin: 0 auto; position: relative; background:url(../images/book_Background2.png) no-repeat top; }
#mailbackground { text-align: left; margin-top: 0px; width: 1124px; height: 657px; margin: 0 auto; position: relative; background:url(../images/mail_Background.jpg) no-repeat top; }
#breadcrumb { clear: both; color: white; text-align: center; margin: 18px auto; clear: both; font-size: 12px; }
#graciasbackground { text-align: left; margin-top: 0px; width: 1124px; height: 657px; margin: 0 auto; position: relative; background:url(../images/base_gracias.png) no-repeat top; }
#background_text { text-align: left; margin-top: 0px; width: 1124px; height: 657px; margin: 0 auto; position: relative; background:url(../images/book_Background_text.png) no-repeat top; }
/*Mail Form*/
#main_email_name { color: #616263; width: 318px; height: 17px; padding-left: 4px; padding-bottom: 4px; padding-right: 4px; padding-top: 4px; margin-left: 10px; margin-bottom: 20px; margin-right: 0; margin-top: 2px; text-decoration: none; left: 710px; top: 108px; position: relative; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; border-bottom-style: inset;border:solid 1px #d6d6d6; }
#main_email_mail { color: #616263; width: 318px; height: 17px; padding-left: 4px; padding-bottom: 4px; padding-right: 4px; padding-top: 4px; margin-left: 10px; margin-bottom: 20px; margin-right: 0; margin-top: 2px; text-decoration: none; left: 710px; top: 99px; position: relative; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; border-bottom-style: inset;border:solid 1px #d6d6d6; }
#main_email_text { color: #616263; width: 379px; height: 210px; padding-left: 4px; padding-bottom: 4px; padding-right: 4px; padding-top: 4px; margin-left: 10px; margin-bottom: 20px; margin-right: 0; margin-top: 2px; text-decoration: none; left: 649px; top: 92px; position: relative; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; border-bottom-style: inset;border:solid 1px #d6d6d6; }
#main_email_buton { width: 140px; height: 30px; text-decoration: none; left: 650px; top: 130px; position: relative; }
#nosotros_text { padding: 4px; left: 650px; position: relative; top: 20px; display: block; height: 430px; overflow-x: auto; overflow-y: auto; width: 400px; }
/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
img { behavior: url(../home/styles/lib/iepngfix.htc); border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }
/* GRID */
.column { float: left; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }
p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content { zoom: 1; }
.last { margin-bottom: 0; }
#main .sidebar { font-size: 10px; line-height: 18px; color:#686868; }
#main .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }
/* DRAWERS */
#main ul.drawers { margin: 0; width: 165px; }
#main .slider .drawer-handle { color: #333; font-size: 12px; line-height: 25px; height: 25px; text-indent: 15px; width: 165px; cursor: default; margin-bottom: 0; font-weight: normal; background: #939393 url(../../home/images/slider_handlebg188.png) 0 0 no-repeat; }
#main .slider .drawer-content { height: auto; width: 141px;}
#main .slider h3.open { background-position: -188px 0; color: #fff; }
#main .sidebox.light { height: 404px; background:url(../images/sideboxlight_bg165.gif) repeat-y 0 0; }
#main .boxcap { height: 5px; width: 165px; position: absolute; z-index: 100; bottom: 0; _bottom: -10px; left: 0; background: url(../../home/images/sidenav_capbottom.png) no-repeat; behavior:url(lib/iepngfix.htc); }
#main .sidebar .boxcap { background: url(../../home/images/sidenav_capbottom.png) no-repeat; behavior: url(../home/styles/lib/iepngfix.htc); }
#main .sidebar .captop { bottom: auto; top: 0; background-image: url(../../home/images/box_165captop.png); }
/* #content { padding:1.6em 0 0; margin-bottom:-1.6em; } */
#content { width: 100%; left: 0px; top: 20px; position: absolute; padding:0; color:#555; }
#content .column.first { width:165px; }
/* downloads slider */
#downloadslider.sidebox { padding: 0; }
#downloadslider .drawer-content { padding: 0 12px; }
#downloadslider .drawer-content ul { margin: 0; }
#downloadslider .drawer-content li { width: 165px; margin-left: -12px; margin-right: -12px;}
#downloadslider .drawer-content li.last { border: 0; }
#downloadslider .drawer-content li a { border-right-color: #898989; border-left-color: #898989; border-left-width: 1px; border-bottom-width: 0px; border-right-width: 1px; border-top-width: 0px; line-height: 13px; padding-left: 12px; padding-bottom: 4px; padding-right: 12px; padding-top: 5px; color: #666666; display: block; cursor: pointer; font-size: 12px; text-decoration: none; width: 141px;}
#downloadslider .drawer-content li a:hover { background-color: #cccccc; color: #666666; }
#downloadslider .drawer-content li a:hover.amarillo { color: #666666; background-color: rgb(251, 242, 131); }
#downloadslider .drawer-content li.amarillo { color: white; background-color: rgb(251, 222, 59); }
#downloadslider .drawer-content li.amarillo a { color: white; }
#downloadslider .drawer-content li a:hover.verde { color: #666666; background-color: rgb(194, 255, 112); }
#downloadslider .drawer-content li.verde { color: white; background-color: rgb(159, 224, 71); }
#downloadslider .drawer-content li.verde a { color: white; }
#downloadslider .drawer-content li a:hover.rojo { color: #666666; background-color: rgb(255, 139, 142); }
#downloadslider .drawer-content li.rojo { color: white; background-color: rgb(255, 94, 94); }
#downloadslider .drawer-content li.rojo a { color: white; }
#downloadslider .drawer-content li a:hover.aguamarina { color: #666666; background-color: rgb(10, 222, 255); }
#downloadslider .drawer-content li.aguamarina { color: white; background-color: rgb(41, 197, 255); }
#downloadslider .drawer-content li.aguamarina a { color: white; }
#downloadslider .drawer-content li a:hover.purpura { color: #666666; background-color: rgb(197, 157, 255); }
#downloadslider .drawer-content li.purpura { color: white; background-color: rgb(177, 114, 255); }
#downloadslider .drawer-content li.purpura a { color: white; }
#downloadslider .drawer-content li a:hover.azul { color: #666666; background-color: rgb(0, 162, 255); }
#downloadslider .drawer-content li.azul { color: white; background-color: rgb(31, 126, 227); }
#downloadslider .drawer-content li.azul a { color: white; }
#downloadslider .drawer-content img.right { margin: 0 -13px 2px 0; _margin: 0 13px 2px 0; }
#downloadslider { height: auto; min-height: 400px; *height: 400px; margin-bottom: 15px; position: relative; overflow: hidden; _width: 188px; }
#downloadslider h2 { overflow: hidden; text-indent: -9999px; height: 25px; }
#downloadslider .drawers .drawer-content { min-height: 254px; *height: 254px; padding-bottom: 0; }
#downloadslider ul.alldownloads { margin: 0; padding: 7px 0 0; }
#downloadslider ul.alldownloads ul { display: none; }
#downloadslider ul.alldownloads li { display: inline; padding: 0; line-height: 18px; border: 0 none; }
#downloadslider ul.alldownloads li a { display: block; margin: 0; padding: 0px 15px 0px 3px; background: none; }
/* PRODUCT BROWSER */
#productbrowser { top: 360px; left: 150px; position: absolute; width: 845px; height: 150px; background:url(../images/backNuevosTitulos.jpg) no-repeat 0px 0px; overflow:auto; visibility:hidden; }
#pb-productbrowsercontainer { overflow: hidden; margin-left: 1px; margin-bottom: 0; margin-right: 1px; margin-top: 1; position: relative; width:763px; height:148px; }
#pb-productslider { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 10px; right: 0px; bottom: 0px; top:0px; left:0; width: 5000px; height:140px; position: absolute; padding:0; }
#pb-productslider .pb-productimage { padding-right: 7px; padding-left: 7px; float:left; position:relative; top:0; }
#pb-productslider .pb-productimage a:link,
#pb-productslider .pb-productimage a:visited { margin-top: 0px; float:left; overflow:hidden; text-align:left; }
#pb-productslider .pb-productimage a:hover { text-decoration:none; }
#pb-productslidertrack { position:absolute; top:150px; left:0px; width:888px; height:30px; overflow:hidden; background:url(../images/productbrowser_scrollbar.png) no-repeat; visibility:hidden; behavior: url(../home/styles/lib/iepngfix.htc); }
#pb-cat1 { position:absolute; top:0; z-index:150; color:#fff; font-size:11px; cursor:pointer; left:500px; }
#pb-productsliderhandle { margin-top: 88px; position:absolute; width:242px; height: 20px; cursor:pointer; z-index:140; }
#pb-productsliderhandleimage { margin-top: 88px; position:absolute; width: 242px; height: 20px; background:url(../images/scroller.gif) no-repeat 0px 0px; cursor:pointer; z-index:100; }
#pb-amarillo { margin-top: 0px; position:absolute; width: 242px; height: 20px; background:url(../images/scroller_amarillo.gif) no-repeat 0px 0px; cursor:pointer; }
#pb-verde { margin-top: 0px; position:absolute; width: 242px; height: 20px; background:url(../images/scroller_verde.gif) no-repeat 0px 0px; cursor:pointer; }
#pb-rojo { margin-top: 0px; position:absolute; width: 242px; height: 20px; background:url(../images/scroller_rojo.gif) no-repeat 0px 0px; cursor:pointer; }
#pb-aguamarina { margin-top: 0px; position:absolute; width: 242px; height: 20px; background:url(../images/scroller_aguamarina.gif) no-repeat 0px 0px; cursor:pointer; }
#pb-purpura { margin-top: 0px; position:absolute; width: 242px; height: 20px; background:url(../images/scroller_purpura.gif) no-repeat 0px 0px; cursor:pointer; }
#pb-azul { margin-top: 0px; position:absolute; width: 242px; height: 20px; background:url(../images/scroller_azul.gif) no-repeat 0px 0px; cursor:pointer; }
#pb-leftarrow { right: 0px; bottom: 0px; background-image: url(../images/leftArrow.png); behavior: url(../home/styles/lib/iepngfix.htc); position:absolute; left: 110px; top: 360px; width: 40px; height: 150px; cursor:pointer; visibility:hidden; }
#pb-rightarrow { right: 0px; bottom: 0px; background-image: url(../images/rightArrow.png); behavior: url(../home/styles/lib/iepngfix.htc); position:absolute; left: 914px; top: 360px; width: 40px; height: 150px; cursor:pointer; visibility:hidden; }
#pb-titulo { text-decoration: none; height: 20px; text-align: center; width: 242px; left: 0px; text-transform: none; position: absolute; top: 0px; color: white; font-size: 12px; cursor:pointer; }
/* Search */
.searchList {
z-index: 900;
margin-bottom: 0px;
margin-left: 3px;
margin-right: 0px;
margin-top: 0px;
padding: 0px;
list-style-type: none;
position: absolute;
width: 364px;
height: 240px;
overflow: auto;
}
#wrapSearch {
z-index: 1000;
height: 26px;
width: 370px;
left: 700px;
top: 20px;
position: relative;}
}
#input {
}
.searchList li {
display: block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
}
.searchList li a{
font-size: 14px;
display: block;
color: #cccccc;
text-decoration: none;
background-color: #333333;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 8px;
}
.searchList li a:hover{
text-decoration: none;
background-color: #cc0000;
}
#listWrap {
visibility: hidden;
}
#fieldset.search {
background-color: #e4e4e4;
border: none;
width: 370px;
margin: 0 auto;
}
.search input, .search button {
border: none;
float: left;
}
.search input.box {
padding-left: 30px;
padding-bottom: 4px;
padding-right: 4px;
padding-top: 4px;
color: #333333;
font-size: 1.2em;
width: 307px;
height: 18px;
background: url(../images/buscador_bg.gif) no-repeat;
}
.search input.box:focus {
background: #e4e4e4 url(../images/buscador_bg.gif) no-repeat left -26px;
outline: none;
}
.search button.btn {
padding: 0px;
margin: 0px;
width: 28px;
height: 26px;
cursor: pointer;
text-indent: -9999px;
background: #898989 url(../images/buscador_bg.gif) no-repeat -342px 0px;
}
.search button.btn:hover {
background: #898989 url(../images/buscador_bg.gif) no-repeat -342px -52px;
}
#footer {
z-index: 0;
margin-top: 560px;
text-align: right;
height: 16px;
width: 1124px;
color: #666666;
font-size: 11px;
}
/* PRINT */
@media print {
body, #main, #content { color: #000 !important; }
a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}