/*----------------------------------------------------------------------------------
CSS Principal para web virtusbooks
autor: Iván Tamayo
e-mail: itamayo@virtus360.com
----------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }

/* Grid para probar ajustes */
/*body { background:url(../aux_images/grid-horiz.png) 0 0; }*/

/* =Common
------------------------------------------------------*/
body { background:url(../aux_images/bg-header-banner.png) repeat-x 0 112px; font-family:Arial, Helvetica, sans-serif; color:#484848; font-size:62.5%; }
a { outline-style:none; }
a:link, a:visited, a:active { color:#E8234E; text-decoration:none; }
a:hover { color:#F60; }
.clear { clear:both; font-size:1px; line-height:0; }
ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
li { list-style-type:none; }
img { border:none; }
.flt-left { float:left; }
.flt-right { float:right; }

/* =Headings
------------------------------------------------------*/
h1 { float:left; height:35px; margin-top:30px; width:228px; }
h1 a { background:url(../aux_images/logo-virtusbooks.png) no-repeat; display:block; height:35px; text-indent:-9000px; width:228px; }
h2 { color:#27CFF3; float:left; font-size:24px; letter-spacing:-1px; margin-left:8px; margin-top:40px; }
h3 { color:#036; margin-bottom:16px; margin-top:2px; }
	h3 a:link, h3 a:active, h3 a:visited { color:#036; font-size:20px; letter-spacing:-1px; }
	h3 a:hover { color:#F60; }
#features-boxes h3, #features-boxes01 h3 { font-size:18px; letter-spacing:-1px; }
	
/* =Structure
------------------------------------------------------*/
#wrapper { margin:0 auto; position:relative; width:940px; }
#header { font-size:13px; height:112px; margin:0 auto; position:relative; width:940px; }
#main-nav { left:236px; position:absolute; top:83px; }
.main-banner { height:255px; margin:0 auto; width:940px; z-index:2; }
	.login-box { background:url(../aux_images/bg-form1.png) no-repeat; float:right; height:239px; width:306px; }
	.login-box .flt-left { margin-left:15px; }
	.login-box .flt-right { margin-right:15px; }
	.login-box p { padding:0 15px; }
	
.wrap-contents { clear:both; font-size:12px; /*height:112px;*/ line-height:16px; margin:0 auto; margin-bottom:21px; margin-top:32px; position:relative; width:940px; }
.content-interior { width:940px; }
.sticker { height:46px; left:200px; position:absolute; top:300px; width:190px; z-index:999; }
body#aviso-legal { background:#333; background-image:none; padding:15px; width:570px; } 
#aviso-legal div { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; }
#aviso-legal div p { margin-bottom:16px; text-align:justify; }

/* =Styling Header Language Switcherker
------------------------------------------------------*/
#lang-switcher { background:url(../aux_images/bg-language.gif) no-repeat; color:#727272; font-size:12px; height:21px; position:absolute; right:20px; top:45px; width:100px; }
#lang-switcher > li { float:left; margin-left:15px; }
#lang-switcher li { padding-top:3px; }
#lang-switcher select, #lang-switcher select:focus { outline:none; }
#lang-switcher .newListSelected {background:url(../aux_images/select-arrow.png) no-repeat scroll right 9px; border:none; color:#000; height:17px; margin-right:5px; padding:0; padding-top:2px; outline:none; /* IE 8 bugfix */ }
#lang-switcher .newListSelected div { display:block; padding:0 15px 2px 7px; text-align:left !important; }
#lang-switcher ul.newList { background:#fff; border:1px solid #E4E4E4; left:0; height:auto; overflow:auto; text-align:left !important; padding:2px; position:absolute; top:22px; z-index:9999; }
#lang-switcher ul.newList li { padding:0; width:90px; }
	ul.newList li a { display:block; padding:2px 5px; }
#lang-switcher .hiLite { color:#333; cursor:default; font-weight:bold;}
#lang-switcher .newListHover { color:#000;}
#lang-switcher .newListSelHover {cursor:default;}
#lang-switcher .newListSelHover, #languages .newListSelFocus { outline:none; }
#lang-switcher .newListSelHover div, #languages .newListSelFocus div { outline:none; }

/* =Styling Box Contents Home
------------------------------------------------------*/
.content-home { float:left; width:620px; }
.sidebar-home { float:left; width:300px; }	
	.title-box { color:#83AE00; display:block; font-size:16px; font-weight:bold; }
	.box-editors { height:81px; margin-bottom:12px; margin-top:14px; overflow:hidden; }
.content-home	.box-editors { background:url(../aux_images/bg-puntos-editoriales.gif) repeat-x; width:620px; }

.bg-home { background:url(../aux_images/banner-home-bookslaptop.png) no-repeat 5px 0; }
.txt-banner { letter-spacing:-1px; position:absolute; top:220px; }
.title-banner { color:#FFF; font-size:40px; letter-spacing:-2px; margin-bottom:0; }
.desc-banner { color:#FFF; font-size:28px; letter-spacing:-2px; line-height:1em; text-indent:10px; }

#features-boxes {float:left;}
#features-boxes li{ float:left; width:300px; }
#features-boxes li.feature-1, #features-boxes li.feature-3 { margin-bottom:25px; margin-right:20px; }
#features-boxes .epigraph { color:#0BABCD; font-size:11px; text-transform:uppercase; }
#features-boxes li p{ margin-bottom:16px; padding-left:90px; }
#features-boxes li.feature-1 { background:url(../aux_images/icon-lapiz.png) no-repeat 0 52px; }
#features-boxes li.feature-2 { background:url(../aux_images/icon-libros.png) no-repeat -3px 54px; }
#features-boxes li.feature-3 { background:url(../aux_images/icon-pin.png) no-repeat 0 64px; }
#features-boxes li.feature-4 { background:url(../aux_images/icon-maleta.png) no-repeat 0 65px; }
#features-boxes li.feature-5 { background:url(../aux_images/icon-free.png) no-repeat 0 47px; height:135px; }
#features-boxes li.feature-6 { background:url(../aux_images/icon-diversidad.png) no-repeat 0 50px; margin-left:10px; }


.content-interior h3 { color:#036; height:32px; line-height:0; margin-bottom:18px; margin-top:3px; }
.content-interior h3 a:link, h3 a:active, h3 a:visited { color:#036; font-size:18px; letter-spacing:-1px; }
.content-interior h3 a:hover { color:#F60; }
.content-interior #features-boxes { margin-top:2px; }
.content-interior #features-boxes li { background:none; float:left; margin-left:20px; margin-right:0; width:220px; }
.content-interior #features-boxes li:first-child { margin-left:0; margin-right:0; }
.content-interior #features-boxes li p { margin-bottom:16px; padding-left:0; }
.content-interior #features-boxes img { float:left; margin-right:7px; }
.content-interior #features-boxes .epigraph { display:block; margin-bottom:4px; }


#logos-editores li {margin-top:7px; width:140px; }
	
.sidebar-home { float:right; width:300px;}
.sidebar-home .title-box { margin-bottom:14px; }
.sidebar-home .compatible { background:url(../aux_images/bg-puntos-horizontales.gif) repeat-x 0 32px; height:110px; position:relative; }
.sidebar-home .compatible img[alt="Moodle"] { left:20px; position:absolute; top:40px; }
.sidebar-home .compatible img[alt="Clickedu"] { position:absolute; right:20px; top:52px; }

/* =Styling Box Contents Interior
------------------------------------------------------*/
.hilite-mktg	.box-editors { margin-top:0; width:700px; }
.hilite-mktg { background:url(../aux_images/bg-hilite-mktg.png) repeat-x; clear:both; height:112px; margin:0 auto; margin-bottom:32px; margin-top:8px; padding-top:16px; width:940px; }
.hilite-mktg p.compatible { background:url(../aux_images/separador-mktg.png) repeat-y; float:right; height:96px; padding-left:10px; position:relative; width:220px; }
.hilite-mktg .editores { float:left; width:700px; }
.hilite-mktg .compatible img[alt="Moodle"] { left:15px; position:absolute; top:40px; }
.hilite-mktg .compatible img[alt="Clickedu"] { position:absolute; right:10px; top:50px; }

.content-interior .block-intro { float:left; margin-bottom:8px; margin-right:20px; width:460px; }
.content-interior .block-intro h3 { color:#036; font-size:20px; height:31px; letter-spacing:-1px; margin-bottom:2px; }
.content-interior .block-intro p { margin-bottom:16px; }
.content-interior .block-intro img { float:left; margin-right:10px; }
.content-interior .info-help-1 { float:left; width:220px; }
.content-interior .info-help-2 { float:right; width:220px; }

a.bg-virtus-page { background:url(../aux_images/banner-interior-video.png) no-repeat 5px 0; border:none; display:block; float:left; height:255px; width:620px; }
.bg-publishers-page { background:url(../aux_images/bg-banner-editores.png) no-repeat 65px 0; height:255px;  width:940px; }
.bg-publishers-page .txt-banner { left:10px; letter-spacing:-1px; line-height:1px; position:absolute; top:175px; width:370px; }
.bg-publishers-page .txt-banner p { margin-top:-5px; text-align:right; }

/* =Styling Box Contents Interior = Columnas
------------------------------------------------------*/
.content-interior .iconvideo { background:url(../aux_images/icon-video.png) no-repeat 0 -1px; margin-top:4px; text-indent:24px; }
.content-interior .iconhelp { background:url(../aux_images/icon-ayuda.png) no-repeat 0 -1px; margin-top:4px; text-indent:24px; }
.content-interior .info-help-1 p { margin-top:15px; }
.content-interior .info-help-2 p { margin-bottom:16px; margin-top:15px; }
.content-interior .list-wbullet { margin-top:16px; }
.list-wbullet li { background:url(../aux_images/bullet-celeste.gif) no-repeat 0 5px; padding-left:14px; }

/* =Styling Footer
------------------------------------------------------*/
#footer { background:#C3C3C3; font-size:11px; height:79px; width:100%; }
#footer .wrapper { margin:0 auto; width:940px; }
#footer .wrapper p { margin-top:16px; }
#footer .wrapper p:first-child { margin-top:19px; }

/* =Styling Login Forms
------------------------------------------------------*/
.login-box { font-size:12px; position:relative; }
.login-box form { padding:10px; }
.login-box .tit-form { color:#FFF; font-size:18px; font-weight:bold; letter-spacing:-1px; margin-bottom:14px; margin-top:6px; }
.login-box a#lnkHowTo { background:url(../aux_images/icon-lnk-ayuda.png) no-repeat top right; color:#0CF; display:block; margin-top:10px; padding-right:18px; text-decoration:none; text-transform:lowercase; }
.login-box p { color:#FFF; }
.login-box p:first-child { background:#666; margin-top:16px; }
.login-box #lnkNewAccount, .login-box #lnkLostPass { color:#FFF; font-weight:bold; text-decoration:underline; }
.login-box #lnkLostPass { font-size:11px; }
.field-name { color:#002448; display:block; font-weight:bold; font-size:11px; margin-top:15px; }
.login-box #txtLogin, .login-box #txtPass { background:url(../aux_images/login-fields-namepass.png) no-repeat transparent; border:none; color:#002448; height:15px; font-size:11px; padding:2px 5px; width:120px; }
.login-box .forgotten-passwd { margin-top:17px; }
.login-box .btn-login { margin-top:15px; }
.login-box .activation-code { margin-top:16px; }
.login-box .alertas-login { position:absolute; top:10px; left:10px; }
.login-box .activation-code { bottom:10px; left:10px; position:absolute; }
.login-box .tit-activation { color:#069; display:block; font-size:15px; letter-spacing:-1px; padding-left:10px; }

.login-box #lblRolesWarning { color:#FFF; display:inherit; font-weight:bold; padding-bottom:10px; text-align:center; z-index:10; -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;  -moz-border-radius-bottomright:6px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; }
.login-box #lblRolesWarning select { float:left; margin-left:21px; margin-right:10px; margin-top:7px; } 
.login-box #lblRolesWarning #btnLogin2 { float:left; margin-top:8px; }
.login-box .rol-usuario { background:url(../aux_images/bg-black70semi.png); color:#FFF; display:inherit; font-weight:bold; left:0; padding:18px 10px; position:absolute; text-align:center; top:102px; width:284px; z-index:10; -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;  -moz-border-radius-bottomright:6px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; }
.login-box .rol-usuario select { margin-left:21px; margin-right:10px; margin-top:7px; } 
.login-box .rol-usuario #btnLogin2 { margin-top:8px; }


/* =Styling Main Nav
------------------------------------------------------*/
#main-nav li { float:left; margin-right:20px; }
	#main-nav li a:link, #main-nav li a:active, #main-nav li a:visited { background:url(../aux_images/main-nav-bullet-active.gif) no-repeat 0 5px; padding-left:18px; }
	#main-nav li a:hover { background:url(../aux_images/main-nav-bullet-hover.gif) no-repeat 0 5px; color:#333; padding-left:18px; }
#home a.inicio:visited, #que-es a.about:visited, #para-editores a.publishers:visited, #para-profesores a.teachers:visited, #para-centros a.schools:visited { background:url(../aux_images/main-nav-bullet-hover.gif) no-repeat 0 5px; color:#333; cursor:default; padding-left:18px; }

#lblCredentialsError, #lblUserLareadyOnline { background:#333 url(../aux_images/btn-delete.png) no-repeat 8px 8px; color:#FFF; cursor:pointer; left:50px; padding:8px 20px; padding-left:28px; position:absolute; top:70px; z-index:10;  -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px;  -moz-border-radius-bottomright:6px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; }

/* =Styling Twitter Display
------------------------------------------------------*/
.twitter-box { background:url(../aux_images/bg-puntos-horizontales.gif) repeat-x 0 31px; margin-bottom:16px; position:relative; }
.twitter-box a.follow-us { background:url(../aux_images/icon-twitter.png) no-repeat; font-size:11px; font-weight:normal; padding-left:20px; position:absolute; right:0; top:0; }
div#twitter { }
div#twitter h2 { background-color: #888; color: #fff; font-size: 1.1em; margin: 0; padding: 0.4em 1em; }
p#preloader { margin: 0; padding: 1em 1em 1em 3em; background: transparent url("../aux_images/loader.gif") 1em center no-repeat; }
ul#twitter_update_list { margin: 0; padding: 0 1em 0.5em 1em; list-style-type: none; }
ul#twitter_update_list li { margin: 0; padding:8px 0; border-bottom: 1px solid #ccc; }
ul#twitter_update_list li a { color: #f00; }
ul#twitter_update_list span + a { display:none; } /*  Hiding publishing dates  */
ul#twitter_update_list li span { display: block; }
ul#twitter_update_list li span a { color: #00f; }
ul#twitter_update_list li.firstTweet { }
ul#twitter_update_list li.lastTweet { border-bottom: none; }
a#profileLink { display: block; padding: 0.3em 1em; color: #fff; background-color: #888; }