body .servicios-wms .views-row { width: calc(50% - 22px); display: inline-block;margin: 1em 0.5em;vertical-align: top;}

@media screen and (min-width: 150px) and (max-width: 1200px){
  body .servicios-wms .views-row {width: 100%;}
}

#item .panel-separator{background:none;height:0px}
a:hover {
	color: #008bd2
}

.panel-separator{
    height:20px
}
::selection{
      background: #008bd2; 
}
.right_icons a:hover, .search_icon i:hover, .search_icon i.activeated_search{
    cambio background: #008bd2
}
.s_form{
    border-top: 2px solid #008bd2;
}
.s_form:after{
    border-bottom: 6px solid #008bd2;
}
.search button:hover{
    color: #008bd2
}
#header .search button:hover{
    color: #008bd2
}
.inner_f{
    background-color: #008bd2;
}
#layerBall{
    box-shadow: 0 0 1px #008bd2;
}
#layerBall:after {
     background-color: #008bd2;
}
#layerBall:before{
    box-shadow: 0 0 4px  #008bd2;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    background: #008bd2;
}
.small_posts .s_thumb span{
   background: #008bd2; 
}
.pagination-tt ul li a, ul.pager li a{
     background: #008bd2; 
}
.wp-polls input.Buttons{
      background: #008bd2; 
}
.title.colordefault, .cat.colordefault, li.colordefault:hover > a, li.colordefault li:hover > a, li.current.colordefault{
     background: #008bd2; 
}
.colordefault.title:after {border-top-color: #008bd2 !important}
.colordefault.cat:after {border-left-color: #008bd2 !important}
#contactForm #message:focus{
    border: 1px solid #008bd2;
}
#contactForm #sendMessage{
    background: #008bd2;  
}

.tags a:hover{
     background: #008bd2;  
}
#footer .tags a:hover{
     background: #008bd2; 
}
#wp-calendar #today{
    background: #008bd2; 
}
.toggle-head-sign{
      background: #008bd2; 
}
.tbutton{
       background: #008bd2; 
}
#newsletters button:hover{
       background: #008bd2; 
}
#mobilepro:hover, #mobilepro.on{
     background: #008bd2; 
}
body.page-para-agua .stream-apps-meta+p>a{
     background: #008bd2; 
}

h1,h2,h3,h4,h5,h6{
    line-height:normal;
    
}
body{
     line-height:normal;
}
.sf-menu{
    padding:3px;
 }
 .sf-menu, .sf-menu *{
     z-index: initial;
 }
 
 #footer .grid_3{
     height: 300px;
 }
 #footer .widget{
     margin: 20px 0;
 }
 @media (max-width: 951px){
     .sf-menu, .sf-menu *{
      z-index:490;
     }
 }


@media (max-width: 764px){
      #footer .grid_3{
     height: 260px;
      }
 }
 
 .pane-title{
      
     font-size: 30px;
    font-weight: bold;
 }
.field-items{
    
 font-family: NexaLight, Helvetica, Tahoma, Arial;
 font-size: 15px;
}
h1, h2, h3, h4, h5, h6{
     font-family: NexaLight, Helvetica, Tahoma, Arial;
}

#footer .grid_3{
    margin-left:1%;
    margin-right:1%;
}
.c_head{
    background:#585656;
}
.sf-menu ul li{
     background:#585656;
}

.title.color1, .cat.color1, li.color1:hover > a, li.color1 li:hover > a, li.current.color1{background: #008BD2}
.sf-menu > li:hover > a, .sf-menu > li > a:hover {
    color: #fff;
    background: #008BD2;
}
.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {
	background: #008BD2;
}
#mobilepro:hover, #mobilepro.on{
    	background: #008BD2;
}
.tbutton {
    	background: #008BD2;
}
.s_form{
    border-top: 2px solid #008BD2;
}
.s_form:after{
        border-bottom: 6px solid #008BD2;
}
.search_icon i{
    background: #47ae17;
}
.search_icon i{
   padding: 18px 18px;
}
.sf-menu li{
    border-right: 0px solid white;
}

@media screen and (max-width: 980px) and (min-width: 768px){
.row {
    width: 100%;
}

}

@media (max-width: 767px){
.row {
    width: 100%;
}

}







.sf-menu a{
    padding: 14px 18px;
}
#footer a{
    color:#ddd;
}
#footer a:hover{
    color:#008bd2;
}
.flexslider{
    border:none;
    margin-top: 6px;
}

.view-drinux-normatividad .view-filters > form > div > div > div > div label{
  display: block!important;
}

.node-type-normatividad .radix-layouts-content > div > div.panel-pane .field-item{
    padding-left: 0px;
}
.pane-block-28 {
    border: 0px solid #d5d5d5;
}

@media only screen and (max-width: 768px) and (min-width: 480px){
.logo {
    margin:0px;
 }

}
.pane-block-tematica .topics a .tr_all {
    color: #008bd2;
}
body.html.not-front.page-node .container-fluid .field-name-field-file-archivo .field-item.even a{
    background-color: #008BD2 !important;
}
.node-type-documentos .radix-layouts-content > div > div.panel-pane .field-label:before {
    background-image:none;
    width:0px;
    height:0px;
    
}
.node-type-normatividad .radix-layouts-content > div > div.panel-pane .field-label:before {
     background-image:none;
    width:0px;
    height:0px;
}
.node-type-mapas .radix-layouts-content > div > div.panel-pane .field-label:before{
    background-image:none;
    width:0px;
    height:0px;
}
body .drinux-novedades .views-row {
    border:none;
    height: 280px;
}

body .drinux-novedades .views-row .Title_hover {
   
    opacity: 1.2;
}
body .drinux-novedades .views-row .views-field-created {
    
    background-color: #008bd2;
}
ul.pager .pager-current{
     background-color: #008bd2 !important;
}
.view-filters > form > div > div > div > div:last-child input{
    background-color: #008bd2 !important;
}
.float-shadow {
    margin-right: 5px;
}
.field-label-inline .field-label, .field-label-inline .field-items {
    float: none;
}
.node-type-documentos .radix-layouts-content > div > div.panel-pane .field-label {
    color: rgb(122,122,122);
}
body.html.not-front.page-node .container-fluid .field-name-field-file-archivo .field-item.even a{
    border-radius: 10px !important;
}
.node-type-normatividad .radix-layouts-content > div > div.panel-pane .field-label {
     color: rgb(122,122,122);
}
.field .field-label {
    font-weight: normal;
}

body.html.not-front.page-node .container-fluid .field-name-field-file-archivo .field-item.even a:before {
    font-family: 'FontAwesome';
    background-image: none;
    content: "\f019";
}
.view-drinux-mapas .views-exposed-form .views-exposed-widget .form-submit {
   margin-top:1.3em;
}

.page_content{
    margin:0;
}
.form-item-tipo-grafico{
    display:none;
}


body.html.not-front.page-node .single_title {
    margin-bottom: 20px;
    width: 100%;
    margin-top: 10px;
}

@media only screen and (max-width: 959px) and (min-width: 768px){
  .sf-menu {
   
    background: #585656;
  }
}
@media only screen and (max-width: 767px) and (min-width: 100px){
.sf-menu {
    
     background: #585656;
}
}
@media (max-width: 991px){
  .caratula{
      margin-bottom:15px;
      margin-top:50px;
  }
}


@media (max-width: 991px){
   .pane-title{
       margin-top:10px;
   }
}

.node-type-mapas .radix-layouts-content > div > div.panel-pane .field-item {
    padding-left: 0px;
}

/* google fonts */

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}