html {height: 100%; width: 100%;}
body {height: 100%; margin: 0 0 0 0; width: 100%;}
body, p {
color: #808184;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
a {color: #7B7B7B; text-decoration: none;}
div#outerwrapper {margin: 0 auto 0 auto; width: 100%;}
div#contentcontainer {clear: both; margin: 0 auto 0 auto; width: 1008px;}
div#leftcontainer {float: left; min-height: 552px; width: 810px;}
div#leftcontainer_interior {float: left; min-height: 663px; width: 810px; padding-bottom:33px}
div#navcontainer {float: left; margin-top: 170px; text-align: right; width: 198px;}
div#navcontainer div#navinfo {padding: 0 0 0 0; text-align: right; width: 198px;}
div#navcontainer div#navinfo img.nav_img {padding: 136px 0 0 0; text-align: right;}
div#navcontainer div#navinfo div.nav_bottom_spacer { margin: 189px 0 0 -42px;}
div#navcontainer_interior {float: left; margin-top: 60px; text-align: right; width: 198px;}
div#navcontainer_interior div#navheader {height: 75px; margin-bottom: 35px; margin-right: 30px; text-align: right; width: 168px;}
div#navcontainer_interior div#navinfo {padding: 0 0 0 0; text-align: right; width: 198px;}
div#navcontainer_interior div#navinfo img.nav_img {padding: 1px 0 0 0; text-align: right;}
div#navcontainer_interior div#navinfo div.nav_bottom_spacer {margin-top: 137px;}
.frase { margin: 372px 0 0 0px;}
div#bookcontainer {clear: both; float: left; width: 1008px; position: relative;}
div#bookcontainer div.book {float: left; position: relative;}
div#bookhider {clear: both; float: left; height: 29px; width: 1008px; position: relative; top: -15px; border-top: 0px solid #ffffff; margin: 0 0 -10px 0;}
/*--- colors ---*/
.bgcolor_FFB700 {background-color: #231F20;}
.bgcolor_933F9D {background-color: #933F9D;} /*-- home --*/
.bgcolor_EE1D01 {background-color: #EE1D01;} /*-- blog --*/
.bgcolor_EF870D {background-color: #EF870D;} /*-- subscribe for free --*/
.bgcolor_11A8F0 {background-color: #11A8F0;} /*-- books --*/
.bgcolor_FF5900 {background-color: #FF5900;} /*-- free stuff --*/
.bgcolor_96271D {background-color: #96271D;} /*-- bio --*/
.bgcolor_8C419C {background-color: #8C419C;} /*-- speaking --*/
.bgcolor_FFA200 {background-color: #FFA200;} /*-- blurbs --*/
.bgcolor_E84329 {background-color: #E84329;} /*-- contact --*/
.bgcolor_C93F1B {background-color: #C93F1B;} /*-- international links --*/
.bgcolor_FFB700 {background-color: #231F20;} /*-- rider --*/
.a_666666 {color: #666666 !important;}
.italic {font-style: italic;}
.bold {font-weight: bold;}
.no_underline {text-decoration: none !important}
/*--- book layer styles ---*/
.bookdiv {background: url(/sg/images/back_bords/bg_book_links.png) top left no-repeat; height: 275px; width: 200px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; text-align: left;}
.bookdiv_a {background: url(/sg/images/back_bords/bg_book_links_a.png) top left no-repeat; height: 275px; width: 200px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; text-align: left;}
.bookdiv_b {background: url(/sg/images/back_bords/bg_book_links_b.png) top left no-repeat; height: 275px; width: 200px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; text-align: left;}
.bookdiv_c {background: url(/sg/images/back_bords/bg_book_links_c.png) top left no-repeat; height: 275px; width: 200px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; text-align: left;}
.bookdiv_d {background: url(/sg/images/back_bords/bg_book_links_d.png) top right no-repeat; border: solid 0px #c0c0c0; height: 350px; width: 284px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; line-height: 16px; font-weight: bold; text-align: left;}
.bookdiv_e {background: url(/sg/images/back_bords/bg_book_links_e.png) top right no-repeat; border: solid 0px #c0c0c0; height: 350px; width: 284px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; line-height: 16px; text-align: left;}
.bookdiv_f {background: url(/sg/images/back_bords/bg_book_links_f.png) top right no-repeat; border: solid 0px #c0c0c0; height: 350px; width: 284px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; line-height: 16px; text-align: left;}
.bookdiv_tr {position: absolute; visibility: hidden; margin-top: -400px; background: url(/sg/images/back_bords/bg_book_links_tr.png) top left no-repeat; border: solid 0px #c0c0c0; height: 400px; width: 350px;}
.bookdiv_tl {position: absolute; visibility: hidden; margin-top: -400px; background: url(/sg/images/back_bords/bg_book_links_tl.png) top right no-repeat; border: solid 0px #c0c0c0; height: 400px; width: 350px;}
.bookdiv_br {position: absolute; visibility: hidden; background: url(/sg/images/back_bords/bg_book_links_br.png) top right no-repeat; border: solid 0px #c0c0c0; height: 400px; width: 350px;}
.bookdiv_bl {position: absolute; visibility: hidden; background: url(/sg/images/back_bords/bg_book_links_bl.png) top right no-repeat; border: solid 0px #c0c0c0; height: 400px; width: 350px;}
div.book_info, div.book_info p {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; text-align: left;}
div.book_info p {margin-bottom: 0px;}
.booktitle {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.booksitelist {line-height: 18px; list-style-type: none; margin: 0px; margin-bottom: 5px; margin-left: 5px; margin-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-top: 0px;}
.booksitelist li {margin-bottom: 3px;}
.booksitelist li a, .booksitelist li a:hover {color: #553381; text-decoration: underline;}
/*--- copyright ---*/
div#copyright {color: #ffffff; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10.5px; text-align: right; margin: 5px 40px;}
div#copyright a {color: #ffffff; text-decoration: none;}
/*--- page classes --*/
.speakinglink {float: left; margin-top: 155px; margin-left: 80px;}
div#speakingcontainer {border: 1px solid #ffffff; min-height: 743px; width: 844px; margin-left: -34px; }
div#speakingcontainer2 {border: 1px solid #ffffff; min-height: 391px; width: 844px; margin-left: 0px; padding-top: 125px; padding-left: 2px; }
div#speakingcontainer div#speakinglink {float: left; margin-top: 155px; margin-left: 80px;}
div#speakingcontainer div#speakinginfo {color: #333333; float: left; font-family: Oxygen, sans-serif; font-size: 14px; line-height: 25px; margin:15% 3px 7px 36px; width: 800px}
div#speakinginfo1 {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin:15% 3px 7px 63px; width: 325px}
div#speakinginfo2 {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin:15% 3px 7px 63px; width: 374px}
div#speakinginfo_in {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin:3% 3px 7px 63px; width: 325px}
div#speakingcontainer div#speakinginfo a {color: #553381; text-decoration: underline;}
#bioimg { float: left; margin: 9px 0 0 37px; }
#bioimgcontent{ float: left;
margin: 150px 2px 2px;
width: 370px;}
#bioimgcontent_in{ float: left;
margin: 27px 2px 2px;
width: 370px;}
#col1{ float: left;
margin: 0px 2px 2px;
width: 227px;}
#col2{ float: left;
margin: 0px 22px 2px;
width: 227px;}
#col3{ float: left;
margin: 0px 6px 2px;
width: 227px;}
#col4{ float: right;
margin: 0px 58px 0px;
width: 315px;}
#col5{ float: left;
margin: 0px 2px 2px;
width: 227px;}
#col6{ float: right;
margin: 3px 6px;
width: 286px;
}
#col7{ float: right;
margin: 0px 20px 0 0;
width: 279px;}
#videos{ float: left;
margin: 0 -3px 10px 0;
width: 380px;}
.imgvideo{ float: left;
margin: 0;
width: 257px;}
.playvideo{ float: left;;
margin: 0;
width: 122px;}
.textvideo{
background-color:#E6E7E8;
width:364px;
height: 127px;}
.imagine{ float: left;
margin: 36px 0 0 ;
width:834px;}
.logo_imagine{ float: left;
padding:0px 0 22px 35px;
width: 295px;}
.temas{ float: left;
margin: 76px 0 0 243px;
width: 200px;}
.line_red{ background-color: #ed2024;
color: #fff;
float: left;
font-size: 28px;
left: 36px;
padding: 3px 0 3px 22px;
position: relative;
width: 718px;}
div#freestuffcontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_free_stuff.jpg) no-repeat;}
div#freestuffintro {color: #333333; position:relative; top: 125px; left: 445px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; width: 260px;}
div#freestuffinfo {color: #7B7B7B; text-align: right; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; width: 730px; margin-top: 190px;}
div#freestuffinfo a {color: #7B7B7B; font-weight: bold; text-decoration: none;}
div#contactcontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_contact.jpg) no-repeat;}
div#contactcontainer div#contactlink {float: left; margin-top: 180px; margin-left: 190px;}
div#ridercontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_rider.jpg) no-repeat;}
div#ridercontainer div#riderinfo {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 90px; margin-left: 300px; margin-right: 35px; margin-bottom: 15px; width: 475px}
div#bookscontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_books.jpg) no-repeat;}
div#bookscontainer div#books {float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; padding-bottom: 60px; margin-top: 100px; margin-left: 54px; margin-right: 15px; width: 447px}
div#bookscontainer div#booksinfo {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 270px; margin-left: 15px; margin-right: 35px; width: 215px}
div#bookscontainer div#booksinfo a {color: #553381; text-decoration: underline;}
div#errorcontainer {border: 1px solid #ffffff; clear: both; min-height: 180px; width: 810px; background: url(/sg/images/back_bords/bg_sorry.jpg) no-repeat;}
div#errorcontainer div#errorinfo {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 170px; margin-left: 39px; margin-right: 35px; width: 600px}
div#errorcontainer div#errorinfo a {color: #553381; text-decoration: underline;}
div#internationalcontainer {border: 1px solid #ffffff; min-height: 1100px; width: 810px; background: url(/sg/images/back_bords/bg_international_links.jpg) no-repeat;}
div#internationalcontainer div#international {float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 100px; margin-left: 70px; margin-right: 15px; width: 372px}
div#internationalcontainer div#internationalheader {margin-top: 100px; margin-left: 275px;}
div#internationalcontainer div#internationalinfo {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 50px; margin-left: 345px; margin-right: 35px; width: 295px}
div#internationalcontainer div#internationalinfo a {color: #553381; text-decoration: underline;}
#international_links {line-height: 18px;}
div#biocontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_bio.jpg) no-repeat;}
div#bioinfo, div#bioinfo_full {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 90px; margin-left: 300px; margin-right: 35px; margin-bottom: 15px; width: 475px}
div#bioinfo a, div#bioinfo_full a {color: #553381; text-decoration: underline;}
div#blurbscontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_blurbs.jpg) no-repeat; padding-top: 125px;}
div#blurbscontainer div.blurb_off {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 5px; margin-left: 205px; margin-right: 35px; margin-bottom: 5px; padding: 10px 35px 20px 35px; width: 535px;}
div#blurbscontainer div.blurb_on {background-color: #F1F2F2; color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 5px; margin-left: 205px; margin-right: 35px; margin-bottom: 5px; padding: 10px 35px 20px 35px; width: 535px;}
div#blurbscontainer div.blurb_author {color: #7B7B7B; font-weight: bold;}
div#blurbscontainer div#blurbs_top {margin-left: 25px; margin-top: 25px;}
div#blurbscontainer div#blurbs_bottom {margin-left: 25px; margin-bottom: 25px; margin-top: -25px;}
div#subscribecontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; margin-top: 60px;}
div#subscribecontainer div.subscribe_off {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 5px; margin-left: 205px; margin-right: 35px; margin-bottom: 5px; padding: 10px 35px 20px 35px; width: 535px;}
div#subscribecontainer div.subscribe_on {background-color: #F1F2F2; color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 5px; margin-left: 205px; margin-right: 35px; margin-bottom: 5px; padding: 10px 35px 20px 35px; width: 535px;}
div#subscribecontainer a {color: #553381; text-decoration: underline;}
div#subscribecontainer h3 {color: #EF870D; font-size: 25px; margin: 0 0 0 0; padding: 0 0 0 0;}
/*--- misc. ---*/
.bold {font-weight: bold;}
.color_7B7B7B {color: #7B7B7B;}
#outerwrapper #contentcontainer #leftcontainer_interior #speakingcontainer #speakinginfo p {
font-size: 12px;
}
.imggaleria{
float:left;
-webkit-transition-duration: 0.5s;
}
.imggaleria imggaleria{
padding:10px;
border:1px solid #fff;
}
.imggaleria:hover{
-webkit-transform:scale(0.8);
-webkit-box-shadow:0px 0px 30px #ccc;
}
.imggaleria .mask{
width: 100%;
background-color: rgb(0, 0, 0);
position: absolute;
height: 100%;
opacity:0.6;
cursor:pointer;
-webkit-transition-duration: 0.5s;
}
#img-1:hover .mask{
height:0%;
}
#img-2:hover .mask{
height:0%;
margin-top:130px;
}
#img-3 #mask-1 {
width:50%;
}
#img-3 #mask-2{
width:50%;
margin-left:211px;
}
#img-3:hover #mask-1{
width:0%;
}
#img-3:hover #mask-2{
margin-left:430px;
width:0%;
}
#img-4:hover .mask{
margin-left:219px;
margin-top:135px;
height:0%;
width:0%;
}
#img-5:hover .mask{
margin-left:219px;
margin-top:135px;
height:0%;
width:0%;
-webkit-transform: rotateX(360deg);
}
#img-6:hover .mask{
margin-left:219px;
margin-top:135px;
height:0%;
width:0%;
-webkit-transform: rotateZ(750deg);
}/*#leftcontainer_interior #speakingcontainer .imagine .temas font {
font-size: 0px;
}*/
#outerwrapper #contentcontainer #leftcontainer_interior #speakingcontainer #speakinginfo_in {
}
#mainmenu {
width: 190px;
}
#divMenu, ul, li, li li{
margin: 0;
padding: 0;
}
#divMenu {
height: 21px;
width: 190px;
}
#divMenu ul
{
line-height: 25px;
}
#divMenu li {
list-style: none outside none;
position: relative;
}
.vinieta1{
background: url("http://www.juanpabloneira.com/images/buttons/nav_arr_home.gif") no-repeat;
background-position: 100%;
position: relative;
padding-right: 35px;
}
.vinieta2{
background: url("http://www.juanpabloneira.com/images/buttons/nav_arr_blog.gif") no-repeat;
background-position: 100%;
position: relative;
padding-right: 35px;
}
#divMenu li li{
list-style: none;
position: relative;
background: #641b1b;
left: 148px;
top: -27px;
}
#divMenu ul li a {
margin-bottom: 2px;
width: 160px;
height: 21px;
display: block;
text-decoration: none;
text-align: right;
font-family: Oxygen, sans-serif;
font-size: 13px;
}
#divMenu ul ul {
position: absolute;
visibility: hidden;
top: 27px;
}
#divMenu ul li:hover ul {
visibility: visible;
}
#divMenu li:hover {
background-color: #EC1C24;
}
li:hover {
background-color: #EC1C24;
}
#divMenu ul li:hover ul li a:hover {
background-color: #EC1C24;
}
#divMenu a:hover {
color:#fff;
}
ul li a:hover
{
background-color:#EC1C24;
}
#divMenu ul li a:active {color: blue}
p.txtcentrado {
line-height: 18px;
text-align: center;
}
p.mail{
color: #6D6E70; float: left; font-family: Oxygen, sans-serif; font-size: 26px; line-height: 25px; margin:3% 3px 7px 18px;
}
p.videotext {
color: #6d6e70;
font-family: Oxygen,sans-serif;
font-size: 26px;
line-height: 41px;
text-align:center;
}
/*Binit*/
.lf-col-6
{
width:48%;
box-sizing: border-box;
float:left;
}
.lf-clearfix::before, .lf-clearfix::after
{
width:100%;
clear: both;
float: none;
content:"";
display: table;
}
.articles P
{
font: 13px/26px Arial,Garamond,Serif;
}
.articles .separator
{
border-bottom: 1px solid #ddd;
margin: 20px 0px;
}
.text-center
{
text-align: center;
}
.lf-img-responsive
{
max-width: 100%;
height: auto;
}
.lf-row-flex
{
display: -webkit-flex;
display: -ms-flex;
display: flex;
height: 103px;
}
#menu--bottom .menu--bottom--items
{
margin: 0 48px;
}
#menu--bottom .menu--bottom--items > A
{
-webkit-flex: 1;
flex: 1;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
background: #E7E8E9;
font-weight: bold;
}
#menu--bottom .menu--bottom--items > A:last-child
{
-webkit-flex: 1.5;
flex: 1.5;
}
#menu--bottom .menu--bottom--items > A:hover, #menu--bottom .menu--bottom--items > A.active
{
background: #BCBEC0;
color: #FFF;
}
#menu--bottom .menu--bottom--items > A.active
{
pointer-events: none;
}
#menu--bottom .menu--bottom--items > A DIV
{
margin: auto;
}