.iconohome img{ margin-right:.5em}
    .iconohome .caret{color: #FFF; border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid;
        display: inline-block;
        margin-left: 4px;
        }
    .navbar-default {
        background-color:#2487C1;
        border-top: 5px solid #B2B2B2;
        font-size:1.1em;
        -webkit-box-shadow: inset 0 10px 10px rgba(0, 0, 0, .075);
              box-shadow: inset 0 10px 10px rgba(0, 0, 0, .075);
              text-align:left
        
        
    }
    .navbar-default .navbar-nav > li > a {
        color: #333;
        line-height:1em;
        padding:.3em .7em .3em .7em;
        /* margin-left: -15px;
        margin-right: -15px;*/
    }
    .fondoboton {
        background:#00AFEA;
        border-right:.2em solid #28CAFF!important;
        border-left:1px solid #006C5C!important
        
    }
    .fondoboton:hover {
        background:#28CAFF
    }
    
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
       /* margin-left: -15px;
        margin-right: -15px;*/
    }
    .fondoboton .caret{
        float:right;
        margin-right:.5em
        
    }
    .menuinstitucional {
        
        padding: 0 2.2em 0 3em
    }
    .menuinstitucional a{
        color:#63F7FE!important;
        
    }
    .fotomenu {
    font-size:1em!important
    }
    
    .sinfondo {
     text-transform: uppercase !important;
     background: none repeat scroll 0% 0% transparent !important;
     border-bottom: 1px dotted #ccc;
    }
    /*para 5 columnas*/
    .col-xs-15,
    .col-sm-15,
    .col-md-15,
    .col-lg-15 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .col-xs-15 {
        width: 20%;
        float: left;
    }
    
    @media (min-width: 768px) {
        
    }
    
    @media (max-width: 767px) {
      .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
      }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #000;
        background-color: transparent;
      }
      .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
      .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #000;
        background-color: #e7e7e7;
      }
      .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
      .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
      .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #000;
        background-color: transparent;
      }
      .dropdown-menu {border:none}
      .navbar-header {min-height:73px}
      .navbar-brand {padding-top:.3em; }
      .navbar-brand img { max-width:100%!important;}
    .fondoboton {
        border-bottom:1px solid #006C5C;
    }
    
    
    }
    /*para 5 columnas*/
    @media (min-width: 768px) {
    .col-sm-15 {
            width: 20%;
            float: left;
        }
    }
    @media (min-width: 992px) {
        .col-md-15 {
            width: 20%;
            float: left;
        }
    }
    @media (min-width: 1200px) {
        .col-lg-15 {
            width: 20%;
            float: left;
        }
    }

/** Buttons **/
.twitter, .fb {
	position: relative;	
	height: 32px; 
	width: 157px; 
	display: block;
	background: url(../img/twitter_btn.png) no-repeat;
	margin-top:15px;
}

.fb {
	width: 157px; 
	background: url(../img/fb_btn.png) no-repeat; 	
}
.twitter:active, .fb:active {top: 1px;}
.twitter:hover, .fb:hover {
	background-position: 0 -32px;
}
.twitter a, .fb a {
	padding: 5px 0 0 15px; 
	text-shadow: -1px -1px 0px rgba(0,0,0,.3); 
	color:#fff; 
	font-weight: bold; 
	font-size: 12px; 
	height: 32px; 
	display: block;
	line-height:23px;
}
.fb a {padding: 5px 0 0 20px; }
.twitter, .fb {
	display: inline-block;
}
.twitter a:hover, .fb a:hover {
	color: #FFF;
	text-decoration: none;
}


/* #Site Header
================================================ */
header{
	/* background-color:#2d343e; */
    background-color:#ffffff;
	padding:8px 0 0 0;
}
.logo img {
	max-width:100%
}
.logo h1 {
  font-size: .5em;
  line-height: .1em;
  text-align:left
}
#menu-top{
	float:right;
	/* color:#d0dbeb; */
    color:#59B9A7;
	font-size:1em;
	margin-right:0;
	
	padding-right:0!important

	
}
#menu-top ul li{
	display:inline-block;
	zoom: 1; *display: inline;
	
}
#menu-top ul li a {
	/* color:#d0dbeb; */
    color:#00AFEA
}

.ie7 #menu-top ul li a {
	/* color:#d0dbeb; */
    color:#00AFEA;
	margin-left:5px;
}


/*redes sociales*/
#redes {
	/*background:url(img/ico_redes_off.png) no-repeat center right;*/
	text-align:center;
	float:left;
	margin-top:5px;
	color:#B2B2B2
}


#redes ul li{
	display:inline-block;
	zoom: 1; 
	display: inline;
	transition: all 190ms ease-in 0s;
	background:url(../img/ico_redes_off.png) no-repeat center right;
}
#redes ul li img{
max-width: 33px;
background: #ccc;
border-radius: 2px;
padding-bottom: 1px;
margin: 1px;
transition: all 190ms ease-in 0s;
}

#redes ul li:hover {
  background:#03C;
  transition: all 190ms ease-in 0s;
  opacity:0.7;
}

.ie7 #redes ul li a {
	/* color:#d0dbeb; */
    color:#666;
	margin-left:5px;
}

/* #Site Footer
================================================ */
footer {
color: #FFF;
width: 100%;
padding-top: 0.5em;
padding-bottom: 0px;
background: none repeat scroll 0% 0% #2487C1;
position: absolute;
margin-top: 10px;
box-shadow: -2px -2px 3px 0px rgba(0, 0, 0, 0.19);
margin-bottom:0px;
}




/* 3. COMMON */
/*============================================================================================*/




ul.list_1, ul.list_2, ul.list_3, ul.list_4{ padding-bottom:15px;}
ul.list_1 li{background:url(/sitio/_img/tick_1.png) no-repeat left 3px;line-height:18px;padding-left:20px;}
ul.list_2 li{background:url(/sitio/_img/arrow_2.png) no-repeat 3px 5px;line-height:18px;padding-left:20px;}
ul.list_3 li{background:url(/sitio/_img/arrow_3.png) no-repeat 5px 7px;line-height:18px;padding-left:20px;}
ul.list_4 li{background:url(/sitio/_img/arrow_4.png) no-repeat 4px 6px;line-height:18px;padding-left:20px;}


#areas {
   
    float: right;
    margin-right: 1em;
    margin-top: -1em;
    text-align: center;
    width: 14em;
}
#areas ul {
    list-style-type: none;
}
#areas ul li {
    background-image: url("../img/bckg_textarea.jpg");
}
#areas .nivel1 {
    border: 0.1em solid #c9c9c9;
    border-radius: 0.3em;
    display: block;
    float: left;
    height: 2em;
	margin: .8em 0.2em 0 1em;
    padding: .1em;
    width: 13.1em;
    text-transform: uppercase;
}
#areas ul li a {
    color: #6a6a6a;
    position: relative;
    text-align: left;
    text-decoration: none;
}
#areas ul li a:hover, #areas ul li:hover a.nivel1 {
    color: #000;
}
#areas ul li a.nivel1 {
    display: block !important;
}
#areas ul li ul {
    background-color: #ffffff;
    border: 0.1em solid #c9c9c9;
    display: none;
    font-size: 0.9em;
    padding: 0.4em;
    z-index: 10;
	
}
#areas ul li a:hover ul, #areas ul li:hover ul {
    display: block;
}
#areas ul li:hover ul {
    position: relative;
}
#areas ul li ul li a {
    display: block;
    padding: 0.2em;
}
#areas ul li ul li {
    display: block;
    height: 1.55em;
    text-align: left;
	margin-bottom:.5em
}
#areas ul li ul li a:hover {
    background-color: #999999;
    position: relative;
    z-index: 10;
}
#areas img {
}

#areas ul#uno {
    top: 0 !important;
	-webkit-box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.19);
-moz-box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.19);
box-shadow: -2px -2px 3px 0px rgba(0,0,0,0.19);
-webkit-border-radius:0 0 3px 3px ;
	-moz-border-radius:0 0 3px 3px ;
	border-radius:0 0 3px 3px ;
}
#areas #uno {
    width: 14.5em;
}

/*============================================================================================*/
/* 3. MEDIA QUERIES */
/*============================================================================================*/
@media (min-width: 768px) and (max-width: 1200px) {
	input#email_newsletter, .form-search input  {
	/*margin-bottom:5px;*/
}
	}
	
@media (max-width: 768px) {
/*nav{
	position:relative;
	height:7em;
	
	bottom:9em
}*/

.logo h1 {
  font-size: .5em;
  line-height: .1em;
}

	}

@media (min-width: 768px) and (max-width: 979px) {
	.box-style-2 img {
	 float:none; margin: auto;
	 margin-bottom:20px;
	 display:block;
}
.box-style-2.green a  {
	background: #669933;
}
.box-style-2.orange a  {
	background: #fab90c;
}
.box-style-2.red a  {
	background: #ff6666;
}
.box-style-2.green a:hover, .box-style-2.orange a:hover, .box-style-2.red a:hover {
	background:#2d343e ; 
}
input.dateinput {
	width:70%;
}
.post-right {float:left;}


}

/* From tablet portrait to mobile */
@media (max-width: 767px) {
.logo img  {
	display:none;
	
}
.logo  {
	text-align:center!important;
	background:url(/sitio/_img/logo_ministerio_780.png) no-repeat;
	background-position:center;
	height:4em;
	background-size:contain;
	margin-left:30px
}
.logo h1 {
  font-size: 2em;
  line-height: .5em;
}
	
#main-boxes {
	margin-top:30px;banner
}

#menu-top {
		text-align:right;
		/*float:none;*/
		margin:0!important;
		
}	
header {
	margin-left:0;
	margin-right:0;
}

.twitter, .fb {
	margin-bottom:25px;
}
.button-align {text-align:left; padding-top:0;}


}