@font-face {
    font-family: 'DINNextRoundedLTPro-Regular';
    src: url('fonts/din/DINNextRoundedLTPro-Regular.eot');
    src: url('fonts/din/DINNextRoundedLTPro-Regular.woff2') format('woff2'),
        url('fonts/din/DINNextRoundedLTPro-Regular.woff') format('woff'),
        url('fonts/din/DINNextRoundedLTPro-Regular.ttf') format('truetype'),
        url('fonts/din/DINNextRoundedLTPro-Regular.svg#DINNextRoundedLTPro-Regular') format('svg'),
        url('fonts/din/DINNextRoundedLTPro-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din';
    src: url('http://www.mp.gba.gov.ar/assets/fonts/DINNextRoundedLTPro-Light.otf')  format('opentype'),
        url('http://www.mp.gba.gov.ar/assets/fonts/DINNextRoundedLTPro-Light.woff') format('woff'), url('../fonts/DINNextRoundedLTPro-Light.ttf')  format('truetype'), url('http://desarrolloweb.dpsit.sg.gba.gov.ar/gbadrupal/sites/all/themes/bootstrap-business/fonts/DINNextRoundedLTPro-Light.svg#DINNextRoundedLTPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*css*/
@font-face {
    font-family: 'dinBold';
    src: url('http://www.mp.gba.gov.ar/assets/fonts/DINNextRoundedLTPro-Medium.otf')  format('opentype'),
        url('http://www.mp.gba.gov.ar/assets/fonts/DINNextRoundedLTPro-Medium.svg#DINNextRoundedLTPro-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'din';
    src: url('http://www.mp.gba.gov.ar/assets/fonts/DINNextRoundedLTPro-Light.eot?#iefix') format('embedded-opentype'),  url('http://www.gba.gob.ar/sites/all/themes/bootstrap-business/fonts/DINNextRoundedLTPro-Light.otf')  format('opentype'),
        url('http://www.mp.gba.gov.ar/assets/fonts/DINNextRoundedLTPro-Light.woff') format('woff'), url('../fonts/DINNextRoundedLTPro-Light.ttf')  format('truetype'), url('http://www.gba.gob.ar/sites/all/themes/bootstrap-business/fonts/DINNextRoundedLTPro-Light.svg#DINNextRoundedLTPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*css*/
@font-face {
    font-family: 'dinBold';
    src: url('http://www.mp.gba.gov.ar/assets/fonts/DINNextRoundedLTPro-Medium.eot?#iefix') format('embedded-opentype'),  url('http://www.gba.gob.ar/sites/all/themes/bootstrap-business/fonts/DINNextRoundedLTPro-Medium.otf')  format('opentype'),
        url('http://www.mp.gba.gov.ar/assets/fonts/DINNextRoundedLTPro-Medium.woff') format('woff'), url('http://www.gba.gob.ar/sites/all/themes/bootstrap-business/fonts/DINNextRoundedLTPro-Medium.ttf')  format('truetype'), url('http://www.gba.gob.ar/sites/all/themes/bootstrap-business/fonts/DINNextRoundedLTPro-Medium.svg#DINNextRoundedLTPro-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Encode+Sans:100,200,300,400,500,600,700,800,900&display=swap);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300&subset=latin,greek);



/* Reset unusual Firefox-on-Android default style, see https://github.com/necolas/normalize.css/issues/214*/
@media (max-width: 991px) { .form-text, .form-textarea, .block-superfish select, .block-search .form-submit { background-image: none; } }

#first-time {display:none;}

body {
     color: #444;
     /* font-family: 'din', sans-serif; */
     font-family: 'Encode Sans:300', sans-serif;
     font-size: 14px;
     line-height: 160%; }

p { margin: 10px 0px 0px 0px; padding: 0; }

a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

a:hover { color:#ccc !important; }

a:focus { outline: none; text-decoration: none; }

.a-modal{
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #505050 !important;
}
.a-modal:hover{
    color: #666666 !important;
}

.a-modal:focus{
    outline: none; text-decoration: none;
}

.a-modal-blanco{
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #ffffff !important;
}
.a-modal-blanco:hover{
    color: #cccccc !important;
}

.a-modal-blanco:focus{
    outline: none; text-decoration: none;
}

blockquote { margin: 40px 40px 24px; border-left: none; padding: 0; position: relative; color: #000; }

blockquote::before { content: "\201C"; display: block; font-size: 30px; left: -20px; top: 5px; position: absolute;  }

blockquote p { font-size: 14px; line-height: 160%; font-weight: 400; }

img { display: ; height: auto; max-width: 100%; }

#pre-header { color:#aaaaaa; }

#bottom-content { color: #4d4d4f; }

::-moz-selection { color: #009aae; }

::selection { color: #009aae; }


.navfix {
    position: fixed !important;
    width: 100%;
    top: 0;
    opacity: 0.95;
    z-index: 999;
}

.program-title{
    color: #333;
    text-transform: capitalize;
}
h1.titulo-programas { text-transform: capitalize; }

/*Heading*/
h1, h2, h3, h4, h5, h6 {  line-height: 120%; padding: 0; margin: 20px 0 10px 0; 
    /* font-family: 'dinBold', sans-serif; */
    font-family: 'Encode Sans:400', sans-serif;
}

h1 a, h2 a, h3 a, h5 a { color: #444; }
h6 a { color: #009aae; }

h1 { font-size: 36px }

h2 { font-size: 30px }

h3 { font-size: 24px }

h4 { font-size: 20px }

h5 { font-size: 18px }

h6 { font-size: 16px }

.front #main h1 { display: none; }

h1.page-title { font-size: 32px; 
                margin: 0px;
                padding: 0 43px 0 0;

}

.content-noticia  {
    padding: 0px 40px 0px 0px;
}

.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0px;
}

.margin-img {
    margin-top: 5px;
}


.title-sep, #pre-header h2, #promoted h2, .sidebar h2, #footer h2 { clear: both; font-size: 30px; margin-bottom: 35px; position: relative;     border-bottom: 1px solid ;margin-left: 20px; }

.title-sep:after, #pre-header h2:after, #promoted h2:after, .sidebar h2:after, #footer h2:after {  height: 4px; width: 20px; 
                                                                                                   position: absolute; bottom: -15px; left: 0; }

.title-sep .glyphicon { font-size: 13px; padding-right: 18px; }

.page-node #content-wrapper h1.page-title { margin: 0; padding: 0px 40px 20px; }




/*Layout*/
#pre-header { top: 0; left: 0; width: 100%; z-index: 13; position: absolute; background-color: #333; }

.logged-in #pre-header { padding-top: 64px; }

#pre-header-inside { display: none; position: relative; z-index: 13; padding: 40px 0 0 0; }

#header-top { background-color: #fcfcfc; border-bottom: 1px dashed #eaeaea; position: relative; z-index: 12; min-height: 50px; } 

#header { background-color: #fcfcfc; border-bottom: 1px solid #eaeaea; position: relative; z-index: 5; padding: 0px 0; text-align: center; min-height: 130px; }

#main-navigation { background-color: #009aae; position: relative; z-index: 11; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01);
                   -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01); box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01); }

#main-navigation-movil{ background-color: #9bc12b;}

#banner-inside { padding-top: 60px; margin-bottom: 40px; }

.slideshow { padding: 10px 10px 0 10px; background-color: #FCFCFC; border: 1px solid #FCFCFC; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
}

#top-content { background-color: #fff; padding: 0; }

#main-content { padding: 40px 0px 0px 0px; }

#main { padding: 0 0 20px; }

#main-noticia {padding: 0px 0px 20px 30px; }
#bottom-content { padding: 20px 0 50px 0; }

#footer { background-color: #414042; border-top: 1px solid #eaeaea; margin-bottom: 1px; padding: 70px 0 80px; }

#subfooter { background-color: #fff; border-top: 0px solid #ebebeb; padding: 0px 0 0px; text-align: center; margin-bottom: 0px; }

.footer-margin { margin-top: 100px; }

.block { padding: 0 0 0px 0; clear: both; }

#header-top .block, #main-navigation .block, #banner .block { padding: 0; }

/*glyphicon-block*/
.glyphicon-block {text-align: center; }

.glyphicon-block .glyphicon { font-size: 48px; margin: 30px 0 0 0; }

.glyphicon-block h4 { margin-top: 10px; }


/*menus*/
ul.menu { margin: 0; padding: 0;  }

ul.menu li { list-style-position: inside; padding: 15px 0 15px 0; margin:0; border-bottom: 1px dashed #ddd;}

ul.menu li a { color: #fff; font-size: 15px; line-height: 150%; display: inline-block;     border-bottom: 2px solid transparent;}

ul.menu li a:hover, ul.menu li a.active { text-decoration: none;     background-color: rgba(131, 162, 36, 0.7);
                                          color: #fff !importan; 
                                              border-bottom: 2px solid #fff;}

ul.menu li.leaf { list-style-image: none; color: #fff;}

ul.menu li.expanded { border-bottom: none; padding-bottom: 0;  }

ul.menu li.expanded ul { padding-left: 25px; border-top: 1px dashed #ddd; margin-top: 15px;}

/*horizontal menus*/
#header ul.menu, #subfooter ul.menu, #top-content ul.menu, #bottom-content ul.menu { text-align: center; }

#header-top ul.menu li, #header ul.menu li, #main-navigation ul.menu li, #top-content ul.menu li,
#subfooter ul.menu li, #bottom-content ul.menu li { display: inline-block; background: none; list-style-type:none; border: none; padding: 0;}

#header ul.menu li a, #top-content ul.menu li a, #bottom-content ul.menu li a { padding: 15px 20px; }

#header-top ul.menu ul, #header ul.menu ul, #main-navigation ul.menu ul, #top-content ul.menu ul,
#subfooter ul.menu ul, #bottom-content ul.menu ul { display: none; }

/*header-top menu*/
#header-top ul.menu li a { font-size: 13px; text-transform: capitalize;  padding: 16px 20px 16px; }

/*main-navigation*/
#main-navigation ul.menu li a {  padding: 15px; }

#main-navigation ul.menu ul li a, #header-top ul.menu ul li a  { padding: 15px 20px; text-transform:initial; font-weight: 400; font-size: 13px; border: 1px solid #cdcdcd; border-top: none; line-height: 150%; background: #666;}




/*subfooter menu*/
#subfooter ul.menu li a { padding: 0 20px 15px 20px; display: block;}

/*pre-header menu, bottom-content*/
#pre-header ul.menu li a.active, #pre-header ul.menu li a:hover, 
#bottom-content ul.menu li a.active, #bottom-content ul.menu li a:hover { color: #fafafa }

#pre-header ul.menu li a { border-bottom: 1px dashed #444444; }

/* Logo - Site name*/
#logo { padding:0 0 5px 0; text-align: center; }

#logo img { display: inherit; }



#site-name a { font-size: 25px; font-weight: 690; line-height: 1em; margin: 25px 0px 10px 0px; color: #444444; display: block; display:none;}

#site-name a:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); }

#site-slogan {color: #999; font-size: 18px; font-weight: 300; line-height: 150%; margin: 0px 0 10px 58px; float: left; }



.node .user-signature { font-size: 12px; padding: 0; }

.user-picture { margin: 0px 15px 0 0; display: inline-block; max-width: 48px;}

.submitted .glyphicon { top: 0; }



/*tabs*/
.nav-tabs { margin: 25px 0 15px; }

/*accordion*/
.panel-group { margin: 25px 0; }

.panel-heading a:hover { text-decoration: none; }

/* Drupal system links */
ul.links { padding: 0; margin: 0; list-style-position: inside; }

ul.links li { margin: 0; }

/* Breadcrumb */
.breadcrumb { background-color: #fcfcfc; border: 1px solid #eaeaea; padding: 14px 20px; margin-bottom: 30px; -webkit-border-radius: 6px;
              -moz-border-radius: 6px; border-radius: 6px; }

.breadcrumb > li { margin: 0 2px 0 0; display: inline; }



/*credits*/
.credits { margin-bottom: 0; font-size: 0.9em; }

/*toggle control*/
.toggle-control { width: 100%; position: relative; z-index: 13; }

.toggle-control a, .toggle-control a:hover { color: #fff; position: absolute; top: 0; right: 0; display: block; padding: 18px 19px; line-height: 14px; cursor: pointer; height: 52px; }

/*google map*/
.gm-style img { max-width: none; }

/*scroll to top*/
#toTop { position: fixed; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #999999; opacity: 0.4; filter: alpha(opacity=40);
         width: 55px; height: 55px; bottom: 5px; right: 5px; cursor: pointer; color: #ffffff; font-size: 32px; text-align: center; display: none; padding:10px 0 0 2px; z-index: 14; }

#toTop:hover { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }

/*drupal primary links*/
ul.primary { margin: 15px 0 15px 0;  padding-left: 40px; }

ul.primary, ul.primary li a, ul.primary li.active a { border-color:#eaeaea; } ul.primary li.active a { border-bottom: 1px solid #fff; }

/*drupal resets*/
#toolbar { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#toolbar ul.menu { width: auto; }

#toolbar ul.menu li { background: none; }

.not-logged-in .block-forum .contextual-links-wrapper { display: none; }

a.contextual-links-trigger, #toolbar a, textarea { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }




/* list-group-panel-body */
.list-group-panel-body .list-group-item:first-child {
    border-radius: 0; 
    position: relative;
    -ms-behavior: url(../bastrap3/pie.htc);
}

/* list-group-panel footer */
.list-group-panel .panel-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    bottom: 30px;
    left: 15px;
    right: 15px;
}


figcaption{
    color: #fff;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .72) 0, rgba(0, 0, 0, .2) 100%);
    width: 97%;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px 10px 10px 20px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -ms-behavior: url(../bastrap3/pie.htc);
    margin: 0px 5px 4px 4px;
    text-transform: uppercase;
}

figcaption#principal{
    color: #fff;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .72) 0, rgba(0, 0, 0, .2) 100%);
    width: 98%;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px 10px 10px 20px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -ms-behavior: url(../bastrap3/pie.htc);
    margin: 0px 5px 4px 6px;
}


.views-field-body figure, article figure, .row-grid figure, .ba-libro aside header, .ba-miba aside header, .ba-aplicativo aside header {
    margin-bottom: 24px;
    position: relative;
    border-radius: 6px;
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.15);
    position: relative;
    -ms-behavior: url(../bastrap3/pie.htc);
}

figcaption h4 a{color:#fff;}





/*webform confirmation*/

.webform-confirmation{padding-left: 40px;}


#bottom-content .thumbnail .caption{

    height: 105px;

}

.jumbotron-main .jumbotron-overlay {
    background: rgba(0, 0, 0, .4);
}
.jumbotron h1{

    padding-left: 27px;
}
/*sub menu*/

ul#sub{padding-left: 15px;}
ul#sub.nav.navbar-nav li a{

    color:#fff;

}
ul#sub.nav.navbar-nav li.dropdown ul li a{

    color:#000;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li > a:hover, .nav > li > a:focus {

    text-decoration: none;
    background:  rgba(176, 203, 104, 0.1);

}

.easy-breadcrumb{

    z-index: 10;
    position: absolute;
    padding: 10px 33px;
    color: #fff;

}
.easy-breadcrumb_segment-separator{color:#999;}
.easy-breadcrumb_segment-title{color:#fff;}
.easy-breadcrumb > a{color:#fff; }

.titulo-5-noticias{

    font-size: 16px;
    line-height: 20px;
    font-weight: 900;

}  




ul.listado-content{

    list-style-image: url('flechas-listas.png'); 
    background-position: 3px 3px;
    margin-top: 15px;
}
ul.listado-content li{

    padding-top:15px;
}

#node-403{display: none;}


.personas_buscadas{margin-bottom: 10px;}



@media only screen and (max-device-width: 680px) and  
(min-device-width: 320px){

    .jumbotron-main.jumbotron{background-size: 500% 100%; }

    h2, h3, h4, h5, h6 {  line-height: 100%; padding: 0; margin: 0px 0 0px 0; font-family: 'din', sans-serif; }

    h1 a, h2 a, h3 a, h5 a { color: #444; }
    h6 a { color: #fff; }


    h2 { font-size: 20px }

    h3 { font-size: 18px }

    h4 { font-size: 16px }

    h5 { font-family: 'dinBold';
         font-size: 20px; margin-top: 20px; }

    h6 { font-size: 14px }

    .front #main h1 { display: none; }



    ul#sub.nav.navbar-nav li.dropdown ul li a{

        color:#ccc;
    }


}




/* template css */

#logo{float:left; width:auto;}
#site-name{ float:left; padding-left:4.0em; padding-top:2.0em; }


span.field-content.body_innovacion p{ 
    margin: 10px 0px 0px 0px;
    padding: 0; color: #444; 
    font-family: 'din', sans-serif;
    font-size: 14px;
    line-height: 160%; 
    text-align: justify;
}

.accordion-heading {
    border-bottom: 1px solid black;
    margin-bottom: 4%;
    text-transform: uppercase;    
    margin-top: 1%;
    padding-bottom: 1%;
}

.accordion-heading a {
    font-family: din;
    font-weight: 700;
    font-size: 19px;    
    color: #444444;
}

.class_archivo_innovacion{
    font-family: din;
    margin-left: 1%;
    font-size: 25px;
}

.class_icon_archivo_innovacion{
    font-size: 24px;
    color: #829d32;
}

.class_titulo_sinborde{
    border-bottom: 0px !important;
    margin-left: 0px !important;
    font-size: 32px !important;
}

.class_flecha_desplegable_innovacion{
    float: right;
    margin-right: 2%;
    margin-top: 0.75%;
    font-size: 18px;
    color: #009aae;
}

#block-block-228 {
    //padding: 0px 40px;
}



.jumbotron {
    padding: 10px;
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;

}

.portada-mp {
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 30px;
        padding-bottom: 0px;
    }
    .container .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }
    .jumbotron h1 {
        font-size: 63px;
    }
}




@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

}


.navbar-brand {
    float: left;
    padding: 7px 16px;
    font-size: 18px;
    line-height: 20px;
    position: absolute;
}


.jumbotron h1 {
    line-height: 1;
    color: inherit;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}


.node footer { border-top: 2px solid #fff; }

#bottom-content, .toggle-control a, .toggle-control a:hover { background-color: #fff; }

#header-top, .toggle-control {border-top: 5px solid #fff;}

a, a:hover, a:focus, #forum thead a:hover, #block-node-recent .node-title a:hover { color: #829d32; text-decoration: none;}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .dark input[type="submit"],
.highlighted-block .btn:hover, .highlighted-block .btn:focus, .call-to-action .btn, .tag a:hover { background-color: #829d32; }

::-moz-selection { background-color: #fff; }

::selection { background-color: #fff; }

input.form-text:focus, textarea.form-textare


/*template noticias*/
/*lists*/
ul li { list-style-type: none; }

.view-content ul li{ list-style-type: none; }

ol li { list-style-type: decimal; }

.list-unstyled-ol {
    padding-left: 14px !important; 
}

#header ul, #subfooter ul { text-align: left; }

/*item lists*/
.item-list ul li { border-bottom: 1px dashed #ddd; margin-bottom: 0; padding: 15px 0; }

#block-user-login .item-list ul li { border-bottom: none; padding: 0 0 5px 0; }

.item-list ul li.first { padding-top: 0; }

.item-list ul li.last { border-bottom: none; }


.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 5px;
    right: 5px;
    display:none;
}



/* PANELES / CAJITAS HOME */

.panel-height-3 {
    min-height: 430px;
}

.panel-servicios-blanco {
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 4px
}

.panel-servicios-blanco h3 {
    font-size: 20px;  
    line-height: 26px;  
    color: #000;
    margin-bottom: 0px;
    margin-top: 10px;
}

.panel-servicios-blanco p {
    font-size: 18px;  
    line-height: 24px;  
    color: #777;
}

.panel-servicios-blanco:hover {
    background-color: #e6ebf1 !important;
}

.panel-servicios-blanco:active {
    background-color: #e6ebf1 !important;
}

.panel-servicios {
    margin-bottom: 20px;
    background-color: #EEEEEE;
    border-radius: 4px
}

.panel-servicios h3 {
    font-size: 20px;  
    line-height: 26px;  
    color: #000;
    margin-bottom: 0px;
    margin-top: 10px;
}

.panel-servicios p {
    font-size: 18px;  
    line-height: 24px;  
    color: #777;
}

.panel-servicios:hover {
    background-color: #e6ebf1 !important;
}

.panel-servicios:active {
    background-color: #e6ebf1 !important;
}

.panel-heading-servicios {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading-servicios i {
    color: #fff;
    font-size: 70px;
    padding: 30px 0;
}


.panel-body-servicios {
    padding: 15px;
}

.panel-border {
    border: 1px solid #CCC !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;    
}

.panel-0 {
    padding: 0px !important;
}


/* EN EL CASO DE USAR ICONOS
.green-bkg {  
    background-color: #009aae;
}    
*/

.slice-normativa {
    padding: 30px 0;
    background-color: #CCC;
    border-top: 4px solid #999;
}

/* quotes */
.blockquote-box {
    border-right:5px solid #E6E6E6;
    margin-bottom:25px;
    margin-right:25px;
}
.blockquote-box .square {
    width:100px;
    min-height:50px;
    margin-right:22px;
    text-align:center !important;
    background-color:#E6E6E6;
    padding:20px 0
}

.blockquote-box.blockquote-success {
    border-color:#009aae
}
.blockquote-box.blockquote-success .square {
    background-color:#009aae;
    color:#FFF
}
.blockquote-box.blockquote-warning {
    border-color:#0695D6
}
.blockquote-box.blockquote-warning .square {
    background-color:#0695D6;
    color:#FFF 
}



/* FULL HEIGHT */

@media only screen and (min-width : 768px) {
    .is-table-row {
        display: table;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
        border-bottom: 10px solid #FFF;
    }
}

.full-width { width: 100%;}
.col-border { border-right: 10px solid #FFF;}

.stepbox {padding:  20px 10px 60px 20px; font-size: 16px !important;}
.stepbox h2 {font-size: 40px;}

.mainbox {
    text-align: center;
    background-image: url(../img_identidad/prueba_modal.jpg);
    padding: 80px 50px; 
    width: 100%; 
    color: #fff;
    border-bottom: 10px solid #FFF;
}

.mainbox-turismo {
    text-align: center;
    background-image: url(../../g1r3p0/images/top-registro.jpg);
    padding: 80px 50px; 
    width: 100%; 
    color: #fff;
    border-bottom: 10px solid #FFF;
}

.mainbox, .mainbox-turismo, p {
    font-size: 14px; 
    line-height: 26px; 
    margin: 10px 0px 0px 0px;
    padding: 0;
}

.mainbox, .mainbox-turismo, h1 {
    font-size: 36px;/*       font-size: 50px;     */
    margin-bottom: 30px;
}


.mh1000 {min-height: 1000px;}
.mh700 {min-height: 700px;}
.mh600 {min-height: 600px;}
.mh400 {min-height: 400px;}


/*--- STEP BOXES ---*/
.step2 {
    background-color: #EAEAEA;
    color:#000 !important;  
}
.step3 {
    background-color: #BDD3DE;
    color:#000 !important;  
}
.step4 {
    background-color: #3F5664;
    color: #fff;
}


.tri-lightblue-2:after {
    bottom: -64px;
    right: 74px;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color: #BDD3DE;
    border-width: 32px;
    z-index: 999999;
}


.tri-grey-2:after {
    bottom: -64px;
    right: 74px;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color: #EAEAEA;
    border-width: 32px;
    z-index: 999999;
}


.tri-blue-2:after {
    bottom: -64px;
    right: 74px;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color: #3F5664;
    border-width: 32px;
    z-index: 999999;
}


.tri-white:after {
    bottom: -84px;
    left: 1281px;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color: #fff;
    border-width: 37px;
    z-index: 9;
}





@media (max-width: 1200px) { 

    .tri-white:after {
        bottom: -84px;
        left: 1057px !important;
        border: solid transparent;
        content: " ";
        position: absolute;
        border-top-color: #fff;
        border-width: 37px;
        z-index: 9;
    }
}


@media (max-width: 1024px) { 

    .tri-white:after {
        bottom: -84px;
        left: 881px !important;
        border: solid transparent;
        content: " ";
        position: absolute;
        border-top-color: #fff;
        border-width: 37px;
        z-index: 9;
    }
}


@media (max-width: 992px) { 

    .tri-white:after {
        bottom: -84px;
        left: 849px !important;
        border: solid transparent;
        content: " ";
        position: absolute;
        border-top-color: #fff;
        border-width: 37px;
        z-index: 9;
    }
}


@media (max-width: 768px) { 

    .tri-white:after {
        bottom: -84px;
        left: 625px !important;
        border: solid transparent;
        content: " ";
        position: absolute;
        border-top-color: #fff;
        border-width: 37px;
        z-index: 9;
    }
}


@media (max-width: 480px) { 

    .mainbox {      
        padding: 80px 20px !important;
    }

    .col-border {
        display: none !important;
    }

    .tri-white:after {
        display: none !important;
    }

    .tri-lightblue-2:after, .tri-grey-2:after, .tri-blue-2:after {
        display: none !important;
    }

}


.jumbo-tron-fluid {
    background:
        linear-gradient(to left bottom, 
        rgba(300, 300, 300, 0),
        rgba(300, 300, 300, 1)),
        url(http://elevatedbilling.com/wp-content/uploads/2015/10/US-College-Students-Now-Use-More-Marijuana-Than-Cigarettes.jpg);   
    background-size: cover;
    min-height: 400px;
}

.jumbo-tron-fluid-guias {
    background:       
    url("../../img/guiaproductiva/portada_img_2.jpg");   
    background-size: cover;
    min-height: 360px;
}

.jumboguia {
    color: #fff !important;
    font-size: 55px !important;
    margin-top: 40px;       
    margin-bottom: 20px;
    padding-left: 0px !important;
      
}


.round-green {   
    background-color: #9cc938;    
    color: #FFF;     
}

.round-blue {   
    background-color: #406baf;    
    color: #FFF;     
}

.round-grey {   
    background-color: #59595b;    
    color: #FFF;     
}

 .round-lg {
    display: inline-block;
    text-align: center; 
    height: 70px;
    width: 70px;
    line-height: 70px;
    -moz-border-radius: 30px;
    border-radius: 35px;
    font-size: 2em;
}




.progress{
    width: 125px;
    height: 125px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress .progress-left{
    left: 0;
}
.progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress .progress-right{
    right: 0;
}
.progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #44484b;
    font-size: 24px;
    color: #fff;
    line-height: 115px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}

.progress.yellow .progress-bar{
    border-color: #fdba04;
}
.progress.yellow .progress-left .progress-bar{
    animation: loading-3 1s linear forwards 1.8s;
}

@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}



.form-control-guia {
  padding: 0px 10px 0 20px;
  margin-top: 10px;
  color: #333;
  font-size: 28px;
  font-weight: 500;
    border: 3px solid #555;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height:60px;
    height: auto;
    border-radius: 50px 50px  50px 50px !important;
}


#searchbtn { 
  border:0;
  padding: 0px 18px;
  margin-top: 10px;
  color: #fff;
  background:#337ab7;
  font-size: 25px;
  font-weight: 500;
    border: 3px solid #555;
    border-left: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height:60px;
    height: auto;
  border-radius: 0 50px 50px 0 !important;
}



/*

   * CSS TABLA RESPONSIVE

   * 1043 aria-label has no advantage, it won't be read inside a table
   content: attr(aria-label);
   


table {
 border: 1px solid #ccc;
 border-collapse: collapse;
 margin: 0;
 padding: 0;
 width: 100%;
 table-layout: fixed;
}
table caption {
 font-size: 1.5em;
 margin: .5em 0 .75em;
}
table tr {
 background: #f8f8f8;
 border: 1px solid #ddd;
 padding: .35em;
}
table th,
table td {
 padding: .625em;
 text-align: center;
}
table th {
 font-size: .85em;
 letter-spacing: .1em;
 text-transform: uppercase;
}
@media screen and (max-width: 600px) {
 table {
   border: 0;
 }
 table caption {
   font-size: 1.3em;
 }
 table thead {
   border: none;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
 }
 table tr {
   border-bottom: 3px solid #ddd;
   display: block;
   margin-bottom: .625em;
 }
 table td {
   border-bottom: 1px solid #ddd;
   display: block;
   font-size: .8em;
   text-align: right;
 }
 table td:before {
  
   content: attr(data-label);
   float: left;
   font-weight: bold;
   text-transform: uppercase;
 }
 table td:last-child {
   border-bottom: 0;
 }
}
*/