/* CONTENT MAP
---------------*/
#contentmap_container_module_143{
    padding: 0px !important;
    border:none !important;
    box-shadow: none !important;
}



/* MISCELANEA
---------------------*/
.sp-contact-email a {color:#D6E2E6}
.btn, .sppb-btn{border-radius: 0px !important;}
.link, {
    padding-right: 23px;
    position: relative;
    display: inline-block;
    text-align: right;
}
.link:hover { 
    text-decoration: none;
}
.link:hover span {
    text-decoration: underline;
}
.link:after {
    content: "\f178";
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    top: 2px;
}

.space {
    padding-top: 20px;
    padding-bottom: 20px;
}
.space-top {
    padding-top: 20px;
}
.space-bottom {
    padding-bottom: 20px;
}

.titulo h3{font-size: 40px; font-weight: bold}

/* MB2 CONTENT
--------------------*/
.nivo-lightbox-theme-default .nivo-lightbox-image img{display: inline-block;}


/* PAGE TITLE
----------------*/
.sp-page-title{
    background: #343652;
    padding: 10px 0px;
    border-bottom: 1px solid #D2D2D2;}
.sp-page-title h2{
    color: #f1f1f1;
    font-weight: 300;
    font-size: 20px;}


/* MENU
-----------*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{    background: #262842;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a{color:#D6E2E6;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{padding:10px}

#sp-header {border-bottom: 5px solid #282f85;background: #3d449a!important;}
.sp-megamenu-parent >li >a{    
    display: inline-block;
    padding: 0 15px;
    line-height: 85px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 500;}
    .sp-megamenu-parent >li >a:hover{background: red}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a{background: rgb(51, 57, 130);}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a{color:#fff !important;}
#offcanvas-toggler > i{color: #fff!important;}

#sp-top-bar{background-color:#262842 !important;color: #D6E2E6 !important;}

.sppb-title-subheading{font-size: 20px !important}

mark{
    background: transparent;
    color: #3d449a;
    padding: 0px 5px;
    border: 1px solid #3d449a;}

.mark{    background-color: #343652;
    padding: 10px;
    color: #fff;}




 .call-to-action{ padding:60px 0px;}

.call-to-action .btn{text-shadow: none;}
.call-to-action h3{ font-weight: 600; font-size: 50px;}
.call-to-action p{font-size: 21px}

 .dark-bg{ background: rgba(38, 40, 66, 0.36);text-shadow: 1px 1px 6px #262842;color:#fff}
 .brown-bg{ background: rgba(150, 105, 72, 0.51);text-shadow: 1px 1px 6px #673B25;color:#fff}








.separator{    height: 2px;
    background: #262842;
    border-bottom: 1px solid #3D449A;
    width: 200px;
    margin: 0 auto;}

.separator2 {
    display: block;
    width: 60px;
    height: 2px;
    margin: 15px auto 15px;
    background-color: #cccccc;
    position: relative;
    border: 1px solid #cccccc;
}
.separator2:after {
    width: 30px;
    height: 2px;
    background: #636ABD;
    position: absolute;
    top: -1px;
    left: -1px;
    content: "";
}    


/* ESTILOS PARA UNITE REVOLUTION SLIDER
-----------------*/
.rs-title{
	color:#ffffff;
	background:rgba(38, 40, 66, 0.58); 
	padding:3px 20px; margin:0px;
	font-size:50px;
    font-weight:normal;
    font-family: Raleway, sans-serif;
}

/* K2 STYLES
-----------------*/

div.catItemHeader h3.catItemTitle,
div.itemHeader h2.itemTitle{
    font-family:Open Sans, sans-serif;    
    font-weight: 600;
    font-size: 20px;
}
span.catItemImage img {border:none; padding:0px;}
div.itemContainer {padding:5px;}
div.itemContainer h3{text-align:left}
div.catItemImageBlock{padding:0px;}


/* LEADING 0 COLUMNAS
   PRIMARY 3 COLUMNAS

Ajusta los items a 50% es decir a dos columnas en SM
@media screen and (max-width:991px) {
#k2Container .itemList #itemListPrimary .itemContainer{
    width:50%!important;}
/*Evita que cuando baja un div, quede un espacio en blanco vacio
.clr{display: none}
        }
/*Ajusta los items a 100% es decir a una columnas en XS
@media screen and (max-width:767px) {
#k2Container .itemList #itemListPrimary .itemContainer{
    width:100%!important;}
    }*/

/* LEADING 2 COLUMNAS
   PRIMARY 3 COLUMNAS

Ajusta los items a 50% es decir a dos columnas en SM*/
@media screen and (max-width:991px) {
#k2Container .itemList #itemListLeading .itemContainer{
    width:100% !important;}   
#k2Container .itemList #itemListPrimary .itemContainer{
    width:50% !important;    min-height: 500px;}
.clr{display: none}

/*Esto sirve SP Portfolio de 3 columnas*/div.maxima .col-3{width: 50%}


        }
/*Ajusta los items a 100% es decir a una columnas en XS*/
@media screen and (max-width:767px) {
#k2Container .itemList #itemListLeading .itemContainer{
    width:100% !important;}
#k2Container .itemList #itemListPrimary .itemContainer{
    width:100% !important;}

/*Esto sirve SP Portfolio de 3 columnas*/div.maxima .col-3{width:100%}

    }




/**** CUSTOM RESPONSIVE MENU
Ajusta los tamaños de los items de menu para que
no se pasen a otra lìnea al hacerlo responsivo
*****/
@media (min-width: 980px) and (max-width: 1199px) {
    .sp-megamenu-parent > li > a {
        letter-spacing: 0!important;
        padding: 0 5px!important;
        font-size: 10px!important;
    }
    .lt-contact-form .controls input, .lt-contact-form .controls select {
        clear: both;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    #lt-k2-blog div.k2ItemsBlock ul li {
        width: 31%!important;
    }
    .sp-megamenu-parent > li > a {
        font-size: 10px!important;
        letter-spacing: 0!important;
        padding: 0 7px!important;
    }
  	#sp-logo img {
      	width: 100%;
    }
    .lt-contact-form .controls input, .lt-contact-form .controls select {
        clear: both;
    }
}
@media (max-width: 767px) {
    #lt-k2-blog div.k2ItemsBlock ul li {
        width: 100%!important;
    }
    div.k2ItemsBlock ul {
        margin-left: -40px!important;
    }
    #sp-footer2 {
        text-align: left!important;
    }
    .sp-contact-info {
        float: left!important;
    }
    #sp-slide-wrapper {
        display: none!important;
    }
    #sp-testimonial-wrapper {
        display: none;
    }
    .sticky-wrapper.is-sticky {
        position: relative!important;
    }
    #sp-menu {
        position: absolute!important;
        right: 0;
        top: 35px;
    }
    #offcanvas-toggler {
        line-height: 0!important;
    }
    #offcanvas-toggler > i {
        margin: 0;
    }
    .sub-clients img {
        display: inline!important;
    }
    .lt-contact-form .controls input, .lt-contact-form .controls select {
        clear: both;
    }
  	
}
@media (max-width: 480px) {
    .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
        margin: 5px!important;
    }
}


/* BOX STYLE
-----------------*/
.pad-tb-10{ padding:10px 0px;}
.box-style-1 i {
    font-size: 36px;
    line-height: 60px;
}
.box-style-1 .icon-container {
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
    border: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-style-1 .body {
    margin-left: 80px;
}
.box-style-1 h2 {
    font-size: 18px;
    margin-top: 0;
}
.box-style-1 p{text-align: justify;}



/* Parallax effect
---------------------------------- */

.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg,
.light-translucent-bg,
.dark-translucent-bg,
.default-translucent-bg {
    background-position: 50% 0;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
}
.light-translucent-bg:after,
.dark-translucent-bg:after,
.default-translucent-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.light-translucent-bg {
    color: #333;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
}

.light-translucent-bg .separator-2 {
    background-color: #333;
}
.light-translucent-bg:after {
    background-color: rgba(255, 255, 255, 0.7);
}
.dark-translucent-bg:after {
    background-color: rgba(0, 0, 0, 0.46);
}
.dark-translucent-bg,
.dark-translucent-bg h1,
.dark-translucent-bg h2,
.dark-translucent-bg h3,
.dark-translucent-bg h4,
.dark-translucent-bg h5,
.dark-translucent-bg h6 {
    color: #ffffff;
}
.dark-translucent-bg a:not(.btn) {
    text-decoration: underline;
    color: #ffffff;
}
.dark-translucent-bg a:not(.btn):hover {
    text-decoration: none;
    color: #ffffff;
}
.default-translucent-bg:after {
    background-color:rgba(150, 89, 14, 0.51);
}
.default-translucent-bg,
.default-translucent-bg h1,
.default-translucent-bg h2,
.default-translucent-bg h3,
.default-translucent-bg h4,
.default-translucent-bg h5,
.default-translucent-bg h6 {
    color: #ffffff;
}
.default-translucent-bg a:not(.btn) {
    text-decoration: underline;
    color: #ffffff;
}
.default-translucent-bg a:not(.btn):hover {
    text-decoration: none;
    color: #ffffff;
}
.light-translucent-bg .container,
.dark-translucent-bg .container,
.default-translucent-bg .container {
    z-index: 3;
    position: relative;
}


#sp-bottom .sp-module-content ul li{ border-bottom: none}
#sp-bottom .sp-module-content ul li a{ color:#D7D8E8;line-height: 1.5;}
#sp-bottom .sp-module-content ul li a:hover{color:#fff;} 




/* yeeditor 
    ------------*/

.mitab .yee-nav-tabs li a{
    background: #AFAFAF;
    color: #fff;}

.mitab .yee-nav-tabs li a:hover{
    background: #80818E;
    color: #fff;}

.mitab .yee-nav-tabs li.active a{
    background: #343652;
    color: #fff;}

.mitab ul.yee-nav{margin-bottom:0px;}

.mitab  .yee-tab-content{background: #fafafa;
    border: 1px solid #343652;
    padding-top: 25px;}

/* Estilos para titulos de articulos en vista blog
----------------------*/
.entry-header{margin-bottom: 10px;}

.entry-header h2{
  	font-size: 18px;
    border-bottom: aliceblue;
    background: #3D449A;
    padding: 5px 15px;
  	color:#FFFFFF;
 	font-weight: normal;
}

.entry-header h2 a{color: #FFFFFF;font-weight: normal;}