/*
Theme Name: Plantilla de ENERGIA DE MISIONES
Author: equipo de Desarrollo de EM
Author URI: http://www.emsadigital.com.ar
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: Plantilla institucional para la empresa. 
*/

@font-face {
	font-family: "Roboto-Black";
	src: url('fonts/roboto/Roboto-Black.ttf');
}

@font-face {
	font-family: "Roboto-BlackItalic";
	src: url('fonts/roboto/Roboto-BlackItalic.ttf');
}

@font-face {
	font-family: "Roboto-Bold";
	src: url('fonts/roboto/Roboto-Bold.ttf');
}

@font-face {
	font-family: "Roboto-BoldItalic";
	src: url('fonts/roboto/Roboto-BoldItalic.ttf');
}

@font-face {
	font-family: "Roboto-Italic";
	src: url('fonts/roboto/Roboto-Italic.ttf');
}

@font-face {
	font-family: "Roboto-Light";
	src: url('fonts/roboto/Roboto-Light.ttf');
}



@font-face {
	font-family: "Roboto-LightItalic";
	src: url('fonts/roboto/Roboto-LightItalic.ttf');
}


@font-face {
	font-family: "Roboto-Medium";
	src: url('fonts/roboto/Roboto-Medium.ttf');
}


@font-face {
	font-family: "Roboto-MediumItalic";
	src: url('fonts/roboto/Roboto-MediumItalic.ttf');
}

@font-face {
	font-family: "Roboto-Regular";
	src: url('fonts/roboto/Roboto-Regular.ttf');
}

@font-face {
	font-family: "Roboto-Thin";
	src: url('fonts/roboto/Roboto-Thin.ttf');
}

@font-face {
	font-family: "Roboto-ThinItalic";
	src: url('fonts/roboto/Roboto-ThinItalic.ttf');
}



body{
	font-family: "Roboto-Regular";
	color: #58595B;
}

a{
	color: #58595B;
}

a:hover{
	text-decoration:none;
}

h1{
	font-size: 25px;
}


h2{
	font-size: 18px;
}

h3{
	font-size: 18px;
}
/*********************************/
/**************HEADER*************/
/*********************************/

#logo {
	padding-top: 30px;
}


#info {
	padding-top: 15px;
}

#info .call{
	font-size: 20px;
	margin-bottom: 0px;
}

#info .num{
	font-size: 18px;
	font-family: "Roboto-Bold",serif;
	color: #F58220;
}

#info img{
	width: 30px;
}

#header{
	border-bottom: solid 1px #58555B;
}

.call-m{
	padding-left:0px;
	padding-right:0px;
} 

/*********************************/
/**************MENU***************/
/*********************************/

.menu-bg {
/*
	background: rgba(3,65,164,1);
	background: -moz-linear-gradient(left, rgba(3,65,164,1) 0%, rgba(4,175,201,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,65,164,1)), color-stop(100%, rgba(4,175,201,1)));
	background: -webkit-linear-gradient(left, rgba(3,65,164,1) 0%, rgba(4,175,201,1) 100%);
	background: -o-linear-gradient(left, rgba(3,65,164,1) 0%, rgba(4,175,201,1) 100%);
	background: -ms-linear-gradient(left, rgba(3,65,164,1) 0%, rgba(4,175,201,1) 100%);
	background: linear-gradient(to right, rgba(3,65,164,1) 0%, rgba(4,175,201,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0341a4', endColorstr='#0072bb', GradientType=1 );
	* */
}


.navbar-default {
	background-color: inherit;
	border-color:  inherit;
	margin-bottom: 10px;
	border: 0px;
}



.navbar-default .navbar-nav li a {
	color: #58595B ;
	font-size: 14px;
	padding: 5px 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: solid 3px #FFFFFF;
	background-color: #FFFFFF ;
}


.navbar-default .navbar-nav li a:hover {
	color: #FFFFFF !important;
	margin-bottom: 0px;
	border-bottom: solid 3px #FFFFFF !important;
	background-color: #F58220 !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
	color: #58595B;
	margin-bottom: 0px;
	border-bottom: solid 3px #F58220;
	background-color: #FFFFFF;
}

.dropdown-menu{
	background-color: #F58220 !important;
	color: #FFFFFF !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
	border-bottom: solid 3px #FFFFFF;
	background-color: #F58220 ;
	color: #FFFFFF !important;
}


.dropdown-menu>li>a{
	background-color: #F58220 !important;
	color: #FFFFFF !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #F58220;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background-color: #F58220;
}





/*********************************/
/**********FRONT PAGE*************/
/*********************************/


#home {
	padding: 0px 0px;
}




/*********************************/
/**************SLIDER*************/
/*********************************/


#banner {
	padding: 0px 0px;
}

div.slideshow_description_box.slideshow_transparent{
	width: 50% !important;
	opacity: 1;
	margin-bottom: 5%;
	background-color: transparent;
}
div.slideshow_description_box.slideshow_transparent:hover{
	opacity: 1;

}

div.slideshow_description_box.slideshow_transparent div.slideshow_title{
	color: #ffffff;
	font-size:70px;
	font-family: "Roboto-Bold";
	text-align: left;
	padding-left: 10%;
}

div.slideshow_description_box.slideshow_transparent div.slideshow_description {
	opacity: 1 !important;
	text-align: left !important;
	margin-top: -2%;
}

div.slideshow_description_box.slideshow_transparent div.slideshow_description #sub1 {
	font-size:40px;
	padding-left: 10%;
	text-align: left !important;
	padding-top: 0px;
	padding-bottom: 0px;
}
div.slideshow_description_box.slideshow_transparent div.slideshow_description #sub2 {
	font-size:55px;
	color: #f68220;
	padding-left: 10%;
	text-align: left !important;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.slideshow_description_box div a {
	text-align: left !important;
	line-height: inherit !important;
}

/*********************************/
/***********SERVICIOS*************/
/*********************************/


#servicios{
	background-color: #FFFFFF !important;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
	font-family: "Roboto-Regular",serif;
}


#serv1 .widget{
	background-color: #F58220;
	color: #FFFFFF;
	padding: 20px;
	height: 230px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom:15px;
}

#serv1 .widget i{
	font-size:30px;
	background-color: #FFFFFF;
	color: #F58220;
	padding: 20px;
	border-radius: 50%;
}


#serv2 .widget{
	background-color: #DB5A34;
	color: #FFFFFF;
	padding: 20px;
	height: 230px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom:15px;
}

#serv2 .widget i{
	font-size:30px;
	background-color: #FFFFFF;
	color: #DB5A34;
	padding: 20px;
	border-radius: 50%;
}



#serv3 .widget{
	background-color: #A93235;
	color: #FFFFFF;
	padding: 20px;
	height: 230px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom:15px;
}

#serv3 .widget i{
	font-size:30px;
	background-color: #FFFFFF;
	color: #A93235;
	padding: 20px;
	border-radius: 50%;
}

#serv3 .widget a h3{
	color: #FFFFFF !important;
}

#serv3 #btn-ver{
	padding: 1px 8px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.fa-eye{
	padding: 1px 1px !important;
	font-size: 12px !important;
}
#serv4 .widget{
	background-color: #51A8B1;
	color: #FFFFFF;
	padding: 20px;
	height: 230px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-bottom:15px;
}

#serv4 .widget i{
	font-size:30px;
	background-color: #FFFFFF;
	color: #51A8B1;
	padding: 20px;
	border-radius: 50%;
}



/*********************************/
/*******espacio usuarios*********/
/*********************************/


#eusuario{
	background-color: #FFFFFF !important;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
	font-family: "Roboto-Regular",serif;
}

#eusuario .textwidget{
	color: #FFFFFF;
	font-family: "Roboto-Regular",serif;
	
}


#eu{
	background-color: #58595B;
	height: 230px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

#eu .textwidget h1{
	font-size:1.6em;
	margin-top:45%;
}

#eu .textwidget h1 i{
	font-size:30px;
	background-color:transparent;
	margin-top:80%;
}



#eu1 .textwidget{
	background-color: #F58220;
	height: 230px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

#eu2 .textwidget{
	background-color: #DB5A34;
	height: 230px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

#eu3 .textwidget{
	background-color: #A93235;
	height: 230px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

#eu4 .textwidget{
	background-color: #67352D;
	height: 230px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
#eu5 .textwidget{
	background-color: #58A1B1;
	height: 230px;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

#eusuario i{
	font-size:30px;
	background-color: #FFFFFF;
	border-radius: 50%;
	padding: 20px;
	margin-top:15px;
}

#eu1 i{
	color: #F58220;
}

#eu2 i{
	color: #DB5A34;
}

#eu3 i{
	color: #A93235;
}

#eu4 i{
	color: #67352D;
}
#eu5 i{
	color: #58A1B1;
}







/*********************************/
/**************CORTES*************/
/*********************************/


#cortes{
	background-image: url("images/cortes_programados.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#cortes .widget{
	padding: 60px 0px;
}

#cortes .widget a{
	color: #ffffff;
}

#cortes .widget h1{
	font-size: 50px;
}

#cortes .widget i{
	border: solid 5px #F58220;
	padding: 10px 20px;
	border-radius: 50%;
	font-size: 50px;
}

/*********************************/
/**************SINGLE*************/
/*********************************/

#contenido {
	margin-top: 20px;
	padding-top: 2%;
	margin-bottom: 4%;
}

#contenido-single {
	margin-top: 20px;
	padding-top: 2%;
	margin-bottom: 4%;
}

#contenido-single img{
	display: block;
	width: 100%;
	height: auto;
}

.title-pages {
	padding: 6px 0px;
	margin-bottom: 20px;
	text-align: left;
	font-size: 28px;
	color: #F58220;
}

/*********************************/
/********PAGE LA EMPRESA**********/
/*********************************/


#social {
	padding: 20px;
}

#social a{
	color: #333333;
	text-decoration: none;
}

#social h4 {
	font-size:15px;
}

#social i{
	font-size:15px;
	color: #FFFFFF;
	background-color: #F58220;
	padding: 15px;
	border-radius: 50%;
}

#electro {
	padding: 20px;
}

#electro a{
	color: #333333;
	text-decoration: none;
}

#electro h4 {
	font-size:15px;
}

#electro i{
	font-size:15px;
	color: #FFFFFF;
	background-color: #A93235;
	padding: 15px;
	border-radius: 50%;
}

#cuadro {
	padding: 20px;
}

#cuadro a{
	color: #333333;
	text-decoration: none;
}

#cuadro h4 {
	font-size:15px;
}

#cuadro i{
	font-size:15px;
	color: #FFFFFF;
	background-color: #67352D;
	padding: 15px;
	border-radius: 50%;
}

/*autoridades*/
#autoridades{
	background-color: #F5F5F5;
	padding: 4%;
}


/*autoridades*/
#oficinas{
	padding: 4%;
}

#oficinas h2{
	color: #F58220;
	border-bottom: solid 1px #58595B;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

#oficinas h4{
	color: #F58220;
	margin-top: 30px;
}

#oficinas #tel{
	padding-left:0px;
	padding-right:0px;
}

/*********************************/
/*******NOTICIAS HOME*************/
/*********************************/


#noticias-home {
	padding: 0px 10px;
}

#noticias-home .tit{
	padding: 10px 0px;
	color: #51A8B1;
    border-bottom: solid 1px;
}

.div-news-home {
	height: 250px;
	background-color: #F58220;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}



.img-news-home {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 250px;
	width: auto;
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.img-news-home:hover {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

.cut {
	/*height: 65px;;*/
	overflow: hidden;
	margin-bottom: 5px;
}

.cut h3{
	color: #f28220 !important;
	font-size: 20px;
	border: none !important;
}

.bajada {
	height: 90px;;
	overflow: hidden;
	margin-bottom: 5px;
	color: #663a3a;
	border-top: solid 1px #663a3a;
    padding-top: 10px;
}

.bajada a{
	color: #663a3a;
}

.news-cat {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9;
	padding: 16px 20px;
	text-decoration: none;
}

.news-cat a {
	background-color: #0072bb;
	padding: 5px;
	color: #ffffff;
}

/* ppal*/


.div-news-home-ppal{
	height: 300px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.img-news-home-ppal {
	height: 300px;
	width: auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.img-news-home-ppal:hover {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

.cut-ppal {
	margin-bottom: 5px;
}



.news-cat-ppal {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9;
	padding: 16px 20px;
	text-decoration: none;
}


.news-cat-ppal a {
	background-color: #0072bb;
	padding: 5px;
	color: #ffffff;
}




.news-cat-ppal-t {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9;
	padding: 16px 20px;
	text-decoration: none;
	bottom: 3%
}

.news-cat-ppal-t h3 {
	color: #ffffff;
}

.btn-primary:hover {
	background-color: #F58220;
}

.btn-primary {
    background-color: #F58220;
    border: none;
}

#leer{
	padding-top: 20px;
	padding-bottom: 20px;
}


#leer .btn-primary{
	font-size: 30px;
	padding-left: 20%;
	padding-right: 20%;
}



/*********************************/
/**************TARIFAS*************/
/*********************************/
.leyenda{
	font-size:10px;
}


/*********************************/
/**************CUADRO*************/
/*********************************/
#cuadro{
	padding-top: 20px;
}


/*********************************/
/************CONTACTO*************/
/*********************************/

#contacto{
	background-color: #FFFFFF !important;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
	font-family: "Roboto-Regular",serif;
}


#contact1 .widget{
	background-color: #F58220;
	color: #FFFFFF;
	padding: 40px 40px;
	height: 260px;
}

#contact1 .widget .izq{
	padding-top:20px;
}

#contact1 .widget img{
	width: 60%;
}

#contact1 .widget h2{
	font-family: "Roboto-Bold",serif;
	margin-top: 0px;
	font-size: 18px;
}


/*contact2*/
#contact2 .widget{
	background-color: #DB5A34;
	color: #FFFFFF;
	padding: 40px 40px;
	height: 260px;
}

#contact2 .widget .izq{
	padding-top:20px;
}

#contact2 .widget img{
	width: 100%;
}

#contact2 .widget h2{
	font-family: "Roboto-Bold",serif;
	margin-top: 0px;
	font-size: 18px;
}

/*contact3*/

#contact3 .widget{
	background-color: #51A8B1;
	color: #FFFFFF;
	padding: 40px 40px;
	height: 260px;
}



#contact3 .widget .izq{
	padding-top:20px;
}

#contact3 .widget a img{
	width: 100%;
}

#contact3 .widget a {
	color: #FFFFFF;
}
#contact3 .widget a h2{
	font-family: "Roboto-Bold",serif;
	margin-top: 0px;
	font-size: 16px;
	
}

#contact3 .widget a h1{
	font-size: 18px;
	
}

/*********************************/
/**************FOOTER*************/
/*********************************/

#foo {
	background-color: #58595B !important;
	padding: 0px 0px;
	border-top: solid 6px #F58220;
	color: #FFFFFF;
	/*height: 230px;*/
}

#foo1 {
	padding: 70px 80px;
}


#foo2 {
	padding: 70px 80px;
}

#foo2 a{
	color: #FFFFFF;
	font-size: 20px;
}



#foo2 #siteseal img {
	width:100px;
}



/*********************************/
/**************LOGIN*************/
/*********************************/
#ing {
	padding-left: 0px;
	padding-right: 0px;
}

#ingreso {
	background-color: #F58220;
	height: 600px;
	padding: 10% 15%;
	color: #f2f2f2;
}


#ingreso .btn-primary:hover {
	 background-color: #f2f2f2;
    color: #F58220;
}

#ingreso .btn-primary {
    background-color: #f2f2f2;
    color: #F58220;
    border: none;
    padding: 5px 10px;
	font-size: 14px;
	border-radius: 10px;
}

#olv {
	padding: 5px 0px;
}

#olv a{
	color: #f2f2f2;
}

#ing #ingreso h2 {
	color: #FFFFFF !important;
}

#resul {
	padding: 10% 15%;
	color: red;
	font-weight: bold;
}


#registrarme {
	background-color: #f2f2f2;
	height: 600px;
	padding: 10% 15%;
}

#registrarme .btn-primary:hover {
	 background-color: #F58220;
    color: #f2f2f2;
}

#registrarme .btn-primary {
    background-color: #F58220;
    color: #f2f2f2;
    border: none;
    padding: 5px 30px;
	font-size: 20px;
	border-radius: 10px;
	margin-bottom:20px;
}


.help-block{
	font-weight: bold;
	font-size: 97%;
}

/*********************************/
/************REGSITRO*************/
/*********************************/
#registro{
	background-color: #f2f2f2;
	padding: 2% 15%;
}

#help{
	font-size: 10px;
}
/*
.form-r1-hidden{
	display: none;
}
*/
.form-r2-hidden{
	display: none;
}
 

.form-r2{

}

#regfact{
	padding-top:5%;
	padding-bottom:5%;
}

#res {
	padding: 1% 5%;
	color: red;
	font-weight: bold;
}

#res2 {
	padding: 10% 15%;
	color: red;
	font-weight: bold;
}


/*********************************/
/********page mi-cuenta***********/
/*********************************/
#nologin {
	padding-top: 15%;
	padding-bottom: 15%;
	
}

.bg-primary {
    color: #fff;
    background-color: #F58220;
    font-weight: bold;
}

#lin {
	margin-bottom:10px;
}

#cta-cuerpo{
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom:20px;
}

#cta-cx .btn-primary{ 
	margin-bottom:10px;
	background-color: #F58220;
	border-color: #F58220;
}


#facturas {
    margin-bottom: 20px;
    padding-left: 0px;
	padding-right: 0px;
}


#facturas > div > table > tbody > tr> td > a > i {
    padding-left: 5px;
    padding-right: 5px;
}

.menu-usuario-container ul {
	list-style-type: none;
	padding-left: 0px;
}

.menu-usuario-container ul li a {
	color: #58595B;
}
.menu-usuario-container ul li a:active {
	color: #F58220;
}


.table > tbody > tr > td {
     vertical-align: middle;
}

.label-warning {
    background-color: #F58220 !important;
}

/*********************************/
/************page datos***********/
/*********************************/

#datos form{
	padding:15px;
}

#datos form{
	padding:15px;
}


/*********************************/
/*********page mensajes***********/
/*********************************/

#mensaje {
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 15px;
}

#cta-cx {
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 15px;
}



/*********************************/
/*********page clientes***********/
/*********************************/


#historial {
    margin-top:15px;
}

#historial > div > table > thead {
    font-size:12px;
}

#historial > div > table > tbody {
    font-size:12px;
}


#historial > div > table > tbody > tr> td > a > i {
    padding-left: 5px;
    padding-right: 5px;
}



#historial i.fas.fa-long-arrow-alt-up {
    color: #ff0000;
}

#historial i.fas.fa-long-arrow-alt-down {
    color: #33cc33;
}



/*********************************/
/*************PAGOS***************/
/*********************************/


#pagos {
  margin-top: 20px;
}

.zoom {
    transition: transform .2s; /* Animation */
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


/*********************************/
/****CONOZCA SU FACTURA***********/
/*********************************/


.img-magnifier-container {
  position:relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 1px solid #F58220;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 200px;
  height: 200px;
}




/*********************************/
/***********page uruguai**********/
/*********************************/
.menu-urugua-i-container ul {
	list-style-type: none;
	padding-left: 0px;
}

.menu-urugua-i-container ul li a {
	color: #58595B;
}
.menu-urugua-i-container ul li a:active {
	color: #F58220;
}







/* ALL LOADERS */

.loader{
  width: 100px;
  /*height: 100px;*/
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}


/* LOADER 1 */
#loader-1 {
  position: relative;
  width: 60px;  /* Ajusta el tamaño según sea necesario */
  height: 60px; /* Ajusta el tamaño según sea necesario */
}

#loader-1:before, #loader-1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%; /* Asegura que sea circular */
  border: 10px solid transparent;
  border-top-color: #58A1B1;
}

#loader-1:before {
  z-index: 100;
  animation: spin 1s infinite;
}

#loader-1:after {
  border: 10px solid #ccc;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Spinner Container */
#spinner_cargando {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: none; /* Inicialmente oculto */
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.oculto {
  display: none !important;
}

.visible {
  display: flex !important;
}

.btn-invisible{
	display: none;
}


/* Estilo por defecto para pantallas de escritorio (inline) */
.btn-responsive {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
}

.boton_macroclick {
    background-color: #003057; 
    color:white;
}

.boton_macroclick img {
    width: 20px;
}

.boton_gire {
    background-color: #009bdb;
    color:#ffffff;
}

.boton_gire img {
    width: 20px;
}

.boton_pagos360 {
    background-color: #0050f5;
    color:#ffffff;;
}

.boton_pagos360 img {
    width: 20px;
}


/*********************************/
/**********DISPOSITIVOS***********/
/*********************************/



/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	
	
	h1{
		font-size: 20px;
	}
	
	h2{
		font-size: 18px;
	}
	
	h3{
		font-size: 16px;
	}
	
	
	/*slideshow*/
	
	div.slideshow_description_box.slideshow_transparent {
		margin-bottom: 5%;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_title{
		font-size:20px;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_description #sub1 {
		font-size:12px !important;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_description #sub2 {
		font-size:10px !important;
	}
	

	
	#info{
		padding-left:0px;
	}
	
	#info .call{
		font-size: 15px;
	}

	#info .num{
		font-size: 14px;
		margin-bottom:0px;
	}
	#info img{
		width: 15px;
		padding-left:5px;
	}
	
	#menu{
		padding-left:0px;
		padding-right: 0px;
	}
	
	#logo {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:0px;
	}
	
	#serv1 .widget, #serv2 .widget, #serv3 .widget, #serv4 .widget {
		height:200px;
	}
	
	#leer .btn-primary {
		font-size: 20px;
		padding-left: 10%;
		padding-right: 10%;
	}
	
	#contact1 .widget {
		height: auto;
	}
	
	#contact1 .widget img {
		width: 50%;
	}

	#contact1 .widget h2 {
		font-size: 18px;
	}
	
	#contact1 .widget p {
		font-size: 12px;
	}
	
	#contact2 .widget {
		height: auto;
	}
	
	#contact2 .widget img {
		width: 50%;
	}
	
	#contact2 .widget h2 {
		font-size: 18px;
	}
	
	#contact2 .widget p {
		font-size: 12px;
	}
	
	
	#contact3 .widget {
		height: auto;
	}
	
	#contact3 .widget a img {
		width: 50%;
	}
	
	#contact3 .widget h2 {
		font-size: 18px;
	}
	
	#contact3 .widget p {
		font-size: 12px;
	}
	
	#foo1 {
		padding: 3% 20%;
	}
	
	#foo1 img {
		width: 80%;
	}
	#foo2 {
		padding: 3% 20%;
	}
	
	.btn-responsive {
		display: block;
        width: 100%;
        margin: 10px 0;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
	h1{
		font-size: 20px;
	}
	
	h2{
		font-size: 18px;
	}
	
	h3{
		font-size: 16px;
	}
	
	#header-top{
		padding-bottom:10px;
	}
	
	.navbar-default{
		margin-bottom:0px;
	}
	
	
	#logo{
		padding-top: 0px;
	}
	
	#logo img{
		width: 100%;
	}
	
	#info .call{
		font-size: 12px;
	}

	#info .num{
		font-size: 12px;
		margin-bottom:0px;
	}
	
	/*slideshow*/
	
	div.slideshow_description_box.slideshow_transparent {
		margin-bottom: 6%;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_title{
		font-size:26px;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_description #sub1 {
		font-size:18px !important;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_description #sub2 {
		font-size:16px !important;
	}
	
	#serv1 .widget, #serv2 .widget, #serv3 .widget, #serv4 .widget {
		height:200px;
	}		
	
	
	#leer .btn-primary {
		font-size: 20px;
		padding-left: 10%;
		padding-right: 10%;
	}
	
	#contact1 .widget, #contact2 .widget, #contact3 .widget {
		height: auto;
		padding: 10%;
	}
	
	
	#contact1 .widget img , #contact2 .widget img, #contact3 .widget a img{
		width: 25%;
	}

	#contact1 .widget h2, #contact2 .widget h2, #contact3 .widget h2 {
		font-size: 18px;
	}
	
	#contact1 .widget p, #contact2 .widget p, #contact3 .widget p  {
		font-size: 14px;
	}
	
	.btn-responsive {
			display: block;
        width: 100%;
        margin: 10px 0;
    }
	
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

	h1{
		font-size: 20px;
	}
	
	h2{
		font-size: 18px;
	}
	
	h3{
		font-size: 16px;
	}
	
	#header-top{
		padding-bottom:10px;
	}
	
	.navbar-default{
		margin-bottom:0px;
	}
	
	#logo{
		padding-top: 15px;
	}
	
	/*slideshow*/
	
	div.slideshow_description_box.slideshow_transparent {
		margin-bottom: 6%;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_title{
		font-size:35px;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_description #sub1 {
		font-size:25px !important;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_description #sub2 {
		font-size:20px !important;
	}
	
	#serv1 .widget  p, #serv2 .widget  p, #serv3 .widget  p, #serv4 .widget  p {
		font-size: 12px;
	}
	
	#serv3 .widget  h3, #serv4 .widget  h3 {
		font-size: 15px;
	}
	
	#serv3 .widget div {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	
	#leer .btn-primary {
		font-size: 20px;
		padding-left: 10%;
		padding-right: 10%;
	}
	
	#contact1 .widget, #contact2 .widget, #contact3 .widget {
		height: 200px;
		padding: 5%;
	}
	
	.derecha{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#contact1 .widget img{
		width: auto;
		height:25%;
	}
	
	#contact2 .widget img{
		width: 15%;
	}
	
	#contact3 .widget a img{
		width: 15%;
	}

	#contact1 .widget h2, #contact2 .widget h2, #contact3 .widget h2 {
		font-size: 15px;
	}
	
	#contact1 .widget p, #contact2 .widget p , #contact3 .widget p {
		font-size: 12px;
	}

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	h1{
		font-size: 20px;
	}
	
	h2{
		font-size: 18px;
	}
	
	h3{
		font-size: 16px;
	}
	#header-top{
		padding-bottom:10px;
	}
	
	.navbar-default{
		margin-bottom:0px;
	}
	
	#logo{
		padding-top: 15px;
	}
	
	/*slideshow*/
	
	div.slideshow_description_box.slideshow_transparent {
		margin-bottom: 6%;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_title{
		font-size:35px;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_description #sub1 {
		font-size:25px !important;
	}
	
	div.slideshow_description_box.slideshow_transparent div.slideshow_description #sub2 {
		font-size:20px !important;
	}
	
	#serv1 .widget  p, #serv2 .widget  p, #serv3 .widget  p, #serv4 .widget  p {
		font-size: 12px;
	}
	
	#serv3 .widget  h3, #serv4 .widget  h3 {
		font-size: 15px;
	}
	
	#serv3 .widget div {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	
	#leer .btn-primary {
		font-size: 20px;
		padding-left: 10%;
		padding-right: 10%;
	}
	
	#contact1 .widget, #contact2 .widget, #contact3 .widget {
		height: 200px;
		padding: 5%;
	}
	
	.derecha{
		padding-left: 0px;
		padding-right: 0px;
	}
	


	#contact1 .widget h2, #contact2 .widget h2, #contact3 .widget h2 {
		font-size: 15px;
	}
	
	#contact1 .widget p, #contact2 .widget p, #contact3 .widget p  {
		font-size: 12px;
	}


}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

}



/*********************************/
/*******TABS POST REGISTRO********/
/*********************************/
.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 2px solid #F58220;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 2px solid #F58220;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}



/*********************************/
/*************ACCORDION***********/
/*********************************/

#accordion5 h4{
	text-align:center;
	margin:30px 0px;
	color:#444;
}

#accordion5 h4.panel-title {
    margin: 10px 0px !important;
}


#accordion5 .mt-10{
	margin-top:20px;
}

#accordion5 a:hover,#accordion5 a:focus{
	text-decoration: none;
	outline: none;
}

#accordion5 .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 50px;
}


#accordion5 .panel-title a{
    display: block;
    padding: 10px 20px 10px 60px;
    background: #F58220;
    border-radius: 30px;
    border: 2px solid #F58220;
    font-size: 14px;
    font-weight:400;
    color: #fff;
    position: relative;
}
#accordion5 .panel-title a.collapsed{
    border: 2px solid #bbb;
    background: #fff;
    /*color: #bbb;*/
    color: #58595B;
}
#accordion5 .panel-title a:before,
#accordion5 .panel-title a.collapsed:before{
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: #F58220;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-right: 3px solid #fff;
    position: absolute;
    top: -10px;
    left: -30px;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
#accordion5 .panel-title a.collapsed:before{
    content: "\f067";
    background: #bbb;
    border: none;
}
#accordion5 .panel-body{
    padding: 10px 15px 0;
    margin: 0 0 0 30px;
    border: none;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    position: relative;
}
#accordion5 .panel-body:before{
    content: "";
    display: block;
    width: 5px;
    height: 90%;
    background: #F58220;
    position: absolute;
    top: 0;
    left: -30px;
}
#accordion5 .panel-body:after{
    content: "";
    border-top: 20px solid #F58220;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    bottom: 0;
    left: -48px;
}



#sombra {
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}
.sombra {
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}


/*****formato de imagenes******/

img.alignright { 
	float: right; 
	margin: 0px 15px; 
}

img.alignleft { 
	float: left; 
	margin: 0px 15px; 
}

img.aligncenter { 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
}

.alignright { 
	float: right;
	margin: 0px 15px;
}

.alignleft { 
	float: left; 
	margin: 15px 0px;
}
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption-text {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
    font-size: 10px;
}

/*********************************/
/********BUSQUEDA GUIA************/
/*********************************/


.mal{
	
}

/*********************************/
/***************TURNOS************/
/*********************************/

#turnos-sel{
	margin-top:20px;
	padding-bottom:20px;
}

#turnos-sel button{
	margin-bottom:10px;
}

#mensaje-turno{
	padding-top:20px;
	font-size: 25px;

}




.title-turnos {
	padding: 6px 0px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 32px;
	color: #F58220;
	font-weight: bolder;
}

#pasos{
	margin-top:20px;
	margin-bottom:20px;
}

.paso{
	padding:0px;
}

#paso_1{
	color: #fbe8aa;
	font-size: 30px;
}
#paso_2{
	color: #fbe8aa;
	font-size: 30px;
}
#paso_3{
	color: #fbe8aa;
	font-size: 30px;
}
#paso_4{
	color: #fbe8aa;
	font-size: 30px;
}
#paso_5{
	color: #fbe8aa;
	font-size: 30px;
}
#paso_6{
	color: #fbe8aa;
	font-size: 30px;
}

.paso_linea{
	border-top: 1px solid #fbe8aa;
	margin-top: -21px;
	padding: 0px;
}

.paso_texto{
	margin-top:20px;
}

.paso_texto_small{
	margin-top:20px;
	font-size:10px;
}

.panel{
	margin-top:20px;
}

.panel-primary {
    border-color: #F58220;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #F58220;
    border-color: #F58220;
}

.panel-body {
    padding: 0px;
}

.boton-hora{
	padding-left: 10px;
	padding-right: 10px;
}

.una-hora{
	font-size:12px;
}

.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #51A8B1;
  border-left-width: 5px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}
/*
#form-2{
	padding-left: 0px;
	padding-right: 0px;
}*/


/*acceso reclamos*/

.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}

.notice-warning {
    border-color: #F58220;
}
.notice-warning>strong {
    color: #FEAF20;
}


.panel-default {
	border-color: #ffffff !important;
}

.panel-heading{
	background-color: #F58220 !important;
	color: #FFFFFF !important;
	font-weight: normal;
	border-top-right-radius: 25px !important;
	border-top-left-radius: 25px !important;
}






/*  REDISEÑO  */

#header {
    border-bottom: inherit !important;
    z-index: 9999999999 !important;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2) !important;
    position: relative !important;
}

.fondo-gris {
    background-color: #f2f2f2;
        padding-bottom: 60px;
}

.caja-sombra {
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2) !important;
    border-radius: 20px;
    display: table;
    background-color: #ffffff;
    margin-top: 50px ;
    padding: 40px 20px;
		width: 100%;
}

body {
	font-family: 'Montserrat', sans-serif !important;
}

h2.titulo-buscar {
    margin: 8px 0px;
    font-weight: bold;
    font-size: 18px;
}

.subraya {
    height: 7px;
    background-color: #E68641;
    border-radius: 30px;
    width: 210px;
}

#form-buscar-pend label.control-label {
    font-size: 18px;
    margin: 28px 0px 0px 0px;
    padding-bottom: 0px;
    font-weight: 500 !important;
}
input#usuario, input#conexion {
    border: 3px solid #E68641;
    border-radius: 0px 10px 10px 0px;
    font-size: 18px;
    padding: 21px;
    width: 100% !important;
}

span.input-group-addon {
	background: #E68641;
    border: 0px;
    border-radius: 10px 0px 0px 10px;
    color: #fff;
    /* width: 50px; */
    text-align: center !important;
    padding: 10px 15px;
    margin: 9px;
}

i.fas.fa-address-card {
    font-size: 25px;
}

i.fas.fa-plug {
    font-size: 22px;
    padding: 0px 6px;
}

.btn-buscar {
    color: #fff;
    background-color: #E68641;
    border-color: #E68641;
    padding: 10px;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2) !important;
		font-size: 18px;
}

input#usuario:focus, input#conexion:focus {
    border: 3px solid #f0ad4e !important;

}

.img-ayuda {

    border-color: #E68641;

    width: 100%;
    border-radius: 10px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2) !important;
    height: 285px ;
}


.google-play {
	float: left;
	width:92%;
}

.app-store{
	float: right;
	width:80%;
}



@media screen and (max-width: 768px) {
.btn-buscar {
    margin-top: 30px !important;
}

.img-ayuda {
height: inherit !important;
    margin-top: 30px !important;
}

}

.espacio
{
margin-top: 50px ;
}

.mod-1 {
  background-color: #51A8B1 !important;
}

.mod-2 {
  background-color: #CC613F !important;
}

.mod-3 {
  background-color: #9D3B38 !important;
}

.mod-4 {
  background-color: #66A6AF !important;
  background-image: url("images/pagar-bg.jpg");
  padding: 42px 20px !important;
}

.mod-5 {
  background-color: #FFFFFF !important;
  background-image: url("images/imprimir-bg.jpg");
  padding: 30px 20px !important;
}

.mod {
  text-align: center;
  -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.mod:hover {
  box-shadow: 0px 7px 23px 0px rgba(0,0,0,0.6) !important;
  -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.titulo-pagar {
    font-weight: bold;
    font-size: 26px;
    color: #0068B4;
    float: right;
    width: 64%;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 20px;
}

.titulo-imprimir {
    font-weight: bold;
    font-size: 26px;
    color: #fff;
      text-shadow: 0px 2px 12px black;

      text-align: right;
}

.btn-pagar {
    color: #66A6AF;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    padding: 10px 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2) !important;
		font-size: 18px;
    font-weight: bold;
}
.btn-pagar:hover {
  color: #FFFFFF;
  background-color: #66A6AF;
  border-color: #66A6AF;

}

.btn-imprimir {
    color: #E7873B;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    padding: 10px 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2) !important;
		font-size: 18px;
    font-weight: bold;
}
.btn-div {
      text-align: right;
          margin-top: 25px;

  }

  .col-xl-2 {
  display:none!important;
  }
  
  
/******subsidios*****/
.subsidio-banner{
	width: 75%; 
	height: auto;
}


.subsidio-titulo{
	width: 75%; 
	height: auto;
}

.subsidio-icono{
	padding:10px;
	width:100%;
	height: auto;
}

.subsidio-img{
	width:80%;
	height:auto;
}
/******subsidios*****/

@media (min-width:1560px){
  .body-btn{
    display:none!important;
  }

  .side-btn{
    display:block!important;
  }

  .col-xl-10 {
    width: 75%;
    float: left;
  }

  .col-xl-2 {
    width: 23%;
      float: right;
      margin-top: 0px;
      display: block !important;
  }

  .btn-div {

      margin-top: 72px !important;
  }

  .mod-4 {
      background-size: cover;
  }

  .mod-5 {
    background-size: cover;
  }

  .titulo-pagar {

      margin-top: 30px;
      margin-bottom: 38px;
  }




}



@media (max-width:769px){
	.titulo-pagar {
		font-weight: bold;
		font-size: 26px;
		color: #0068B4;
		float: right;
		width: 60%;
		text-align: right;
		margin-top: 0px;
		margin-bottom: 10px;

	}
	
	/******subsidios*****/
.subsidio-banner{
	width: 100%; 
	height: auto;
}

.subsidio-titulo{
	width: 75%; 
	height: auto;
}

.subsidio-icono{
	width:75%;
	height: auto;
}

.subsidio-img{
	width:100%;
	height:auto;
}
/******subsidios*****/
}


.subtitulo-imprimir {
    clear: both;
    text-align: right;
    color: #333;
    font-size: 22px;
    font-weight: 600;
}


.ws h1{
	color: #F58220;
	font-size: 2em;
}

.ws p{
	color: #58595B;
	font-size: 1.4em;
	font-weight: 400;
}