/*Comenzamos con las fuentes*/
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans-regular-webfont.woff2') format('woff2'),
    url('fonts/opensans-regular-webfont.woff') format('woff'),
    url('fonts/opensans-regular-webfont.ttf') format('truetype'),
    url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}

/*---------------------------genericos------------------------------*/
html, body{font-family: "open_sansregular", Arial, sans-serif !important;}
.block:first-child h2.block-title, .page-header{ color:#52A9DE}
ul{ margin: 0; padding: 0; list-style-type: none; }
.tooltip{ font-family: "open_sansregular", Arial, sans-serif !important; }
.node-article img{ width: 100% }

.region-content ul{margin-left: 20px; list-style-type: disc;}

.region-content .media-list{margin: 0; padding: 0; list-style-type: none;}

.sesion-exp{ text-align: center; padding: 100px 0}
.btn { border: none !important; border-radius: 20px !important; padding: 6px 18px !important;}

/*----------------------------header----------------------------------*/
#navbar {background: black; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; border-top: 5px solid #52A9DE; position: relative; margin-bottom: 22px !important; height: 57px;}
.navbar-default { background-color: transparent; border-color: transparent;}
.navbar-brand {display: none;}
.navbar.container, .navbar.container-fluid { margin-top: 0;}
.navbar-inverse .navbar-nav > li > a { color: #fff; font-size: 12px}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background-color: transparent;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background-color: transparent;}

.dropdown-menu > li > a {font-size: 12px; color: #428bca; padding: 6px 20px;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {  color: #fff;  text-decoration: none; background-color: #428bca;}


@media all and (max-width: 767px) {
    .navbar-header img { width: 70%;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:transparent; background: #080808 }

}
/**************ojo con esto******************/
.main-container{ position: relative !important; }



/*-----nav ingresá y redes antes de loguearme y de logueo-------*/
/*#block-block-19{ width: 50%; float: right;}*/
#block-block-19{   margin: 0; position: absolute; right: 18px; z-index: 1000;     top: -74px;}

.nav-panel2 {overflow: hidden; margin-top: 10px; }
.nav-panel2 .ingresa1, .nav-panel2 .ingresa2 { float: right }
.nav-panel2 a{text-decoration: none; color: #fff;}

.nav-panel2 li{ display:block; float: left;}
.nav-panel2 .login {font-size: 11px!important; text-align: right; padding-right: 10px; margin-top:5px}
.nav-panel2 .login a:hover {color: #4cc1e7!important;}
.nav-panel2 .regis { font-size: 11px!important; text-align: right; padding: 0 10px; margin-top:5px}
.nav-panel2 .regis a:hover {color: #4cc1e7!important;}

.nav-panel2 li .face, .nav-panel2 li .twitter, .nav-panel2 li .youtube, .nav-panel2 li .gplus { width: 18px; height: 18px; text-indent: 9999px; display: block; margin: 5px 0 0 5px; }
.nav-panel2 li .face { background: url("images/face.png") no-repeat;  background-size: 100%; }
.nav-panel2 li .twitter { background: url("images/twitter.png") no-repeat;  background-size: 100%}
.nav-panel2 li .youtube { background: url("images/yt.png") no-repeat;  background-size: 100%}
.nav-panel2 li .gplus { background: url("images/gplus.png") no-repeat;  background-size: 100%}

@media ( max-width: 767px){
    #block-block-19 .nav-panel2 .ingresa2{ display: none; }
    #block-block-19 {right: 63px; }
    .nav-panel { margin-bottom: 10px;}
}

/*********logueado************/
.usuario-logueado {color: #fff;  margin-top: 10px;}
.usuario-logueado .bienvenida-user{ font-size: 12px; text-align: right; border-right: 1px solid #ccc; padding-right: 10px; float: left;}
.usuario-logueado .dominios { background: url("images/dominios.svg") no-repeat 10px 5px;  background-size: 20px; width: 30px; height: 25px; display: block; margin: 0 0 0 3px;  font-family: "fjalla_oneregular", Arial, Sans-serif; padding: 6px 0 0 34px; color: #fff; float: left;}
.usuario-logueado .salir { background: url("images/salir.svg") no-repeat 10px 5px;  background-size: 20px; width: 30px; height: 25px; display: block; margin: 0 0 0 3px;  font-family: "fjalla_oneregular", Arial, Sans-serif; padding: 6px 0 0 34px; color: #fff;float: left;}

.usuario-logueado .dominios:hover { background: url("images/dominios-hover.svg") no-repeat 10px 5px;  background-size: 20px; color: #4cc1e7; text-decoration: none;}
.usuario-logueado .salir:hover { background: url("images/salir-hover.svg") no-repeat 10px 5px;  background-size: 20px; color: #4cc1e7; text-decoration: none;}
@media ( max-width: 425px){
    .usuario-logueado .bienvenida-user{ display: none }
    .usuario-logueado .dominios {}
    .usuario-logueado .salir {}


}


/*---------miga de pan--------*/
.breadcrumb {list-style: none; background-color: transparent; border-radius: 0;     border-bottom: 1px solid #eee; font-size: 12px}


/*-------------------Home--------------------------------*/
.region-content .buscarbox {display: none;}
@media all and (max-width: 767px) {
    .region-content .buscarbox {background: #0074c0;width: 100%; margin-top: 20px; margin-bottom: 3%; padding: 10px; color: #fff; display: -webkit-flex; display: flex; justify-content: center}
}


/*---botones inferiores---*/
.tutHome{ align-content: center; margin:10px 0 0 0; overflow: hidden;}
.tutHome div{padding-right: 2px !important; padding-left: 2px !important;}
.tutHome a{ font-weight:100; text-decoration:none; padding:20px; text-align:center; font-family: 'fjalla_oneregular', sans-serif; text-transform:uppercase; font-size:17px; color: #fff; width: 100%; display: block;
    background: rgba(73,155,234,1); border-radius: 4px}

.tutHome a:hover { background: rgba(189,189,189,1); }

@media all and (max-width: 768px) {
    .tutHome a{ padding:10px; margin-bottom: 10px}
}

/*---Novedades---*/
#block-views-noticias-block-1{ margin-top: 20px; }
#block-views-noticias-block-1 h2 {  font-size: 16px;    padding: 0 0 3px!important; margin: 0 0 30px !important; border-bottom: 1px solid #ccc; line-height: 22px!important; color: #52A9DE;}
#block-views-noticias-block-1 .media {margin-bottom: 30px; border-bottom: 2px solid #ccc; padding-bottom: 20px}
#block-views-noticias-block-1 .media img {border: 1px solid #ccc; padding: 5px; background: white; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 1px 1px 2px #ccc; width: 99px;}

/*------------------------sidebar----------------------------*/
.version {font-size: 10px; text-align: right; color: rgba(0, 0, 0, 0.2); position: fixed; bottom: 5px; right: 5px;}
.region-sidebar-second .atencionalusuario, .region-sidebar-second .tutoriales, .region-sidebar-second .buscarbox, .region-sidebar-second .ipv6Btn, .region-sidebar-second .convosBtn, .region-sidebar-second .csirtBtn, .region-sidebar-second .instructivos,  .region-sidebar-second .tad{ width: 100%; margin-bottom: 3%; padding: 10px; color: #fff; display: -webkit-flex; display: flex; justify-content: center}
.region-sidebar-second .buscarbox {background: #0074c0;}

.region-sidebar-second .atencionalusuario{background: #cf4858;}
.region-sidebar-second .instructivos {background: #17a89e;}
.region-sidebar-second .tutoriales {background: #17a89e;}
.region-sidebar-second .ipv6Btn {background: #171918;}
.region-sidebar-second .csirtBtn {background: #529ece;}
.region-sidebar-second .convosBtn { background: #f0b000; background-image: url('images/convosBG.jpg');}
.region-sidebar-second .tad { background-color: #e9e9e9;}

.region-sidebar-second .lineaBannerExterno {border-top: 1px solid #eaeaea; margin: 10px 0;}
.region-sidebar-second img{ width: 100% }

@media all and (max-width: 767px) {
    /*.region-sidebar-second .atencionalusuario, .region-sidebar-second .tutoriales, .region-sidebar-second .buscarbox, .region-sidebar-second .ipv6Btn, .region-sidebar-second .ipv6Btn, .region-sidebar-second .convosBtn{ display: none }*/
    .region-sidebar-second { display: none }
}

/*----s1gateway / Chat ----*/

.s1Gateway a{ border-radius:50%;width:90px; height:90px;  position: fixed; bottom:15px; right: 15px; z-index: 1040; display:block;-webkit-box-shadow: 3px 3px 5px 1px rgba(9,9,9,0.2);-moz-box-shadow: 3px 3px 5px 1px rgba(9,9,9,0.2); box-shadow: 3px 3px 5px 1px rgba(9,9,9,0.2); background-image: url('images/chatS1g_cuadrado.png'); background-size: 90px; background-position:center; text-indent: -9999px}

@media all and (max-width: 800px){
    .s1Gateway a{  border-radius:50%;width:60px; height:60px; background-size: 60px;   }
}


/*----------------------------------------Noticias--------------------------------*/
.node-type-article .field-name-field-image img{ max-width: 100%; height: auto }
.view-noticias .media{margin-bottom: 30px; border-bottom: 2px solid #ccc; padding-bottom: 20px}
.view-noticias .media img{border: 1px solid #ccc; padding: 5px; background: white; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 1px 1px 2px #ccc; width: 99px;}

/*la imagen de afuera*/
.node-article .group-left.col-md-7{ display: none; }
.node-article .img-derecha{ margin:0 0 15px 15px; float: right;}
.node-article .img-izquierda{ margin:0 15px 15px 0; float: left; }
.node-article .img-arriba{ margin:0 0 20px 0; }
.node-article .img-abajo{margin:20px 0 0 0;}


/*--------------Organismos Internacionales---------------------------------*/
.organismo{ margin: 0 0 40px 0; padding: 27px 0; overflow: hidden; list-style-type: none}
.organismo li{     list-style: none; float: left; margin: 15px;}
.organismo li img{ border: 1px solid #ccc; width: 100% }
@media all and (max-width: 1200px){
    .organismo li{    margin: 8px;  width: 30%;}
}
@media all and (max-width: 530px){
    .organismo li{ width: 45%;}
}
@media all and (max-width: 370px){
    .organismo li{ width: 85%;}
}

/*----------------como operar-----------------*/
.listado-que .item-list{overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom:10px}
.listado-que .item-list img{width:100%;}
.listado-que .item-list h2{font-family: 'fjalla_oneregular', Arial, Sans-serif; padding: 0; margin:8px 0;}
.listado-que .item-list h2.tit1{color:#3EA3BE;}
.listado-que .item-list h2.tit2{color:#C65358;}
.listado-que .item-list h2.tit3{color:#E0A74E;}

@media( max-width:600px){
    .listado-que .item-list img{ width: 125%;}
}
@media( max-width:600px){
    .listado-que .item-list img{ width: 125%;}
}
@media( max-width:375px){
    .listado-que .item-list img{ width: 150%;}
}
/*--------------IPv6---------------------------------*/
.tecno {overflow: hidden;}
.tecno img{border-radius: 10px; width: 100%}

@media( max-width:425px){
    .tecno div{ width: 100% !important}
    .tecno img{ margin-bottom: 15px }
}

/*-------------------Dominios especiales--------------*/
.dominiosUl  {padding-left:0;  border-bottom: 1px solid #f0f0f0; overflow: hidden; }
.dominiosUl li {    float:left; font-weight: bold;  font-size: 15px;    line-height:17px;   padding: 0 14px; list-style:none; border-right: solid 1px #e5e5e5; margin-bottom:1%;
}
.dominiosUl li:last-child {  border-right: none;    }
.dominioCont img{ width:16%; float:left; margin: 0 1% 2% 0; display:block;overflow: hidden;}
.dominioCont div{float:left; width: 80%;border-left: solid 1px #e5e5e5; padding-left:1%;}
.dominioCont { clear:both; margin:30px 0 0 0; display: block; overflow: hidden;}


@media all and ( max-width:600px){

    .dominioCont img{ width:30%; float:none; margin: 0 0 2% 0; display:block;overflow: hidden;}
    .dominioCont div{float:none; width: 100%;border-top: solid 1px #e5e5e5; padding-left:0; border-left:none; padding-top:1%;}

}

/*--------en cifras (tabla responsiva)-----------*/
table.tablaRespon2 {border:1px solid #ccc;width:100%;margin:0 0 50px 0}
.tablaRespon2 th {background:#ccc;padding:5px;text-align:center;}
.tablaRespon2 td{border-bottom:1px solid #ccc;padding:5px;text-align:center}
.tablaRespon2 tr:last-child td{}

@media only screen and (max-width: 992px)
{table.tablaRespon2, .tablaRespon2 thead, .tablaRespon2 tbody, .tablaRespon2 th, .tablaRespon2 td, .tablaRespon2 tr { display: block; }
    .tablaRespon2 thead tr { position: absolute;top: -9999px;left: -9999px; }
    .tablaRespon2 tr { border: 1px solid #ccc; }
    .tablaRespon2 td { border: none;border-bottom: 1px solid #ccc; position: relative;padding-left: 50% !important; text-align: right; }
    .tablaRespon2 td:before {  position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight:bold; text-align: left;}
    .tablaRespon2 td:nth-of-type(1):before { content: "2017"; }
    .tablaRespon2 td:nth-of-type(2):before { content: ".com.ar"; }
    .tablaRespon2 td:nth-of-type(3):before { content: ".gob.ar"; }
    .tablaRespon2 td:nth-of-type(4):before { content: ".gov.ar"; }
    .tablaRespon2 td:nth-of-type(5):before { content: ".int.ar"; }
    .tablaRespon2 td:nth-of-type(6):before { content: ".mil.ar"; }
    .tablaRespon2 td:nth-of-type(7):before { content: ".musica.ar"; }
    .tablaRespon2 td:nth-of-type(8):before { content: ".net.ar"; }
    .tablaRespon2 td:nth-of-type(9):before { content: ".org.ar"; }
    .tablaRespon2 td:nth-of-type(10):before { content: ".tur.ar"; }
    .tablaRespon2 td:nth-of-type(11):before { content: "Total"; }
}

/*--------aranceles (tabla responsiva)-----------*/
table.tablaRespon {border:1px solid #ccc;width:100%;margin:0 0 50px 0}
.tablaRespon th {background:#ccc;padding:5px;text-align:center;}
.tablaRespon td{border-bottom:1px solid #ccc;padding:5px;text-align:center}
.tablaRespon tr:last-child td{}

@media only screen and (max-width: 600px)
{table.tablaRespon, .tablaRespon thead, .tablaRespon tbody, .tablaRespon th, .tablaRespon td, .tablaRespon tr { display: block; }
    .tablaRespon thead tr { position: absolute;top: -9999px;left: -9999px; }
    .tablaRespon tr { border: 1px solid #ccc; }
    .tablaRespon td { border: none;border-bottom: 1px solid #ccc; position: relative;padding-left: 50%;text-align:left }
    .tablaRespon td:before {  position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight:bold}
    .tablaRespon td:nth-of-type(1):before { content: "ZONA"; }
    .tablaRespon td:nth-of-type(2):before { content: "ALTA"; }
    .tablaRespon td:nth-of-type(3):before { content: "RENOVACION"; }
    .tablaRespon td:nth-of-type(4):before { content: "TRANSFERENCIA"; }
    .tablaRespon td:nth-of-type(5):before { content: "DISPUTA"; }}
/*--------------------Instructivos------------------*/

.instructivoCont { clear:both; margin:30px 0 0 0; display: block; overflow: hidden;}
.instructivoCont h3{margin-top: 0;}
.instructivoCont .tipo{ width:68px; float:left; margin: 0 1% 2% 0; display:block;overflow: hidden; background: #11a79e;}
.instructivoCont .tipo a { color:#fff; font-size: 60px;}
.instructivoCont div{float:left; width: 75%;border-left: solid 1px #e5e5e5; padding-left:1%;}

@media all and ( max-width:1200px){
    .instructivoCont .tipo { width: 65px;}
}
@media all and ( max-width:375px){
    .instructivoCont h3{margin-top: 0; font-size: 14px; font-weight: bold;}
    .instructivoCont div{width: 70%;}



}

/*--------------------Preguntas Frecuentes------------------*/
.categoriasMenu {   margin-bottom:20px !important; border: 1px dashed #ccc; min-height:90px; overflow:hidden;   padding:15px 0 20px 20px !important;}
.categoriasMenu #importa-mas{width: 97.5%; margin-bottom: .6%;}
.categoriasMenu #importa-mas.select{width: 97.5% !important; margin-bottom: .6%; color: #333 !important; text-decoration: none !important; line-height: 27px;}
.categoriasMenu h2 {    color: #52A9DE; margin-top:0 !important; }

ul.categoriaUL{ margin:0; padding:0}
.categoriaUL li{ list-style-type: none;width: 24%;  float: left; margin-left:.5%; margin-bottom:.5%}
@media all and (max-width: 992px){
    .categoriasMenu #importa-mas{      width: 97%;}
    .categoriaUL li{ width: 32%;}
}
@media all and (max-width: 600px){
    .categoriaUL li{ width: 49%;}
}
@media all and (max-width: 480px){
    .categoriaUL li{ width: 97%;}
}
.categoriaUL li a{  text-decoration:none !important; line-height:27px; padding:5px 10px 5px 15px;   float:left; font-weight: bold;  text-align: center; font-size: 13px ; width: 100%; background: #f2f2f2;}
.categoriaUL li a:hover, .select {  color:#333 !important;  text-decoration:none !important;     }
.faqcategory h2, .colorCeleste{     color: #52A9DE;}nav-panel
.question{  cursor: pointer;    margin-bottom:20px; border-bottom: 1px solid #eee}
.question h5{ color: #282828; font-weight: bold; }
.answer{    margin:10px 0 16px 40px;}

/*------------------------ Pagina de tutoriales------------------------*/
/*Arreglar responsive*/
.grande{ background:#EDEDED; margin-bottom:10px; padding:10px}
.grande object { width: 100% !important; height: 415px}
.content-peque{ display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row wrap; justify-content: space-between; margin-bottom: 40px;}
.peque{ background:#EDEDED; margin-bottom:10px;     width: 32.5%; text-align:center; padding:5px; text-align: center}
.peque img{ max-width:100% }

@media all and (max-width: 780px) {
    .peque{ width: 46%; }
    .grande object { height: 375px}
}
@media all and (max-width: 600px) {
    .grande object { height: 315px}
}
@media all and (max-width: 365px) {

    .grande object { height:200px}
}
/*--------------------------------CSIRT-------------------------------*/
.columna60{ width:57%; float:left;margin-right:3px;margin-left:3% !important;}
.btnCsirt{ margin-bottom:30px; width:37%; background: #CF4858; margin-top:4px;  overflow: hidden;float:left; padding:3%;}
.btnCsirt:hover{ color: #fff; }
.btnCsirt:visited{ color: #fff; text-decoration:none; }

@media (max-width: 600px){
    .columna60{ width:100%; float:none;  }
    .btnCsirt{  width:100%; margin-bottom:30px;}
}

/*--------------------------------Prensa-------------------------------*/
.prensa { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 17px 0}
.prensakit{display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; justify-content: flex-start ; border-bottom: 1px solid #ccc; margin-bottom: 40px; padding: 27px 0}
.prensakit .prensaIMG img{ border: 1px solid #ccc;    box-shadow: 0 0 3px #ccc;    border-radius: 5px;    -moz-border-radius: 5px;  -webkit-border-radius: 5px;    -o-border-radius: 5px; margin-right: 20px}
.prensakit .prensaCTNT h3 { margin-top: 0 !important; padding-top: 0 !important; line-height: 25px!important; }

@media all and (max-width: 800px){
    .prensakit{-webkit-flex-flow: column; flex-flow: column;}
    .prensakit .prensaIMG { text-align: center; margin-bottom: 10px}
}

/*-----------------------ATENCION-------------------*/

.atenc-info {display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch ; font-size: 12px; color: white ; }
.atencion1, .atencion2, .atencion3, .atencion4 { box-sizing: border-box; flex-grow:1;  margin-left: 3px; background:#535353; width: 24.8%}
.atenc-info  img {width:90%;}
.atenc-info .thumbImg {text-align: center; background:#cf4858}
.atenc-info .thumbTxt {padding:10px;}
.atenc-info .thumbTxt h4 {margin:0; padding:0; height: 45px}
.atenc-info a{ color:#f4ac42; }


.atenc-form {display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch ; font-size: 18px; color: white;}

.atenc-form a {color:white; text-decoration: none;}
.atenc-form a:hover {color:#f4ac42; text-decoration: none;}


.boton1, .boton2, .boton3, .boton4, .boton5 {box-sizing: border-box; width: 20%; padding: 10px 0; display: block;}
.boton1 {background-color:#1d5084;}
.boton2 {background-color:#246cb6;}
.boton3 {background-color:#13579c;}
.boton4 {background-color:#113b65;}
.boton5 {background-color:#2d83db;}

.boton1:hover, .boton2:hover, .boton3:hover, .boton4:hover, .boton5:hover {background:#4d505b;}
.atenc-form .atenc-icono {display:block; width:32%; margin:15px auto; text-align: center;}
.atenc-form .atenc-titulo {display: block; text-align: center;}

@media all and (max-width: 800px){
    .atenc-info {-webkit-flex-flow: column; flex-flow: column;}
    .atenc-form {-webkit-flex-flow: column; flex-flow: column; margin-bottom: 15px;}
    .atencion1, .atencion2, .atencion3, .atencion4 {margin-bottom: 3px}
    .atenc-info .thumbImg { text-align: center; margin-bottom: 10px}
    .atenc-info .thumbTxt { text-align: center; margin-bottom: 10px}
    .atenc-form .atenc-icono { text-align: center; margin-bottom: 10px}
    .atenc-form .atenc-titulo{ text-align: center; margin-bottom: 10px}
}

/*---------Error 403------------------------*/
.error403 {text-align: center; margin: 15px; }
.error403 h1{color: #52A9DE; font-size:28px; margin: 0 0 35px; padding:0;}
.error403 p{font-size: 20px; color: #52A9DE; margin-bottom: 15px}
.btnError { width:40%; background:  #52A9DE; text-decoration: none; color: white; padding: 10px}
.btnError:hover {text-decoration: none}

/*---------Error 404------------------------*/
.error404 {text-align: center; margin: 15px; }
.error404 h1{color: #52A9DE; font-size:28px; margin: 0; padding:0;}
.error404 p{font-size: 20px; color: #52A9DE; margin-bottom: 15px}
.btnError { width:40%; background:  #52A9DE; text-decoration: none; color: white; padding: 10px}
.btnError:hover {text-decoration: none}

/*-------------------------webforms--------------------*/
.webform-component label {
    display: inline-block;
    width: 30%;
    margin-right: 1em;
    text-align: right;
}
.webform-component select { width: 53.4%; height: 34px; border: 1px solid #ccc;
    border-radius: 4px; }
.webform-component .form-number { width: 53.5%;}
.webform-component .resizable-textarea { width: 53.7%;}
.form-managed-file button {margin-left: 24px;}
.webform-component .description { margin-left: 270px}



@media all and (max-width: 1200px) {
    .webform-component label{ width: 100%; display: block; text-align: left;}
    .webform-component select { width: 65%;}
    .webform-component.form-number { width: 65%;}
    .webform-component .resizable-textarea { width: 65%;}
    .form-managed-file button {margin-left: 24px;}
    .webform-component .description { margin-left: 0px}
}

/*-------------------------------NOticias----------------------------*/
.iframe-yt{width: 100% !important;height: 380px;}

/*----------------------------------------------footer------------------------*/
footer { background: #747474; font-size: 12px; color:  #ccc;}
.footer { border-top: none; margin-top: 15px; padding-top: 15px;}
footer h3 { color: #D9EDF7!important; font-size: 14px!important; font-weight: bold; line-height: 22px!important;}


.footerZona1{ align-content: center; margin-top: 10px}
.footerlinks{ width: 80%;  align-content: center; }
.navInferior1, .navInferior2, .navInferior3, .redesSociales{width: 23%; float: left;}
.redesSociales{width: 25%; padding-right: 0 !important;padding-left: 0 !important;}

.navInferior1 ul, .navInferior2 ul, .navInferior3 ul{ margin: 0; padding: 0;  }
.navInferior1 li, .navInferior2 li, .navInferior3 li{ list-style: none; padding-bottom: 12px; }
.navInferior1 a, .navInferior2 a, .navInferior3 a { color: #ccc; font-size: 11px; text-decoration: none; }
.navInferior1 a:hover, .navInferior2 a:hover, .navInferior3 a:hover { color: #D9EDF7; -webkit-transition: color 0.9s; -moz-transition: color 0.9s; -o-transition: color 0.9s; -ms-transition: color 0.9s; transition: color 0.9s;  }

.footerAtencion{width: 20%; text-align: right;}
.footerAtencion p{margin: 0 0 3px;}

.footerZona2{align-content: center; margin-top: 40px }
.footerLogos{text-align: right; }

@media all and (max-width: 991px) {
    .footerZona1, .footerZona2{}
    .footerlinks { width: 100%; }
    .navInferior1, .navInferior2, .navInferior3{ display: none; }
    .footerlinks .redesSociales{ width: 100%; text-align: center; }
    .footerAtencion{width: 100%;     text-align: center;}
    .footerFacts, .footerLogos{width: 100%;     text-align: center;}
    .footerLogos{ margin-top: 20px; text-align: center; }
}

/*******************WHOIS TEMPORAL*************************/
.wi-consulta{margin: 23px 0px;}
.noregistra {color:#489635; text-align: center}
.siregistra{color:#cf4858; text-align: center}
.el-dominio-wi {color: #52A9DE; font-size: 30px; word-wrap: break-word; text-align:center; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom: 10px}


/***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************estos eran los estilos que estaban el panel de control****************/

/*entro al sistema*/
.pagina-seleccion{ padding: 30px 0  50px 0;}
.pagina-seleccion div{padding: 0 10px 0 0}
.pagina-seleccion .col-xs-12{ padding-left: 0; }
.pagina-seleccion .col-sm-3{ padding-left: 0; }
.pagina-seleccion .sel_cuit{ width: 100%}

@media all and (max-width: 768px) {
    .pagina-seleccion div{padding: 0 10px 0 0}
    .pagina-seleccion .col-xs-12{     padding-left: 0;}
    .pagina-seleccion .col-xs-12 .btn{ margin-bottom: 20px; width: 100%; padding: 14px !important; }
}


/*modal*/
.modal { top: 10%;}
.modal .autodelega{ margin-left: 20px }

/*-------Busquemos un dominio-----------------*/
.busca-dominios{ }
.busca-dominios .campo-busca{ width: 80%;  }
.busca-dominios .campo-busca .form-item { width: 100%;}
.busca-dominios .campo-busca .form-item input { width: 100%; }

@media all and (max-width: 768px) {
    .busca-dominios .campo-busca{ width: 100%; }
    #dominios-form button{ width: 100%; padding: 14px !important; }
}
.captcha{margin-bottom: 25px;}

/*----Paginas de buscar dominios disponibles ----*/
.resuelve-dominios{     margin-bottom: 15px; }
.resuelve-dominios .disponible{ font-size: 16px; color: #fff; background: #5cb85c;
    border-radius: 5px; padding: 6px; width: 115px; text-align: center;}
.resuelve-dominios .no-disponible{ font-size: 16px; color: #fff; background: #b94a48; border-radius: 5px; padding: 6px;   width: 153px;  text-align: center;  }
.resuelve-dominios .el-dominio{ color: #52A9DE; font-size: 30px;     word-wrap: break-word; }
@media all and (max-width: 450px) {
    .resuelve-dominios .el-dominio{ font-size: 20px;   margin-top: 19px;
    }
}

.info-importante{ margin: 30px 0; border:1px solid #ff9100; border-radius: 4px; padding: 10px 20px 10px 80px; background-image: url(images/info.png); background-repeat: no-repeat;     background-size: 60px;
    background-position: 5px 5px;}
.info-importante-disputa{ margin: 30px 0; border:1px solid #ff9100; border-radius: 4px; padding: 10px 20px 10px 80px; background-image: url(images/info.png); background-repeat: no-repeat;     background-size: 47px;
    background-position: 5px 5px;}

/*----Botones inferiores de contenido ----*/
.sec-botones{ border-top: 1px solid #eee; padding-top: 10px; margin-top: 10px; text-align: right; margin-bottom: 20px}





/*-----------------buscador flotante arriba------------------------*/
#block-block-17{ width: 50%; float: right; position: relative; top: 64px;}
#block-block-17 .buscarbox{background: #0074c0; width: 190px; float: right; text-align: center;}
#block-block-17 .buscarbox img{ width: 80% }
@media ( max-width: 767px){
    #block-block-17{ display: none;}
}

.panel-tablas>tbody>tr>td, .panel-tablas>tbody>tr>th, .panel-tablas>tfoot>tr>td, .panel-tablas>tfoot>tr>th, .panel-tablas>thead>tr>td, .panel-tablas>thead>tr>th {
    padding: 4px; text-align: center}

.panel-tablas{ font-size: 12px; }

/*-----usuario logueado si va arriba en la navegación-------*/
#block-block-21{   margin: 17px 15px 0 0;    position: absolute;    right: 75px;
    top: 0;    color: white;    z-index: 1000;}

/*****************ingresamos al sistema*******************/
.ingreso-registro{}
.ingresamos{background: #eee;  border-radius: 5px; padding: 10px; overflow: hidden; margin-bottom: 20px }
.ingreso-registro .tengo-clave{}

.ingreso-registro .soy-extranjero{border-left: 1px solid #ccc }
.ingreso-registro .soy-extranjero .ingreso-ext{color: white; font-family: 'fjalla_oneregular', sans-serif;     font-size: 18px; padding: 20px; background: rgba(103,199,6,1);
    background: -moz-linear-gradient(45deg, rgba(103,199,6,1) 0%, rgba(179,212,78,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(103,199,6,1)), color-stop(100%, rgba(179,212,78,1)));
    background: -webkit-linear-gradient(45deg, rgba(103,199,6,1) 0%, rgba(179,212,78,1) 100%);
    background: -o-linear-gradient(45deg, rgba(103,199,6,1) 0%, rgba(179,212,78,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(103,199,6,1) 0%, rgba(179,212,78,1) 100%);
    background: linear-gradient(45deg, rgba(103,199,6,1) 0%, rgba(179,212,78,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c706', endColorstr='#b3d44e', GradientType=1 ); width: 65%; border-radius: 5px; display: block; margin: 10px auto;}

.ingreso-registro .soy-extranjero .ingreso-ext:hover{
    background: rgba(117,224,3,1);
    background: -moz-linear-gradient(45deg, rgba(117,224,3,1) 0%, rgba(200,232,96,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(117,224,3,1)), color-stop(100%, rgba(200,232,96,1)));
    background: -webkit-linear-gradient(45deg, rgba(117,224,3,1) 0%, rgba(200,232,96,1) 100%);
    background: -o-linear-gradient(45deg, rgba(117,224,3,1) 0%, rgba(200,232,96,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(117,224,3,1) 0%, rgba(200,232,96,1) 100%);
    background: linear-gradient(45deg, rgba(117,224,3,1) 0%, rgba(200,232,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75e003', endColorstr='#c8e860', GradientType=1 );text-decoration:none }

.ingreso-registro .caja-btn{ padding:10px; text-align: center; overflow: hidden; border-radius: 5px}
.ingreso-registro .ingreso-afip {width: 65%;  text-align: center; padding: 20px; background: rgba(1,39,65,1); background: -moz-linear-gradient(45deg, rgba(1,39,65,1) 0%, rgba(2,111,183,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(1,39,65,1)), color-stop(100%, rgba(2,111,183,1))); background: -webkit-linear-gradient(45deg, rgba(1,39,65,1) 0%, rgba(2,111,183,1) 100%); background: -o-linear-gradient(45deg, rgba(1,39,65,1) 0%, rgba(2,111,183,1) 100%); background: -ms-linear-gradient(45deg, rgba(1,39,65,1) 0%, rgba(2,111,183,1) 100%); background: linear-gradient(45deg, rgba(1,39,65,1) 0%, rgba(2,111,183,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012741', endColorstr='#026fb7', GradientType=1 ); color: white; font-family: 'fjalla_oneregular', sans-serif;     font-size: 18px; margin: 10px auto; display: block; border-radius: 5px}

.ingreso-registro .ingreso-afip:hover, .ingreso-registro .ingreso-afip:visited, .ingreso-registro .ingreso-afip:active, .ingreso-registro .ingreso-afip::visited  {background: rgba(0,80,133,1); background: -moz-linear-gradient(45deg, rgba(0,80,133,1) 0%, rgba(0,148,240,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,80,133,1)), color-stop(100%, rgba(0,148,240,1))); background: -webkit-linear-gradient(45deg, rgba(0,80,133,1) 0%, rgba(0,148,240,1) 100%); background: -o-linear-gradient(45deg, rgba(0,80,133,1) 0%, rgba(0,148,240,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(0,80,133,1) 0%, rgba(0,148,240,1) 100%); background: linear-gradient(45deg, rgba(0,80,133,1) 0%, rgba(0,148,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005085', endColorstr='#0094f0', GradientType=1 ); sans-serif; text-decoration: none; border:none;}

.ingreso-registro .captcha{width: 302px; height: 422px; position: absolute;}
.ingreso-registro .ext-ingresa{ overflow: hidden; margin-top: 10px; text-align: right; }
@media (max-width: 520px){ .ingreso-registro .soy-extranjero, .ingreso-registro .tengo-clave{  width: 100% !important;} .ingreso-registro .soy-extranjero{border-left: 0; border-top: 1px solid #ccc} .ingreso-registro .caja-btn{ padding:0; }
}


.mas-info-ingreso{ margin-left: -1%; }
.mas-info-ingreso .ingreso-in1, .mas-info-ingreso .ingreso-in2 { border: 1px solid #ccc; margin-left: 1%; border-radius: 4px}
.mas-info-ingreso .ingreso-in1 {width: 65.66666667%  !important; overflow: hidden;}
.mas-info-ingreso .ingreso-in1 .tipo{ margin: 0; padding: 0; width: 100% }
.mas-info-ingreso .ingreso-in1 .tipo .pf, .mas-info-ingreso .ingreso-in1 .tipo .pj{margin: 1%;  padding: 1%;  display: block;  float: left;  width: 48%;  text-align: center; }
.mas-info-ingreso  .informate { text-align: center; width: 100%; padding: 22px 0; background: #00b6ff; display: inline-block; border-radius: 5px;    color: #fff;    margin: 20px 0;    font-family: 'fjalla_oneregular', sans-serif;    text-transform: uppercase;   font-size: 20px;     text-decoration: none;}
.mas-info-ingreso .ingreso-in1 .tipo .pf p, .mas-info-ingreso .ingreso-in1 .tipo .pj p{ margin-top: 10px }
.mas-info-ingreso .ingreso-in1 img{    width: 80%;}
.mas-info-ingreso .ingreso-in2 {width: 32.333333% !important;}
.mas-info-ingreso .ingreso-in2 .img-ex{ text-align: center; }
.mas-info-ingreso .ingreso-in2 .img-ex img{ width: 75%;}
.mas-info-ingreso .ingreso-in2 p{color:#f7f7f7; }

@media (max-width: 992px){
    .mas-info-ingreso{ margin-left: 0; }
    .mas-info-ingreso .ingreso-in1,  .mas-info-ingreso .ingreso-in2{ width: 100% !important; margin-bottom: 1%; margin-left: 0; overflow: hidden;}
    .mas-info-ingreso .ingreso-in2 .img-ex{ width: 40%; text-align: center; margin: 0 auto;}
    .mas-info-ingreso .ingreso-in2 p{display: none;}
}
@media (max-width: 425px){
    .mas-info-ingreso .ingreso-in2 .img-ex{ width: 60%; text-align: center; margin: 0 auto;}
}


/*---listadito a nombre de--------*/
.de-quien{ padding-bottom: 25px;}
.de-quien span{ font-weight: bold; }

/*--------------------tablas responsivas----------------------*/
a.fa{ text-decoration: none; }
a.desactiva{ color: #bdbdbd }


@media ( max-width: 767px){
    /* Force table to not be like tables anymore */
    .ui-datatable  table, .ui-datatable  thead, .ui-datatable  tbody, .ui-datatable  th, .ui-datatable  td, .ui-datatable  tr { display: block!important;display: block\0; float: left\0; clear: both\0; width: 100%\0; }

    /* Hide table headers (but not display: none;, for accessibility) */
    .ui-datatable  thead tr { position: absolute!important; top: -9999px!important; left: -9999px!important; line-height:40px!important; }

    .ui-datatable  tr { border: 1px solid #ccc!important;}

    .ui-datatable  td { /* Behave  like a "row" */ border: none!important; border-bottom: 1px solid #eee!important; position: relative!important; padding-left: 50%!important; }

    .ui-datatable  td:before { /* Now like a table header */ position: absolute!important; /* Top/left values mimic padding */ top: 6px!important; left: 6px!important; width: 24%!important;
        padding-right: 10px!important; white-space: nowrap!important; text-align:left;}
    .ui-datatable tr{ margin:20px 0;}
    .ui-datatable tfoot{ display: block;}
    .ui-datatable tfoot td{padding-left: 0 !important; border: none !important;}
    .ui-datatable tfoot td:before { content: "" !important; }
    .ui-datatable tfoot td div{  display: block;}


    /*----------------------------*/
    #delegacont  table, #delegacont  thead, #delegacont  tbody, #delegacont  th, #delegacont  td, #delegacont  tr { display: block!important;display: block\0; float: left\0; clear: both\0; width: 100%\0; }

    /* Hide table headers (but not display: none;, for accessibility) */
    #delegacont  thead tr { position: absolute!important; top: -9999px!important; left: -9999px!important; line-height:40px!important; }

    #delegacont  tr { border: 1px solid #ccc!important;}

    #delegacont  td { /* Behave  like a "row" */ border: none!important; border-bottom: 1px solid #eee!important; position: relative!important; padding-left: 50%!important; }

    #delegacont  td:before { /* Now like a table header */ position: absolute!important; /* Top/left values mimic padding */ top: 6px!important; left: 6px!important; width: 24%!important;
        padding-right: 10px!important; white-space: nowrap!important; text-align:left;}
    #delegacont tr{ margin:20px 0;}
    #delegacont tfoot{ display: block;}
    #delegacont tfoot td{padding-left: 0 !important; border: none !important;}
    #delegacont tfoot td:before { content: "" !important; }
    #delegacont tfoot td div{  display: block;}

    /*
    Label the data
    */
    /*tabla responsiva de mis dominios*/
    .ui-datatable .misdom  td:nth-of-type(1):before { content: "Dominio:"; }
    .ui-datatable .misdom  td:nth-of-type(2):before { content: "Fecha de Alta:"; }
    .ui-datatable .misdom  td:nth-of-type(3):before { content: "Vencimientos:"; }
    .ui-datatable .misdom  td:nth-of-type(4):before { content: "Estado:"; }
    .ui-datatable .misdom  td:nth-of-type(5):before { content: "Mensaje:"; }
    .ui-datatable .misdom  td:nth-of-type(6):before { content: "Acciones NIC:"; }
    .ui-datatable .misdom  td:nth-of-type(7):before { content: "Acciones TAD:"; }
    .ui-datatable .misdom  td:nth-of-type(1) {  font-weight:bold; background:#f1f1f1; }


    /*tabla responsiva de alertas*/
    .ui-datatable .alertas  td:nth-of-type(1):before { content: " "; }
    .ui-datatable .alertas  td:nth-of-type(2):before { content: "Fecha:"; }
    .ui-datatable .alertas  td:nth-of-type(3):before { content: "Tramite:"; }
    .ui-datatable .alertas  td:nth-of-type(4):before { content: "Estado:"; }
    .ui-datatable .alertas  td:nth-of-type(5):before { content: "Acciones:"; }

    .acciones{ overflow: hidden;}


    /*tabla responsiva de delegacion*/
    #delegacont .delegaciones td:nth-of-type(1):before { content: "Host"; }
    #delegacont .delegaciones td:nth-of-type(2):before { content: "IPv4:"; }
    #delegacont .delegaciones td:nth-of-type(3):before { content: "IPv6:"; }
    #delegacont .delegaciones td:nth-of-type(4):before { content: " Acciones "; }
}

/*-------paginador-----------*/

.paginador-panel {display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; justify-content: center; margin-top: 10px; padding: 10px 0; align-items: center; border: 1px solid #eeeeee; border-left: 0; border-right: 0}
.paginador-panel .cont1{ padding: 0 10px  }
.paginador-panel .cont2{display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; justify-content: center; padding: 0 10px; align-items: center; }
.paginador-panel .cont2 span {padding: 0 3px;}
.paginador-panel .cont2 .ui-paginator-current{ font-size: 11px }
.paginador-panel .cont2 .ui-state-default { border-radius: 4px; margin:0 2px; }
.paginador-panel .cont2 .active { background: white; cursor: pointer; }
.paginador-panel .cont2 .active:hover { background: #cecece; cursor: pointer; }
.paginador-panel .cont3{ padding: 0 10px; font-size: 11px }

/*--------------sector de descargas---------------------*/
.info-descargas{display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; justify-content: space-between; margin: 10px 0;}
.info-descargas .referencias{display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; justify-content: space-between; margin: 10px 0;}
.info-descargas .referencias div{ margin-left: 5px }
/*<a href="#"><span class="fa fa-file-pdf-o">&nbsp;</span>PDF</a>
<a href="#"><span class="fa fa-file-excel-o">&nbsp;</span>EXCEL</a>*/

/*------------------delegacion--------------------------*/
.delegacion{ }
.delegacion .el-dominio{ font-size: 20px; color: #52A9DE; font-size: 36px }
.delegacion .activa-delegar{display: -webkit-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; justify-content: center; padding-top: 10px; margin-top: 10px; border-top: 1px solid #eee }
.delegacion .data-delegar{}
.delegacion .si-delega{ padding-top: 20px; }


/**************tu-dns********************/

/*@media screen and (max-width: 768px) { .col-sm-9 { float: none; width: 97% !important; } }

@media screen and (max-width: 768px) { .col-sm-3 { float: none; width: 97% !important; } }

.borde-100 { height: 100vh; }
@media screen and (max-width: 768px) { .borde-100 { height: auto; } }*/

.centrarTexto { text-align: center; }

.txtform { background: #fff; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 10px 20px; width: 100%; text-align: center; font-size: 1.5em; }

/*a:hover { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:selected { text-decoration: none; }
a:link { text-decoration: none; }*/

.btn-empieza { background: #FFCE00; border: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; padding: 20px 17px 14px 17px; letter-spacing: 4px; font-size: 2em; color: #000; width: 304px; margin: 10px 0; float: right; }
@media screen and (max-width: 770px) { .btn-empieza { margin: 0 auto; float: none; } }

.recaptchaCaja { margin: 10px 0 0 0; width: 304px; display: block; }

@media screen and (max-width: 770px) { .col770 { width: 100%; margin: 10px auto; text-align: center; } }

.navMenu { padding: 7px 0; }

.logHerra a { color: #FFCE00; letter-spacing: 0.1em; font-size: 2em; padding: 4px 5px 0 14px; margin: 0 auto; float: left; }

.navMenu ul { float: right; margin: 4px 0 0 0; }
@media screen and (max-width: 766px) { .navMenu ul { float: none; margin: 3px 0; padding: 0; } }
.navMenu ul li { list-style: none; display: inline-block; font-size: 1.5em; margin-left: 10px; }
@media screen and (max-width: 766px) { .navMenu ul li { display: block; margin: 5px 0 0 0; } }
.navMenu ul li a { color: #969696; font-weight: 100; padding: 2px 3px; border: #636363 1px solid; }
.navMenu ul li a:hover, .navMenu ul li a.active { border: #FFCE00 1px solid; color: #F9F9F9; }

.navbar-toggle .icon-bar { background: #FFCE00; }


.comenzar { background: #fff; padding: 2% 0 2.3% 0; overflow: hidden; }

.form-inicio { color: #999; width: 80%; margin: 0 auto; overflow: hidden; }
.form-inicio .col1 { width: 83%; float: left; }
.form-inicio .col2 { width: 190px; margin-left: 10px; float: left; }

.dominio { background: #fff; padding: 10px 0 25px 0; overflow: hidden; }
.dominio .titanaliza { margin: 7px 0; padding-left: 0;}

.cajaEstamos {overflow: hidden;}
.dominio .dominio-ref { text-align: center; font-size: 3em; background: aliceblue; clear: both; border-radius: 12px; margin-top: 10px;}
@media screen and (max-width: 780px) { .dominio .dominio-ref { font-size: 3em; padding: 10px 0 10px; } }
@media screen and (max-width: 600px) { .dominio .dominio-ref { font-size: 2em; padding: 0 0 10px; } }
.dominio .denuevo { text-align: right; padding-right: 0; float: right; }
.dominio .denuevo a { background: #e6e6e6; color: #a2a2a2; }
.dominio .denuevo a:hover { border: 1px solid #636363; color: #636363; text-decoration: none; }

#buscaragain { padding: 20px 0 10px 0; }

.cargandoDatos { text-align: center; background: #fff; border-bottom: 1px dashed #565656; height: 63px; padding-top: 20px; }

.resultados { padding: 10px 0; }
.resultados .tnoticias { text-align: center; }
.resultados ul { margin: 0; padding: 0; }
.resultados li { list-style: none; display: inline-block; text-align: center; width: 32%; font-size: 7em; line-height: .5em; margin-top: 30px; }
@media screen and (max-width: 994px) { .resultados li { font-size: 6em; } }
@media screen and (max-width: 645px) { .resultados li { font-size: 4em; width: 32%; } }
@media screen and (max-width: 460px) { .resultados li { font-size: 3em; } }
@media screen and (max-width: 320px) { .resultados li { font-size: 2.5em; } }
.resultados .describecan { font-size: .15em; }
@media screen and (max-width: 645px) { .resultados .describecan { font-size: .3em; } }
.resultados .cant-error { color: #bf0202; }
.resultados .cant-warn { color: #ffa008; }
.resultados .cant-ok { color: #1bb200; }

ul.bl-main { margin: 0; padding: 0; width: 100%; overflow: hidden; background: #fff; }
ul.bl-main li.active a { background: #efefef; }
ul.bl-main li { list-style: none; text-decoration: none !important;  }
ul.bl-main li a { width: 24%; border:2px solid #ccc; border-radius: 5px; display: block; float: left; opacity: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin: .5%; }

@media screen and (max-width: 991px) and (min-width: 768px) { 

    ul.bl-main li a#estado_dns, ul.bl-main li a#estado_dnssec { padding: 10px 0; } 
    ul.bl-main li a { width: 98%; padding-top: 13px; }
}
@media screen and (max-width: 767px) and (min-width: 611px) { 
    ul.bl-main li a { width: 24%; padding-top: 13px; }
}
ul.bl-main li.arrtit h2{ padding: 28px 10px }
@media screen and (max-width: 991px) and (min-width: 768px) { 
ul.bl-main li.arrtit h2{ padding: 16px 10px 0 10px }
}


@media screen and (max-width: 610px) { ul.bl-main li a { width: 98%; padding-top: 13px; } }
ul.bl-main li a h2 { text-align: center; margin: 0; padding: 20px 20px 0 20px; width: 100%; font-size: 1.2em; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #565656; }
@media screen and (max-width: 1324px) { ul.bl-main li a h2 { font-size: 1.2em; } }
@media screen and (max-width: 848px) { ul.bl-main li a h2 { font-size: 1.2em; letter-spacing: 0; } }
@media screen and (max-width: 675px) { ul.bl-main li a h2 { font-size: 1em; margin-bottom: 8px; } }
@media screen and (max-width: 610px) { ul.bl-main li a h2 { text-align: left; margin: 0; padding: 0 10px 16px 10px; width: 50%; font-size: 1.2em; } }
ul.bl-main li a:hover { text-decoration: none !important; }
ul.bl-main li a:hover h2, ul.bl-main li a:hover ul { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); text-decoration: none; }

ul.datos { display: table; padding: 0; width: 70%; margin: 0 15% 20px 15%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media screen and (max-width: 1324px) { ul.datos { width: 70%; margin: 0 15% 20px 15%; } }
@media screen and (max-width: 845px) { ul.datos { width: 80%; margin: 0 10% 20px 10%; } }
@media screen and (max-width: 610px) { ul.datos { width: 49%; margin: 0 0 16px 0; } }
ul.datos li { width: 33.3%; display: table-cell; border: none; text-align: center; padding-top: 5px; font-size: 1em; }
@media screen and (max-width: 1324px) { ul.datos li { font-size: 1em; }
  ul.datos li .fa-2x { font-size: 1.5em; } }
@media screen and (max-width: 1324px) and (max-width: 845px) { ul.datos li { font-size: .8em; } }
@media screen and (max-width: 1324px) and (max-width: 735px) { ul.datos li { display: block; margin: 0 30%; } }
@media screen and (max-width: 1324px) and (max-width: 610px) { ul.datos li { display: table-cell; margin: 0; } }

ul.datos li p { position: relative; top: -3px; margin: 0 0 0 3px; padding: 0; display: inline; }
@media screen and (max-width: 610px) { ul.datos li p { top: -2px; } }
ul.datos li .fa-2x { font-size: 1em; }

.bgVerde { border: #1bb200 2px solid !important;  }

.bgRojo { border: #bf0202 2px solid !important; }

.bgNaranja { border: #ffa008 2px solid !important;  }

.colVerde { color: #1bb200; }

.colRojo { color: #bf0202; }

.colNaranja { color: #ffa008;  padding-left: 8px; }

.tab-content { background: #fff; padding: 20px 0; }
.tab-content .tituloTab { margin: 20px 0; font-weight: bold; color: #636363; border-bottom: 1px dashed #565656; overflow: hidden; }
.tab-content .tituloTab h3 { font-size: 2em; display: inline; }
@media screen and (max-width: 530px) { .tab-content .tituloTab h3 { font-size: 2em; } }
@media screen and (max-width: 395px) { .tab-content .tituloTab h3 { font-size: 1.8em; } }
.tab-content .todoInforme { text-align: center; }
.tab-content .todoInforme a { background: #FFCE00; padding: 8px 8px 4px 8px; font-size: 1.5em; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-transform: uppercase; font-weight: 100; color: #000; }
.tab-content h4 { font-size: 1.5em; font-weight: bold; }
.tab-content .colorEstado { }
.tab-content h3 { font-weight: bold; }
.tab-content .transcript { background: rgba(0, 0, 0, 0.7); color: #00d32d; }

.btnVolver { float: right; background: #FFCE00; padding: 8px 8px 4px 8px; font-size: 1.3em; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-transform: uppercase; font-weight: 100; color: #000; }
.btn-volver {float:right; margin-bottom: 5px}
.btn-volver-entero {float:right;}

@media only screen and (max-width: 800px) { #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { display: block; }
  #no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; }
  #no-more-tables tr { border: 1px solid #ccc; }
  #no-more-tables td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align: left; }
  #no-more-tables td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
  #no-more-tables td:before { content: attr(data-title); } }
#tabla_dnssec_ds img { width: 20px; }


/****************TU IP*******************/
.cajaParaIp { padding: 0 0 10px 0; }
@media screen and (max-width: 690px) { .cajaParaIp { width: 100%; } }
.cajaParaIp .titIp { text-align: center; color: #676767; font-size: 1.8em; padding: 10px 0; }
.cajaParaIp .cargaIP { font-size: 2.4em; }
@media screen and (max-width: 650px) { .cajaParaIp .cargaIP { font-size: 1.7em; } }
@media screen and (max-width: 480px) { .cajaParaIp .cargaIP { font-size: 1.3em; } }

.otraIp { text-align: right; font-size: 1.8em; line-height: 1em; padding-bottom: 11px; padding: 12px; }
@media screen and (max-width: 780px) { .otraIp { padding: 10px 0 10px; } }
@media screen and (max-width: 480px) { .otraIp { font-size: 1em; } }

.contentIp { border-bottom: 1px solid #ccc; margin: 5px 0 10px 0; padding: 10px 0 0 0; }
.contentIp .infoDato { padding: 0 !important; min-height: 50px; }
@media screen and (max-width: 480px) {
.contentIp .infoDato {min-height: auto; }
}

.contentIp .infoDato span { font-weight: bold }
.contentIp .masInfo { padding: 10px 0 !important; text-align: right; }
.contentIp .txtform { text-align: right; font-size: .9em !important; margin-bottom: 12px; }
.contentIp .conCampo { padding: 0 12px !important; }

.tablaIp { margin: 0 0 0; }

.liniecita { border-bottom: 1px dotted #868686; padding-bottom: 20px; }

.soloParaCap .modal-dialog { margin: 60px auto; text-align: center; }
.soloParaCap .recaptchaCaja { margin: 0 auto; width: 304px; display: block; margin-bottom: 20px; }
.soloParaCap .btnInfo { padding: 5px 10px; }

/************************************************************************/
/************************************************************************/
/**********************TABLAS RESPONSIVAS DNS****************************/
/************************************************************************/
/************************************************************************/



@media only screen and (max-width: 610px) { table.tab-respon { display: block; }
  table.tab-respon thead, table.tab-respon tbody, table.tab-respon th, table.tab-respon td, table.tab-respon tr { display: block; font-size: 12px; }
  table.tab-respon thead tr { position: absolute; top: -9999px; left: -9999px; }
  table.tab-respon tr { border: 1px solid #ccc; }
  table.tab-respon td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 50% !important; min-height: 35px;}
  table.tab-respon td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold; }
  table.tab-respon tfoot { display: block; }
  table.tab-respon tfoot td { padding-left: 0 !important; border: none !important; }
  table.tab-respon tfoot td:before { content: "" !important; }
  table.tab-respon tfoot td div { display: block; } }

@media only screen and (max-width: 610px) {
  .tab-general td:nth-of-type(1):before { content: ""; }
  .tab-general td:nth-of-type(2):before { content: "Categoría"; }
  .tab-general td:nth-of-type(3):before { content: "Dominio"; }
  .tab-general td:nth-of-type(4):before { content: "Resultado"; }

  .tab-est-dns td:nth-of-type(1):before { content: ""; }
  .tab-est-dns td:nth-of-type(2):before { content: "Categoría"; }
  .tab-est-dns td:nth-of-type(3):before { content: "Dominio"; }
  .tab-est-dns td:nth-of-type(4):before { content: "Resultado"; }

  .tab-est-dns-2 td:nth-of-type(1):before { content: "Tipo"; }
  .tab-est-dns-2 td:nth-of-type(2):before { content: "Nombre de dominio"; }
  .tab-est-dns-2 td:nth-of-type(3):before { content: "IP"; }
  .tab-est-dns-2 td:nth-of-type(4):before { content: "TTL"; }
  .tab-est-dns-2 td:nth-of-type(5):before { content: "Tiempo (ms)"; }
  .tab-est-dns-2 td:nth-of-type(6):before { content: "Estado"; }
  .tab-est-dns-2 td:nth-of-type(7):before { content: "Auth"; }
  .tab-est-dns-2 td:nth-of-type(8):before { content: "Parent"; }
  .tab-est-dns-2 td:nth-of-type(9):before { content: "Local"; }

  .tab-est-mx td:nth-of-type(1):before { content: "Pref"; }
  .tab-est-mx td:nth-of-type(2):before { content: "Hostname"; }
  .tab-est-mx td:nth-of-type(3):before { content: "IP"; }
  .tab-est-mx td:nth-of-type(4):before { content: "TTL"; }
 
  .tab-est-dmarc td:nth-of-type(1):before { content: ""; }
  .tab-est-dmarc td:nth-of-type(2):before { content: "Categoría"; }
  .tab-est-dmarc td:nth-of-type(3):before { content: "Dominio"; }
  .tab-est-dmarc td:nth-of-type(4):before { content: "Resultado"; }

  .tab-est-spf td:nth-of-type(1):before { content: ""; }
  .tab-est-spf td:nth-of-type(2):before { content: "Categoría"; }
  .tab-est-spf td:nth-of-type(3):before { content: "Dominio"; }
  .tab-est-spf td:nth-of-type(4):before { content: "Resultado"; }

  .tab-est-web td:nth-of-type(1):before { content: ""; }
  .tab-est-web td:nth-of-type(2):before { content: "Categoría"; }
  .tab-est-web td:nth-of-type(3):before { content: "Dominio"; }
  .tab-est-web td:nth-of-type(4):before { content: "Resultado"; }

  .tab-est-dnssec td:nth-of-type(1):before { content: ""; }
  .tab-est-dnssec td:nth-of-type(2):before { content: "Categoría"; }
  .tab-est-dnssec td:nth-of-type(3):before { content: "Dominio"; }
  .tab-est-dnssec td:nth-of-type(4):before { content: "Resultado"; }

  .tab-est-ds td:nth-of-type(1):before { content: "\240 "; }
  .tab-est-ds td:nth-of-type(2):before { content: "KeyTag"; }
  .tab-est-ds td:nth-of-type(3):before { content: "Algoritmo"; }
  .tab-est-ds td:nth-of-type(4):before { content: "DigentTipe"; }
  .tab-est-ds td:nth-of-type(5):before { content: "Fecha d alta"; }
  .tab-est-ds td:nth-of-type(6):before { content: "Fehca de vencimiento"; }
  .tab-est-ds td:nth-of-type(7):before { content: "Estado"; }