@charset "utf-8";
*{
	margin:0px;
	padding:0px;
}

.caja{
	/*visibility: hidden;*/
	width:100%;
	height:100%;	
}

.top{
/*visibility: hidden;*/
	position:absolute;
	top:0px;
	width:100%;
	height:10%;
background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(top,  #cc0000 0%, #cc1818 94%, #cc6868 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(94%,#cc1818), color-stop(100%,#cc6868)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cc0000 0%,#cc1818 94%,#cc6868 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cc0000 0%,#cc1818 94%,#cc6868 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cc0000 0%,#cc1818 94%,#cc6868 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cc0000 0%,#cc1818 94%,#cc6868 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc6868',GradientType=0 ); /* IE6-9 */
}

/*cuerpo*/

.pie1{
    position: absolute;
	left:2%;
	bottom:9%;
    /*color:#FF6;*/
	/*color:#B5000F;*/
	/*color:#cc0000;*/
	color:#cc0808; /*#cc0808;*/
	text-shadow: 2px 2px 5px #009, 2px 2px 20px rgba(50, 71, 255, 1), -2px 0px 30px rgba(50, 71, 255, 1), 0px 0px 20px rgba(10, 30, 255, 1), 3px 0px 10px #009;
	font-size:24px;
		
}
.pie2{
    position: absolute;
	left:2%;
	bottom:1%;
    color:white;
	text-shadow: 2px 2px 5px #009, 2px 2px 20px rgba(50, 71, 255, 1), -2px 0px 30px rgba(50, 71, 255, 1), 0px 0px 20px rgba(10, 30, 255, 1), 3px 0px 10px #009;
	font-size:20px;
}
.tituloimg{
	cursor:pointer;
	width:12%;
    height:70%;
	position:absolute;
	left:1%;
 	top:10%;
	
	}
.titulo{
font-family:"logo";
color:white;
left:2%;
top:1%;
font-size: 3em;
}
.logo2{
	position: absolute;
	top:0px;
	left:-13%; /*Editar valor para celular*/
	width:40%;
	height:40%;
}
.circle{
	visibility:hidden;
	z-index:1;
    color:white;
    width:40%;
    height:70%;
    border-radius:50%;
    position:absolute;
    background-color:rgba(200,100,100,0.5);
    top:20%;
    right:3%;
    text-align:center;
    padding-top:1%;
    box-shadow:0px 0px 60px rgba(200,200,250,5);
}
.cont{
	text-align:left;
	position:relative;
	padding:12%;
	/*overflow-y: scroll;*/
	overflow-y: auto;
	overflow-x: hidden;
	width:95%;
    height:95%;
	}
.circle2{
	visibility:hidden;
	z-index:3;
    color:white;
    width:12%;
    height:22%;
    border-radius:50%;
    position:absolute;
    background-color:rgba(000,100,200,0.5);
    top:12%;
    right:36%;
    text-align:center;
    padding-top:0%;
    box-shadow:0px 0px 60px rgba(200,200,250,5);
}

.circle3{
	visibility:hidden;
	z-index:3;
    color:white;
    width:15%;
    height:25%;
    border-radius:50%;
    position:absolute;
    background-color:rgba(200,100,200,0.5);
    top:30%;
    right:43%;
    text-align:center;
    padding-top:1%;
    box-shadow:0px 0px 60px rgba(200,200,250,5);
}
.circle4{
	visibility:hidden;
	z-index:1;
    color:white;
    width:90%;
    height:70%;
    border-radius:50%;
    position:absolute;
    background-color:rgba(200,100,100,0.5);
    top:20%;
    right:3%;
    text-align:center;
    padding-top:1%;
    box-shadow:0px 0px 60px rgba(200,200,250,5);
}
.cont2{
	text-align:center;
	position:relative;
	padding:12%;
	/*overflow-y: scroll;*/
	overflow-y: auto;
	overflow-x: hidden;
	width:95%;
    height:95%;
	}
div div h1{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:40px;
	padding-top:15%;
	font-weight:bold;
	}
.titulos{
position:absolute;
top:25%;
left:20%;
	}
	.titulos3{
position:relative;
top:20%;
left:20%;
	}
.ps{
	position:absolute;
	top:2%;
	left:15%;		
	}
.face{
	position:absolute;
    bottom:12%;
	left:2%;	
	}
.tel{
color:inherit;
text-decoration:none;
}

/*face*/
#face2{
	visibility:hidden;
	}
.slide_likebox {
	
	position:absolute;
	top:50%;
	left:-250px;
/*float:right;*/
width:288px;
height:220px; 
background: url(imagen/face.png) no-repeat !important;
display:block;
padding:0;


z-index:1002;
border-radius:10px;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
}
div.likeboxwrap {
	position:relative;
margin-top:1px;
/*margin-left:5px;*/
left:-45px;
width:238px; 
height:205px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
}
div.likeboxwrap iframe {margin:-1px}
/*scroll*/
.ex4::-webkit-scrollbar{
width:8px;
background-color:rgba(200,050,050,5);
}
.ex4::-webkit-scrollbar-thumb{
background-color:#DA2121;
}
.ex4::-webkit-scrollbar-thumb:hover{
background-color:#999999;
border:1px solid #DA2121;
}
.ex4::-webkit-scrollbar-thumb:active{
background-color:#B70000;
border:1px solid #DA2121;
}
.ex4::-webkit-scrollbar-track{
border:1px rgba(255,100,200,5) solid;
-webkit-box-shadow:0 0 2px rgba(255,100,200,5) inset;
}
/*Inscripcion*/
.ins{
	visibility:hidden;
	z-index:1;
    color:white;
    width:12%;
    height:22%;
    border-radius:50%;
    position:absolute;
    background-color:rgba(100,100,200,0.5);
    top:12%;
    right:52%;
    text-align:center;
    padding:2%;
    box-shadow:0px 0px 60px rgba(200,200,250,5);
}
.ins2:hover, .ins2:focus{
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:absolute;
  z-index:10;
}
#h2{
	text-align:center;
	/*color:#F90D13;*/
	color:rgba(0,50,200,2);
	text-shadow:10px 10px 60px rgba(0,50,200,5);
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
}
.ex4 p{
	font-family:"Courier New", Courier, monospace;
	font-weight:bolder;
}
.ex4 p span{
	color:#000;
	font-size:18px;
}
#fecha{
	color:rgba(0,50,200,5);
	text-shadow:10px 10px 60px rgba(0,50,200,5);
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	font-weight:bold;
}
.red{
	color:white;
	background:#900;
}
.redv{
	color:#900;
	text-shadow:5px 5px 20px rgba(100,100,150,5);
	font-family:"Courier New", Courier, monospace;
	font-weight:bolder;
	text-align:left;
	font-size:22px;/*o 18px*/
}
.p2{
	color:#900;
	font-size:18px;
	text-shadow: 2px 3px 20px rgba(100,0,0,5),  -2px 0px 30px rgba(255,255,255,1), 3px 0px 10px #009, -3px 3px 30px rgba(6,0,162,5);
}
.p3{
	color:#FFF;
	font-size:22px;
	text-shadow: 2px 3px 20px rgba(100,0,0,5);
	font-weight:bold;
}
.red2{
	color:white;
	background:#900;
	font-size:36px;
}
.estrella1{
	background-image:url(imagen/estrellas4.png);
	position: absolute;
	width: 100%;
	/*height: 80%;*/
	height: 100%;
	/*top: 20%;*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	visibility: visible;
	background-size:cover;	
	z-index:0;
	}
.estrella2{
	background-image:url(imagen/estrellas5.png);
	position: absolute;
	width: 100%;
	/*height: 80%;*/
	height: 100%;
	/*top: 20%;*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	visibility: visible;
	background-size:cover;
	z-index:0;
	}
.estrella3{
	background-image:url(imagen/estrellas6.png);
	position: absolute;
	width: 100%;
	/*height: 80%;*/
	height: 100%;
	/*top: 20%;*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	visibility: visible;
	background-size:cover;	
	z-index:0;
	}