/**
 * Document   : common.css
 * Created on : Aug 15, 2012, 00:00:00 AM
 * Author     : cafervero@gmail.com
 * Description: entrenandotutalento.com styles.
 *
 */

html {
    background : #fff;
    text-align: center;
    height: 100%;
}

html, body {
    height: 100%;
    height: 100% !important;
    margin: 0;
}

body { font-family: Verdana, Arial, sans-serif; }

/* Main container */
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 95%;

    margin: 0 auto -5em;
}

.footer, .push {
    clear: both;
    height: 5em;
}

h1 {
    color: #69C325;  /* entrenandotutalento.com corporate green */

    font-size: 16pt;
    font-weight: bold;
}

h2 {
    color: #69C325;  /* entrenandotutalento.com corporate green */
    font-size: 14pt;
    font-weight: bold;
}

a:link, a:visited {
     color: #451A6C; /* entrenandotutalento.com corporate link purple */
     text-decoration: none;
}
a:hover { color: #69C325;  /* entrenandotutalento.com corporate green */ }

ul {
    list-style: none;
    line-height: 21px;
}

/* Clear fix */
.clear { clear: both; visibility: hidden; }

/* Header stuff */
.header_stuff {
    color: #451A6C; /* entrenandotutalento.com corporate link purple */
    text-align: left;
}
.header_stuff_right {
    color: #451A6C; /* entrenandotutalento.com corporate link purple */
    text-align: right;
}
    /* Menu line */
.menu_hr {
    background: url("/public/img/lin-bajo-menu.jpg") repeat-x;

    float: right;

    min-height: 5px;

    padding: 0;
    margin-top: 4px;

    width: 92%;
}
#header_menu {
    background: #e1dce2; /* entrenandotutalento.com corporate gray */

    float: right;

    padding-top: 4px;
    padding-bottom: 4px;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}

/* Footer stuff */
#footer_box {
    margin: 20px auto 0px auto;
    padding-top: 20px;
    width: 90%;
}
#footer_menu {
    background: white;
}
#copyright_footnote {
    color: #451A6C;

    margin: 5px 0px;

    font-size: 9pt;
    font-weight: normal;
    text-align: center;
}
#foot_copy {
    color: #451A6C;

    font-size: 9pt;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}
span.foot_copy {
    padding-left: 20px;
    padding-right: 20px;
}
a.foot_copy,
a.foot_copy:LINK {
    color: #451A6C;

    text-decoration: none;

    padding-left: 15px;
    padding-right: 15px;
}
a.foot_copy:HOVER {
    color: #69C325;  /* entrenandotutalento.com corporate green */
    text-decoration: none;
}

/* Main menu stuff */
font.menu_sep {
    color: #69C325;  /* entrenandotutalento.com corporate green */

    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}
a.main_menu,
a.main_menu:LINK {
    color: #451A6C;

    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;

    padding-left: 5px;
    padding-right: 5px;
}
a.main_menu:HOVER {
    color: #69C325;  /* entrenandotutalento.com corporate green */
}

/* Main content container */
#content_box {
    display: block;

    margin: 0 auto;
}

/* Left content container */
#left_content_box {
    display: block;

    float: left;

    width: 22%;

    margin-top: 10px;

    text-align: left;
    line-height: 20px;
}
/* Left menu items' styles */
    /* Bootstrap styles overriding */
.accordion-group { border: none; }
    /* Green option title */
#green_left_menu_title {
    background: #69C325;  /* entrenandotutalento.com corporate green */
    color: white;
    padding: 5px;
    margin-top: 5px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
    font-size: 10pt;
    font-weight: bold;
}
#green_left_menu_title a:link,
#green_left_menu_title a:visited {
    color: #451A6C; /*  entrenandotutalento.com corporate purple */
    padding: 0px;    
}
#green_left_menu_title a:hover { color: white; }
    /* Purple menu option title */
#purple_left_menu_title {
    background: #451A6C; /*  entrenandotutalento.com corporate purple */
    padding: 5px;
    margin-top: 5px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
    font-size: 10pt;
    font-weight: bold;
}
#purple_left_menu_title a:link,
#purple_left_menu_title a:visited {
    color: white;
    padding: 0px;        
}
#purple_left_menu_title a:hover { color: #69C325; } /* entrenandotutalento.com corporate green */

    /* Orange menu option title */
#orange_left_menu_title {
    background: #FF6501;
    padding: 5px;
    margin-top: 5px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
    font-size: 10pt;
    font-weight: bold;
}
#orange_left_menu_title a:link,
#orange_left_menu_title a:visited {
    color: #451A6C; /*  entrenandotutalento.com corporate purple */
    padding: 0px;        
}
#orange_left_menu_title a:hover { color: white; }

    /* Blue menu option title */
#blue_left_menu_title {
    background: #4285F4;
    padding: 5px;
    margin-top: 5px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
    font-size: 10pt;
    font-weight: bold;
}
#blue_left_menu_title a:link,
#blue_left_menu_title a:visited {
    color: white;
    padding: 0px;        
}
#blue_left_menu_title a:hover { color: #451A6C; } /*  entrenandotutalento.com corporate purple */

    /* Grey menu option title */
#grey_left_menu_title {
    background: #E1DCE2;
    padding: 5px;
    margin-top: 5px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
    font-size: 10pt;
    font-weight: bold;
}
#grey_left_menu_title a:link,
#grey_left_menu_title a:visited {
    color: #451A6C;
    padding: 0px;        
}
#grey_left_menu_title a:hover { color: #69C325; } /* entrenandotutalento.com corporate green */

    /* Common menu option title */
.comm_left_menu_title {
    background: #e1dce2; /* entrenandotutalento.com corporate purple */
    color: #69C325;  /* entrenandotutalento.com corporate green */

    padding: 5px;
    margin-top: 5px;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    font-size: 10pt;
    font-weight: bold;
}
.comm_left_menu_title a:link,
.comm_left_menu_title a:visited {
    color: #451A6C;
}
.comm_left_menu_title a:hover {
    color: #69C325;  /* entrenandotutalento.com corporate green */
}
    /* Menu option content */
.left_menu {
    color: #69C325;  /* entrenandotutalento.com corporate green */

    margin: 5px 0px 0px 20px;

    font-size: 9pt;
    font-weight: normal;
}
.left_menu a:link,
.left_menu a:visited {
    color: #451A6C;
}
.left_menu a:hover{
    color: #69C325;  /* entrenandotutalento.com corporate green */
}
    /* Menu option 2nd. grade title */
.left_menu_subtitle {
    color: #69C325;  /* entrenandotutalento.com corporate green */

    padding: 5px 0px 5px 0px;
    margin: 5px 0px 0px 10px;

    font-size: 9pt;
    font-weight: bold;
}
.left_menu_subtitle a:link,
.left_menu_subtitle a:visited {
    color: #451A6C;
}
.left_menu_subtitle a:hover {
    color: #69C325;  /* entrenandotutalento.com corporate green */
}
    /* Menu options separator lines         */
hr.dcto {
    background-color: #E1DCE2;
    color: #E1DCE2;

    height: 1px;
    border: 0;
}
hr.dcto-smaller {
    background-color: #E1DCE2;
    color: #E1DCE2;

    height: 1px;
    border: 0;

    width: 80%;
}

/* Right content container */
#right_content_box {
    float: right;

    display: block;

    width: 78%;
}
/* Right content container 4 media pages */
#media_right_content_box {
    display: block;

    width: 100%;

    padding-left: 15px;
}
/* Header badge styles */
#rcontent_header_badge {
    position: relative;
    z-index: 100;

    margin: 35px 0px 5px 20px;

    min-height: 110px !important;

    width: 28%;
}
/* Badge boxes styles */
.badge_box {
    background: #2C7F9F;
/* background: rgb(102,205,0); Olde green badge*/

    left: 25px;
    margin: 0 auto;
    padding: 8px;

    border: 1px solid #e1dce2;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    -o-border-radius:       5px;
    border-radius:          5px;

    -webkit-box-shadow: 1px 3px 5px 0px #000;
       -moz-box-shadow: 1px 3px 5px 0px #000;
         -o-box-shadow: 1px 3px 5px 0px #000;
            box-shadow: 1px 3px 5px 0px #000;
}
.badge_box span {
    color: white;

    text-align: center;
    font-weight: bold;
    font-size: 13.5pt;
}
/* Comic pages badge */
#leo_header_badge {
    position: relative;
    z-index: 100;

    margin: 5px 0px 5px 20px;

    width: 30%;
}
/* * ++++++++++++++++
   Punto D7 - Banners para publi   */
/* Tipo A  */
.rcontent_header_d7_A {
    position: relative;

    display: block;
    float: right;
}
.rcontent_header_d7_A ul {
    line-height: 0px;
    padding: 0px;
    margin: 5px 0px;
}
/* fin Tipo A
 * ++++++++++++++++ */
/* Tipos B y C  */
.rcontent_header_d7_BC {
    position: relative;

    display: block;
    float: right;
}
.rcontent_header_d7_BC ul {
    margin: 5px 0px;
    padding: 0px;

    line-height: 20px;
}
/* fin Tipo B
 * ++++++++++++++++ */
/* Tipo C (cont.) */
.rcontent_header_hbanner {
    float: left;
    width: 234px;
}
/* fin Tipo C
 * ++++++++++++++++ */
.rcontent_header_slider {
    position: relative;

    display: block;
    float: right;

    margin: 5px 0px;
}
/* Pages content container (aka "la chicha") */
#rcontent_body {
    position: relative;
    z-index: 1;

    background: #e1dce2; /* entrenandotutalento.com corporate gray */

    display: block;

    margin-left: 10px;
    margin-top: -15px; /* due to manage badget overlapping */

    text-align: left;

    -webkit-border-radius:  4px;
    -moz-border-radius:     4px;
    -o-border-radius:       4px;
    border-radius:          4px;
}

/* Specific styles for LEO's comic pages */
#rcontent_body_comic {
    background: #FFFFFF;

    display: block;

    margin-left: 10px;
}
#comic_box {
    clear: both;

    padding-top: 10px;
    padding-bottom: 10px;
}
#comic_box img {
    border-style: solid;
    border-width: 1px;
    border-color: #69C325;  /* entrenandotutalento.com corporate green */
}
#content_path_box {
    clear: both;

    float: right;

    padding: 0px 10px 10px 0px;

    text-align: right;
}
#content_path_box .nosel a:link,
#content_path_box .nosel a:visited {
    color: #451A6C;

    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
}
#content_path_box .nosel a:hover {
    color: #69C325;  /* entrenandotutalento.com corporate green */
}
/* Content format styles */
.content_link a:link,
.content_link a:visited {
    color: #451A6C;

    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}
.content_link a:hover {
    color: #69C325;  /* entrenandotutalento.com corporate green */
}
.content_link_sel a,
.content_link_sel a:visited {
     color: #69C325;  /* entrenandotutalento.com corporate green */

     font-size: 9pt;
     font-weight: bold;
     text-decoration: none;
}
.content_link_sel a:hover {
    color: #451A6C;  /* entrenandotutalento.com corporate green */
}
/* Title */
.content_title_box {
    clear: both;
    color: #69C325;  /* entrenandotutalento.com corporate green */

    padding-left: 10px;

    text-align: left;
    font-size: 14pt;
    font-weight: bold;
}

/* Subtitle */
#content_subtitle_box {
    color: #451A6C;
}
.content_subtitle {
    margin: 30px 0px 10px 20px;

    font-size: 10.5pt;
    font-weight: bold;
}
.content_subtitle_socialmedia {
    float: left;

    margin-top: 30px;
    margin-left: 20px;
    padding-top: 10px;

    font-size: 10.5pt;
    font-weight: bold;
}

/* Pagination */
.paginator {
    color: #451A6C;

    padding: 5px 10px;

    text-align: right;
    font-size: 9pt;
    font-weight: normal;
}

/* Sociall media bar stuff */
#social_media_box {
    float: right;

    padding-top:10px;
}
#social_media_box ul {
    margin: 0px;
}
#social_media_box li {
    float: right;

    width: 115px;
    height: 21px;

    overflow: visible;
}
#social_media_box li.linkedin_box {
    width: 102px;
}
#social_media_box li.google_box {
    width: 70px;
}

#social_media_box li.twitter_box {
    width: 100px;
}

/* Content intro */
.content_intro p {
    color: #451A6C;

    padding-left: 15px;
    padding-right: 15px;

    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

/* Important content frame */
.article_box {
    clear: both;
    background-color: #FFFFFF;

    margin: 10px;
    padding: 10px;

    border-style: solid;
    border-width: 1px;
    border-color: #69C325;  /* entrenandotutalento.com corporate green */

    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    -o-border-radius:       5px;
    border-radius:          5px;
}
.content_frame {
    margin: 0px 5px;
}
.content_frame ul {
    padding: 0px 5px 10px 5px;
}

p.text_content,
span.text_content,
li.text_content {
    color: #451A6C;

    font-size: 9pt;
    font-weight: normal;

    text-align: justify;
    line-height: 21px;
}
ul.text_content {
    list-style: disc;
    margin: 5px 10px 5px 25px;
}
ol.text_content {
    line-height: 25px;
}

/* Content copy note */
#text_content_footnote {
    color: #451A6C;

    padding: 15px 0px 20px 0px;

    min-height: 80px;
    height: auto !important;
    height: 100%;

    font-size: 9pt;
    font-weight: normal;
    text-align: center;
}
#text_content_footnote p {
    padding-bottom: 25px;
}

/* Colorbox messages text style */
h4.msg_content {
    color: #69C325;  /* entrenandotutalento.com corporate green */

    font-weight: bold;

    text-align: center;
}
p.msg_content {
    color: #451A6C;

    font-size: 10pt;
    font-weight: bold;

    text-align: center;
}

/* Content inside title */
.content_title {
    background: #e1dce2; /* entrenandotutalento.com corporate gray */

    margin-top: 5px;
    padding: 5px;

    -webkit-border-radius:  5px 5px 0 0;
    -moz-border-radius:     5px 5px 0 0;
    -o-border-radius:       5px 5px 0 0;
    border-radius:          5px 5px 0 0;

    text-align: center;
}
span.text_content_title {
    color: #451A6C;

    font-size: 9pt;
    font-weight: normal;
}

/* Content quoted text styles */
.content_quote {
    /* Commented due render problems
    background: #e1dce2; / * entrenandotutalento.com corporate purple */

    padding: 5px;

    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    -o-border-radius:       5px;
    border-radius:          5px;

    text-align: justify;
}
span.content_quote {
    color: #451A6C;

    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
}

/* Content columns container at clients page */
.text_content_col,
.text_content_col a:link,
.text_content_col a:visited {
    color: #451A6C;

    font-size: 11.5pt;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
}
.text_content_col a:hover {
    color: #69C325;  /* entrenandotutalento.com corporate green */

    text-decoration: none;
}

.text_content_col1 {
    float: left;

    width: 50%;
}
.text_content_col2 {
    float: right;

    width: 50%;
}

/* Accordion styles */
.ui-accordion-header a:link,
.ui-accordion-header a:visited {
    color: #451A6C; /* entrenandotutalento.com corporate link purple */
}
.ui-accordion-header a:hover {
    color: #69C325;  /* entrenandotutalento.com corporate green */
}

/* Styles for formation page boxes */
#formation-dia {
    display: table;
}
#formation-dia .box {
    display: table-cell;

    width: 25%;
    padding: 10px;
    margin: 5px;
}
.formation_box {
    color: #451A6C;   /* entrenandotutalento.com corporate link purple */

    margin: 0 3px;
    padding: 5px;

    border: 1px solid #69C325;  /* entrenandotutalento.com corporate green */
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    -o-border-radius:       5px;
    border-radius:          5px;

    -webkit-box-shadow: 1px 3px 5px 0px black;
    -moz-box-shadow:    1px 3px 5px 0px black;
    -o-box-shadow:      1px 3px 5px 0px black;
    box-shadow:         1px 3px 5px 0px black;

    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
}
.b1 {
    background: #CDAFD6; /* first box */
}
.b2 {
    background: #B7CCA5; /* second box */
}
.b3 {
    background: #CDBEB9; /* third box */
}
.b4 {
    background: #C4C400; /* fourth box */
}

.formation_content_title {
    color: #451A6C; /* entrenandotutalento.com corporate purple */

    margin-bottom: 20px;

    font-size: 11.5pt;
    font-weight: bold;
}

/* Clients' testimonies styles */
span.clients {
    color: #451A6C;

    font-size: 10pt;
    font-weight: normal;

    text-align: justify;
    line-height: 21px;
}
.clients ul {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
}

/* FAQ page accordions' headers font styles */
.faq_header {
    font-size: 9.5pt;
    font-weight: bold;
}
.ui-accordion
.ui-accordion-header {
    font-size: 10pt;
    font-weight: bold;
}
ul.faq_list { list-style-type: disc; }

/* Aera de prensa page col& 1 col2' font styles */
.text_content_col_small {
    font-size: 10pt;
}

/* Input styles */
select optgroup {
    font-style: normal;
    font-weight: bold;
}

/* FAQ styles depending upon categories */
#faq-tabs .ui-tabs-nav a {
    display: block;
    padding: 0.25em 2em;
}
#faq-tabs .ui-tabs-nav {
    margin-bottom: -1px;
}
#faq-tabs .ui-tabs-nav li .tab-enterprise {
    border: 3px #69C325 solid;
}
#faq-tabs .ui-tabs-nav li .tab-person {
    border: 3px #451A6C solid;
}
#faq-tabs .ui-tabs-nav li.ui-tabs-selected .tab-enterprise {
    border-bottom-color: white;
}
#faq-tabs .ui-tabs-nav li.ui-tabs-selected .tab-person {
    /*border: 1px #451A6C solid;*/
    border-bottom-color: white;
}
#faq-tabs .ui-tabs-nav li.ui-tabs-selected {
    position: relative;
    z-index: 2;
}

/* Header text styles */
.header_text {
     color: #451A6C; /* entrenandotutalento.com corporate link purple */

     padding-right: 10px;

     font-size: 10pt;
     font-weight: bold;
     text-decoration: none;
}

/* Header social media icons stuff */
    /* LinkedIn */
.in_all a:hover {
    color: #005989; /* LinkedIn corporate blue */
}
    /* YouTube */
.yt_all a:hover {
    color: #C62F28; /* YouTube kind of corporate red */
}
    /* Twitter, twitter, follower, follower, twitter */
.tw_company a:link,
.tw_company a:visited,
.tw_company a:hover {
    color: #69C325; /* entrenandotutalento.com corporate green */
}
.tw_person a:link,
.tw_person a:visited,
.tw_person a:hover {
    color: #451A6C; /* entrenandotutalento.com corporate purple */
}

/* YouTube thumbs styles */
.player {
    background-color: #69C325; /* entrenandotutalento.com corporate green */
    padding: 2px;
    margin-bottom: 30px;

    -webkit-box-shadow: 1px 3px 5px 0px black;
    -moz-box-shadow:    1px 3px 5px 0px black;
    -o-box-shadow:      1px 3px 5px 0px black;
    box-shadow:         1px 3px 5px 0px black;
}
.player-article {
    color: #451A6C;

    margin: 20px;

    font-size: 9pt;
    font-weight: normal;

    text-align: justify;
    line-height: 21px;
}

    /* Videos menu stuff */
#video-menu {
    max-height: 600px !important;
    overflow: auto;
}
.vmenu-article {
    color: #451A6C;

    margin: 20px;

    font-size: 8pt;
    font-weight: normal;

    text-align: center;
    line-height: 21px;
}
.video-thumb { min-height: 200px; }
.video-link img {
    width: auto;
    margin: 2px auto;
    max-height: 140px;
    overflow: hidden;
}
.video-link img:hover {
    -webkit-box-shadow: 1px 3px 5px 0px black;
    -moz-box-shadow:    1px 3px 5px 0px black;
    -o-box-shadow:      1px 3px 5px 0px black;
    box-shadow:         1px 3px 5px 0px black;
}

/* Photo links stuff */
.photo-link img {
    width: auto;
    overflow: hidden;
    text-align: center;
}
.photo-link img:hover {
    -webkit-box-shadow: 1px 3px 5px 0px black;
    -moz-box-shadow:    1px 3px 5px 0px black;
    -o-box-shadow:      1px 3px 5px 0px black;
    box-shadow:         1px 3px 5px 0px black;
}