<?php
	$DIR_TEMA_CSS="cosmo";
	// Variable con el tema general que lo incluyen todos los php/html para interfaz de usuario
	$CSS_GENERAL="/warn/bootstrap/" .$DIR_TEMA_CSS ."/bootstrap.css";
	// Cutomizaciones del tema según nuestro criterio 
	$CSS_PONDER="/warn/bootstrap/css_ponder.css";
    echo "<link rel=\"stylesheet\" href=\"" .$CSS_GENERAL ."\">\n";
    echo "<link rel=\"stylesheet\" href=\"" .$CSS_PONDER ."\">\n";
	//CSS para ajaxcrud
	$CSS_AJAXCRUD="../../../$CSS_GENERAL";
?>


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"></head>

<style>

html, body, h1, h2, h3, h4, h5, h6 {
  //font-family: "Comic Sans MS", cursive, sans-serif;
  //font-family: "Josefin Sans",sans-serif,tahoma,roboto,Arial;
}

body{
	background: url(logos/fondo_total.png) no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
 }
}

//	font-family: Impact, Charcoal, sans-serif;

button.degrade { background: linear-gradient(180deg, lightgrey 0%, #000 100%); }
button.degrade2 { background: linear-gradient(230deg, #CBCACA 0%, #424141 70%); }
button.degrade3 { background: linear-gradient(180deg, #000 0%, darkgrey 100%); }
button.degrade4 { background: linear-gradient(180deg, #000 0%, #A2503F 100%); }

a.degrade { background: linear-gradient(180deg, lightgrey 0%, #000 100%); }

div.degrade { 
//font-family: Impact, Charcoal, sans-serif;
background: linear-gradient(250deg, #CBCACA 0%, #424141 90%); 
}

/* Make the image fully responsive */
  .carousel-inner img {
    width: 80%;
    height: 300px;
  }
  html {
  scroll-behavior: smooth;
 }
 
#loadingmsg {
      color: darkblue;
	  font-size:1.8rem;
      background: #fff; 
      padding: 10px;
      position: fixed;
      top: 50%;
      left: 5%;
      z-index: 100;
      margin-right: -25%;
      margin-bottom: -25%;
      }


#loadingover {
      text-align: center;
	  background: grey;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80);
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      opacity: 0.8;
}

	.btn-logueado.btn-xl{
	  width:60%;
	  border-radius:35px;
	  }
	  
	.btn-circle.btn-xl{
	  width:100%;
	  border-radius:25px;
	  padding: 1px 10px;
	  }

	  .btn-circle1.btn-xl{
		  width:100%;
		  border-radius:15px;
		  padding: 10px 10px;
		  text-align: center;
	  }

</style>

