/* Formato Inicial */

* {
	margin:0;
	padding:0;
	border:0;
	box-shadow: 0;
	box-sizing: border-box;
	}

@font-face {
  font-family: var(--fonts1b);
  font-family: var(--fonts2b);
}

.container {
  padding-right: 10px ;
  padding-left:10px ;
  width:98%;  
  margin:auto;
  
}

.containerlog {
  position:absolute;
  top:120px;
  padding-right: 10px ;
  padding-left:10px ;
  width:98%;  
  z-index:1;
}

.container-fluid  {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	}

body {
	background:rgb(250,250,250);
    color: rgb(0,0,0); 
	font-family: var(--fonts1b);
	font-size: 16px;
	text-align: center;
    }	


title {
border:1px solid black !Important;
border-radius:0px !Important;
padding:20px 20px 20px 20px !Important;
background:white !Important;
font-weight:bold !Important;
font-size:22px !Important;
color:black;
-webkit-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15) !Important; 
-moz-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15) !Important;
box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15) !Important;	
}

header {
	margin: 0;
	padding: 0;
	border:0;
	box-shadow: 0;
}



/* footer*/


	footer {
	background: rgb(40,40,40);
	color: rgb(120,120,120);
	text-align: center;
	margin:auto;
	}
	
.dark div{
  
  border-bottom:solid 1px rgb(120,120,120);
  width:100%;
  height:10px;
  
}	
	
@media (min-width: 1280px) {
	
footer .footeralign {
	
	text-align:left;

}	

footer .footeralign2 {
	
	text-align:left;
    
}	

}

@media (max-width: 1279px) {
	
footer .footeralign {
	
	text-align:center;

}	

footer .footeralign2 {
	
	text-align:center;
    
}	

}




footer .footerrow {
	

	
}
	
footer .container3 {
	
	margin:auto;
    width:80%;
}	
	
footer h2 {
	
	color:rgb(0,210,255);
	font-size:30px;
	
}	
	
footer h3 {
	
	color:White;
	font-size:15px;
	
}

footer a, footer p  {
	
	
	color:rgb(200,200,200);
	font-size:15px;
	
	
}


 footer i {
	 
	 color:rgb(200,200,200) !Important;
	 font-size:30px !Important;
	 
 }

 footer i:hover , footer a:hover {
	 
	 color:rgb(0,210,255) !Important;
	 
 }



 
 
	
h1 {	
    
	color: rgb(0,210,255);	
	font-weight: normal;
	font-size: calc(1em + 2vw);
		
	
}



h2{
	color: rgb(0,210,255);	
	font-size: calc(1em + 1.5vw);
	font-weight: normal;
	
	}

h4{
	
color:rgb(60,60,60)	;
font-weight:bold;
	
	
}

h6 {
	
	color : rgb(0,210,255);
	font-size:54px;
	font-weight:bold;
	
}

.container1{


width:  98%;
border: .5px solid ;
border-radius:5px;
border-color: rgb(255,255,255);
margin-top: 10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
-webkit-box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.10); 
box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.10);
margin: auto;
background:rgb(255,255,255);
}

.container1gris{


width:  98%;
border: .5px solid rgb(245,245,245);
border-radius:5px;
margin-top: 20px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
-webkit-box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.10); 
box-shadow: 0px 3px 10px 3px rgba(50,50,50,0.10);
margin: auto;
background:rgb(245,245,245);
}



.container3{
	
	width:98%;
	margin:auto;
	
	
}

.container4{
	
	width:250px;
	margin:auto;
	
	
}






.principal {
	
	position: relative;
	z-index:1;
	
}

@media (max-width: 1279px) {
	
.header2{
  position:relative;
  height:400px;
  width:100%;
    
}	
	

.parallax {
	
	height:60px;
	background: url(http://www.hsol.com.ar/images/parallax.jpg) 200% 0;
	 background-size:200%;
	background-attachment: fixed ; 


}



.encabezado {
position:retalive;
width:100%;
height:400px;
background: rgb/0,210,255);
background: linear-gradient(0deg, rgba(255,231,40,1) 0%, rgba(0,210,255,1) 100%);
	
}

.encabezado:after {
	 position:absolute;
	 width:100%;
	 height:450px;
	 content:'';
	 background: inherit;
	 top:0;
	 right:0;
	 bottom:0;
	 left:0;
	 transform-origin: top rigth;
	 transform: skewY(8deg);
	 
 }



.blackbox{
	
	background: rgb(6,6,6);
background: linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(20,58,87,1) 35%, rgba(96,7,58,1) 100%);
	margin-top:0px;
	margin-left:0px;
	height:580px;
	
	
}

.slogan{
	
	background: rgb(6,6,6);
background: linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(20,58,87,1) 35%, rgba(96,7,58,1) 100%);
	margin-top:0px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:50px;
	padding-left:0px;	
	text-align:center;
	
	
}

.slogan h2 {margin-left: 40px;}



.imagen1 {
	
    width:60%;
	display:block;
	position: absolute;
	margin:auto;
    margin-top:250px;
	margin-left:25%;
	z-index:1;
	
	
}

}


@media (min-width: 1280px) {
	
.header2{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-wrap: wrap;
  justify-content: right;
  align-items: flex-start;
  align-content: flex-start;
  height:50vw;
  min-height:300px;
  max-height:800px;
  min-width:300px;
  width:100%;
  color:#eee;
}	
	

.parallax {
	
	height:300px;
	background: url(http://www.hsol.com.ar/images/parallax.jpg) 100% 0;
	 background-size:100%;
	background-attachment: fixed; 


}


 
 


.encabezado {
position:retalive;
width:100%;
height:300px;
background: rgb(0,210,255);
background: linear-gradient(0deg, rgba(255,231,40,1) 0%, rgba(248,221,20,1) 100%);
	
}

.encabezado:after {
	 position:absolute;
	 width:100%;
	 height:500px;
	 content:'';
	 background: inherit;
	 top:0;
	 right:0;
	 bottom:0;
	 left:0;
	 transform-origin: top rigth;
	 transform: skewY(8deg);
	 
 }

.blackbox{
	
	background: rgb(6,6,6);
background: linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(20,58,87,1) 35%, rgba(96,7,58,1) 100%);
	margin-top:0px;
	margin-left:0px;
	height:600px;
	
	
}

.slogan{
	
	background: rgb(6,6,6);
background: linear-gradient(90deg, rgba(6,6,6,1) 0%, rgba(20,58,87,1) 35%, rgba(96,7,58,1) 100%);
	margin-top:0px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:50px;
	padding-left:20px;	
	text-align:left;
	
}

.slogan h2 {margin-left:50px;}

.imagen1 {
	
	display:block;
	position: absolute;
    margin-top:140px;
	margin-left:20px; 
    right:20px;	
    z-index:1;
	
}

}



@media (min-width: 1280px) {
	
.fotoprincipal1{
	
	display:block;
	
	-webkit-box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);
    box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);	
}




.textoprincipal2 {
	
	display:none  !Important;
	margin-left:5px;
}

}


.slogan3 a:hover {
	
	opacity: .8;
	
}

@media (max-width: 1279px) {
	
.fotoprincipal2{
	
	display:block;
	
	-webkit-box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);
    box-shadow: -1px 30px 31px -16px rgba(0,0,0,0.75);	
}


.slogan3 a {
	
	font-size:3vw;
	padding: 20px 50px 20px 50px;
	color:white;
	background: rgb(0,210,255);
	text-decoration:none;
	border: 1px solid rgb(0,210,255);
	border-radius:5px;
	
}
 
 
 
 

.fotoprincipal1 ,  .slogan1 {
	
	display:none;
	
}

.textoprincipal2 {
	
	display:block;
	
}

.fechamovil {
	
	
	height:50px;
	
}

}


 
 

	 
	 


.fa , .far, .fas, .fab {
	
	color: rgb(80,80,80);
}

.google1, .google1:hover {
	background:red;
	color:white;
	width:250px;
}

.facebook1, .facebook1:hover{
	background:#3b5998;
	color:white;
	width:350px;
	height:50px:
	border-radius:5px;
	
}

.user1{
background: white;
width:100%;
margin-bottom:5px;
	
}



.rowwhite a  {color:white !Important;}

.tdboton a{color:white  !Important; text-decoration:none;}

.table1{

margin:auto;
padding:auto;
	
}

 .td1 {
	width:20px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	text-align:center;
	
	
}

.td2 {
	width:230px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.container2{
	width:60px;
	height:60px;
	margin:auto;
	
}



.alert{


width: : 150px;
border: .5px solid ;
border-radius:15px;
border-color: rgb(120,120,120);
margin:auto;
margin-top:15%;
padding: 30px 20px 20px 30px;
-webkit-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.50);
-moz-box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.50);
box-shadow: 10px 10px 5px -8px rgba(0,0,0,0.50);

}


.alert .fa-check-circle-o {
	color:green;
	
}

.alert .fa-times-circle-o {
	
	color:red;
	
}







.titulo{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	
	
}


 
 
 .menu{	 
	 	 
	 
	 z-index:50  !important;	 
	
 } 
 
 .foto {
	
	margin-top:10px;
	margin-bottom:10px;
	margin-left:30px;
	margin-right:30px;
	z-index:50 !Important;	
	
}

.foto1 {
	
	margin-top:10px;
	margin-bottom:10px;
	margin-left:30px;
	margin-right:30px;
	z-index:50 !Important;	
	
}

.foto  img{	
	
	border: 1px solid rgb(210,210,210);
	border-radius:800px;
	background:white;	
	
}
 
 
.cuatro a {
	
	color:white !Important;
	
	
} 


 
@media (min-width: 1280px) {
	  
	  
.cuatro {
	 z-index:1 !Important;
	 text-align:left;
	 margin:auto;	  	 
 }
 
 .ocho{
	 z-index:1 !Important;
	 text-align:right;
	 margin:auto;
	 right:30px;
	 
	 
 }
	  	  
 }
 
 @media (max-width: 1279px) {
	  
	  
.cuatro {
	 z-index:1 !Important;
	 text-align:center;
	 margin:auto;	  	 
 }
 
 .ocho{
	 z-index:1 !Important;
	 text-align:center;
	 margin:auto;
	
	 
 }
	  	  
 }
 
 
 
 
 .loader {
  width: 120px;
  height: 120px;
  border: 20px solid rgb(0,210,255);
  border-top: 20px solid #eee;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
 
 .loader {
    position: fixed;
    left: 45%;
    top: 30%;
	margin-left:-35px;
    z-index: 9999;
    opacity: .8;
}



.botonprincipal
{width:80%;
height:80px;
font-size:20px;
padding-top:20px;
padding-bottom:20px;
border:0;
background: rgb(58,123,213);
background: linear-gradient(0deg, rgba(58,123,213,1) 0%, rgba(0,210,255,1) 80%);
border-radius:5px;
-webkit-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15); 
-moz-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);
box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);
color:white;
}
.botonprincipal:hover
{opacity:.8;}

.botonprincipal1
{width:30px;
height:30px;
font-size:12px;
padding-top:2px;
padding-bottom:2px;
border:0;
background: rgb(58,123,213);
background: linear-gradient(0deg, rgba(58,123,213,1) 0%, rgba(0,210,255,1) 80%);
border-radius:50%;
-webkit-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15); 
-moz-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);
box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);
color:white;
}
.botonprincipal1:hover
{opacity:.8;}

button .eye {
	
	
	 background:white;
	 border:0;
	 text-decoration:none;
	 
	 
	 
	
	
	
}

 .eye{
	 background:white;
	 border:0;
	 text-decoration:none;
	 
	 
	 
	 
 }
 
 
 /*--input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #aaa;
    margin-right: 0.5em;
  }
  input[type="date"]:focus:before,
  input[type="date"]:valid:before {
    content: "";
  }
 --*/
 
 .alerta {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transform: scale(1.1);
        transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
    }
    .alerta-contenido {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 1rem 1.5rem;
        width: 24rem;
        border-radius: 0.5rem;
		font-size:14px;
    }
    .alerta-cerrar {
        float: right;
        width: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        cursor: pointer;
        border-radius: 0.25rem;
        background-color: lightgray;
    }
    .alerta-cerrar:hover {
        background-color: darkgrey;
    }
    .alerta-mostrar {
        opacity: 1;
        visibility: visible;
        transform: scale(1.0);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    }
	
	
	.profile {
		
	    text-align: left;	
		
	}
	
	.profile a {
		
		text-decoration:none;
		color:rgb(80,80,80);
		
	}
	
	
	.checkboxhsol {display:inline; border:1px solid rgb(200,200,200); border-radius:5px ; padding-left:10px; padding-right:10px; margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px; padding-top:5px; padding-bottom:5px;}

.form-control {

}
	
.hotere{
margin-top:2px;
margin-bottom:2px;
margin-left: 2px;	
margin-right:2px;
padding-top: 5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
overflow:hidden;
}

.login10
{padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
margin-top:2px;
margin-bottom:2px;
margin-left: 2px;	
margin-right:2px;
border:0;
background: rgb(58,123,213);
background: linear-gradient(0deg, rgba(58,123,213,1) 0%, rgba(0,210,255,1) 80%);
border-radius:5px;
-webkit-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15); 
-moz-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);
box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);
color:white;
text-align:center;
}

.login10:hover{opacity:.8;}

label {margin-top:7px;}

.hotere3{
	
	background:rgb(240,240,240);
}

.hotere2{
	
	margin-left: 5px;	
	margin-right:5px;
	padding: 5px 5px 5px 5px;
	width:90%;
	
}

.btn-lg {
    border:0;
	background: rgb(0,210,255);
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15); 
-moz-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);
box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);
	
}

.btn{ margin:0px 0px 0px 0px;}

.login1{
	color:white;
	width:100%;
	
}

.buttonhsol {
color:white;
margin: 5px 5px 5px 5px;	
padding-left: 10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
border:0;
background: rgb(58,123,213);
background: linear-gradient(0deg, rgba(58,123,213,1) 0%, rgba(0,210,255,1) 80%);
/*background: rgb(0,210,255); */
border-radius:5px;
-webkit-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15); 
-moz-box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);
box-shadow: 0px 0px 35px 0px rgba(50,50,50,0.15);	

}

.buttonhsol:hover {
opacity:.8;
}


.login2{
	
	color:white;
	margin: 5px 5px 5px 5px;	
	padding: 5px 5px 5px 5px;
	width:90%;
	height:50px;
}



.s2 {		
	width:250px;
}

@media (min-width: 1280px) {


.s1 {
	display:block;
	
	
}}

@media (max-width: 1279px) {


.s1 {
	display:none;
	width:120px;
	
}}

	


.header1{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  height:50vw;
  min-height:300px;
  max-height:800px;
  min-width:300px;
  color:#eee;
}
.header1:after{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
 background: linear-gradient(to bottom, rgba(0,0,0,0.12) 40%,rgba(27,32,48,1) 100%);
}

@media (min-width: 1280px) {

.header1:before{
  content:"";
  width:100%;
  height:200%;
  position:absolute;
  top:0;
  left:0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0); backface-visibility: hidden;
  scale(1.0, 1.0);
    transform: translateZ(0);
  background:#1B2030 url(http://pms.hsol.com.ar/images/foto15.jpg) 100% 0 ;
  background-size:100%;
  background-attachment:fixed;
  animation: grow 70s  linear 10ms infinite;
  
  z-index:-2
}

}

@media (max-width: 1279px) {

.header1:before{
  content:"";
  width:100%;
  height:200%;
  position:absolute;
  top:0;
  left:0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0); backface-visibility: hidden;
  scale(1.0, 1.0);
    transform: translateZ(0);
  background:#1B2030 url(http://pms.hsol.com.ar/images/foto15.jpg) 100% 0 ;
  background-size:140%;
  background-attachment:fixed;
  animation: grow 40s  linear 5ms infinite;
  
  z-index:-2
}


}

@keyframes grow{
  0% { transform: scale(1) translateY(0px)}
  40% { transform: scale(1.2) translateY(-10px)}
}	


button {
	
	button-decoration: none;
}

 a {
		
	text-decoration:none;
	
	
}






.navbar {
	
	font-size:12px;
	margin-top: 0px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
	border-radius:0px;
	z-index:11000 !important;
}

.navbar-header{
	
	height:60px;
}

.navbar-toggle {
	
	margin-top:10px;
	
}

li { font-size: 12px; margin-left:5px; margin-right:5px;}


.li1 a , .li2 a , .dropdown a {font-size:12px; color:white !Important;}

.li1:hover {
	
	background:rgb(0,210,255);
	border-radius: 5px ;
}

.li2:hover{
	
	background:rgb(0,210,255);
	border-radius: 5px ;
	
}

@media (max-width: 1279px) {

.logocont {max-width:150px;
max-height:60px;
margin-top:5px;
margin-bottom:5px;

}

}

@media (min-width: 1280px) {
.logocont {max-width:200px;
max-height:60px;
margin-top:5px;
margin-bottom:5px;
}

}		
		
		


/* Dropdown*/
.dropdown-menu {
	 background: rgba(0,0,0,1);
	 border-radius:0px;
	 
}

.dropdown-toggle:active, .open .dropdown-toggle {
	background:rgb(0,210,255) !important; 
	color:#ffffff !important;
	border-radius: 5px ;
	}

	
	.dropdown-toggle:hover,
    .dropdown-toggle:active,
    .dropdown-toggle:focus	{
		
	background: rgb(0,210,255) !important; 
	color:#ffffff !important;
	border-radius: 5px ;
	}

.dropdown-menu > li > a {
  color: rgb(180,180,180);
  font-size:12px;
  padding-top:5px;
  padding-bottom:5px;
  
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgb(0,210,255);
  border-radius: 5px ;
}

.dropdown-toggle:hover {
	background:rgb(51,155;255);
	color:white !Important;
	border-radius: 5px ;
}

@media (min-width: 1280px) {
   
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: rgb(180,180,180);
}

ul {
	padding-top:5px;
	
}

}

@media (max-width: 1279px) {
   
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: rgb(180,180,180);
}

}

.search {
	
	background:rgb(230,230,230);	
	
}

.nohaydispo {display:none;}





.tabla2 td
{
margin-right:5px ;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
padding-left:5px;
padding-right:5px;
width:250px !Important;
	
}

.tabla2 a {
	
	color:white !important;
	text-decoration:none;"
	
}

.tabla2 {
text-align:right;	
	
}


.tablahk {
	
	border:1px solid black;
	text-align:center;
}

.tablahk {
	
border:1px solid black;	
	
}


.tablahk td {
	
	border:1px solid black;
	padding-left:10px;
	padding-right:10px;
	min-width:100px;
	
	
}

.nota { width: 450px;}


.tabla4 td {

	
	width:100px;
}

.green1 {
background:green;	
}

.cancel{
	
	background: firebrick !Important;
	
}

.cancel:hover {
	
	background: darkred !Important ;
	
	
}

.gris {
	
	background: rgb(240,240,240) !Important;
	
}

.red {color:red; }

.green {color: green;}

.grey {color:grey;}

.transparent {color:transparent;}

.iconcal { padding-left:0px; padding-right:10px; background:transparent;}

.largo {
	text-overflow: ellipsis;
}

.menucolor {
	
	color: white;
	
}

.menucolor:hover, .menucolor:active , .menucolor:focus {
	
	color: white;
	
}



.tabla4 {
	
	margin-left: 5px ;
	margin-right:5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px ;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tabla4 td , .tabla4 tr{
	
	margin-left: 5px ;
	margin-right:5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px ;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
	
}

.tablafotofoto {
	
	border: 1px solid rgb(120,120,120) !Important;
	border-radius:5px;
	width:200px !Important;
	text-align:center;	
	margin-left: 5px ;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left: 5px ;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
}

.tablafotodesc {
	
	
	width:200px !Important;
	text-align:center;	
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px ;
    padding-right:5px;
    padding-top: 5px;
    padding-bottom: 5px;
	
}

.tablafotodel { 
width: 40px;
text-align:left;
margin-left: 5px ;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
padding-left: 5px ;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;

	
}

.tabla4 a{ color: rgb(80,80,80) !Important;}

.calendaryellow {background: rgba(0,210,255,.8);}
.calendarred {background: rgba(255,0,0,.6);}
.calendargreen{background: rgba(144,238,144,.8);}
.calendarblue{background:rgba(51,155,255,.8);}

   .tablacalendar{
	border: 1px solid rgb(107,107,107);
	 text-decoration:none;
   }
   
   .conttable { overflow-y: auto; height: 80%; 
   text-decoration:none;
   } /*-Cambiar height para el scrool vertical y que la primer fila quede fija */
   

.calendarboton { width:200px;}

   .calendartd {	
	border: 1px solid rgb(107,107,107);
	width:70px !Important;
	height:35px !Important;
	min-width:70px;
	text-align:center;
	font-size:12px;
	margin:auto;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	cursor:pointer;
	background:rgba(255,255,255,.2);
	z-index:1 !Important;
	
	}
	
	.calendartdh {	
	border: 1px solid rgb(107,107,107);
	width:40px !Important;
	height:35px !Important;
	min-width:35px;
	text-align:center;
	font-size:12px;
	margin:auto;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	cursor:pointer;
	background:rgba(255,255,255,.2);
	z-index:1 !Important;
	
	}
	
	.calendartd1 {	
	border: 1px solid rgb(107,107,107);
	width:70px !Important;
	height:35px !Important;
	min-width:70px;
	text-align:center;
	font-size:12px;
	margin:auto;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	cursor:pointer;
	background:rgba(200,200,200,.2);
	z-index:1 !Important;
	
	}
	
	.diahoy2 {	
	
	background:rgba(180,180,180,.8) !Important;
	
	
	}
	
	.diahoy3 {	
	
	background:rgba(120,120,120,1) !Important;
	
	
	}
	
	.tablacalendar p {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:3px;
	margin-bottom:3px;
	margin:auto;
		
		
	}
	
	.calendarcolunm {
		
	border: 1px solid rgb(107,107,107);
	width:150px !Important;
	height:35px;
	text-align:left;
	font-size:14px;
	padding-left:10px;	
	cursor:pointer;
	background:rgb(240,240,240);
	z-index:9000 !Important;
	}
	
	.tdgrey{background:rgb(240,240,240);
	        border:1px solid rgb(107,107,107) !Important;
			}
	
	.tablacalendar h4{ font-size:12px;}
	
	.tablacalendar td , .tablacalendar th {border:1px solid rgb(107,107,107)!Important;}
	
	.conttable thead {
		border:1px solid rgb(107,107,107)!Important;
        position: sticky;
		z-index:9950 !Important;	
        top: 0;
      }
	  
	 .conttable thead:nth-child(5) {
  left: 0;
  z-index: 9950 !Important;
}
 
     .conttable thead tr {
	border:1px solid rgb(107,107,107) !Important; 
		 
	 }
   
   .conttable thead td {
	border:1px solid rgb(107,107,107) !Important; 
		 
	 }
   

	
	.colhab {
	position: sticky !Important;
	left:0px; 
	border:1px solid rgb(107,107,107);
	z-index:9900 !Important;	
	}
	
    .colhab2 {
	z-index:9850 !Important;
	
	}
	
.diahoy {border: 3px solid black !Important; background: rgb(150,150,150);}
	
	.filhab {	
	border:1px solid black !Important ;}
	
.pax{overflow:hidden;}	

.ocupada{ 
cursor:pointer;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
padding-top:12%;
padding-left:0px;
padding-right:0px;
background: var(--colorc3);
color:rgb(114, 160, 193);
height:28px;
width:76px!Important;

		  }
		  
.ocupadaceropms{ 
cursor:pointer;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
padding-top:12%;
padding-left:0px;
padding-right:0px;
background: var(--colorc5);
color:rgb(114, 160, 193);
height:28px;
width:76px!Important;

		  }  
		  
.ocupadaceroch{ 
cursor:pointer;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
padding-top:12%;
padding-left:0px;
padding-right:0px;
background: var(--colorc6);
color:rgb(114, 160, 193);
height:28px;
width:76px!Important;

		  }		  
		  
		  
		  
		  
		  
	/*#lightseagrenn por rgb(114, 160, 193) seagreen por rgb(75,132,172) coral por rgb(253, 92, 99)  tomato por   rgb(252,27,28)  */
		  
.ocupada2{ 
cursor:pointer;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
padding-top:12%;
padding-left:0px;
padding-right:0px;
background: var(--colorc1);
color:rgb(253, 92, 99);
height:28px;
width:76px!Important;

		  }	

.ocupada3{ 
cursor:pointer;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
padding-top:12%;
padding-left:0px;
padding-right:0px;
background: var(--colorc4);
color:rgb(114, 160, 193);
height:28px;
width:76px!Important;

		  }
		  
.ocupada4{ 
cursor:pointer;
margin-top:3px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
padding-top:12%;
padding-left:0px;
padding-right:0px;
background: var(--colorc2);
color:rgb(253, 92, 99);
height:28px;
width:76px!Important;
}			  
		  
		  
.ocupadain{ 
margin-top:3px !Important;
margin-left:3px !Important;
margin-right:0px !Important;
margin-bottom:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc3);
color:white;
height:28px;
width:53px;
float:right;
cursor:pointer;

border-radius: 0px 0px 0px 100px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;

		  }	
		  
.ocupadainceropms{ 
margin-top:3px !Important;
margin-left:3px !Important;
margin-right:0px !Important;
margin-bottom:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc5);
color:white;
height:28px;
width:53px;
float:right;
cursor:pointer;
border-radius: 0px 0px 0px 100px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
}	

	.ocupadainceroch{ 
margin-top:3px !Important;
margin-left:3px !Important;
margin-right:0px !Important;
margin-bottom:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc6);
color:white;
height:28px;
width:53px;
float:right;
cursor:pointer;

border-radius: 0px 0px 0px 100px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;

		  }		  
		  
.ocupadain2{ 
margin-top:3px !Important;
margin-left:3px !Important;
margin-right:0px !Important;
margin-bottom:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc1);
color:white;
height:28px;
width:53px;
float:right;
cursor:pointer;

border-radius: 0px 0px 0px 100px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;

		  }	
		  
.ocupadain3{ 
margin-top:3px !Important;
margin-left:3px !Important;
margin-right:0px !Important;
margin-bottom:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc4);
color:white;
height:28px;
width:53px;
float:right;
cursor:pointer;

border-radius: 0px 0px 0px 100px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;

		  }	
		  
.ocupadain4 { 
margin-top:3px !Important;
margin-left:3px !Important;
margin-right:0px !Important;
margin-bottom:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc2);
color:white;
height:28px;
width:53px;
float:right;
cursor:pointer;

border-radius: 0px 0px 0px 100px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;

}			  
		  
.ocupadaout4{ 
cursor:pointer;
margin-bottom:3px;
margin-left:0px;
margin-right:3px;
margin-top:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc2);
color:rgb(253, 92, 99);
text-align:center !Important;
height:28px;
width:120%;
border-radius: 0px 100px 0px 0px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
z-index:5001 !Important;
}	 	


	
.iconwhite, .iconwhite1{color:white; margin-left:9px;}
.iconwhite1:hover{color:rgb(180,180,180);}

.icongold  {color:gold; margin:auto;}
.icongold:hover, .icongold:focus {color:white !Important; margin:auto;}
		
.iconblue, .iconbllue:hover {
color:rgb(114, 160, 193) !Important; 
text-decoration:none;}		

.ocupada1{ 
margin-top:3px !Important;
margin-bottom:3px !Important;
margin-left:23px !Important;
margin-right:3px !Important;
padding-top:12%;
padding-left:5px;
background: var(--colorc3);
color:white;
height:28px;
width:90%;
float:left;
cursor:pointer;
text-align:left;
margin:auto;
border-radius: 0px 100px 0px 100px;
white-space:nowrap;
text-overflow: ellipsis;
}	
	  
.ocupada1ceropms{ 
margin-top:3px !Important;
margin-bottom:3px !Important;
margin-left:23px !Important;
margin-right:3px !Important;
margin-top:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc5);
color:white;
height:28px;
width:90%;
float:left;
cursor:pointer;
text-align:left;
margin:auto;
border-radius: 0px 100px 0px 100px;
white-space:nowrap;
text-overflow: ellipsis;
		  }	
		  
		  
		  

.ocupada1ceroch{ 
margin-top:3px !Important;
margin-bottom:3px !Important;
margin-left:23px !Important;
margin-right:3px !Important;
margin-top:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc6);
color:white;
height:28px;
width:90%;
float:left;
cursor:pointer;
text-align:left;
margin:auto;
border-radius: 0px 100px 0px 100px;
white-space:nowrap;
text-overflow: ellipsis;
		  }		  
		  

.ocupada12{ 
margin-top:3px !Important;
margin-bottom:3px;
margin-left:23px !Important;
margin-right:3px !Important;
padding-top:12%;
padding-left:5px;
background: var(--colorc1);
color:white;
height:28px;
width:90%;
float:left;
cursor:pointer;
border-radius: 0px 100px 0px 100px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
		  }	
		  
.ocupada13{ 
margin-top:3px !Important;
margin-bottom:3px;
margin-left:23px !Important;
margin-right:3px !Important;
padding-top:12%;
padding-left:5px;
background: var(--colorc4);
color:white;
height:28px;
width:90%;
float:left;
cursor:pointer;
border-radius: 0px 100px 0px 100px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
		  }	

.ocupada14{ 
margin-top:3px !Important;
margin-bottom:3px;
margin-left:23px !Important;
margin-right:3px !Important;
padding-top:12%;
padding-left:5px;
background: var(--colorc2);
color:white;
height:28px;
width:90%;
float:left;
cursor:pointer;
border-radius: 0px 100px 0px 100px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
		  }			  
		  

.ocupadaout{ 
cursor:pointer;
margin-bottom:3px;
margin-left:0px;
margin-right:3px;
margin-top:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc3);
color:var(--colorc3);
text-align:center !Important;
height:28px;
width:120%;
border-radius: 0px 100px 0px 0px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
		  }	 
		  

		  
.ocupadaoutceropms{ 
cursor:pointer;
margin-bottom:3px;
margin-left:0px;
margin-right:3px;
margin-top:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc5);
color:var(--colorc6);
text-align:center !Important;
height:28px;
width:120%;
border-radius: 0px 100px 0px 0px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
		  }	 
		  

.ocupadaoutceroch{ 
cursor:pointer;
margin-bottom:3px;
margin-left:0px;
margin-right:3px;
margin-top:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc6);
color:var(--colorc6);
text-align:center !Important;
height:28px;
width:120%;
border-radius: 0px 100px 0px 0px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
		  }	 
		  
		  
.ocupadaout2{ 
cursor:pointer;
margin-bottom:3px;
margin-left:0px;
margin-right:3px;
margin-top:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc1);
color:var(--colorc1);
text-align:center !Important;
height:28px;
width:120%;
border-radius: 0px 100px 0px 0px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
		  }	

		  

.ocupadaout3{ 
cursor:pointer;
margin-bottom:3px;
margin-left:0px;
margin-right:3px;
margin-top:3px;
padding-top:12%;
padding-left:5px;
background: var(--colorc4);
color:var(--colorc4);
text-align:center !Important;
height:28px;
width:120%;
border-radius: 0px 100px 0px 0px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;

		  }	 
		  
		  
		  
		  

.vacia{ 

margin-top:3px !Important;
margin-bottom:3px !Important;
margin-left:3px !Important;
margin-right:3px !Important;
margin-top:3px;
padding-top:12%;
padding-left:5px;
background: transparent;
color:transparent;
height:28px;
width:70px;
cursor:pointer;
text-align:center;
margin:auto;
z-index:9000 !Important;

		  }
		  
		  
.ocupado{ 
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
margin-top:3px;
background: blue;
color:white;
height:28px;

		  }		  
		  
.cerrada {
margin-top:3px !Important;
margin-bottom:3px !Important;
margin-left:23px !Important;
margin-right:3px !Important;
margin-top:3px;
padding-top:12%;
padding-left:5px;
background: rgba(255,215,0,.8);
color:white;
height:28px;
width:90%;
float:left;
cursor:pointer;
text-align:center;
margin:auto;
border-radius: 5px 5px 5px 5px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
		  }		  
		  
.vacia a{
	color:white;
	text-decoration:none;
	cursor:pointer;
	
}

.ocupado a {
	color:white;
	text-decoration:none;
	cursor:pointer;
}

.hocuppagain a, .hocupseniain a, .hocupimpagain a,.hocuppaga a, .hocupsenia a, .hocupimpaga a, .ocupadainceropms a, .ocupadainceroch a, .ocupadaoutceropms a, .ocupadaoutceroch a, .ocupadaceropms a, .ocupadaceroch a, .ocupada1ceropms a, .ocupada1ceroch a, .ocupada a, .ocupadain a, .ocupada1 a, .ocupadaout a , .ocupada2 a, .ocupadain2 a, .ocupada12 a, .ocupadaout2 a , .ocupada3 a, .ocupadain3 a, .ocupada13 a, .ocupadaout3 a , .ocupada4 a, .ocupadain4 a, .ocupada14 a, .ocupadaout4 a {
	color:white !Important;
	text-decoration:none !Important;
	
}

.ocupadainceropms p, .ocupadainceroch p, .ocupadaoutceropms 9, .ocupadaoutceroch p, .ocupadaceropms p, .ocupadaceroch p, .ocupada1ceropms p, .ocupada1ceroch p, .ocupada p, .ocupadain p, .ocupada1 p, .ocupadaout p , .ocupada3 p, .ocupadain3 p, .ocupada13 p, .ocupadaout3 p , .ocupadaout2 p , .ocupadaout4 p , .ocupada12 p, .ocupada14 p  {
	color:black;
	text-decoration:none;
	
}
		  
.cerrada a{
	color:gold;
	text-decoration:none;
	text-align:center;
	margin:auto;
	
}		  
	
	
.container1ventajas3 {
	 
  background:white;
  margin:auto;
  padding-right: 0px;
  padding-left:0px;
  padding-top:0px;
  padding-bottom:0px;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;
  width:300px;
  height:400px;
  width:100%;
  border:.5px solid rgb(200,200,200);
  border-radius:5px;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(57,57,57,0.1);
-moz-box-shadow: 1px 1px 5px 1px rgba(57,57,57,0.1);
box-shadow: 1px 1px 5px 1px rgba(57,57,57,0.1);

}

.titlevent{
background: rgb(240,240,240);
padding-top:20px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
font-size:18px;
height:150px;
border-radius:5px 5px 0px 0px;
	
	}
	
	.titlevent2{
background: rgb(0,210,255);
border:1px solid rgb(200,200,200);
border-radius:5px 5px 0px 0px;
padding-top:30px;
padding-bottom:30px;
padding-left:10px;
padding-right:10px;
font-size:22px;
height:80px;
color:white;
	
	}
	
	.titlevent i {color:rgb(0,210,255);}
	
	.textvent{ 
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;

}


.contact1 {
	width:80px;
	max-width:80px;
	position: fixed;
	bottom: 10px;
	right: 20px ;
	z-index:100;	
	}	
	
.contact1:hover , .agranda:hover {
	 transition: all 1s;
	 transform: scale(1.1) !Important;
 }
 
 .contact1 {
	 transition: all 1s;
	 transform: scale(1) !Important;
 }
 
.dni {max-width:300px; max-height:100px; position:relative;}
 
.imgdni {max-width:300px; max-height:100px;}

.imgdni:hover {transform: max-width:900px; max-height:500px; transition: 1s; }

.imgdni {transition: 1s;}
 
.viewr a {color :white !Important;}

.inli {display:inline-block;}

.chered {color:red;}
.chegreen{color:green;}

a.tip:hover {
    cursor: help;
    position: relative
}

a.tip span {
    display: none
}
a.tip:hover span {
	
    display: block;
    z-index: 10000;
    /*-background: #f0f0f0 no-repeat 100% 5%;-*/
    left: 0px;
    margin: 10px;
    width: 300px;
	height:250px;
    position: absolute;
    top: 0px;
    text-decoration: none;
	color:black !Important;
		
}

.spanc:hover {
    cursor: help;
    position: relative
}

.spanc span {
    display: none
}
.spanc:hover span {
	
	text-align:left;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 10000;
    background: #f0f0f0 no-repeat 100% 5%;
    left: 0px;
    margin: 10px;
    width: 250px;
	height:250px;
    position: absolute;
    top: 0px;
    text-decoration: none;
	color:black !Important;
	border:1px solid black;
	
}



#chart_wrap {
	position:relative;
	padding-bottom:100%;
	height:0;
	overflow:hidden;
}

#carth_div {
	position:absolute;
	top:0;
	left:0;
	width:100%
	height:100%;
}

.botonstd01 {font-size:24px; width:150px; background:rgb(0,210,255); color:white; border:1px solid rgb(0,210,255); border-radius:5px; padding:10px 10px 10px 10px;}
.botonstd02 {font-size:24px; width:150px; background:transparent; color:rgb(0,210,255); border:1px solid rgb(0,210,255); border-radius:5px; padding:10px 10px 10px 10px;}
.botonstd01:hover {opacity: .8; }

@media (min-width: 992px) {
.barrafluid {
width:100%;
height:200px;
border:0;
margin:0;
}

.barrap{height:200px !Important; color:transparent;}
}

@media (max-width: 991px) {
.barrafluid {
width:100%;
height:80px;
border:0;
margin:0;
}

.barrap{height:80px !Important;color:transparent;}
}

.uno {
width:25%;
height:100%;
float:left;
display:inline-block;
}
.dos {
width:25%;
height:100%;
float:left;
display:inline-block;
}
.tres {
width:25%;
height:100%;
float:left;
display:inline-block;
}





.botonstd02:hover {opacity: .8; }


.span-ca {
border:0px;
border-radius:5px;
background:white !Important;
font-size:14px;
padding:10px 10px 10px 10px;
text-align:left;
color:black;
box-shadow: 0px 0px 15px #222; 
margin: auto;	
	
}

[data-title]:hover:after {
            opacity: 1;
            transition: all 0.2s ease 0.6s;
            visibility: visible;
			
            
        }
        [data-title]:after {
            content: attr(data-title);
            position: absolute;
			
			right:20px;
			z-index:999999;
            padding: 20px 20px 20px 20px;
			font-size:14px;
            color: white;
			border:0px;
            border-radius: 5px;  
            box-shadow: 0px 0px 15px #222;  
            background:black;			
            visibility: hidden;
        }
		
		
		
		
.hocuppaga{ 
margin-top:0px !Important;
margin-left:0px !Important;
margin-right:0px !Important;
margin-bottom:0px;
background: var(--colorc5);
color:white;
width:40px;
float:right;
cursor:pointer;
border-radius: 0px 0px 0px 0px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
}	

.hocuppagain{ 
margin-top:0px !Important;
margin-left:0px !Important;
margin-right:0px !Important;
margin-bottom:0px;
background: var(--colorc5);
color:white;
width:40px;
float:right;
cursor:pointer;
border-radius: 0px 0px 0px 0px;
text-align:left;
border-left: 5px solid rgb(255,255,255);
white-space:nowrap;
text-overflow: ellipsis;
}	
		
.hocupsenia{ 
margin-top:0px !Important;
margin-left:0px !Important;
margin-right:0px !Important;
margin-bottom:0px;
background: var(--colorc3);
color:white;
width:40px;
float:right;
cursor:pointer;
border-radius: 0px 0px 0px 0px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
}	

.hocupseniain{ 
margin-top:0px !Important;
margin-left:0px !Important;
margin-right:0px !Important;
margin-bottom:0px;
background: var(--colorc3);
color:white;
width:40px;
float:right;
cursor:pointer;
border-radius: 0px 0px 0px 0px;
border-left: 5px solid rgb(255,255,255);
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
}

.hocupimpaga{ 
margin-top:0px !Important;
margin-left:0px !Important;
margin-right:0px !Important;
margin-bottom:0px;
background: var(--colorc1);
color:white;
width:40px;
float:right;
cursor:pointer;
border-radius: 0px 0px 0px 0px;
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
}		
			
.hocupimpagain{ 
margin-top:0px !Important;
margin-left:0px !Important;
margin-right:0px !Important;
margin-bottom:0px;
background: var(--colorc1);
color:white;
width:40px;
float:right;
cursor:pointer;
border-radius: 0px 0px 0px 0px;
border-left: 5px solid rgb(255,255,255);
text-align:left;
white-space:nowrap;
text-overflow: ellipsis;
}
			
@media (min-width: 944px) {		
.tarjeta {padding:40px 40px 40px 40px; min-height:400px; width:40%; border-radius:20px; color: white; font-weight:bold; background: linear-gradient(0deg, rgba(58,123,213,1) 0%, rgba(0,210,255,1) 80%);}
}	

@media (max-width: 943px) {		
.tarjeta {padding:20px 20px 20px 20px;  width:90%; border-radius:20px; color: white; font-weight:bold; background: linear-gradient(0deg, rgba(58,123,213,1) 0%, rgba(0,210,255,1) 80%);}
}	


.modal {
  
  z-index: 9999999;
  
}