/*****************************************

		CUSTOM CSS

******************************************/

.avatar-copyright {display: none !important;}
.logotipo {font-family: Quicksand;font-size: 3em;color: white;padding-left: 65px;background: url(../../../images/logo.png) center left no-repeat;}
html, body {height: 100%; background-image: url("../../../images/fondo.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover !important; background-color: #050a27; background-attachment: fixed !important;}
body > header {background: transparent !important;}
.wrapper-website {background: transparent !important; border: none !important;}
.website-footer {display: none !important;}
.logo-module {display: none !important;}
.jslink {display: none !important;}
img {border: none !important; box-shadow: none !important;}
h1 {border: none;}
.nav-stacked {display: none !important;}
.loginacceso {width: 50%; margin: auto;}
.acceso {background-color: transparent !important;}
.extra {visibility: hidden;}
.well {background: transparent !important; border: none !important; box-shadow: none !important;}
#ff_formdiv5, #ff_formdiv6 {width: 50%; margin: auto; padding: 2em; min-width: 300px;}
button.btn-primary {background-image: linear-gradient(to bottom, #555555 0%, #333333 100%) !important; border-color: #333333;}
button.btn-primary:hover {background-image: linear-gradient(to bottom, #333333 0%, #555555 100%) !important; background-color: #555555 !important; border-color: #333333;}
input#remember {display: none !important;}
.third, .third2 {width: 32%; margin: auto; margin-bottom: 2em; display: inline-block; text-align: left; padding: .5em;}
.third img, .third2 img {float: left; margin-right: 1em !important; margin-top: 0em !important; margin-bottom: 1.2em !important;}
.third ul, .third2 ul {list-style-type: none;}
.third ul li, .third2 ul li {text-align: left; line-height: 1.5em !important; font-size: 1em; color: #ccc;} 
.third ul li h3, .third2 ul li h3 {font-size: 1.3em; margin-top: -.5em !important; border-bottom: 1px solid #bbb; margin-bottom: .5em !important;}
.third ul li h3 {color: #9153d3;}
.third2 ul li h3 {color: #10ffff;}
h2 {display: inline-block; padding: .3em; color: #bbb;}
h2.active {color: #9153d3;}
h2.active2 {color: #10ffff;}
h2 a {color: #bbb;}
.logout {border: 1px solid #ccc; padding: 0 .3em 0 .3em!important;}

@media (min-width: 320px) and (max-width: 480px) {.loginacceso {width: 75%; margin: auto;}}

@media (min-width: 1024px) and (max-width: 1200px) {
	
  .third, .third2 {width: 32%; margin: auto; margin-bottom: 2em; display: inline-block;}
  .third ul li, .third2 ul li  {text-align: left !important; line-height: 1.5em !important;} 
  
}

@media (min-width: 768px) and (max-width: 1023px) {
  
  .third, .third2 {width: 49%; margin: auto; margin-bottom: 2em; display: inline-block;}
  .third ul li, .third2 ul li  {text-align: left !important; line-height: 1.5em !important;} 
  
}

@media (max-width: 767px) {
  
  .third, .third2 {width: 98%; margin: auto; margin-bottom: 2em; display: inline-block;}
  .third ul li, .third2 ul li  {text-align: left !important; line-height: 1.5em !important;} 
  
}