@charset "utf-8";
/* CSS Creado por Roger Jarquín - RJBARGOS-Producciones */

/*Section contenidos*/

#contenidos, #contenidos3, #contenidos-carrusel {width:980px; padding:0 20px 0 20px;}

@media (max-width:1000px)
{
    .contenidos-carrusel-with-icons {
        width:100% !important;
        padding: 60px 0px 0px 0px !important;
    }
    
    .carousel-registration-without-icons {
        width:100% !important;
        padding: 0px 0px 0px 0px !important;
    }
}

#contenidos2 {width:980px; padding:0;}

/*-----1-Titulos-----*/

h2 {font-size:2.5em;color:#444;}

.subtitulos {
    font-size:1em;
    color:#666659;
    font-weight:lighter;
    padding-top:10px;
    padding-bottom:40px;
}

.subtitulos-registro {
    font-size:1em;
    color:#666659;
    font-weight:lighter;
    padding-top:10px;
    padding-bottom:0px !important;
}

.text-usuario {font-size:1.8em;}

.box-topicos a{
    color:inherit;
}

.box-topicos a:hover{
    color:rgb(58, 126, 255);
}

/*-----Fin Titulos-----*/

/*-----2-Topicos-----*/

.box-topicos {
    width:33.333%;
}

.iconos-topico {
    width:25%;
}

.text-topico {
    width:75%;
    padding:0 15px 0 15px;
}

#topicos h2 {font-size:1.5em; font-weight:lighter; padding-bottom:5px;}

.box-topicos, .iconos-topico, .text-topico {float:left; height:120px;}

/*-----2-Topicos-----*/

/*-----3-Botones-----*/

#btn-radius {width:644px; height:auto;}

.btn-radius-invisible {display:none;}

.btn-radius-margin-b {margin-bottom:30px !important;}

.btn-radius {
    width:312px;
    height:50px;
    border-radius:10px;
    overflow:hidden;
}

#btn-radius a, #btn-radius a:visited {
    color:#e5e5e5;
    font-size:1.4em;
    text-transform:uppercase;
    text-decoration:none;
    text-shadow: 2px 2px 3px #323232;
    padding-top:12px;
}

.btn-radius-color-grey:link,
.btn-radius-color-grey:visited,
.btn-radius-color-grey:active {background:#323232 url('../_images/fondos/bg_patron2.png');}

.btn-radius-color-grey:hover {background:#d91b5c/*#282020*/ url('../_images/fondos/bg_patron2.png');}

.btn-radius-color-pink:link,
.btn-radius-color-pink:visited,
.btn-radius-color-pink:active {background:#d91b5c url('../_images/fondos/bg_patron2.png');}

.btn-radius-color-pink:hover {background:#af154a url('../_images/fondos/bg_patron2.png');}

.btn-radius-margin {margin:0 0 0 20px;}

#btn-medios {
    width:135px;
    margin-top:5px !important;
}

.btn-radius, .btn-medios {display:block; float:left;}

/*-----Fin 3-Botones-----*/


/*-----4-Box Corner-----*/

.box-gradient {
    background: -webkit-linear-gradient(#FFF, #e2e2e2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFF, #e2e2e2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFF, #e2e2e2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFF, #e2e2e2); /* Standard syntax */
}

.box-corner {
    width: 625px;
    height:auto;
    margin:0 auto;
    padding:20px 20px;
    border: 1px solid #b8b8b8;
    border-radius: 10px;
    overflow:hidden;
    clear:both;
}

/*-----Fin 4-Box Corner-----*/

/*-----5-Peril-----*/

#perfil h2 {font-size:1.3em;}

#perfil .div-border-bottom {
    padding-bottom:10px;
    border-bottom:#323232 solid 1px;
    margin-bottom:20px;
}

/*Config li bloques*/

#perfil .ui-collapsible-heading .ui-btn {/*li Pestañas con los topicos*/
    color: #323232;
    background-color: transparent;
    text-shadow: 0 1px 0 #f3f3f3;
    box-shadow:none;
    border-width: 0;
}

#perfil .ui-btn {white-space: normal;} /*li Permite hacer la doble linea en el bloque*/

#perfil  .ui-btn-icon-left {padding-left: 3.7em;} /*li padding de los topicos*/

#perfil .ui-collapsible-themed-content .ui-collapsible-content {/*p Topico oculto*/
    background-color: transparent;
    border:0;
}

/*Fin Config li bloques*/

/*Circulos para los iconos + -*/

#perfil .ui-icon-plus::after, .ui-icon-minus::after {background-size: 8px auto;} /*Tamano Icon + plus y - minimus*/

#perfil .ui-btn-icon-left::after, .ui-btn-icon-right::after, .ui-btn-icon-top::after, .ui-btn-icon-bottom::after, .ui-btn-icon-notext::after {/*Tamano del circulo para los Ico O*/
    height: 18px;
    width: 18px;
}

#perfil .ui-btn-icon-left::after {left:30px;} /*Posicion a la izquierda del circulo para los Ico O*/

#perfil .ui-btn-icon-notext::after, .ui-btn-icon-left::after, .ui-btn-icon-right::after {
    margin-top: -9px; /*Posicion de arriba del circulo para los Ico O*/
    top: 50%;
}

/*Fin Circulos para los iconos + -*/

#perfil p {padding:5px;}

#perfil i {
    vertical-align: 0;
    padding-left:5px;
    padding-right:5px;
}

.ico-color-rosa {color:#d91b5c;}

.ico-color-verde {color:#699f29;}

/*-----Fin 5-Peril-----*/

/*-----6-Cuenta------*/

#btn-cuenta {
    width:100%;
    height:auto;
}

.btn-cuenta {
    width:inherit;
    height:auto;
}

#btn-cuenta a, #btn-cuenta a:visited {
    color:#323232;
    font-size:14px;
    text-decoration:none;
    padding:10px 23px 10px 10px;
}

#btn-cuenta a.disabled{
    cursor:default;
}

#btn-cuenta .ico-cuenta {
    width:70px;
    height:70px;
    padding:12px;
    border-radius:50px;
    overflow:hidden;
}

#btn-cuenta .box-texto-cuenta {
    width:520px;
    height:auto;
    padding:5px 10px;
}

#btn-cuenta p {padding:0; display:block;}

#btn-cuenta article, .btn-cuenta {display:block; float:left;}

.a-bgopacity-cyan:link, .a-bgopacity-cyan:visited, .a-bgopacity-cyan:active {background-color:rgba(72, 179, 168, 0.3);border-bottom:2px solid rgba(72, 179, 168, 0.8);}

.a-bgopacity-cyan:hover {background-color:rgba(72, 179, 168, 0.6);}

.a-bgopacity-yellow:link, .a-bgopacity-yellow:visited, .a-bgopacity-yellow:active {
    background-color:rgba(230, 205, 43, 0.5);
    border-bottom:2px solid rgba(230, 205, 43, 0.9);
}

.a-bgopacity-yellow:hover {background-color:rgba(230, 205, 43, 0.6);}

.a-bgopacity-green:link, .a-bgopacity-green:visited, .a-bgopacity-green:active {
    background-color: rgb(203, 245, 154);
    border-bottom: 2px solid rgb(159, 207, 103);
}

.a-bgopacity-green:hover {background-color: rgba(159, 207, 103, 0.7);}

.a-bgopacity-blue:link, .a-bgopacity-blue:visited, .a-bgopacity-blue:active {
    background-color:rgba(11, 74, 130, 0.3);
    border-bottom:2px solid rgba(11, 74, 130, 0.8);
}

.a-bgopacity-blue:hover {background-color:rgba(11, 74, 130, 0.6);}

.a-bgopacity-orange:link, .a-bgopacity-orange:visited, .a-bgopacity-orange:active {
    background-color:rgba(238, 132, 36, 0.3);
    border-bottom: 2px solid rgb(238, 132, 36);
}

.a-bgopacity-orange:hover {background-color:rgba(238, 132, 36, 0.6);}

.a-bgopacity-cool:link, .a-bgopacity-cool:visited, .a-bgopacity-cool:active {
    background-color: rgba(0, 153, 255, 0.48);
    border-bottom: 2px solid rgb(0, 153, 255);
}

.a-bgopacity-cool:hover {background-color: rgba(0, 153, 255, 0.75);}


.a-bgopacity-pink:link, .a-bgopacity-pink:visited, .a-bgopacity-pink:active {background-color:rgba(217, 27, 92, 0.3);}

.a-bgopacity-pink:hover {background-color:rgba(217, 27, 92, 0.6);}

.a-bgopacity-red:link, .a-bgopacity-red:visited, .a-bgopacity-red:active {background-color: rgba(255, 0, 0, 0.5);}

.a-bgopacity-red:hover {background-color: rgba(229, 0, 0, 0.6);}

/*-----Fin 6-Cuenta------*/


/*Fin Section contenidos*/


/*Aside*/

#aside-nav {
    width:100%;
    height:auto;
    margin:0 auto;
}

#aside-nav i {
    font-size:2em;
    display:block;
    position:absolute;
    top:0;
    left:5px;
}

#aside-nav p {display:block;}

.ico-aside-nav {padding:0 30px;}

.text-aside-nav {
    width:100%;
    padding:10px 15px;
    position:absolute;
    bottom:0;
}

.text-dbl-aside-nav {padding:10px 20px;}

#aside-nav a {
    text-align:center;
    text-transform:uppercase;
    color:#e5e5e5;
    text-decoration:none;
    padding-top:30px;
    position:relative;
}

.aside-nav {
    width:16.666%;
    height:220px;
    float:left;
}


.a-color-cyan:link, .a-color-cyan:visited, .a-color-cyan:active {background:#48b3a8;}

.a-color-cyan:hover {background:#1e786f;}

.a-color-yellow:link, .a-color-yellow:visited, .a-color-yellow:active {background:#e6cd2b;}

.a-color-yellow:hover {background:#a3911b;}

.a-color-green:link, .a-color-green:visited, .a-color-green:active {background:#9fcf67;}

.a-color-green:hover {background:#77a541;}

.a-color-blue:link, .a-color-blue:visited, .a-color-blue:active {background:#0b4a82;}

.a-color-blue:hover {background:#062949;}

.a-color-orange:link, .a-color-orange:visited, .a-color-orange:active {background:#ee8424;}

.a-color-orange:hover {background:#b9681e;}

.a-color-red:link, .a-color-red:visited, .a-color-red:active {background:#d91b5c;}

.a-color-red:hover {background:#af154a;}

.a-color-pink:link, .a-color-pink:visited, .a-color-pink:active {background:#d91b5c;}

.a-color-pink:hover {background:#af154a;}

/*Fin Aside*/


/*Footer*/

.footer {width:50%;}

#footer-info {padding: 0px 0 18px 0}

#footer-info p {
    display:block;
    margin:0 auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;
    padding-bottom:5px;
}

#rjbargos {background:#efefee; height:25px;}

#rjbargos p {font-size:0.8em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

#rjbargos a {text-decoration:none;}

#rjbargos a:hover {text-decoration:underline;}

/*Fin Footer*/

div.footer img{
    width:45%;
    margin:0px 5px 0px 5px;
}

h2.recomendado{
    color:orange;
    font-size:26px;
    text-align:center;
    margin:20px 0px 20px 0px;
}

ul.menu-servicios{
    padding:0px;
    text-align:center;
}

ul.menu-servicios li{
    list-style:none;
    text-align:center;
    width:100px;
    display:inline-block;
    cursor:pointer;
    margin-bottom:10px;
}

ul.menu-servicios li:hover span{
    text-decoration:underline;
}

ul.menu-servicios li span{
    color:#666;
}

ul.menu-servicios img{
    width:60px;
    height:60px;
    display:block;
    margin:0 auto;
}

ul.menu-servicios a{
    text-decoration:none;
}


div.footer-info{
    width:15%;
    float:right;
    text-align:right;
    margin-right:20px;
}

div.footer-info strong{
    color:#d91b5c;
}

div.footer-info .radius-box-60 {
    width:40px; height:40px;
    margin-left:5px !important;
}

div.footer-info a.btn-awesome {
	display:block;
	color:#e5e5e5;
	padding:10px;
	font-size:10px !important;
}

section[medios]{
    height:10px !important;
    padding:0px !important;
}

ul.menu-servicios li{
    position:relative;
}

ul.menu-servicios i{
    font-size:12px;
    position:absolute;
    top:0px;
    right:15px;
    color:red;
}

ul.menu-servicios li span.fa-stack{
    position:absolute;
    display:inline-block;
    top:0px;
    right:5px;
}

ul.menu-servicios li span.fa-stack i{
    font-size:22px;
}

ul.menu-servicios li span.fa-stack label{
    position:absolute;
    color:#FFF;
    line-height:22px;
    font-size:12px;
    font-weight:bold;
    width:100%;
    display:inline-block;
    left:0px;
    text-align:center;
}

ul.menu-servicios li:hover span.fa-stack{
    text-decoration:none;
}