/*
Theme Name: COMMANDER THEME
Theme URI: http://themeforest.net/user/OrangeIdea/portfolio
Description: COMMANDER - Responsive Theme For WordPress
Author: OrangeIdea
Author URI: http://themeforest.net/user/OrangeIdea
Version: 1.2.4
License: 
License URI: 
*/
@import url('assets/css/bootstrap.css');
@import url('assets/css/bootstrap-responsive.css');
@import url('assets/css/docs.css');
@import url('assets/js/google-code-prettify/prettify.css');
@import url('assets/nivo/nivo-slider.css');
@import url('assets/css/prettyPhoto.css');
@import url('assets/css/options.css');
/*THESE ARE HANDMADE PLEASE SAVE THEM BEFORE UPDATE*/
.logo{
    width: 300px !important;
    margin-top: -5px!important;
    z-index: 10;
}
.page_head .span9{
    /*width: 550px;*/
    float: right;
}
.mtop{
margin-top:20px!important;
}
.wide_cont{
background:url('http://www.grupoprotg.com/wp-content/uploads/2014/04/bgSacamo2.png')no-repeat;/*Modificar rutas tras migraciﾃｳn*/
background-position:center 90% !important;
-o-background-position: center 90% !important;
-moz-background-position: center 90%  !important;
-webkit-background-position: center 90%  !important;
background-size: 100% !important;
}
.page-id-250 .wide_cont {
background:url('http://www.grupoprotg.com/wp-content/uploads/2014/04/bgSacamo2.png')no-repeat;/*Modificar rutas tras migraciﾃｳn*/
background-position:center 96% !important;
-o-background-position: center 96% !important;
-moz-background-position: center 96%  !important;
-webkit-background-position: center 96%  !important;
background-size: 100% !important;
}
.page-id-822 .wide_cont {
background:url('http://www.grupoprotg.com/wp-content/uploads/2014/04/bgSacamo2.png')no-repeat;/*Modificar rutas tras migraciﾃｳn*/
background-position:center 94% !important;
-o-background-position: center 94% !important;
-moz-background-position: center 94%  !important;
-webkit-background-position: center 94%  !important;
background-size: 100% !important;
}
.page-id-223 .wide_cont{
background:url('http://www.grupoprotg.com/wp-content/uploads/2014/04/bgSacamo2.png')no-repeat;/*Modificar rutas tras migraciﾃｳn*/
background-position:center 76% !important;
-o-background-position: center 76% !important;
-moz-background-position: center 76%  !important;
-webkit-background-position: center 76%  !important;
background-size: 100% !important;
}
.blockRight{
width: 70%;
float: left;
}
.blockRight h2{
color:#001588;
}
.elboton{
float: left;
text-align: center;
padding: 3px;
width: 20%;
height: auto;
display: block;
color: #58595b;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e6e7e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e7e8));
background: -webkit-linear-gradient(top, #ffffff 0%,#e6e7e8 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e6e7e8 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e6e7e8 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e6e7e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7e8',GradientType=0 );
border: solid 1px #bcbec0;
border-radius: 5px;
}
#mensajito{
width: 100%;
height: 100%;
/*background: #f1f1f2;*/
background: #d33;
display: block;
text-align: center;
padding: 30px 0;
border: solid 1px #bcbec0;
border-radius: 10px;
margin-top:5px;
}
#mensaje{
width: 100%;
height: 100%;
background: #f1f1f2;
display: block;
text-align: center;
padding: 30px 0;
border: solid 1px #bcbec0;
border-radius: 3px;
margin-top:-15px;
}
#mensajito a{
    color:#fff;
    line-height: 1.2em;
}
#mensajito a:hover{
    color:rgba(255,255,255,0.5);
}
#mensajito h2{
font-weight:bold;
}
ul.unstyled{
color:#fff;
}
.seguroLink{
background: #001588;
padding: 5px;
text-align: center;
color: #fff;
margin-top: -20px;
font-size:14px;
}
a:hover .seguroLink{
background: #9d90cb;
}
.footer {
margin-top:200px;
/*padding-top:45px;*/
color: #a8a8a8;
background-image:none !important;
background-color: #732181 !important;
border-top:none!important;
}
.logoFooter{
margin-top:-12px;
}
.pequenoTitulo{
height: 15px!important;
margin-bottom: -20px!important;
}
.footer_menu{
display:none;
}
.footer ul {
margin-left: 10px !important;
list-style: none;
font-size: 13px;
}
.footer ul a{
list-style: none;
font-size: 13px;
text-decoration: none !important;
}
.main_content_area {
margin-top: 0px!important;
}
.page-template-blog-php .main_content_area {
margin-top: 30px!important;
}
.footer hr {
border-top-color: #ffffff;
margin-top: 6px;
margin-bottom: 15px;
}
.wpcf7-form input,  .wpcf7-form textarea {
width: 100% !important;
background: #f1f1f2 !important;
border: none !important;
/*border-radius: 10px !important;*/
}
.wpcf7-form input[type="submit"]{
width: 40% !important;
background:#001588 !important;
color:#fff !important;
text-align:center !important;
padding:5px !important;
-webkit-appearance:button !important;
float: right !important;
margin-right:-10px;
border-radius: 10px !important;
-o-border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
}
.centered img{
width:auto !important;
height:auto !important;
margin:0 auto !important;
display: block !important;
margin-top: 30px !important;
}
.soc_icons a{
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.soc_icons a:hover{
    background: rgba(255,255,255,0.7);
    opacity:1;
}
.icon_facebook {
width: 46px;
height: 39px;
background: url('http://www.grupoprotg.com/wp-content/uploads/2013/11/icons-facebook.png') no-repeat;
margin-top:5px;
opacity:0.8;
}
.icon_t {
width: 46px;
height: 39px;
background: url('http://www.grupoprotg.com/wp-content/uploads/2013/11/icons-twitter.png') no-repeat;
margin-top:5px;
opacity:0.8;
}
.icon_youtube {
width: 46px;
height: 39px;
background: url('http://www.grupoprotg.com/wp-content/uploads/2013/11/icons-youtube.png') no-repeat;
}
.icon_pi {
width: 46px;
height: 39px;
background: url('http://www.grupoprotg.com/wp-content/uploads/2013/11/icons-instagram.png') no-repeat;
}
 .wpb_content_element, .wpb_row {
/*ESTE ES EL ESPACIADO ENTRE LOS ELEMENTOS DEL composer / como los ROWS */
margin-bottom: 5px !important;
}
.spaced{
margin: 5px 0 8px 0;
}
.boldH{
font-weight:bold;
font-size:22px;
}
.wpb_gallery .theme-default .nivoSlider{
/*margin-bottom: 20px !important;*/
}

@media only screen and (max-width : 414px) {
img.alignleft.size-full.wp-image-204 {
padding-left: 40px;
padding-right: 40px;
}

.tp-caption.large_text.lfr.start p {
margin-left: -30px;
margin-top: -30px;
}
}


@media only screen and (max-width : 720px) {
/* Styles */
.wide_cont{
background-image:none !important;
background-color:#fff !important;
}
.footer {
margin-top:150px;
/*padding-top:35px;*/
color: #a8a8a8;
background-image:none !important;
background-color: #8a4595 !important;
border-top:none!important;
margin:0;
padding:0;
}
.top_line .span6 p.feed{
    position: static !important;
    left: 0 !important;
}
}
/*///////////////////////
- MY OWN ROCKING STUFF-
//////////////////////////////*/
.btn-group {
  text-align: center;
}

.open-modal {
  font-weight: bold;
  background: var(--blue);
  color: var(--white);
  padding: 0.75rem 1.75rem;
  margin-bottom: 1rem;
  border-radius: 5px;
}


/* MODAL
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: var(--black);
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.35s ease-in;
}

.modal.is-visible {
  visibility: visible;
  opacity: 1;
}

.modal-dialog {
  position: relative;
  max-width: 800px;
  max-height: 80vh;
  border-radius: 5px;
  background: var(--white);
  overflow: auto;
  cursor: default;
}

.modal-dialog > * {
  padding: 1rem;
}

.modal-header,
.modal-footer {
  background: var(--lightgray);
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-header .close-modal {
  font-size: 1.5rem;
}

.modal p + p {
  margin-top: 1rem;
}


/* FOOTER
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.page-footer {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.page-footer span {
  color: #e31b23;
}

.toggled{
display: none;
}
.toggling .trigger{
color:#f00;
padding:3px;
text-align:left;
color:#001588;
display:block;
margin:0 auto;
}
.toggling .trigger:hover{
font-weight:bold;
}
.bottom_line a{
color:rgba(255,255,255,1) !important;
margin-left:20px;
text-decoration:none;
}
.bottom_line a:hover{
color:rgba(255,255,255,0.5) !important;
}
.top_line{
/*padding-top:5px !important;*/
}
.ficha-oficinas {
/*border-radius: 10px;
background: #fff;
padding:10px;
-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
margin:15px 0;
*/}
.ficha-oficinas img{
    margin-bottom: 20px;
}
.row-telefono{
    text-align: center;
}
.top_line .span6 p.feed, p.feeddos{
    position: absolute !important;
    /*right: 92px !important;*/
    right: 100px !important;
    color:rgba(255,255,255,0.8');
    top: -4px;
    font-weight: bold;
    padding: 10px 5px 10px 5px;
    padding-left: 40px;
    background: url('http://www.grupoprotg.com/wp-content/uploads/2014/04/bgCall.png') no-repeat left 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 10;
    font-size: 16px;
    /*font-size: 22px;*/
}
 p.feeddos{
    font-size: 12px;
    left: 0px !important;
    width:150px !important;
    display: none;
 }
.top_line .span6 p.feed a, p.feeddos a{
    text-decoration: none;
}
.top_line .span6 p.feed:hover, p.feeddos:hover{
    background: url('http://www.grupoprotg.com/wp-content/uploads/2014/04/bgCall.png') no-repeat left 5px rgba(255,255,255,0.6);
    color:rgba(255,255,255,0.8);
}
.top_line {
    min-height: 40px;
}
.top_line .soc_icons{
    position: absolute;
    right: 0;
}
.page-id-60 .footer{
    margin-top: 280px;
}
.toggleStuff {
    padding: 5px;
    /*background: #001588;*/
    color: #001588;
    border-radius: 10px;
    margin: 20px 0;
}
.toggleStuff >*{
    /*color: #fff;*/
    margin-bottom: 5px;
}
.toggleStuff .alavista h2{
    font-size:  14px;
    color: #001588;
    font-weight: bold;
    margin-top: -40px;
    text-align:center;
}
.toggleStuff .alavista{
    cursor: pointer;
    font-weight: bold;
    margin-top:20px;
}
.toggleStuff .alavista:hover{
    opacity: 0.7;
}
.escondido{
    display: none;
}
.escondido a{
    font-weight: bold;
}
.escondido a:hover{
    opacity: 0.7;
}
.tresFeeds h2{
    font-size: 29px;
    background: #001588;
    border-radius: 9px 9px 0 0;
    color: #fff;
    text-align: center;
    padding: 6px 0;
}
.tresFeeds > div{
    padding: 0;
    background: #f1f1f2;
    border-radius: 10px;
    border: solid 2px #DADADA;
    /*min-height: 250px!important;*/ /*activar cuando esten los 3 feeds en el HOME*/
    margin-bottom: 20px;
}
.tresFeeds .rss-title{
    display: none;
}
.tresFeeds div ul{
    width: 100%;
    margin: 0;
}
.tresFeeds div li {
    list-style: none;
    padding: 10px 0;
    width: 30%;
    display: inline-block;
    border-right: 1px #dadada solid;
    min-height: 70px;
    vertical-align: top;
    padding: 10px 15px;
}
.tresFeeds div li:last-child{
    border-right:none;
}
.tresFeeds div a{
    font-size: 15px;
    color: #6f2b8d;
}
.tresFeeds div li:hover a{
    font-weight: bold;
    color: #2a2d7d;
}
.esapcio_abajo{
padding-bottom:50px;
opacity:0;
}
.rounded1,
.rounded1 img,
.blog_item .view-first img{
    border-radius: 10px !important;
    -o-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
}
.rounded2{
    border-radius: 10px 10px 0 0  !important;
    -o-border-radius: 10px 10px 0 0  !important;
    -moz-border-radius: 10px 10px 0 0  !important;
    -webkit-border-radius: 10px 10px 0 0  !important;
}
.rounded3{
    border-radius: 0 0 10px 10px !important;
    -o-border-radius: 0 0 10px 10px !important;
    -moz-border-radius: 0 0 10px 10px !important;
    -webkit-border-radius: 0 0 10px 10px !important;
}
#oregionals{
    margin-left:10px;
    border-left solid 1xp #fff;
    display: inline-block;
    padding-left:12px;
}
h1,h2,h3,h4,h5{
    font-weight:bold !important;
}
.vc_separator.wpb_content_element.vc_separator_align_center.vc_el_width_100.vc_sep_double.vc_sep_color_grey{
font-size:1.5em;
}
.home-slogan h4 {
font-size: 1.3em !important;
}
#aviso1, #aviso2{
    display: none;
}
:lang(es) #aviso1{ display: block !important;}
:lang(en) #aviso2{ display: block !important;}


@media screen and (max-width: 1024px) and (min-width: 0) {
    .page_head .span9{
        width: 100%;
        float: none;
    }
     .wpb_content_element, .wpb_row {
        /*ESTE ES EL ESPACIADO ENTRE LOS ELEMENTOS DEL composer / como los ROWS */
        margin-bottom: 35px !important;
    }
    .page-id-241 .main_content_area .container img.size-full,
    .page-id-250 .main_content_area .container img.size-full,
    .page-id-256 .main_content_area .container img.size-full,
    .page-id-56 .main_content_area .container img.size-full{
        width: 100% !important;
        height: auto !important;
    }
    p.feeddos{
        display: block;
    }
    .vc_separator{
        display:block;
    }
    .vc_separator .vc_sep_holder{
        display:none !important;
    }
    .vc_separator h4 {
        display: block !important;
        white-space: normal !important;
        text-align: center !important;
        width: 100%!important;
    }
    .seguroLink.rounded3 {
        width: 77%;
        margin: 0 auto;
        margin-top: -20px;
        border-radius: 0;
    }
    .logoFooter{
        margin-top:10px;
    }
    .slotholder img.defaultimg {
        left: 0;
    }
    .vc_row{
        margin-left:0 !important;
    }
    .container{
        padding: 0 10px !important;
    }
    .container3 {
        display: flex;
        justify-content: center;
      }
    #rev_slider_1_1, #rev_slider_1_1_wrapper{
        width: 100%!important;
    }
    .vc_separator.vc_separator_align_center h4{
        padding: 0 !important;
    }
    .logo{
        margin-left: auto;
        margin-right: auto;
    }
    .wpb_column > .wpb_wrapper > *:last-child{
        clear: both;
    }
    .blockRight{
        width: 100%;
        float: none !important;
    }
    .blockRight a{
        display: block;
        width: 100%;
        text-align: center;
    }
}