@charset "UTF-8";
/* base */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html {overflow-y:scroll}
body {font-family:"Exo 2", Helvetica, sans-serif !important; font-size:12px;}
header{margin-top: 20px;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
input, select, textarea, button, label {font-size:100%; vertical-align:middle}
input, select {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
fieldset, img, iframe {border:0 none}
img {vertical-align:middle}
textarea {resize:none}

em, address {font-style:normal}
a {text-decoration:none;color:#ff6600;}
a:hover,a:active,a:focus{text-decoration:none !important;color:red;}
menu,li {list-style:none}
button {padding:0; margin:0; border:0; cursor:pointer; vertical-align:middle; background:none; font-family:'Noto Sans', Helvetica, sans-serif;}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}

i,em,address{font-style:normal}
label {cursor:pointer}
table {border-spacing:0; border-collapse:collapse}

/* layout */
body,html{width:100%; height:100%;}

body{padding:30px 0; background-image:url(../imagenes/desing/cat_r_3036559.png);
background-attachment: fixed;width: 100%;
    float: left;
	color:white;}
.wrap_nav{width:100%; margin-bottom:50px; height:50px; background: rgb(24,24,24);position:relative; z-index:1;
background: linear-gradient(0deg, rgba(24,24,24,1) 0%, rgba(115,114,112,1) 100%);
position: fixed;
    top: 0;}
h1{    margin: 0px 161px 40px;
    font-size: 35px;
    color: #fff;
    border-bottom: 2px solid #ff6600;
    width: 73%}
h2{max-width: 800px;
    font-weight: normal;
    margin: 0px 161px 40px;
    font-size: 25px;
    color: #fff;
    border-bottom: 1px solid #ff6600;
    width: 30%;}
	
.titugrande{    margin: 0px 161px 0px;
    font-size: 35px;
    color: #fff;
    border-bottom: 2px solid #ff6600;
    }
/* nav */
.logo{height: 42px;}
nav{margin:0 auto; height:50px; line-height:19px; font-size:0;}
nav a{position:relative; display:inline-block; padding:0 30px; color:#fff; font-size:14px; letter-spacing:-.5px; text-decoration:none;}

nav a:hover{color:#ff6600;}

.btn-1 a:after,
.btn-2 a:after,
.btn-3 a:after,
.btn-4 a:before, .btn-4 a:after,
.btn-5 a:before, .btn-5 a:after,
.btn-6 a:before,
.btn-7 a:before,
.btn-8 a:before,
.btn-9 a:before, .btn-9 a:after,
.btn-10 a:before, .btn-10 a:after, .btn-10 a span:before, .btn-10 a span:after,
.btn-12 a:after,
.btn-14 a:after{content:""; display:block;}


/* left-right-full */
.btn-1 a:after{position:absolute; left:0; bottom:0; width:0%; height:3px; background-color:#ff6600; -webkit-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.btn-1 a:hover:after{width:100%;}

/* right-left-full */
.btn-2 a:after{position:absolute; right:0; bottom:0; width:0%; height:3px; background-color:#ff6600; -webkit-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.btn-2 a:hover:after{width:100%;}


/* center-side-full-1 */
.btn-3 a:after{position:absolute; left:50%; bottom:0; width:0%; height:3px; background-color:#ff6600; transform:translateX( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.btn-3 a:hover:after{width:100%;}


/* center-side-full-2 */
.btn-4 a:after{position:absolute; left:50%; bottom:0; width:0%; height:3px; background-color:#ff6600; transform:translateX( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.btn-4 a:before{position:absolute; left:50%; top:0; width:0%; height:3px; background-color:#ff6600; transform:translateX( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.btn-4 a:hover:after{width:100%;}
.btn-4 a:hover:before{width:100%;}


/* side-full */
.btn-5 a:after{position:absolute; left:0; top:50%; width:3px; height:0%; background-color:#ff6600; transform:translateY( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.btn-5 a:before{position:absolute; right:0; top:50%; width:3px; height:0%; background-color:#ff6600; transform:translateY( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.btn-5 a:hover:after{height:100%;}
.btn-5 a:hover:before{height:100%;}

/* left-right-vertical */
.btn-6 a{overflow: hidden; z-index:2}
.btn-6 a:before{position:absolute; right:100%; top:0; width:100%; height:100%; background-color:#a94646; z-index:-1; opacity:0; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; border-right:2px solid #ff6600;}
.btn-6 a:hover:before{opacity:1; right:0;}

/* bottom-top-horizontal */
.btn-7{overflow: hidden;}
.btn-7 a{z-index:2}
.btn-7 a:before{position:absolute; left:0; top:100%; width:100%; height:100%; background-color:#a94646; z-index:-1; opacity:0; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; border-top:2px solid #ff6600;}
.btn-7 a:hover:before{opacity:1; top:0;}

/* btn-8 */
.btn-8{overflow: hidden;}
.btn-8 a{z-index:2}
.btn-8 a:before{position:absolute; left:0; bottom:100%; width:100%; height:100%; background-color:#a94646; z-index:-1; opacity:0; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; border-bottom:2px solid #ff6600;}
.btn-8 a:hover:before{opacity:1; bottom:0;}

/* btn-9 */
.btn-9 a:after{position:absolute; left:50%; bottom:0; width:60%; height:3px; background-color:#ff6600; transform:translateX( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); opacity:0;}
.btn-9 a:before{position:absolute; left:50%; top:0; width:60%; height:3px; background-color:#ff6600; transform:translateX( -50% ); -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); opacity:0;}
.btn-9 a:hover:after{opacity:1; bottom:-5px;}
.btn-9 a:hover:before{opacity:1; top:-5px;}

/* btn-10 */
.btn-10 a{padding:0;}
.btn-10 a span{display:block; padding:0 30px;}
.btn-10 a:before, .btn-10 a:after, .btn-10 a span:before, .btn-10 a span:after{position:absolute; background-color:#ff6600;}
.btn-10 a:before{width:3px; height:0; left:0; bottom:0; -webkit-transition:all .1s .3s; -o-transition:all .1s .3s; transition:all .1s .3s;}
.btn-10 a:after{width:0; height:3px; left:0; top:0; -webkit-transition:all .1s .2s; -o-transition:all .1s .2s; transition:all .1s .2s;}
.btn-10 a span:before{width:3px; height:0; right:0; top:0; -webkit-transition:all .1s .1s; -o-transition:all .1s .1s; transition:all .1s .1s;}
.btn-10 a span:after{width:0; height:3px; right:0; bottom:0; -webkit-transition:all .1s; -o-transition:all .1s; transition:all .1s;}
.btn-10 a:hover:before{height:100%; -webkit-transition:all .1s; -o-transition:all .1s;	transition:all .1s;}
.btn-10 a:hover:after{width:100%; -webkit-transition:all .1s .1s; -o-transition:all .1s .1s; transition:all .1s .1s;}
.btn-10 a:hover span:before{height:100%; -webkit-transition:all .1s .2s; -o-transition:all .1s .2s; transition:all .1s .2s;}
.btn-10 a:hover span:after{width:100%;	-webkit-transition:all .1s .3s;	-o-transition:all .1s .3s; transition:all .1s .3s;}
/* btn-11 */
.btn-11{position:relative; overflow:hidden;}
.btn-11 span.effect{position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#ff6600; -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
/* btn-12 */
.btn-12 a:after{position:absolute; left:50%; top:50%; width:0%; height:2px; background-color:#ff6600; transform:translateX( -50% );
-webkit-transition:width .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition:width .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition:width .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.btn-12 a.off:after{width:90%;}
/* btn-13 */
.btn-13{position:relative;}
.btn-13 span.dot{width:7px; height:7px; position:absolute; left:0; bottom:0; transform:translateY( 50% ); background-color:#ff6600; border-radius:50%; -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); opacity:0;}

/* btn-14 */
.btn-14 a{position:relative;}
.btn-14 a:after{width:100%; height:100%; position:absolute; left:0; top:0; border:0px solid #ff6600; box-sizing:border-box;
	-webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:0;}
.btn-14 a:hover:after{border-width:5px; opacity:1;}
/* btn-15 */
.btn-15{overflow: hidden;}
.btn-15 a{position:relative; -webkit-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.btn-15 a:after{content:attr( data-menu-name ); display:block; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;
	-webkit-transform:translateY( -100% );
	-ms-transform:translateY( -100% );
	-o-transform:translateY( -100% );
	transform:translateY( -100% );
}
.btn-15 a:hover{
	-webkit-transform:translateY( 100% );
	-ms-transform:translateY( 100% );
	-o-transform:translateY( 100% );
	transform:translateY( 100% );
}

/* desplegable */
.wrap_nav ul{
  list-style:none;
}

.wrap_nav ul li a{
  text-decoration:none;
  color:#f5ecec;
}
.wrap_nav ul li a:hover{
  
}

.menuI > li{
  display:ruby;
}

.menuI > li > a{
  display:block;
  padding:0 5px;
  width:90px;
}

li ul{
  position:absolute;
  display:none;
}

.menuD a{
  display:block;
  padding:2px;

}

li:hover ul{
  display:block;

}
.Item2{min-width: 95px;line-height: 3;
	background: #000000bd;
    padding: 0 5px;height: 48px;}
	
.opcionesuser{width: 139px;
    display: ruby;}	
	
/* boton acceso */
.acceso{
	float: right;
    color: #ff6600;
    margin: -35px 50px 0 0px;
	cursor: pointer;
}
.custom-btn {
  width: 130px;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}
.btn-11 img{height:22px;margin: 0px;}

.btn-0{background: #03add8;color: aliceblue !important;
    width: 100px;
    height: 33px;
	border-radius: 5px;
  padding: 10px 25px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;}

/* 11 */
.btn-11 {
  border: none;
  background: #fa4848;
    background: linear-gradient(0deg, #fad648 0%, #fa4848 100%);
    color: #fff;
    overflow: hidden;
}
.btn-11:hover {
    text-decoration: none;
    color: #fff;
}
.btn-11:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
.btn-11:hover{
  opacity: .7;
}
.btn-11:active{
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
	
	
/* web desing */	
	
.generalcontenido{max-width: 1250px;
    margin: auto;background: rgba(15, 15, 15, .93);
	color: aliceblue;margin-top: 30px;}
.generalcontenido a, .a:not([href]):not([tabindex]){color:#f60;}	
.generalcontenido p{margin-left:40px;}	
	
	
.generalmenu{}
	
.generalcuerpo{	width: 100%;
	    background: #00000083;}
.generalfooter{	width: 100%;
	    background: #00000083;}
		
.modulo-chat{    
background: #1c1c1c;margin-top:-30px;
}		
.modulos {
	width: 100%;height:250px;
	    background: #00000083;
    border: 1px solid #242424;
    padding: 8px 4px 8px 0px;
    font-size: 16px;
    line-height: 1.4;

}
.modulo{float:left;}