div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

ol {
margin: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}


h1 {font-size: 22px;
margin-bottom: 5px; 
color: #454545;
font-weight: 700;}

label {}
.labloque { display: block; font-weight: 700; color: #454545; }
strong { font-weight: 700; }
.fa { padding: 0px 4px; }  
 
html, body
{
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    }
 
ul{list-style:none;}

p { font-size: 16px; }

/* Paginado */

ul.pagination {
 
    padding: 0;
    margin: 0 auto;
    display: inherit;
}

ul.pagination li {display: inline;}

ul.pagination li a {
color: black;
    float: left;
    padding: 8px 6px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    text-align: center;
}

.pagination li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

ul.pagination li a.active {
    background-color: #778482;
    color: white;
    border: 1px solid #4CAF50;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

.miniMenuMovil { display: none; }

/* */

.faldonCabecera 
{
    position: absolute; 
    width: 100%;
    /*height: 440px;*/
    height: 130px;
    background-color:#778482;
    z-index: -1;
}

.faldonCabeceraInterior
{
    position: absolute; 
    width: 100%;
    height: 120px;
    background-color:#778482;
    z-index: -1;
}

#owl-demo .item img{
    display: block;
    margin: 0 auto;
    /*height: auto;*/
    width: 100%;
}

.listadoPrincipalTematicas { -webkit-column-count: 4; -moz-column-count: 4; -o-column-count: 4; -ms-column-count: 4; column-count: 4; }
.listaInteriorCats { -webkit-column-count: 4; -moz-column-count: 4; -o-column-count: 4; -ms-column-count: 4; column-count: 4; }

.boxBanners { width: 1025px; margin: 20px auto; } 
.encabezadoEm { text-align: center;margin: 0px;padding: 0px;font-family: 'Roboto Condensed',sans-serif;font-size: 20px; }

.video_Presentacion_AT_movil { display: none; margin: 10px 0px; min-height: 240px; }

.zonaBannerIzquierda { box-sizing: border-box;width: 300px;margin-right: 25px;float: left; }
.zonaBannerDerecha { box-sizing: border-box;width: 68%;float: left; }
 
input.btn_acceso { cursor: pointer; width: 100%; background-color: #778482; border: none; color: #fff; margin-bottom: -30px; padding: 5px 0px; text-transform: uppercase; }
input.btn_acceso:hover { color: #778482; background-color: #dadada; }

hr.separadorZonas { margin-top: 40px; border-top: 1px solid #dadada; width: 100%; }

 .video_Presentacion_AT { width: 295px; height: 205px; }
 
 

/* Styles jqueryui
-----------------------------------------------------------*/
.ui-accordion .ui-state-active .ui-icon{
    background-position: 0 0 !important;
}

.ui-accordion{
    font-family: 'MyriadProSemiExtRegular', Arial, sans-serif !important;
    font-size: 13px !important;
    background: #4B4B4D;
    padding-bottom: 10px !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-left,
.ui-corner-tr,
.ui-corner-tl,
.ui-corner-br,
.ui-corner-bl {
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    
}

.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-content li{
    background: #4B4B4D;
    border: 0px solid;
    border-bottom: 1px solid #7F7F81;
    color: #FFFFFF;
    display: block;
    position: relative;
    height: 29px;
    line-height: 29px;
    margin-top: 0 !important;
    text-indent: 49px;
}
.ui-accordion .ui-accordion-content{
    background: none repeat scroll 0 0 #646466;
    border: 0 solid !important;
    line-height: 29px;
    margin: 0 !important;
    padding: 0 !important;
    top: 0 !important;
}
.ui-accordion .ui-accordion-content li{
    text-indent: 0;
    padding-left: 49px;
    background: none repeat scroll 0 0 #646466;
    font-size: 12px;
}
.ui-accordion .ui-accordion-content li a{
    color: #FFFFFF;
}
.ui-accordion .ui-accordion-header .ui-icon{
    background: url("images/sprite_icon_tree.png") no-repeat scroll -23px 0 transparent !important;
    height: 13px !important;
    left: 23px !important;
    margin-top: 0 !important;
    top: 8px !important;
    width: 13px !important;
}
.ui-accordion .ui-state-active .ui-icon{
    background-position: 0 0 !important;
}

.course-content .ui-tabs {
    padding: 0px;
    background: none;
    border: 0px solid;
    margin-bottom: 25px;
    width: 780px;
    float: left;
}
 
.course-content .ui-tabs .ui-tabs-nav {
    background: none;
    border: 0px solid;
    padding: 0px;
}

.course-content .ui-tabs .ui-tabs-nav li {
    border: 0px solid;
    margin: 0px 4px 4px 0;
    font-size: 13px;
}
.course-content .ui-tabs .ui-tabs-nav li a {
    width: 179px;
    line-height: 36px;
    text-align: center;
    padding: 0px;
    font-size: 15px;    
    
}

.capaRedesInterna { float:left;margin-top:10px; }
.TematicaCabecera { font-size: 25px; font-weight: 700; }

/* Tabs override jquery-ui */ 
.course-content .ui-tabs .ui-tabs-nav li.ui-state-default { 
        /*background: #454545;*/
         background: #ababab;
         
     font-family: 'Roboto Condensed', sans-serif;
 
}

.course-content .ui-tabs .ui-tabs-nav li.ui-state-default:hover { background: #194969;} 
.course-content .ui-tabs .ui-tabs-nav li.ui-state-active { background-color:#226490; } 

.course-content .ui-tabs .ui-tabs-nav li.ui-state-default a{
    color: #fff;
}
 
.course-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 4px;
    filter: none;
    background: none scroll no-repeat 0 0 #e5e5e5 !important;
}
.course-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #686868;
}
.course-content .ui-tabs .ui-tabs-panel {
    background: #efefef;
    margin-top: -4px;
    padding: 40px;
}
.course-content .ui-tabs .ui-tabs-panel p{
    font-size: 16px;
    color: #4B4B4D;
    line-height: 140%;
    padding-bottom: 20px;
    font-family: 'Roboto Condensed', sans-serif;    
}

.course-item-mov { display: none; }

#indiceContenido{
    font-size: 16px;
    color: #4B4B4D;
    line-height: 140%;
    padding-bottom: 20px;
    font-family: 'Roboto Condensed', sans-serif;    
}

div#course-tabs-2 { padding: 0px; }

input#btnLogin {
    background-color: #38BF36;
    width: 320px;
    border-radius: 2px;
    font-size: 16px;
    padding: 10px 10px;
    box-sizing: border-box;
    color: #fff;
    border-bottom: 5px solid #2e982c;
    font-weight: 700;
    text-align: center;
    border-radius: 5px; 
    border-left: #38BF36;
    border-right: #388F36;
    border-top: #38BF36;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Roboto Condensed',sans-serif;
    margin-top: 20px;
}

input#btnLogin:hover 
{
    background-color: #ffe425 !important;
    color: #454545;
    border-bottom: 5px solid #454545 !important;
}

#btnComprar 
{
    color: #fff;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #38BF36;
    font-family: 'Roboto Condensed', sans-serif;
    border-bottom: 5px solid #2e982c;
    border-radius: 5px !important;
    width: 130px;
    height: 46px;
    }
    
#btnComprar:hover 
{
    background-color: #ffe425 !important;
    color: #454545;
    border-bottom: 5px solid #454545 !important;
    
    }
    
.course-content .ui-tabs .ui-tabs-panel p a{
    color: #4B4B4D;
}

.course-content h4{
    font-size: 20px;
    color: #4B4B4D;
    margin-bottom: 5px;
}

.course-element{ 
    /*padding: 30px;*/
    float: left;
    margin-bottom: 30px;
    margin-top: 30px;
    /*border: 1px solid #dedede;*/
    float: left;
}
.course-element-right{
    float: right;
}

.course-element .course-element-comprar {
    color: #fff;
    font-size: 15px;
    text-align: center;
    position: absolute;
    right: 20px;
    margin-top: -40px;
    outline: 3px solid #099CAB;
    padding: 9px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #099CAB;
}

.course-element .course-element-demo {
    color: #fff;
    font-size: 15px;
    text-align: center;
    position: absolute;
    right: 0px;
    margin-top: -40px;
    outline: 3px solid #E49F1F;
    padding: 9px;
    text-transform: uppercase;
    font-weight: 700;
    width: 135px;
    background-color: #E49F1F;
    cursor: pointer;
}

.course-element .course-element-demo:hover {
    color: #454545;
    font-size: 15px;
    text-align: center;
    position: absolute;
    right: 0px;
    margin-top: -40px;
    outline: 3px solid #ccc;
    padding: 9px;
    text-transform: uppercase;
    font-weight: 700;
    width: 135px;
    background-color: #ccc;
}
 
.course-element .course-element-hours {
    color: #226490;
    font-size: 17px;
    text-align: left;
    padding: 0px 0px 20px 0px;
    font-weight: 700;
}
 
.course-element .course-element-fprice {
    color: #226490;
    font-size: 18px;
    text-align: left;
    padding: 9px;
    font-weight: 700;
}

.course-element .course-element-price {
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 10px 30px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #38BF36;
    margin-top: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    border-bottom: 5px solid #2e982c;
    border-radius: 5px !important;
    width: 130px;
}

.course-element .course-element-hours b{
    display: block;
    font-size: 12px;
}

#course-tabs-3 p { padding-bottom: 0px; }

.textoInside { padding: 0px 10px; }

.elementos_CR { position:relative;width: 240px;float: left;padding-left: 20px;box-sizing: border-box; }
.contenido_tarjeta_inside { width: 100%; } 
.contenido_tarjeta_interior { width: 100%; }

.course-element h5 {
    font-size: 15px; 
    color: #4b4b4d;
    margin-bottom: 3px;
}
.course-element h6,
.course-element .course-element-info p{
    font-size: 16px;
    color: #4b4b4d;
}
.course-element .course-element-foot{
    clear: both;
}
.formularioBecas {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px;
    background-color: #f3f9ff;
}
.formularioBecas 
{ 
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    /*background-color: #fff; */
}
  
#clickCompra:hover  
{
    background-color: #ffe425;
    color: #454545;
    border-bottom: 5px solid #454545;
 }

.course-element a.course-element-price span.price{
    float: right;
    font-size: 40px;
    margin-top: -5px;
}
.course-element a.course-element-price span.price b{
    font-size: 20px;
}
.course-element a.course-element-price span.title1{
    font-family: 'Georgia',Times,serif;
    font-size: 11px;
    font-style: italic;
    float: left;
}
.course-element a.course-element-price span.title2{
    font-size: 17px;
    font-family: 'Roboto Condensed', sans-serif;
    float: left;
}
.course-element a.course-element-more,
.course-element a.course-element-close{
    float: left;
    color: #006AB2;
    font-size: 12px;
    font-family: 'MyriadProLightSemiExtBold',Arial,sans-serif;
    line-height: 29px;
    margin-bottom: -20px;
}
.course-element a.course-element-close{display: none;}
.course-element .course-element-info{
    clear: both;
    float: left;
    margin-bottom: 50px;
    display: none;
}
.course-element .course-element-info p{}

.course-element .ui-button-text-only .ui-button-text {
    padding: 0px;
    line-height: 1.1;
}

.okop { font-size: 28px; padding: 5px 0px; color: #008000; }
#okop_cierra { text-decoration: underline; color: #226490; }

.popup1 {
   padding: 28px !important;
    background: none!important;
    border: 0px solid !important;
    font-family: Arial,sans-serif !important;
}

.ui-dialog {
    padding: 28px !important;
    border: 0px solid !important;
 
}
.ui-dialog .ui-dialog-titlebar{
    padding: 0px !important;
    border: 0px solid !important;
    background: none scroll no-repeat 0 0 transparent !important;
}
.ui-dialog .ui-dialog-titlebar-close{
    background: url("images/bg_popup_close.png") no-repeat scroll 0 0 transparent !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    right: -20px !important;
    top: -20px !important;
    width: 14px !important;
}
.ui-dialog .ui-dialog-titlebar-close span {
    background: none repeat scroll 0 0 transparent;
    display: block;
    height: 14px;
    margin: 0;
    width: 14px;
}
.ui-dialog .ui-dialog-content{
    margin-top: -9px;
    padding: 0 !important;
    /*width: 335px !important;*/
    height: 165px !important;
    float: left;
}

#message { display:none; 
           color: #ff5f5f;
           border: 1px solid #ff5f5f;
           width: 94%;
           box-sizing: border-box;
           padding: 10px 20px; }

          
 
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error{content:"";display:none!important;}
.field-validation-valid{content:"";display:none;}
.input-validation-error{border:1px solid #ff0000!important;background-color:#EF4C4C!important;}
input[type=checkbox].input-validation-error{outline:1px solid #ff0000!important;}
.validation-summary-errors{font-weight:bold;color:#ff0000;}
.validation-summary-valid{display:none;}

#cabecera{ max-width: 1090px;
           margin-left: auto;
           margin-right: auto;
           height: 130px;
           position: relative;
           width: 100%; }
           
#content{ width: 1010px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    min-height: 275px;     
    }
#piecompleto{width: 921px;margin-left: auto;margin-right: auto ;}

#logo_principal{float: left; margin-top: 15px;}

/* Sustitucion de mapeado por posiciones absolutas + js con wrap */
.metodologia-x { position: absolute; width: 785px; height: 90px; margin-top: 15px; margin-left: 40px; }
.metodologia-a { position: absolute; width: 385px; height: 160px; margin-top: 130px; margin-left: 40px; }
.metodologia-b { position: absolute; width: 385px; height: 160px; margin-top: 130px; margin-left: 495px; }

#menu_superior {
    line-height: 31px;
    float: right;
    position: relative; 
    background-color: #606b67;
}

#menu_superior ul
{
    font-size: 12px;
    color: #FFF;
    font-family: 'MyriadProLightSemiExtBold', Arial, sans-serif;
    list-style-type: none;
    padding: 0px;
    }

#menu_superior ul li
{
    height: 21px; 
    line-height: 21px;
    padding: 8px 18px;
    float: left;
    position: relative; 
}
#menu_superior ul li a
{
    color: #FFF;
    height: 21px;
    line-height: 21px;
    /*background: url("images/sprite_options_header.png") no-repeat scroll 0 0 transparent;*/ 
    display: block;
    text-decoration:none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;    
}
 

#menu_superior ul li.login:hover { background-color: #3d4643;}
#menu_superior ul li.register:hover { background-color: #3d4643;}
#menu_superior ul li.campus:hover { background-color: #3d4643;}
#menu_superior ul li.cart:hover { background-color: #3d4643;}

span.showItem {
    padding: 1px 8px;
    background-color: #f90508;
    border-radius: 10px;
    display: none;
}

/* Actualizacion descuentos */

.descuentoCaja {
    width: 100%;
    padding: 30px 40px;
    background-color: #778482;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 35px;
    border-bottom: 5px solid #616b69;
}
    
.descuentoTexto { font-size: 19px; }

.descuentoMes {
    font-size: 20px;
    background-color: #ffe425;
    box-sizing: border-box;
    padding: 9px;
    border-radius: 3px;
    margin: 0px 5px 0px 10px;
    color: #454545;
}
    

li.logged {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 14px;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

 
a.nuevoMenuItem 
{
    display: block;
    line-height: 26px;
    color: #5a5a5a;
    margin: 6px;
    padding-left: 10px;
    width: 210px;
    font-size: 16px;
    font-weight: 700;    
}

a.nuevoMenuItem:hover 
{
    -moz-transition: .10s; 
 	-webkit-transition: .10s; 
 	-o-transition: .10s;
 	transition: .10s;
    border-left-width: 15px !important;
}


a.nuevoMenuItemInterior 
{
    display: block;
    line-height: 26px;
    color: #fff;
    border-left: 5px solid #C3C3C3;
    margin: 6px;
    padding-left: 10px;
    width: 190px;

}

a.nuevoMenuItemInterior:hover 
{
    -moz-transition: .10s; 
 	-webkit-transition: .10s; 
 	-o-transition: .10s;
 	transition: .10s;
    border-left-width: 15px !important;
}


.reser_men > #menu_tematicas { width: 300px; margin-left: -5px; }

#menu_tematicas
{
  float: left;
  position: relative;
  width: 340px;
  margin-left: -25px;
  margin-bottom: 20px;
}

#menu_tematicas ul{
    width: 100%;
    font-size: 17px;
    list-style-type: none;
    padding: 0px;
}

#menu_tematicas ul li
{
 
      text-align: center;
      float: left;
      position: relative; 
      clear: both;
      background-color: #E2E2E2;
      display: block;
      width: 305px;
      box-sizing: border-box;
      margin-left: 20px;
      border-bottom: 2px solid #dadada;
    }

#menu_tematicas ul li a:hover { background-color: #F28283;
  color: #fff !important;
  }
    
#menu_tematicas ul li a
{
    display: block;
    padding: 10px 20px;
    color: #6F6F6F;
    text-decoration:none;
    font-family: 'Roboto Condensed',san-serif;
    font-weight: 400;
}

#menu_tematicas ul li.first{padding: 0 7px;}
#menu_tematicas ul li.idiomas a{color: #F0AF00 !important;}
#menu_tematicas ul li.informatica a{color: #F98100 !important;}
#menu_tematicas ul li.empresa a{color: #A7192F !important;}
#menu_tematicas ul li.ma a{color: #57A518 !important;}
#menu_tematicas ul li.comercio a{color: #00693B !important;}
#menu_tematicas ul li.turismo a{color: #06A9D3 !important;}
#menu_tematicas ul li.estetica a{color: #0065BD !important;}
#menu_tematicas ul li.limpieza a{color: #212391 !important;}

.centerTematica {
    display: block;
    font-weight: 400;
    font-size: 27px;
    color: #848484;
    text-align: center;
    width: 63.6%;
    margin: 15px auto;
    text-transform: uppercase;
    font-weight: 700;
}
    
#nuevoMenuTags { width: 1010px; margin: 0 auto;background-color: #EFEFEF;padding: 15px 20px;box-sizing: border-box; }
#nuevoMenuTagsInterior { position: absolute;
    width: 1010px;
    margin: 0 auto;
    background-color: #4A4A4A;
    padding: 15px 20px;
    box-sizing: border-box;
    margin-left: 20px;
    margin-top: 8px; }
#miraInterior { display: none; position: absolute; left: 20px; z-index: 1000; margin-top: 40px; margin-left: -40px; }


.clear
{
    clear:both;
    }

#piecompleto{
    width: 100%;
    height: 322px;
    background-image: url('images/bg_contenido.jpg');
    background-position: center center;
    background-repeat: no-repeat;
}

#caja-superior-pie {
    width: 909px;
    height: 60px;
    padding-bottom: 40px;
    margin: 0 auto;
    padding-top: 40px;
}

#caja-superior-pie-interior {
    padding-top: 30px;
    border-top: dotted #666 1px;
}

#vnews {
margin-right: 40px;
margin-left: 60px;
}

#alumni {
margin-right: 60px;
}

.elementos-pie {
float: left;
position: relative;
}


#pie {
color: #FFF;
width: 951px;
height: 180px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 13px;
margin: 0 auto;
background-image: url('images/pixelfondopie.png');
}

.elementos-pie {
float: left;
position: relative;
}

#pie_contenedor {
width: 100%;
background-image: url('images/pixelfondopie.png');
height: 185px;
}

#fundacion-pie {
width: 140px;
margin-left: 23px;
padding-right: 10px;
height: 120px;
}

#sello-gobierno {
margin-top: 26px;
margin-left: 8px;
margin-right: 20px;
}

#miembrode {
margin-top: 26px;
margin-right: 20px;
width: 230px;
}

#calidad {
margin-top: 26px;
margin-right: 10px;
width: 215px;
}

#logo-emprendimiento {
margin-top: 25px;
}

#direccion {
position: relative;
float: left;
margin-left: 24px;
margin-top: 20px;
}

#legal {
position: relative;
float: left;
margin-left: 65px;
margin-top: 20px;
}

.logos-miembrode {
margin-right: 5px;
float: left;
}

#logo-fundacion {
margin-left: 3px;
padding-top: 17px;
}

.rrss {
width: 22px;
height: 22px;
float: left;
margin: 3px;
}

.rrss:hover {
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out !important;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}

#twitter {
background-image: url('images/twitter.png');
}

#twitter:hover {
background-image: url('images/twitter-hover.png');
}
#fb {
background-image: url('images/fb.png');
}
#fb:hover {
background-image: url('images/fb-hover.png');
}
#linkedin {
background-image: url('images/linkedin.png');
}
#linkedin:hover {
background-image: url('images/linkedin-hover.png');
}
#youtube {
background-image: url('images/youtube.png');
}
#youtube:hover {
background-image: url('images/youtube-hover.png');
}
#googleplus {
background-image: url('images/googleplus.png');
}
#googleplus:hover {
background-image: url('images/googleplus-hover.png');
}
#legal a {
color: #FFFFFF;
}

nav.breadcumbs {
    clear: both;
    display: table;
    width: 100%;
    font-size: 14px;
    /*margin-top: 10px;*/
    margin-bottom: 20px;
}

nav.breadcumbs ol {
    float: left;
    font-size: 13px;
    min-height: 22px;
    padding-top: 5px;
    position: relative;
    margin-bottom: 10px;
    list-style: none;
    margin-left: -40px;
}

nav.breadcumbs ol li, nav.breadcumbs ol li a {
color: #939394;
text-decoration:none;
}

nav.breadcumbs ol li a:hover {
text-decoration:underline;
}


nav.breadcumbs ol li {
float: left;
line-height: 1.4;
position: relative;
margin-right: 5px;
font-size: 14px;
}

.general-page {
color: #4B4B4D;
line-height: 1.4;
font-size: 14px;
margin-bottom: 10px;
padding: 15px 0 29px;
width: 100%;
}

div.wrapper-container {
width: 100%;
height: 100%;
margin-top: 5px;
background: url("images/bg_wrapper.jpg") no-repeat scroll center top transparent;
}

.general-title {
font-size: 24px;
margin-bottom: 15px;
}

.general-subtitle {
margin-bottom: 20px;
}

.general-page ol.general-list {
list-style: decimal outside none;
padding-left: 0px;
}

.general-page ol.general-list h6 {
margin-bottom: 15px;
}
.general-page p {
margin-bottom: 20px;
}

div.search {
/*float: left;*/
position: relative;
margin-bottom: 10px;
padding: 10px;
width: 990px;
border-radius: 4px;
border: 1px solid #bfbfbf;
margin: 20px auto;
}

div.search fieldset div.field_info {
display: none;
visibility: hidden;
}

div.search fieldset p.submit {
margin-left: 8px;
margin-top: 2px;
position: absolute;
right: 0px;
margin-right: 10px;
}

div.search fieldset p {
float: left;
position: relative;
}

div.search fieldset p.submit input {
width: 90px;
text-align: center;
height: 28px;
padding: 0;
text-transform: uppercase;
font-weight: 800;
background-color: #FFE425;
border-radius: 4px;
}

div.search fieldset{border:none;padding:0px;}

input#btnBuscador {
    cursor: pointer;
}

div.search fieldset input {
border: 0 solid;
color: #4B4B4D;
height: 32px;
line-height: 31px;
padding: 0 5px;
width: 890px;
font-size: 18px;
box-sizing: border-box;
font-family: 'Roboto Condensed',sans-serif;
}

div.search fieldset label {
display: none;
}
.terminoBusqueda { font-style:italic; }
div.course-item {
height: 150px;
margin-bottom: 30px;
width: 1010px;
float: left;
position: relative;
  -webkit-transition: 0.10s;
    -moz-transition: 0.10s;
     -o-transition: 0.10s;
     transition: 0.10s;
    border-left: 1px solid #dedede;     
}

div.course-item:hover  
{
    margin-left: 10px; 
    cursor: pointer; 
  -webkit-transition: 0.10s;
    -moz-transition: 0.10s;
     -o-transition: 0.10s;    
     transition: 0.10s;
    }

div.course-item div.sleeve {
float: left;
position: relative;
    border-bottom: 1px solid #dedede;
     border-top: 1px solid #dedede;
}

div.course-item div.sleeve, div.course-item div.sleeve a, div.course-item div.sleeve img {
    /*width: 131px;*/
    height: 150px;
    display: block;
}

div.course-item ul.card {
/*background-color: #ECECEC;*/
float: left;
padding: 18px 0 10px 20px;
position: relative;
width: 84.9%;
height: 125px;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-top: 1px solid #dedede;
}

div.course-item ul.card li.price {
    /*border-left: 1px solid #D4D4D5;*/
    float: right;
    height: 102px;
    padding-left: 8px;
    width: 92px;
    /* margin-right: 9px; */
    color: #4A4A4A;
    border-radius: 85px;
    background-color: #fff;
    margin-top: 10px;
    margin-right: 20px;
}

div.course-item ul.card li {
    float: left;
    position: relative;
    width: 480px;
}


div.course-item ul.card h3 {
font-size: 21px;
margin-bottom: 5px; 
color: #B1B1B1;
font-weight: 700;
}

div.course-item ul.card h3 a {
color: #4B4B4D;
}

a:link, a:visited {
text-decoration: none;
}

/* Tarjetas Cursos */

.tarjetaCurso { width: 99.5%; height: 96px; max-width: 1000px; outline: 1px solid #e0e0e0; box-sizing: border-box; margin-bottom: 30px; position: relative; }
.tarjetaCursoMovil { display: none; }
.tituloTarjeta a { font-size: 19px; font-weight: 700; color: #454545; }
.fa-hourglass-start.duraCurso { font-size: 20px; color: #9a9a9a; box-sizing: border-box; text-align: center; display: block; margin-top: 10px; }
i.fa.fa-shopping-cart.home { margin-right: 10px; }
i.fa.fa-eye.home { margin-right: 10px; }

.tcIcon { float: left;width: 110px;margin-right: 0px;box-sizing: border-box;}
.tcAAFF { float: left;width: 435px;margin-top: 30px;margin-right: 25px;display: table; height: auto; } 
.tcBotones { float: left;width: 190px;margin-right: 20px;margin-top: 25px; }
.tcDuracion { float: left;width: 110px; height: 96px;background-color: #e8e8e8; }
.tcPrecio { float: left;width: 110px;height: 96px;background-color: #dcdbdb; }

.iconoTC { width: 85px;display: block;}
.iconoVT { width: 85px;display: block;}
.botonCompraTC { display:block;width: 110px;font-weight: 700;color: #2e8273;text-transform: uppercase;font-size: 14px; } 
.botonVerTC { display:block;width: 110px;font-weight: 700;color: #FF9800;text-transform: uppercase;font-size: 14px;text-align:center; } 
.panelComprar { float: left;background-color: #38BF36;box-sizing: border-box;padding:10px 25px;border-bottom: 5px solid #2e982c;border-radius:2px;color:#fff;font-weight:700;cursor: pointer; }
.panelComprar:hover { background-color: #ffe425; border-bottom: 5px solid #454545; color: #454545; } 
.panelAcceder { float: left;background-color: #226490;box-sizing: border-box;padding:10px 25px;border-bottom: 5px solid #194969;border-radius:2px;color:#fff;font-weight:700;cursor: pointer; }
.panelAcceder:hover { background-color: #ccc; border-bottom: 5px solid #454545; color: #454545; } 
.tctextoDuracion { display:block;width: 110px;font-weight: 700;color: #9a9a9a;text-transform: uppercase;font-size: 14px;text-align: center;margin-top: 11px; }
.tctextoPrecio { display: block; width: 110px; font-weight: 700; color: #454545; text-transform: uppercase; font-size: 40px; text-align: center; margin-top: 25px; }
.tctextoAntes { display:block;width: 110px;font-weight: 700;color: #737373;text-transform: uppercase;font-size: 14px;text-align: center;margin-top: 15px; }

.tcImgPersonalizada { width:84px;height:96px; }

.precioMovil { position: absolute; top: 0px; right: 0px; padding: 10px; font-weight: 700; background-color: #454545; color: #fff; }

.panelComprarMovil { display: block; background-color: #38BF36; border-bottom: 5px solid #2e982c; color: #fff; text-align: center; 
                     bottom: 0px; left: 0px; position: absolute; width: 95%; padding: 10px; font-weight: 700; }
.panelAccederMovil { display: block; background-color: #226490;  border-bottom: 5px solid #194969; 
                     color: #fff; text-align: center; padding: 10px; font-weight: 700; position: absolute; width: 95%; bottom: 0px; left: 0px; position: absolute; }

.tirahorasMovil { position: absolute; bottom: 60px; color: #3a6490; outline: 1px solid #3a6490;
                  width: 85%; text-align: center; padding: 5px; }

div.course-item ul.card li.time {
    position: absolute;
    bottom: 35px;
    right: 210px;
    width: 110px;
}

div.course-item ul.card li.time p {
    font-size: 14px;
    line-height: 20px;
    padding-left: 25px;
    color: #226490;
    width: 145px !important;
    /*background-color: #ababab;*/
    border-radius: 2px;
    height: 25px;
    padding-top: 5px;
    font-weight: 700;
    border: 1px solid #abcce2;
    border-radius: 2px;    
}

/* Ventana acceso Tutoriales */

div#dialog-form {
    overflow:hidden;
    height: 210px !important;
    overflow:hidden;
    font-family: 'Roboto Condensed', sans-serif;
}

.ui-dialog-title { font-family: 'Roboto Condensed', sans-serif; }

div.informatica div.area {
background-color: #F98100 !important;
}

div.course-item div.area, div.course-item div.area a {
color: #FFF;
}

div.course-item ul.card p {
font-size: 11px;
line-height: 1.1;
color: #4B4B4D;
}

div.course-item ul.card div.price-content {
    float: left;
    font-size: 13.32px;
    line-height: 182%;
    margin-left: 0px;
    margin-top: 5px;
    letter-spacing: -0.6px;
    font-weight: 700;
    margin-bottom: 10px;
}

div.course-item ul.card div.price-content span {
float: left;
font-size: 42.39px;
line-height: 57%;
letter-spacing: -3px;
text-align: center;
display: block;
width: 75px;
}

div.course-item ul.card div.price-content strong {
float: right;
font-size: 15.75px;
line-height: 154%;
letter-spacing: -0.3px;
}

div.course-item ul.card li.price .link a { }
div.course-item ul.card li.price .link a:hover, div.course-item ul.card:hover li.price .link a {
background-position: -91px 0;
}

div.course-item div.area, div.course-item div.area a {
color: #FFF;
}

a.botonGratis {
    bottom: 50px;
    position: absolute;
    right: 125px;
    background-color: #226490;
    width: 172px;
    border-radius: 2px;
    font-size: 16px;
    padding: 10px 10px;
    box-sizing: border-box;
    color: #fff;
    border-bottom: 5px solid #194969;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
}
 
a.botonComprar {
    bottom: 50px;
    position: absolute;
    right: 125px;
    background-color: #38BF36;
    width: 172px;
    border-radius: 2px;
    font-size: 16px;
    padding: 10px 10px;
    box-sizing: border-box;
    color: #fff;
    border-bottom: 5px solid #2e982c;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
}
input#btnGenerar {
 
    background-color: #226490;
    width: 172px;
    border-radius: 2px;
    font-size: 16px;
    padding: 0px 10px;
    box-sizing: border-box;
    color: #fff;
    border-left: #194969;
    border-top:#194969;;
    border-right:#194969;;
    border-bottom: 5px solid #194969;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    height: 40px;
    cursor: pointer;
}
.tarjetaIntro { font-size: 16px;line-height: 22px;color: #696969; display: none; } 
.clocktick { position: absolute; bottom: 8px; color: #337098; margin-left: 8px; margin-top: 0px; }

div.course-item div.area {
background-color: #4B4B4D;
height: 20px;
line-height: 20px;
width: 815px;
padding: 0 0 0 20px;
font-size: 9px;
text-transform: uppercase;
float: left;
position: relative; 
display: none;
}
 
.social-media ul, .social-media li {
float: left;
position: relative;
}

.social-media {
    width: 280px;
    min-height: 27px;
    position: relative;
}
.side-mod {
margin-bottom: 10px;
}

.redesHome {
    position: relative;
    float: right;
    width: 200px;
}

#videoiframe {display:none; margin-left: 10px; width: 480px; height: 340px; }
#videoclick { cursor:pointer;width:480px; }
.texto_comun { float: left; width: 480px; color: #2e2e2e;margin-right:20px; }
.tAire { padding: 5px; }

.seccionInteriorSuperior { height: 0px; }
 
#columna-central {
    float: left;
    width: 1010px;
    margin-left: -25px;
}

#columna-derecha{width: 300px;
float: right;
position: relative;
margin-top: 10px;}

#video-home-1 {
height: 205px;
cursor: pointer;
margin-left: 8px;
}

#video-home-2 {
height: 205px;
cursor: pointer;
}

#video-home-3 {
height: 205px;
cursor: pointer;
margin-top:45px;
}

 .btnDossier  
 {
     display: block; 
     padding: 10px 0px; 
     cursor: pointer; 	
     -moz-transition: .10s; 
 	-webkit-transition: .10s; 
 	-o-transition: .10s;
 	transition: .10s; }
 	
 .btnDossier:hover 
 { 
     margin-left: 10px;  
	-moz-transition: .10s; 
 	-webkit-transition: .10s; 
 	-o-transition: .10s;
 	transition: .10s;
 }

.courses-list
{
        width: 1010px;
        /*margin-top: 40px;
        margin-left:50px;*/
}

/* Cabeceras titulo de cursos */
.course-header h3 {
font-size: 18px;
margin-bottom: 20px;
font-weight: 700;
color: #989898;
}

.course-header h2 {
color: #4b4b4d;
font-size: 30px;
margin-bottom: 13px;
font-weight: 700; 
}

.descriptCat { padding: 20px; margin-bottom: 20px; background-color: #E3F2F5; border-radius: 5px; width: 1010px; box-sizing: border-box; color: #525252;}
.resultCat { padding: 20px; margin-bottom: 20px; background-color: rgba(255, 228, 37, 0.22); border-radius: 5px; width: 1010px; box-sizing: border-box; color: #525252;}

/* Caja titular curso */

.titular_curso { }
#presentacionCurso { width: 230px; }

.inPresentacionCurso {position:relative;width: 670px;float: left;padding-right: 30px;}
.course-element-fprice-movil { display: none; }
.course-content { margin-bottom: 10px; width: 100%; }
.course-content h5 { font-size: 18px; color: #4B4B4D; margin-bottom: 10px; }

nav.category-tree-content h6.title {
background: url("images/ico_folders.png") no-repeat scroll 19px 9px #4B4B4D;
border-bottom: 1px solid #7F7F81;
color: #FFFFFF; 
font-size: 13px;
height: 39px;
line-height: 39px;
padding-left: 49px;
width: 251px;
}

.menu-tematicas-interior
{
    float:left;
    width:300px;
    }
 
/*************   PROCESO DE VENTA ***********************/


.fleft{ float: left !important; }
.fright{ float: right !important; }
.aleft{ text-align: left !important; }
.aright{ text-align: right !important; }
.acenter{ text-align: center !important; }
.imp_data{ font-weight: bold !important; }

/* --- PURCHASE STEPS --- */
ol.purchase_steps{
    float: left;
    position: relative;
    width: 924px;
    margin-bottom: 10px;
    margin-left: -40px;
}
ol.purchase_steps li.purchase_step{
    float: left;
    position: relative;
    width: 139px;
    margin-right: 3px;
    font-size: 14px;
    padding: 5px;
    background-color: #F1F1F1;
    border: 1px solid #d3d3d3;
    height: 24px;
    line-height: 12px;
    font-size: 14px;
    color: #666;
    font-weight: bold;
}
    ol.purchase_steps li.purchase_step a{
	color: #666;
	display: block;
    }
    ol.purchase_steps li.purchase_step b{
	float: left;
	font-size: 18px;
	height: 24px;
	line-height: 24px;
	margin-right: 5px;
	width: 24px;
    }
    ol.purchase_steps li.purchase_step:hover{}
    ol.purchase_steps li.purchase_step:hover a{text-decoration: none;}

/* --- PURCHASE STEPS --- */


.buying_process{
    float: left;
    padding-bottom: 50px;
    width: 100%;
    background-color:White;
}
    .buying_process_box{
	padding: 40px;
	background-color: #FFF;
	min-height: 300px;
	 padding-bottom: 50px;
    }
    .buying_process h3.title{
	font-size: 20px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom: 15px;

    }
    .buying_process h5.subtitle{
	font-size: 16px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom: 5px;
    }
    .buying_process p.description_text{
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 140%;
    }
    .buying_process p.description_text a{
	text-decoration: underline;
    }

    .products_table{
	clear: left;
	width: 100%;
    }
    .products_table tr{
	border-bottom: 1px solid;
    }
    .products_table thead tr{
	border-top: 1px solid;
    }
    .products_table th,
    .products_table td{
	font-size: 14px;
	line-height: 120%;
	padding: 5px;
	text-align: left;
	vertical-align: top;
    }
    .products_table th{
	font-size: 12px;
	height: 29px;
	line-height: 110%;
	vertical-align: bottom;
    }
    .edit-profile .ui-accordion .ui-accordion-header a.product_btn,
    .edit-profile .ui-accordion .ui-accordion-header a.product_btn span,
    .products_table a.product_btn,
    .products_table a.product_btn span{
	width: 28px;
	height: 28px;
	text-indent: -9000px;
    }
    .edit-profile .ui-accordion .ui-accordion-header a.product_btn span,
    .products_table a.product_btn span{
	background: url("images/sprite_product_btn.png") no-repeat scroll 0 0 transparent;
	float: left;
    }
    .products_table a.product_delete_btn span{ background-position: 0 0; }
    .products_table a.product_watch_btn span{ background-position: -38px 0; }
    .products_table a.product_minus_quantity_btn span{ background-position: -76px 0; }
    .products_table a.product_more_quantity_btn span{ background-position: -114px 0; }
    .products_table a.product_download_btn span{ background-position: -266px 0; }
    
    .products_table a.product_add_code_btn span{
        background: url("images/sprite_product_btn2.png") no-repeat scroll 0 0 transparent;
    }

    .edit-profile .ui-accordion .ui-accordion-header a.product_die_btn span{ background-position: -190px 0; }
    .edit-profile .ui-accordion .ui-accordion-header a.product_change_btn span{ background-position: -228px 0; }

    .products_table p b,
    .products_table h6.product_name{
	font-size: 17px;
	font-weight: bold;
    }
    .products_table p.product_description{
	font-size: 12px;
    }
    .products_table p.order-cancel{
	color: #FF0000;
    }
    .products_table small{
	font-size: 10px;
	display: block;
    }

    .products_table fieldset.field_quantity {
	width: 119px;
    }
    .products_table fieldset.field_quantity a,
    .products_table fieldset.field_quantity input{
	float: left;
	margin: 0 2px;
	position: relative;
    }
    .products_table fieldset.field_quantity input.input_quantity {
	border: 1px solid #EAEAEA;
	font-size: 18px;
	height: 28px;
	line-height: 28px;
	padding: 0;
	text-align: center;
	width: 42px;
    }
    .products_table fieldset.field_promotion {
	width: auto;
    }
    .products_table fieldset.field_promotion input.input_quantity{
        font-size: 14px;
        width: 62px;
        width: 500px;
        text-align: center;
    }
    .products_table fieldset.field_promotion label{
        float: left;
        position: relative;
        margin-right: 10px;
        height: 30px;
        line-height: 30px;
        font-weight: bold;
    }
    
    .products_table tfoot{
    }
    .products_table tfoot tr{
	border-bottom: 0px solid;
    }
    .products_table tfoot tr.field_total{}
    .products_table tfoot tr.field_total td{
	font-size: 18px;
	white-space: nowrap;
    }
    .products_table tfoot tr.field_msg ,
    .products_table tfoot tr.field_msg td {
	font-size: 12px;
    }

    .product_btn,
    .generic-form input.product_btn{
	display: block;
    }
    
    a:hover.product_btn{
	text-decoration: none;
    }

    .product_table_btns{
	padding-top: 20px;
	border-top: 1px solid;
}
    .generic-form input.product_btn,
    .generic-form a.product_btn,
    .product_table_btns input.product_btn,
    .product_table_btns a.product_btn,
    .edit-profile .ui-accordion .ui-accordion-content a.product_btn{
	color: #666;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0 10px;
	width: auto;
    }
    .product_table_btns input.product_btn,
    .product_table_btns a.product_btn,
    .edit-profile .ui-accordion .ui-accordion-content a.product_btn{
	height: 34px;
	line-height: 34px;
	width: auto;
	border-radius: 3px;
    padding: 5px 15px;
    }
    .product_table_btns input.product_btn.fright,
    .product_table_btns a.product_btn.fright,
    .generic-form a.product_btn.fright ,
    .edit-profile .ui-accordion .ui-accordion-content a.product_btn.fright{
	margin-right: 0px;
	margin-left: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
    }
    .product_table_btns a.cancel_btn,
    .generic-form a.cancel_btn{
	background-color: #FF0000;
	color: #FFF;
    }
    input.product_btn.botondestacado.continuar {
        background-color: #226490;
        padding: 0px 30px;
        vertical-align: text-bottom;
        height: 40px;
        border-bottom: 5px solid #2b4a6b;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 15px;
        border-radius: 2px;
    }
    
    input.product_btn.botondestacado.continuar:hover {
        background-color: #ffe425;
        color: #454545 !important;
        border-bottom: 5px solid #454545;
    }
.promoButtonCode  
{
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #2D9A54;
    color: #fff;
    padding: 5px 14px;
    text-align: center;
    box-sizing: border-box;
    margin-top: 2px !important;
    border-radius: 2px;
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: 0.10s;
    -moz-transition: 0.10s;
     -o-transition: 0.10s;
     transition: 0.10s;
     }

.promoButtonCode:hover { background-color: #F4AA45; 
       -webkit-transition: 0.10s;
    -moz-transition: 0.10s;
     -o-transition: 0.10s;
     
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1); }

/* --- TOOLTIP --- */
.tip_carrito {
	width: 227px;
	min-height:150px;
	padding: 4px;
	border: 1px solid;
	background-color: #fff;
	top: 0px;
}
	.tip_flechita{
		position: relative;
		top: 0px; left: 0px;
		width: 237px; height: 0px;
		background: transparent none scroll no-repeat 0px 0px;
	}
	.tip_carrito img {
		float: left;
		margin: 0px 5px 0px 0px;
		background-color: #CCC;
	}
	.tip_carrito .txt_tip_carrito {
		font-size: 12px;
		margin: 0px;
	}
	.tip_carrito .tip_title {
		font-size: 14px;
		font-weight: bold;
	}
	.tip_carrito .tip_description {
		font-size: 12px;
		display: block;
		margin-top:5px;
	}
/* --- TOOLTIP --- */

/* --- CAJA CARRITO --- */

#frameCarrito 
{
    position: absolute;
    width: 473px;
    height: auto;
    z-index: 1000;
    background-color: #fff;
    right: 0px;
    top: 42px;
    -webkit-box-shadow: 0px 3px 18px 0px rgba(102, 102, 102, 0.53);
    -moz-box-shadow:    0px 3px 18px 0px rgba(102, 102, 102, 0.53);
    box-shadow:         0px 3px 18px 0px rgba(102, 102, 102, 0.53);    
}

.c_novisible { visibility: hidden; } 
.c_visible { visibility: visible; } 

.cartHovered { background-color: #454545; }

#gracias { display: none; text-align: center;line-height: 21px; }
#gracias p { font-size: 12px; }

.innerLightboxCerrar {
    width: 145px;
    line-height: 25px;
    background-color: #1D9E74;
    color: #fff !important;
    padding: 5px 0px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 10px auto 0 auto;
}

.innerLightboxCarro {
    width: 145px;
    line-height: 25px;
    background-color: #1D9E74;
    color: #fff !important;
    padding: 5px 0px;
    float: left;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
}

.innerLightboxSeguir {
    width: 145px;
    line-height: 25px;
    background-color: #ffe425;
    color: #000 !important;
    padding: 5px 0px;
    float: left;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-left: 10px;
}
 
.soyNuevoUsuario { display: none; }

.botonSelectorUsuario 
{
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 10px 30px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #38BF36;
    margin-top: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    border-bottom: 5px solid #2e982c;
    border-radius: 5px;
    /*width: 228px;*/
    cursor: pointer;
    float: left;
    }
.botonSelectorUsuario:hover 
{
 background-color: #ffe425;
    color: #454545;
    border-bottom: 5px solid #454545;
    }
        
    input.product_btn.fright.continuar {
        background-color: antiquewhite;
        padding: 5px 50px;
        border: none;
        background-color: #226490;
        color: #fff;
        height: 40px;
        border-bottom: 5px solid #2b4a6b;
        cursor: pointer;
            font-size: 16px;
        font-weight: 700 !important;
    }
    input.product_btn.fright.continuar:hover {
        background-color: #ffe425;
        color: #454545 !important;
        border-bottom: 5px solid #454545; 
    }  
    
    /* Hamburgers */
    
    .botonHMenu { top: 15px; position: absolute; right: 70px; } 
    button.menu.hamburger { -webkit-transform: scale(0.80, 0.80); }
    span.hamburger-label {
        position: absolute;
        color: #fff;
        right: -70px;
        font-size: 20px;
        top: 0px;
        text-transform: uppercase;
        font-weight: 700;
    }
    .whiteMenu { background-color: #fff; }
    .whiteMenu::before { background-color: #fff; }    
    .whiteMenu::after { background-color: #fff; }        
    
    .MenuDispositivos { display: none; } 
      
/* --- SELECTOR BOTONES --- */

.tablaSelector { display: table-cell;
    border-spacing: 10px;
    /*width: 30%;*/
    width: 243px;
    margin: 0px 10px;
    box-sizing: border-box;
    padding: 10px 5px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    background-color: #454545;
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
     }
 
#pushCats { background-color: #FD4F43; }

#pushCats:hover {
    background-color: #3d4643;
   -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.botonComprar:hover 
{
    
    webkit-transform: scale(1.05);	 
    -moz-transform: scale(1.05); 
     -o-transform: scale(1.05);
     transform: scale(1.05);
    
    }

.botonGratis:hover 
{
    
    webkit-transform: scale(1.05);	 
    -moz-transform: scale(1.05); 
     -o-transform: scale(1.05);
     transform: scale(1.05);
    
    }    

.tablaFila { display: table-row; }

.tablaSelector:hover { background-color: #6EADB1;
   -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
     }

.onleft { text-align: left; margin-right: 10px; }

.tablaFullwidth { display: table-cell;
    border-spacing: 10px;
    width: 90%;
    margin: 0px 10px;
    box-sizing: border-box;
    padding: 5px 0px;
    color: #454545;
    font-size: 15px;
    cursor: pointer;
     }

.tablaCabFull { display: table-cell;
    border-spacing: 10px;
    width: 90%;
    margin: 0px 10px;
    box-sizing: border-box;
    padding: 5px 0px;
    color: #454545;
    font-size: 15px;
     }     

.tablaFullwidth:hover { color: #6EADB1;
   -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
     }

.tablaOpciones { display: table;width: 100%; height: 50px;border-spacing: 5px; }
.bottomborder { border-bottom: 1px solid #dadada; }
.clicked { background-color: #6EADB1; }
.daClock { margin-left: 4px;color:#6EA8D0; }

/* --- FORMACIÓN RELACIONADA --- */

.tablaRelacionados { display: table;
    width: 410px;
    height: 50px;
    border-spacing: 6px;
    float: left;
    padding-right: 30px;
    margin-top: -20px; }
    
.cabeceraFormacion { font-weight: 700; font-size: 22px; }

i.fa.fa-clock-o.duraCurso {
    background-color: #fff;
    color: #fff;
    /* border: 1px solid #a9b2b7; */
    padding: 5px 6px;
    box-sizing: border-box;
    font-size: 16px;
    margin-right: 5px;
    border-radius: 23px;
    background-color: #226490;
}
i.fa.fa-eur.costeCurso {
    color: #fff;
    /* border: 1px solid #a9b2b7; */
    padding: 6px 9px 4px 8px;
    box-sizing: border-box;
    font-size: 16px;
    margin-right: 5px;
    border-radius: 23px;
    background-color: #226490;
    }
 i.fa.fa-eur.costeCursoAntes { 
    color: #fff;
    /* border: 1px solid #a9b2b7; */
    padding: 6px 9px 4px 8px;
    box-sizing: border-box;
    font-size: 16px;
    margin-right: 5px;
    border-radius: 23px;
    background-color: #a0a0a0;
    }
       
 /* Dialog */
 
 span#ui-id-1 {
    margin-bottom: 20px;
}

input#video_nombre {
width: 190px;
padding: 5px 10px;
}

input#video_email {
width: 190px;
padding: 5px 10px;
}

select#video_IdPaises 
{
width: 216px;
padding: 5px 10px;
    }
    
.formularioPiniones {
    width: 545px;
    float: left;
    margin-right: 20px;
}    
    
/* --- FORMULARIO GENERICO --- */
.generic-form {}
.generic-form .row-form ,
.generic-form .container_botonera ,
.generic-form ul ,
.generic-form ul li {
    float: left;
    position: relative;
    width: 100%;
}
.generic-form ul li {
    margin-bottom: 10px;
}
.generic-form label,
.generic-form textarea,
.generic-form input,
.generic-form select {
    float: left;
    position: relative;
    clear: left;
    margin-right: 20px;
    margin-right: 3%;
}
.generic-form label {
    line-height: 16px;
    text-align: left;
    width: auto;
    width: 97%;
    font-size: 13px;
}
.generic-form textarea,
.generic-form input,
.generic-form select {
    background-color: #FFFFFF;
    border: 1px solid;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    width: 410px;
    width: 89%;
    font-size: 12px;
    z-index: 100;
}
.generic-form select {
    display: inline;
    height: 24px;
    line-height: 1;
    padding: 2px;
    width: auto;
}
.generic-form option {
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0;
}

.generic-form li.check-field {}
    .generic-form li.check-field input {
	width: auto !important;
	margin: 0 10px 0 0 !important;
    }
    .generic-form li.check-field label {
	clear: none;
	margin-top: 3px;
    }


.generic-form ul li.columns-one {
    width: 33%;
}
.generic-form ul li.columns-two {
    width: 66%;
}
.generic-form ul li.columns-three {
    width: 100%;
}
.generic-form ul li.columns-half {
    width: 50%;
}
.generic-form ul li.center-field {
    margin: 0 auto;
    float: none;
}
.generic-form ul li.center-field label{
    margin-top: 10px;
}

.generic-form ul li.columns-one label{}
.generic-form ul li.columns-one input{}
.generic-form ul li.columns-two label{
    margin-right: 1%;
    width: 98.5%;
}
.generic-form ul li.columns-two input{
    margin-right: 2%;
    width: 94.5%;
}
.generic-form ul li.columns-two .messages{
    width: 98.5%;
}
.generic-form ul li.columns-half label{
    margin-right: 1%;
    width: 95.5%;
}
.generic-form ul li.columns-half input,
.generic-form ul li.columns-half textarea{
    margin-right: 2%;
    width: 90.3%;
}
.generic-form ul li.columns-half textarea{
    height: 105px;
    line-height: 130%;
}
.generic-form ul li.columns-half .messages{
    width: 95.5%;
}
.generic-form ul li.columns-three label{
    margin-right: 0;
    width: 95%;
}
.generic-form ul li.columns-three input{
    margin-right: 0;
    width: 95.4%;
}
.generic-form ul li.columns-three select{
    margin-right: 0;
}
.generic-form ul li.columns-three .messages{
    width: 98%;
}

.generic-form .messages{
    width: 432px;
    width: 97%;
    float: left;
}
    .generic-form .messages p.field_info{
	padding:7px 10px;
	background:#FFF;
	border:1px solid #CCC;
	font-size:12px;
	color: #666;
	text-transform:none;
	line-height: 1.2;
	margin-top: -1px;
	position:relative;/*z-index's*/
	z-index:10;/*default*/
    }
	.generic-form .messages p.help{
		background: #FFF;
		border-color: #CCC;
		color: #666666;
	}
	.generic-form .messages p.info_msg{
		background: #FFF;
		border-color: #CCC;
		color: #666666;
	}
	.generic-form .messages p.advice{
		background: #FFE0CC;
		border-color: #F5E0CC;
		color:#FF6600;
	}
	.generic-form .messages p.error{
		background: #FFEDF5;
		border-color: #FFB3D5;
		color: #FF3591;
	}
	.generic-form .messages p.success{
		background: #CCEBCC;
		border-color: #CCD6CC;
		color:#009900;
	}

.registroInput { border: none;outline: 1px solid #dadada;margin: 10px 10px 10px 0px;padding: 5px;width: 90%; }

/* --- FORMULARIO GENERICO --- */

.generic-form fieldset.id_users {
    border-top: 1px solid;
    margin-bottom: 20px;
    padding-top: 10px;
}

.generic-form ul.data-list{
    font-size: 14px;
}
.generic-form ul.data-list li{
    margin-bottom:  4px;
}
.generic-form ul.data-list li b{
    font-weight: bold;
}

/* --- COLUMNAS --- */
.form-column{
    width: 48%;
    width: 400px;
    float: left;
    position: relative;
    margin-bottom: 30px;
}
    .form-column_right{
	margin-left: -1px;
	padding-left: 2%;
	padding-left: 20px;
    }
    .form-column_left{
	/*border-right: 1px solid;*/
	padding-right: 2%;
	padding-right: 20px;
    }
.generic-form .form-column .row-form{
    width: 410px;
}
.generic-form .form-column input{
    margin-right: 10px !important;
}
	.generic-form .form-column input[type="checkbox"] ,
    .generic-form .form-column input[type="radio"] {
	border: 0px solid !important;
    }
    .generic-form .form-column .columns-half {
	width: 205px;
    }
	.generic-form .form-column .columns-half input{
	    width: 173px;
	}
	.generic-form .form-column .columns-half select{
	    width: 195px;
	}
	.generic-form .form-column .columns-half label,
	.generic-form .form-column .columns-half .messages{
	    width: 195px;
	}
	.generic-form .form-column .columns-half.check-field label {
	    width: 155px;
	}
    .generic-form .form-column .columns-three {
	width: 410px;
    }
	.generic-form .form-column .columns-three input{
	    width: 378px;
	}
	.generic-form .form-column .columns-three select{
	    width: 400px;
	}
	.generic-form .form-column .columns-three label{
	    width: 385px;
	}
	.generic-form .form-column .columns-three.check-field label{
	    width: 350px;
	}
	.generic-form .form-column .columns-three .messages{
	    width: 400px;
	}
	.generic-form .form-column .columns-three textarea{
	    width: 378px;
	    height: 96px;
	}

.generic-form .checkbox-field input{
    margin-left: 0 !important;
    padding: 0 !important;
    width: auto !important;
}
.generic-form .checkbox-field label{
    height: 30px !important;
    line-height: 30px !important;
    clear: none !important;
}

.generic-form .columns-half.check-field label{
    width: 350px;
    margin-top: 6px;
}
.generic-form .form-column .address-field{}
.generic-form .form-column .address-field select{
    float: right; clear: none;
    width: 173px !important;
    margin-right: 10px;
}
.generic-form .form-column a.go_btn{
    float: right;
}

.generic-form a.go_btn,
.generic-form a.go_btn span{
    width: 28px;
    height: 28px;
    text-indent: -9000px;
}
    .generic-form a.go_btn{
	padding: 0px;
    }
    .generic-form a.go_btn span{
	background: url("../img/sprite_product_btn.png") no-repeat scroll -152px 0 transparent;
	float: left;
    }

.generic-form .postal-company-field{
    border-bottom: 1px solid;
    margin-bottom: 15px;
    margin-top: 5px;
    padding-bottom: 20px;
}
    .generic-form .postal-company-field .media{
	float: left;
	height: 76px;
	margin: 0 10px 0 0;
	width: 109px;
    }
	.generic-form .postal-company-field .media img{
	    display: block;
	}
    .generic-form .postal-company-field .data{
	float: left;
    }
    .generic-form .postal-company-field input,
    .generic-form .payment-methods input{
	margin-left: 0 !important;
	padding: 0 !important;
	width: auto !important;
    }
    .generic-form .postal-company-field label,
    .generic-form .payment-methods label{
	clear: none !important;
	font-size: 12px;
	margin-top: 7px;
	width: 268px !important;
    }
	.generic-form .postal-company-field label b,
	.generic-form .payment-methods label b{
	    /* display: block; */
	    font-size: 14px;
	    font-weight: bold;
	}

.generic-form .old-address,
.generic-form .new-address,
.generic-form .comment,
.generic-form .payment-methods{
    border-top: 1px solid;
    float: left;
    padding: 20px 0;
    width: 400px;
}
.generic-form .payment-methods{
    margin-top: 20px;
}

.form-column .products_table {
    margin-top: 25px;
}
    .form-column .products_table h6.product_name{
	font-size: 13px;
	line-height: 120%;
    }
    .form-column .products_table small{
	font-size: 9px;
    }
    .form-column .products_table th,
    .form-column .products_table tfoot td{
	font-size: 12px;
    }
    .form-column .products_table tfoot td div{
	font-size: 14px;
    }
    .form-column .products_table tfoot tr.field_total td div{
	font-size: 18px;
    }
    .form-column .products_table .field_promotion{ width: 480px; }
    .form-column .products_table .field_promotion label{ width: 82px; height: 20px; line-height: 20px; font-size: 12px; }
    .form-column .products_table .field_promotion .code{
        width: 388px; display: block; float: left; overflow: hidden; position: relative; line-height: 20px; font-size: 12px;
    }

.generic-form .payment-methods label{
    width: 387px !important;
    margin-top: 8px !important;
}
.generic-form .payment-methods label b{
    display: block;
}
.generic-form table.num-bank-transfer{
    float: left;
    font-size: 12px;
    margin-left: 33px;
    margin-top: 10px;
    width: 375px;
}
.generic-form table.num-bank-transfer tr{}
.generic-form table.num-bank-transfer th,
.generic-form table.num-bank-transfer td{
    padding: 2px;
}
.generic-form table.num-bank-transfer tr th{
    text-align: left;
    font-weight: bold;
}
.generic-form table.num-bank-transfer tr td{
    text-align: center;
}

/* --- CAPTCHA --- */
.generic-form ul li.captcha-field{}
    .generic-form ul li.captcha-field input,
    .generic-form ul li.captcha-field div.number,
    .generic-form ul li.columns-three.captcha-field input{
	font-size: 26px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 135px;
    }
    .generic-form ul li.captcha-field input{
	font-size: 28px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	padding: 0px;
	text-align: center;
    }
    .generic-form ul li.captcha-field div.code{
	float: right;
	width: 273px;
    }
	.generic-form ul li.captcha-field div.number{
	    border: 1px solid;
	    float: left;
	    margin: 0 10px 0 0;
	}
	.generic-form ul li.captcha-field div.number img{}
	.generic-form ul li.captcha-field div.code em{
	    display: block;
	    font-size: 11px;
	    margin: 0 0 5px;
	}
	.generic-form ul li.captcha-field div.code a.product_btn{
	    font-size: 12px;
	    margin-right: 0px;
	}

.generic-form ul li.columns-three.captcha-field div.code{
    width: 363px;
}
/* --- CAPTCHA --- */

/* --- EDIT PROFILE --- */
.edit-profile {
    margin-top: 40px;
}
.edit-profile .buying_process_box{
    margin-top: 40px;
}
.edit-profile .form-column{
    width: 390px;
}
.edit-profile fieldset.id_users{
    padding-top: 20px;
    margin: 10px 0 0;
}

.edit-profile .product_table_btns {
    border-top: 0px solid;
    padding: 10px 0;
}

.edit-profile .ui-accordion{
    background: none scroll no-repeat 0 0 transparent;
}
.edit-profile .ui-accordion .ui-accordion-header{
    -webkit-border-radius: 10px 10px 0px 0px !important;
    -moz-border-radius: 10px 10px 0px 0px !important;
    border-radius: 10px 10px 0px 0px !important;
    background: none scroll no-repeat 0 0 #E5E5E5;
    border: 1px solid #DDDDDE;
    font-size: 15px;
    height: 39px;
    line-height: 39px;
    text-indent: 10px;
    margin-bottom: 10px;
}
.edit-profile .ui-accordion .ui-accordion-header .ui-icon{
    display: none;
}
.edit-profile .ui-accordion .ui-accordion-header a.product_btn{
    padding: 0 !important;
    width: 28px;
    height: 28px;
    margin: 5px !important;
}

.edit-profile .ui-accordion .ui-accordion-header.ui-state-active{
    margin-bottom: 0px;
}
.edit-profile .ui-accordion .ui-accordion-content{
    margin-bottom: 10px !important;
    -webkit-border-radius: 0px 0px 10px 10px !important;
    -moz-border-radius: 0px 0px 10px 10px !important;
    border-radius: 0px 0px 10px 10px !important;
    background: none scroll no-repeat 0 0 #F2F2F2;
    border: 1px solid #DDDDDE !important;
    overflow: hidden !important;
}
.edit-profile .ui-accordion .ui-accordion-content .row-form{
    width: 388px;
}
.edit-profile .ui-accordion .ui-accordion-content li{
    padding-left: 0px;
    background-color: transparent;
    margin: 5px 5px 0 !important;
    height: auto;
    line-height: 1;
    border-bottom: 0px solid;
}
.edit-profile .ui-accordion .ui-accordion-content li.columns-half,
.edit-profile .ui-accordion .ui-accordion-content li.columns-half label,
.edit-profile .ui-accordion .ui-accordion-content li.columns-half .messages {
    width: 184px;
    margin-right: 0px;
}
.edit-profile .ui-accordion .ui-accordion-content li.columns-half input{
    width: 162px;
    margin-right: 0px;
}
.edit-profile .ui-accordion .ui-accordion-content li.columns-half select{
    width: 184px;
    margin-right: 0px;
}
.edit-profile .ui-accordion .ui-accordion-content li.columns-half.check-field label{
    width: 160px;
}

.edit-profile .ui-accordion .ui-accordion-content li.columns-three,
.edit-profile .ui-accordion .ui-accordion-content li.columns-three label,
.edit-profile .ui-accordion .ui-accordion-content li.columns-three .messages,
.edit-profile .ui-accordion .ui-accordion-content li.columns-three select {
    width: 378px;
    margin-right: 0px;
}
.edit-profile .ui-accordion .ui-accordion-content li.columns-three input{
    width: 356px;
    margin-right: 0px;
}
.edit-profile .ui-accordion .ui-accordion-content li.columns-three.check-field label{
    width: 355px;
}

/* --- EDIT PROFILE --- */

/* --- REMEMBER PASSWORD --- */
.remember-pass{
    width: 535px;
    margin: 0 auto;
}

.remember-pass .generic-form ul li.columns-two input{
    width: 90.5%;
}
/* --- REMEMBER PASSWORD --- */

.indent{
	text-indent: 0px !important;
}

/* --- CONFIG. PURCHASE STEPS --- */
ol.purchase_steps {
    width: 990px;
    height: 55px;
}
    div.p_step1 ol.purchase_steps{ background-position: 0 0; }
    div.p_step2 ol.purchase_steps{ background-position: 0 -47px; }
    div.p_step3 ol.purchase_steps{ background-position: 0 -94px; }
    div.p_step4 ol.purchase_steps{ background-position: 0 -141px; }
    div.p_step5 ol.purchase_steps{ background-position: 0 -188px; }
    div.p_step6_ok ol.purchase_steps{ background-position: 0 -235px; }
    div.p_step6_ko ol.purchase_steps{ background-position: 0 -282px; }

ol.purchase_steps li.purchase_step{
    /*font-family: 'MyriadProSemiExtBold',Arial,sans-serif;*/
	/* font-size: 12.49px; */
    font-size: 16px;
    margin-right: 0;
    /*text-shadow: 1px 1px 1px #FFFFFF;*/
    text-transform: uppercase;
    background-color: transparent;
    border: 0px solid;
    padding: 7px 7px 6px 16px;
    line-height: 20px;

}
    ol.purchase_steps li.purchase_step ,
    ol.purchase_steps li.purchase_step a{
	color: #ccc;
    }
    ol.purchase_steps li.purchase_step b{
	font-size: 29px;
	color: #A0B1AE;
    }
 
    ol.purchase_steps li.purchase_stepcurrent {width: 290px; padding: 10px 20px; background-color: #778482; font-size: 17px; line-height: 20px; height: auto; color: #fff; box-sizing: border-box;}
    ol.purchase_steps li.purchase_step1 { width: 230px; padding: 7px 6px 6px; }
    ol.purchase_steps li.purchase_step2 { width: 230px; padding: 7px 6px 6px; margin-left: 18px;}
    ol.purchase_steps li.purchase_step3 { width: 160px; padding: 7px 6px 6px; margin-left: 13px;}
    ol.purchase_steps li.purchase_step4 { width: 190px; padding: 7px 6px 6px; margin-left: 12px;}
    ol.purchase_steps li.purchase_step5 { width: 166px; padding: 7px 7px 6px 16px; }
    ol.purchase_steps li.purchase_step6 { width: 160px; padding: 7px 7px 6px 16px; }
	/*ol.purchase_steps li.purchase_step:hover{background-color: transparent;}*/
	ol.purchase_steps li.purchase_step5 span {display: block;}
	ol.purchase_steps li.purchase_stepfinal { width: 220px; padding: 10px 20px; background-color: #38BF36; font-size: 17px; line-height: 20px; height: auto; color: #fff; box-sizing: border-box;}
    
	
	
	
/* --- CONFIG. PURCHASE STEPS --- */

.buying_process_box{
    background-color: #FFF;
    /*padding: 10px 50px 40px;*/
    padding: 0px;
    margin: 0px 0;
}

.buying_process h3.title,
.buying_process p.description_text a,
.products_table tfoot tr.field_total td,
.imp_data,
.products_table fieldset.field_quantity input.input_quantity,
.product_btn,
.generic-form input.product_btn,
.tip_carrito .tip_title,
.buying_process h5.subtitle,
.generic-form ul.data-list b,
.generic-form label,
.generic-form .postal-company-field label b,
.generic-form .payment-methods label b,
.generic-form table.num-bank-transfer tr th,
.edit-profile .ui-tabs .ui-tabs-nav li.ui-state-default {
    /*font-family: 'MyriadProSemiExtBold',Arial,sans-serif;*/
    /*font-weight: normal !important;*/
}
.buying_process p.description_text,
.products_table th,
.products_table td,
.tip_carrito .txt_tip_carrito,
.generic-form textarea,
.generic-form input,
.generic-form select,
.generic-form ul.data-list,
.generic-form .postal-company-field label,
.generic-form .payment-methods label,
.generic-form table.num-bank-transfer tr td,
.generic-form li.check-field label,
.generic-form label small,
.generic-form .messages p.field_info,
.products_table fieldset.field_promotion input.input_quantity{
    /*font-family: 'MyriadProSemiExtRegular',Arial,sans-serif;*/
}

.products_table th,
.products_table td,
.buying_process h3.title,
.buying_process p.description_text,
.buying_process p.description_text a,
.products_table fieldset.field_quantity input.input_quantity,
.tip_carrito .txt_tip_carrito,
.generic-form label,
.generic-form textarea,
.generic-form input,
.generic-form select,
.buying_process h5.subtitle,
.generic-form ul.data-list,
.generic-form table.num-bank-transfer tr,
.generic-form li.check-field label a{
    color: #4B4B4D;
}
.buying_process h3.title {
    font-size: 20px;
    font-weight: 700 !important;
    border-bottom: 1px solid #dadada;
    padding-bottom: 10px;
}
.buying_process p.description_text{
    font-size: 17px;
}
.products_table tr{
    border-top: 1px dashed #CCC;
    border-bottom: 0px solid;
}
.products_table tbody,
.generic-form .postal-company-field{
    border-bottom: 1px dashed #CCC;
}
.products_table thead tr,
.product_table_btns,
.generic-form fieldset.id_users,
.generic-form .old-address,
.generic-form .new-address,
.generic-form .comment,
.generic-form .payment-methods{
    border-top: 1px dashed #CCC;
}
.form-column_left{
    /* border-right: 1px dashed #CCC; */
}
.form-column_right{
    border-left: 1px dashed #CCC;
}
.products_table th,
.products_table tfoot td {
    text-transform: uppercase;
}
.products_table tfoot tr{ border-top: 0px solid; }
.products_table tfoot tr.field_total td{
    color: #000;
}
.products_table tfoot tr.field_msg td {
    text-transform: none;
}
.products_table tr.sub-field{
    border-top: 0px solid;
}
.products_table tr.sub-field td{
    background: #F1F1F1;
}

.products_table fieldset.field_quantity input.input_quantity{
    border: solid 1px #cacaca;
    background-color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.product_btn,
.generic-form input.product_btn{
 /*
    border-radius: 4px;
    background-color: #dedede;
    border: solid 1px #cacaca;  
    color: #515151 !important; 
*/
}

.cancelar { background-color: #D0CACA; color: #fff !important; }
.volver { background-color: #dadada; border-bottom: 5px solid #454545; }
.volver:hover { background-color: #ffe425 !important;
    color: #454545; border-bottom: 5px solid #454545 !important;  }
.imprimir { background-color: #C6E6F3; color: #467486  !important;}

.botondestacado
{
    /*
    background-image: -webkit-linear-gradient(bottom, #FCC64C, #F39C40)!important;
    background-image: -moz-linear-gradient(bottom, #FCC64C, #F39C40)!important;
    background-image: -o-linear-gradient(bottom, #FCC64C, #F39C40)!important;
    background-image: -ms-linear-gradient(bottom, #FCC64C, #F39C40)!important;
    background-image: linear-gradient(to top, #FCC64C, #F39C40)!important;
    */
    background-color: #F39C40;
    cursor:pointer;
    color: #fff !important;
    border: none;
    }

.product_table_btns a.cancel_btn,
.generic-form a.cancel_btn{
    background-color: #ec3c2c;
    -webkit-box-shadow: 0 2px rgba(255,255,255,.47), inset 0 1px #ff7679;
    -moz-box-shadow: 0 2px rgba(255,255,255,.47), inset 0 1px #ff7679;
    box-shadow: 0 2px rgba(255,255,255,.47), inset 0 1px #ff7679;
    border: solid 1px #cacaca;
    background-image: -webkit-linear-gradient(bottom, #ec3c2c, #d72917 26%, #ff5837);
    background-image: -moz-linear-gradient(bottom, #ec3c2c, #d72917 26%, #ff5837);
    background-image: -o-linear-gradient(bottom, #ec3c2c, #d72917 26%, #ff5837);
    background-image: -ms-linear-gradient(bottom, #ec3c2c, #d72917 26%, #ff5837);
    background-image: linear-gradient(to top, #ec3c2c, #d72917 26%, #ff5837);

    color: #FFFFFF !important;
    text-shadow: 1px 1px 1px #515151;
}

.tip_carrito {
    background-color: #FFF;
    border: solid 1px #cacaca;
    border-top: solid 0px;
}
.tip_flechita{
    top: 0px; left: 0px;
    width: 237px; height: 13px;
    background: transparent url("../img/bg_tooltip.png") scroll no-repeat 0px 0px;
}

/* --- FORMULARIO GENERICO --- */
.generic-form .row-form, .generic-form .container_botonera, .generic-form ul, .generic-form ul li{
   /* width: 103%;*/
}
.generic-form label {
    font-size: 13px;
    line-height: 140%;
}
.generic-form textarea,
.generic-form input,
.generic-form select,
.edit-profile .generic-form textarea,
.edit-profile .generic-form input,
.edit-profile .generic-form select {
    background-color: #FFFFFF;
    border: 1px solid #A1A1A1;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    font-family: 'Roboto Condensed',sans-serif;
}
.generic-form input[type="checkbox"] ,
.generic-form input[type="radio"] {
    border: 0px solid !important;
}
.generic-form select,
.edit-profile .generic-form select {
    height: 30px;
    line-height: 30px;
	padding: 4px 5px 4px 10px;
}
.generic-form li.check-field label{
    margin-top: 6px;
}
.generic-form li.check-field label a{
    text-decoration: underline;
}


.generic-form .messages p.field_info{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #3e3d40;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.42);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.42);
    box-shadow: 0 2px 3px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.42);
    border: solid 1px rgba(0,0,0,.46);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.15), rgba(85,85,85,.15) 49%, rgba(135,135,135,.15) 50%, rgba(255,255,255,.15));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.15), rgba(85,85,85,.15) 49%, rgba(135,135,135,.15) 50%, rgba(255,255,255,.15));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.15), rgba(85,85,85,.15) 49%, rgba(135,135,135,.15) 50%, rgba(255,255,255,.15));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.15), rgba(85,85,85,.15) 49%, rgba(135,135,135,.15) 50%, rgba(255,255,255,.15));
    background-image: linear-gradient(to top, rgba(0,0,0,.15), rgba(85,85,85,.15) 49%, rgba(135,135,135,.15) 50%, rgba(255,255,255,.15));

    color: #FFFFFF !important;
    text-shadow: 1px 1px 1px #515151;
    text-shadow: 1px 1px 1px #323234;
    margin: 10px 0;
}
.generic-form .messages span.icon_msg{
    background: none no-repeat scroll 0 0 transparent;
    float: left;
    height: 24px;
    margin: -4px 5px 0 -5px;
    width: 24px;
}
	.generic-form .messages p.help{
	    color: #FCFFD6 !important;
	}
	.generic-form .messages p.help span.icon_msg{
	    background-image: url("../img/ico_msg_help.png");
	}
	.generic-form .messages p.info_msg{
	    color: #A5D1FF !important;
	}
	.generic-form .messages p.info_msg span.icon_msg{
	    background-image: url("../img/ico_msg_info_msg.png");
	}
	.generic-form .messages p.advice{
	    color: #FFF376 !important;
	}
	.generic-form .messages p.advice span.icon_msg{
	    background-image: url("../img/ico_msg_advice.png");
	}
	.generic-form .messages p.error{
	    color: #FFB2A5 !important;
	}
	.generic-form .messages p.error span.icon_msg{
	    background-image: url("../img/ico_msg_error.png");
	}
	.generic-form .messages p.success{
	    color: #B2FF59 !important;
	}
	.generic-form .messages p.success span.icon_msg{
	    background-image: url("../img/ico_msg_success.png");
	}
/* --- FORMULARIO GENERICO --- */
/* --- COLUMNAS --- */
.form-column,
.generic-form .old-address,
.generic-form .new-address,
.generic-form .comment ,
.generic-form .form-column .columns-three select{
    /*width: 390px;*/
}
.generic-form .form-column .row-form,
.generic-form .form-column .columns-three{
    width: 400px;
}

.generic-form input.product_btn,
.generic-form a.product_btn{
    height: 28px;
    line-height: 28px;
}

.generic-form ul li.columns-half{
    width:431px;
}
    .generic-form ul li.columns-half input,
    .generic-form ul li.columns-half textarea{
	width: 368px;
	margin-right: 41px;
    }
    .generic-form ul li.columns-half .messages{
	width: 390px;
    }

.generic-form ul li.columns-three {}
    .generic-form ul li.columns-three input,
    .generic-form ul li.columns-three textarea{
	width: 799px;
    }
    .generic-form ul li.columns-three textarea{
	height: 168px;
    }
    .generic-form ul li.columns-three .messages{
	width: 821px;
    }

.generic-form .form-column .columns-half{
    width: 200px;
}
    .generic-form .form-column .columns-half input{
	width: 168px;
    }
    .generic-form .form-column .columns-half label,
    .generic-form .form-column .columns-half .messages,
    .generic-form .form-column .columns-half select{
	width: 190px;
    }

    .generic-form .form-column .columns-three input,
    .generic-form .form-column .columns-three textarea{
	width: 368px;
    }
.generic-form .checkbox-field label{
    width: 375px !important;
    height: 33px !important;
    line-height: 33px !important;
}
.generic-form .postal-company-field label{
    width: 258px !important;
}

.generic-form .payment-methods label{
    width: 367px !important;
}
/* --- COLUMNAS --- */

/* Arreglos */
.generic-form a.product_delete_btn,
.generic-form a.product_watch_btn,
.generic-form a.product_minus_quantity_btn,
.generic-form a.product_more_quantity_btn  {
	width: 28px !important;
	padding: 0px;
	margin-right: 0px;
}
.products_table fieldset.field_quantity input.input_quantity {
	float: inherit;
        float: left;
        text-align: left;
    padding-left: 7px;
}
.generic-form a.product_more_quantity_btn {
	float: right !important;
}
.buying_process .text_peque_tit {
	font-size: 12px;
}
.buying_process .text_gr_tit {
	font-weight: bold !important;
}
.buying_process .wcolumtittotal {
	width: 100px;
}
.buying_process .msg_carro_vacio {
	font-weight: bold; font-size: 14px;
	text-align:center;
}

/* --- FORMULARIO OPINIONES --- */

.form-group {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

#enviaOpinion {
    width: 455px;
    background-color: #226490;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    border-bottom: 5px solid #2b4a6b;
    font-size: 18px;
    border-radius: 5px;
}

#enviaOpinion:hover {
    background-color: #ffe425;
    color: #454545;
    border-bottom: 5px solid #454545;
}

#enviaBecas { 
    background-color: #226490;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    border-bottom: 5px solid #2b4a6b;
    font-size: 18px;
    border-radius: 5px;
}

#enviaBecas:hover {
    background-color: #ffe425;
    color: #454545;
    border-bottom: 5px solid #454545;
}

textarea#comentarios {
    width: 98%;
    height: 100px;
}

label.laOpinion { font-weight: 700; width: 130px; display: block; float: left;  }
label.becas { font-weight: 700; width: 230px; display: block; float: left;  }
input.inOpinion { width: 330px; padding: 5px 10px; font-family: 'Roboto Condensed', sans-serif; } 
input.inBecas { width: 90%; padding: 5px 10px; font-family: 'Roboto Condensed', sans-serif; }           
textarea#opinion { width: 64%; }   
textarea.inOpinion { width: 330px; padding: 5px 10px; }                

.listado_opiniones {
    margin: 30px 0px;
}

span.boxDuracion {
    padding: 6px 10px;
    box-sizing: border-box;
    background-color: #50a4de;
    /* border: 1px solid #bdd2e0; */
    border-radius: 2px;
    color: #fff;
}
.conTXT {
    width: 200px;
    padding-left: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
    display: block;
    float: right;
    clear: both;
    border-radius: 15px;
}

.icoTXT { width: 40px; margin-right: 10px; display: inline; }

.nombrePonente { font-size: 20px; margin-top: 10px; float: none !important; } /* Forzado nombre ponente desde Macro */
.imagenPonente { width: 23% !important; }

/* --- CAPTCHA --- */
.generic-form ul li.captcha-field{}
    .generic-form ul li.captcha-field input,
    .generic-form ul li.captcha-field div.number,
    .generic-form ul li.columns-three.captcha-field input{
	width: 135px;
	font-size: 22px;
    }
    .generic-form ul li.captcha-field input,
    .generic-form ul li.columns-three.captcha-field input{
	margin-right: 10px;
    }
    .generic-form ul li.captcha-field div.code{
	width: 283px;
    }
	.generic-form ul li.captcha-field div.number{
	    background-color: #FFFFFF;
	    border: 1px solid #A1A1A1;
	}
	.generic-form ul li.captcha-field div.code a.product_btn{
	    font-size: 12px;
	    height: 22px;
	    line-height: 22px;
	    margin-right: 0;
	    padding: 0 7px;
	    text-transform: uppercase;
	}

.generic-form ul li.columns-three.captcha-field div.code{
    width: 372px;
}
/* --- CAPTCHA --- */

/* estilos para mensajes emergentes en la ficha perfil */
.messageAccion {
	padding: 10px 10px 10px 35px;
	background: #fff8e7 url('../img/ico_msg_advice_2.png') no-repeat 5px center;
	line-height: 18px;
}
.messageAccionError {
	background: url("../img/ico_msg_error.png") no-repeat scroll 5px center #FF1113;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px 10px 10px 35px;
	line-height: 18px;
}

.menuzusuario{float:left;width:150px;}

.menuzusuario ul li a {color:#4B4B4D;}
.contzusuario{float:left;width: 700px;}
#micuenta a {color:#4B4B4D;}

ol, ul {
    list-style: none;
    /*margin-left: 40px;*/
    padding: 0px;
}

p.course-added, p.course-error {
    text-align: center;
    padding-right: 6px;
    color: #52514D; 
    font-size: 15px;
    color: #52514D; 
    font-family: 'Roboto Condensed',sans-serif;
}

.busybox{position:absolute;z-index:999;color:#000000;background-image:url(images/transparencia.png);background-repeat:repeat;margin:0;padding:0;width:100%;height:100%;text-align:center;vertical-align:middle;padding-top:250px;position:fixed;top:0px;}

.cartgreen { color: #1D9E74; }
 
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{top: 0px;}
80%		{top: 0px;}
100%		{top: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{top: 0px;}
80%		{top: 0px;}
100%		{top: -50px;}
}
 
@keyframes aparecer
{
0%		{top: -38px;}
10%		{top: 0px;}
90%		{top: 0px;}
100%		{top: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{top: -38px;}
10%		{top: 0px;}
90%		{top: 0px;}
100%		{top: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
    width: 100%;
    margin: 0 auto;
    padding: 15px 20px;
    font-size: 13px;
    clear: both;
    color: #fff;
    top: 0px;
    text-align: center;
    background-color: #2C2C2C;
    opacity: 0.95;
    filter: alpha(opacity=95);
    transition: bottom 1s;
    z-index: 999999999;
    position: absolute;
    line-height: 18px;
    box-sizing: border-box;
}

.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}

.botoncookie {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    background-color: #868686;
    border: none;
    padding: 2px 12px;
    margin-top: -3px;
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
}
.botoncookie-more {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    background-color: #808486;
    border: none;
    padding: 2px 12px;
    margin-top: -3px;
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}			
.botoncookie:hover { cursor: pointer; }
.botoncookie-more:hover { cursor: pointer; }
 

#cookielaw_info{ display:none; z-index: 1000000; background: #F5F5F5; padding: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: inset 0 0 1px #FFF, 0 0 10px rgba(000,000,000,0.3); border: 1px solid rgba(000,000,000,0.2); color: rgba(000,000,000,0.7); font-family: "Lato", "Helvetica Neue", "Helvetica", "Verdana", "Arial", sans-serif; font-size: 14px; width: 600px; margin-left: -320px; top: 95px; position: fixed; left:50%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; } 
#cookielaw_info hr{ height: 1px; border: none; background: rgba(000,000,000,0.2); } 
#cookielaw_info span{ float:right; background-color: gray; cursor:pointer; color: #FFF !important; text-shadow: 0px 1px 0px rgba(000,000,000,0.5); padding: 3px 6px; border-radius: 3px; text-transform: uppercase; font-size: 10px; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; }
#cookielaw_info span:hover{ background-color: gray; } 
.cookielawbbutton{ margin-top: 5px; border: 1px solid #999; box-shadow: inset 0px 0px 5px rgba(000,000,000,0.3); font-size: 16px; color: rgba(000,000,000,0.6); padding-top: 10px; padding-bottom: 10px; text-indent: 42px; display: inline-block; width: 100%; text-decoration: none; text-transform: uppercase; background: rgba(000,000,000,0.05); border-radius: 3px; background-position: 10px 8px; background-repeat: no-repeat; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; } .cookielawbbutton:hover{ background-color: rgba(000,000,000,0.1); } 
.firefox{ background-image: url("../pgz6ku5.png"); } 
.chrome{ background-image: url("../cmX5OQd.png"); } 
.ie78{ background-image: url("../TxOEJ0y.png"); } 
.ie9{ background-image: url("../kryIP00.png"); } 
.safari{ background-image: url("../402cyLU.png"); }
 
 
/* Fin del CSS para cookies */

.price-content-before  
{
    font-size: 20px;
    display: block;
    height: 10px; }

.boxtextbefore  
{
    /*outline: 1px solid #a9bfa8;*/
    
    color: #226490;
    font-size: 14px;
    padding: 2px 10px;
    position: absolute;
    top: 10px;
    left: 5px;
    font-weight: 700; }
    
span.antescart { font-size: 9px; position: absolute; margin-top: 20px; margin-left: -22px; }

span.antesfinal {
    font-size: 11px;
    position: absolute;
    margin-top: -15px;
    margin-left: -30px;
    color: #226490;
}


.etiquetaAntes { font-size: 10px;
    color: #fff;
    padding: 5px;
    outline: 1px solid #90a4b1;
    box-sizing: border-box;
    border-radius: 2px;
    margin-left: 2px;
    vertical-align: middle;
    border-radius: 2px;
    color: #90a4b1; }

.textoknock { text-decoration:line-through; }
.antes_col { color: #a0a0a0; }

.uberfooter { min-width: 1040px;
    min-height: 370px;
    position: absolute;
    background-color: #333333;
    margin-top: 30px;
    width: 100%; }

.contenido_footer { 
    margin: 10px auto 5px auto;
    position: relative;
    width: 100%;
    max-width: 990px; }

.titFooter { color: #ffffff; font-family: 'Roboto Condensed', Sans-Serif; font-weight: 700; font-size: 15px; }

/* Footer */

.col-md-2 { width: 16.66666667%; float: left; display: block; }  
.col-md-4 { width: 33.33333333%; float: left; display: block; }  
#dFooter { position: relative; height: 100%; width: 100%; background-color: #333; margin-top: 90px; }
#envuelveFooter { max-width: 820px; padding-top: 10px; margin: 0 auto; }
.centrar { text-align: center; }
.sep-10 { margin: 10px 0px; }
.pieLogoMax { width: 195px; }
#envuelveFooter span { font-size: 14px; color: #fff; display: block; padding: 8px 5px; font-weight: 700; }
.direccionFooter { font-size: 18px; text-align: center; margin: 20px 0px; text-decoration: none; }
.enlacesFooter { font-weight: 400; font-size: 14px; color: #ffffff; }
a.enlacesFooter:hover { color: #4aadef; }
.moduloRedes { color: #fff; text-align: center; margin: 20px 0px; }
.fa.iconosComunidad { font-size: 20px; }
.listadoNuestrasWebs { background-color: #505050; padding: 0px; display: block; }
.iconosComunidad { color: #fff; border: 1px solid #A7A7A7; padding: 10px; }
.iconosComunidad:hover { color: #000; outline: 1px solid #A7A7A7; background-color: #A7A7A7; }


/* */
 
#logoFundacion { float: left; width: 250px; padding: 10px; box-sizing: content-box; }
#logosMiembrode { float: left; width: 250px; padding: 10px; box-sizing: content-box; margin-left: 75px; }
#logosConfianza { position: relative; float: left; width: 260px; padding: 10px; box-sizing: content-box;margin-left: 35px; }
#contenidoRedes { float: left; width: 715px; padding: 10px; box-sizing: content-box; margin-top: 20px; }
#enlacesLegales { width: 990px; margin: 10px auto; color: #ffffff; font-family: 'Roboto', Sans-Serif; font-weight: 400; display: block; padding: 10px 0px; font-size: 10px; border-top: 1px solid #ccc; }

.lnkWhite { font-family: 'Roboto Condensed', Sans-Serif; font-weight: 400; font-size: 12px; color: #ffffff; }
.lnkWhite:hover { color: #b8deff; }

/* Nuestras webs */

.nuestras-webs { 
    width: 410px;  
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    margin: 0 auto;
    display: block;
}
ul.NuestrasWebs li {
    width: 100%;
    display: block;
    padding: 10px 30px;
    vertical-align: top;
    font-family: 'Roboto Condensed', sans-serif;
}
 ul.NuestrasWebs li a {
    color: #fff;
    font-weight: 400;
}
ul.NuestrasWebs li:hover {
    background-color: #676767;
}
.iconorrss {
    color: #fff;
    padding: 0px 10px;
    font-size: 20px;
    padding: 10px;    
}
.iconorrss:hover {
    color: #4c4c4c;
    background-color: #fff;

}
#nuevoMenuTags_mov { display: none; }
.listadoPrincipalTematicas_mov { display: none; }

/* Fix para Firefox 42 */

@-moz-document url-prefix() { 
  .selector {
     color:lime;
  }
}