/* CSS Document */
body {
/*  color: #525252;*/
  background:  url(../img/fondoGris.png) 0 0 repeat;
}
.body-expanded, .modal-open {
  overflow-y:hidden;
  margin-right: 15px;
}
.modal-open #content {z-index: inherit;}
.body-expanded .expanded-panel, .fancybox-margin .expanded-panel, .modal-open .expanded-panel {
  margin-right: 15px;
}

.copyright {
    padding-top: 100px;

}
.oncenormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

.dieciseisnormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}

.oncenormalIzquierda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align:left;
	line-height: 20px;
}

.oncenormalJustificado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align:justify;
}

.textoIzquierda {
	text-align:left;
}

.oncenormalCentrado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

.Titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}
.Titulosinterior {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color: #000;
}

.oncenormallinknegro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.oncenormallink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #006633;
	text-decoration: none;
}
.Titulointeriorblanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

.textorojo15px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #C31816;
	text-decoration: none;
}

.textoblanco15px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.Titulointeriorgris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

.Titulointeriorblancoizquierda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align:left;
}
.Titulointeriorblancolink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.fechaNoticias {
	color: #003300;
    font-family: "openSans",Arial,Helvetica,sans-serif;
    font-size: 11px;

}

.fechaNoticiasPrincipal {
	color: #fff;
    font-family: "openSans",Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 1px 5px 2px
}

.tituloNoticias {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
    font-size: 24px;
}

.tagNoticias {
	left: 30px;
    position: absolute;
    top: 15px;
    text-transform: uppercase;
    color: #FFF;
    font-family: "openSans",Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 1px 5px 2px;
    font-weight: bold;
    background: none repeat scroll 0% 0% #C00;
    margin-right: 5px;
}


.fechamenu{
    background-color: #545454;
    color: #FFF;
}
.bordeNegro {
	border-bottom: solid 2px #545454;
	margin-bottom: 5px;
}
.fondoEncabezado {
	background-color: #3C003C;
	color:#FFFFFF;
	height:70px;
	margin-bottom: 5px;
	opacity: .75;
}

.cuadro
{
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border: 1px solid #DBE1EB;
	padding:10px 40px; 
	background: #FFFFFF;
	background: linear-gradient(left, #FFFFFF, #FFFFFF); 
	background: -moz-linear-gradient(left, #FFFFFF, #FFFFFF);
	background: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF);
	background: -o-linear-gradient(left, #FFFFFF, #FFFFFF);
	width:450px;
	height:250px;
	border-radius:8px;
	margin-left:300px;
	margin-top:100px;
	
	 filter: alpha(opacity= 15);
	-moz-opacity: .8;
	opacity: .8;

}

.MENU {

	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px;

	
}

.navbar-top{
	padding-top: 20px;
}


.navbar-verde {
	background-color: #E1E1E1;
	border-color: #E1E1E1;
	font-size: 13px;
	text-transform: uppercase;
	opacity: .9;


}

.navbar-verde .navbar-brand {
  color: #9d9d9d;
}
.navbar-verde .navbar-brand:hover,
.navbar-verde .navbar-brand:focus {
  color: #000;
  background-color: #EBEBEB;
  
}
.navbar-verde .navbar-text {
  color: #9d9d9d;
}
.navbar-verde .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-verde .navbar-nav > li > a:hover,
.navbar-verde .navbar-nav > li > a:focus {
  color: #000;
  background-color: #EBEBEB;
}
.navbar-verde .navbar-nav > .active > a,
.navbar-verde .navbar-nav > .active > a:hover,
.navbar-verde .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #333333;
}
.navbar-verde .navbar-nav > .disabled > a,
.navbar-verde .navbar-nav > .disabled > a:hover,
.navbar-verde .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: #EBEBEB;
}
.navbar-verde .navbar-toggle {
  border-color: #333;
}
.navbar-verde .navbar-toggle:hover,
.navbar-verde .navbar-toggle:focus {
  background-color: #333;
}
.navbar-verde .navbar-toggle .icon-bar {
  background-color: #000;
}
.navbar-verde .navbar-collapse,
.navbar-verde .navbar-form {
  border-color: #101010;
}
.navbar-verde .navbar-nav > .open > a,
.navbar-verde .navbar-nav > .open > a:hover,
.navbar-verde .navbar-nav > .open > a:focus {
  color: #000;
  background-color: #333333;
}
@media (max-width: 767px) {
  .navbar-verde .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-verde .navbar-nav .open .dropdown-menu .divider {
    background-color: #333333;
  }
  .navbar-verde .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-verde .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-verde .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000;
    background-color: #EBEBEB;
  }
  .navbar-verde .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-verde .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-verde .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000;
    background-color: #333333;
  }
  .navbar-verde .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-verde .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-verde .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: #EBEBEB;
  }
}
.navbar-verde .navbar-link {
  color: #9d9d9d;
}
.navbar-verde .navbar-link:hover {
  color: #000;
}
.navbar-verde .btn-link {
  color: #9d9d9d;
}
.navbar-verde .btn-link:hover,
.navbar-verde .btn-link:focus {
  color: #000;
}
.navbar-verde .btn-link[disabled]:hover,
fieldset[disabled] .navbar-verde .btn-link:hover,
.navbar-verde .btn-link[disabled]:focus,
fieldset[disabled] .navbar-verde .btn-link:focus {
  color: #444;
}


.piePagina {
	background-color:#003300;
    color:#ddd;
    min-height:100px;
    padding-top:20px;
    padding-bottom:40px;
	padding-left:200px;
}

.piePagina .nav>li>a {
    padding:3px;
    color:#ccc;
}

.piePagina .nav>li>a:hover {
    background-color:transparent;
	color:#fff;
}


.box {
  display: block;
  z-index: 1999;
  position: relative;
  border: 1px solid #f8f8f8;
  box-shadow: 0 0 4px #D8D8D8;
  background: transparent;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.box-header {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  color: #363636;
  font-size: 16px;
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  border-bottom: 1px solid #E4E4E4;
  height: 28px;
}

.box-name, .modal-header-name {
  padding-left: 15px;
  line-height: 28px;
}

.box-content {
  position: relative;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  padding: 15px;
  background: #FCFCFC;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.body-expanded, .modal-open {
  overflow-y:hidden;
  margin-right: 15px;
}
.modal-open #content {z-index: inherit;}
.body-expanded .expanded-panel, .fancybox-margin .expanded-panel, .modal-open .expanded-panel {
  margin-right: 15px;
}
.body-screensaver {
  overflow: hidden;
}

.body-expanded .navbar {
  z-index: 9;
}
a.show-sidebar {
  float: left;
  color:#6d6d6d;
  outline: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
a.show-sidebar:hover {
  color:#000;
}
#sidebar-left {
  position:relative;
  z-index: inherit;
  padding-bottom: 3000px !important;
  margin-bottom: -3000px !important;
  background: #617CBF url(../img/devoops_pattern_b10.png) 0 0 repeat;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#content {
  position: relative;
  z-index: 10;
  background: #ebebeb;
  box-shadow: 0 0 6px #131313;
  padding-bottom: 3000px !important;
  margin-bottom: -2980px !important;
  overflow: hidden;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.full-content {
  overflow: hidden;
  padding: 0;
  margin: 0;
}

#top-panel {
  line-height: 50px;
  height: 50px;
  background: #ebebeb;
}
#main {
  margin-top: 50px;
  min-height: 800px;
  overflow: hidden;
}

.expanded a.close-link {
  display:none;
}
#sidebar-left.col-xs-2 {
  opacity: 0;
  width: 0%;
  padding: 0;
}
.sidebar-show #sidebar-left.col-xs-2 {
  opacity: 1;
  width: 16.666666666666664%;
  padding: 0 15px;
}
.sidebar-show #content.col-xs-12 {
  opacity: 1;
  width: 83.33333333333334%;
}
.expanded {
  overflow-y:scroll;
  border: 0;
  z-index: 3000 !important;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.expanded-padding {
  background: rgba(0, 0, 0, 0.7);
  padding:50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}


.modal-backdrop {
  z-index: 2000;
}

.modal {
    z-index: 5000 !important;
}

.form-group .help-block {
    display: none;
}

.form-group.has-error .help-block{
    display: block;
}


tags-input .tags .tag-item {
    background: #d9534f !important; 
}

tags-input .tags .tag-item .remove-button {
    color: white !important; 
}

/* Helps position submenu */
.dropdown-submenu {
  position: relative;
}
/* Menus under the submenu should show up on the right of the parent */
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
/* Make submenu visible when hovering on link */
.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}
/* Add carot to submenu links */
.dropdown-submenu>a:after {
  display: block;
  float: right;
  /*simple */
  content: "?";
  color: #cccccc;
  /* looks a little better */
  content: " ";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
/* Change carot color on hover */
.dropdown-submenu:hover>a:after {
  border-left-color: #ffffff;
}