* {
margin:0;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.social {
background:#024959;
position: relative;
width:100%;
height:100px;
left:0;
top:20px;
z-index:1;
border-radius:10px;
border: 4px solid #000000;
padding:35px;
}
.galleries{
width: 100%;
height: 100%;
z-index: 1;
}
.jR3DCarouselGallery,.jR3DCarouselGallery1 {
margin: 0 auto;
z-index: 1;
}
.container {
text-align: center;
}
.jR3DCarouselGallery .captions{
position: relative;
padding: 2px 0;
visibility:none;
bottom:22px;
background: rgba(238, 238, 238, 0.69);
z-index: 1;
}
textarea{
resize:none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
input{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
html
{
height: 100%;
}
body {
background:#398AB5;
height: 100%;
}
.tex1{
border-radius:5%;
}
header {
width:100%;
}
.perfti{
color: #FFFFFF;
text-decoration:none;
text-align: center;
font-size:1.2em;
}
.perfti:hover { color: #035DFB; }
.menu_bar {
display:none;
}
header nav ul{
overflow:hidden;
list-style:none;
}
header nav ul li {
float:left;
}
header nav ul li a {
color:#fff;
padding:20px;
display:block;
text-decoration:none;
}
header nav ul li span {
margin-right:10px;
}
header nav ul li a:hover {
background:#037E8C;
z-index: 1;
}
headera {
width:100%;
}
headera nav {
width:50%;
max-width:1000px;
margin:20px auto;
background:#10B0B2;
border-radius: 54px 54px 54px 54px;
-moz-border-radius: 54px 54px 54px 54px;
-webkit-border-radius: 54px 54px 54px 54px;
border: 1px solid #000000;
}
headera nav ul{
overflow:hidden;
list-style:none;
}
headera nav ul li {
float:center;
}
headera nav ul li a {
color:#fff;
padding:20px;
display:block;
text-decoration:none;
}
headera nav ul li span {
margin-right:10px;
}
headera nav ul li a:hover {
background:#26B0EB;
z-index: 1;
border-radius: 54px 54px 54px 54px;
-moz-border-radius: 54px 54px 54px 54px;
-webkit-border-radius: 54px 54px 54px 54px;
border: 1px solid #000000;
}
header nav {
width:90%;
max-width:1000px;
margin:20px auto;
background:#024959;
}
section {
max-width:1000px;
margin:2px auto;
}
.cotizarinput {
visibility: hidden;
width: 0;
margin-left:-8%;
position: relative;
}
.cotizarinput::before {
content: 'ARCHIVO';
display: inline-block;
background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
border: 1px solid #999;
border-radius: 3px;
padding: 5px 8px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
text-shadow: 1px 1px #fff;
font-weight: 700;
font-size: 10pt;
visibility: visible;
position: absolute;
}
.cotizarinput:hover::before {
border-color: black;
}
.cotizarinput:active::before {
background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
#gwd-reCAPTCHA_2{
transform: scale(0.84);
transform-origin: -10 0;
}
.letrsanim2{
display: flex;
width: 60%;
height: 2rem;
color: #fff;
font-size: 2rem;
line-height: 2rem;
position: relative;
top: 0;
right: 0;
button: 0;
left: 0;
margin: auto;
overflow: hidden;
}
.letrsanim2 ul {
list-style: none;
padding-left: 10px;
color: blue;
font-style:arial;
animation: cambiar 7s infinite;
}
.letrsanim2 ul, p {
font-style:arial;
margin: 0;
}
@keyframes cambiar {
0%{ margin-top: 0;}
20%{ margin-top: 0;}
25% { margin-top: -2rem;}
50% { margin-top: -2rem;}
55% { margin-top: -4rem;}
80% { margin-top: -4rem;}
85% { margin-top: -2rem;}
95% { margin-top: -2rem;}
100% { margin-top: 0;}
}
.logopal{
display:none;
}
.imaglogos {
width:80%;
margin-left:10%;
height:60px;
}
.imaglogos a{
position:relative;
display:block;
height:60px;
}
.upload-buttoncot{
width: 150PX;
top: 80PX;
background: #365D9D;
border-radius:2px;
border: 2px solid #000000;
z-index:5000;
}
.upload-buttoncot:hover{
width: 150PX;
top: 80PX;
background: #ffffff;
border-radius:2px;
border: 2px solid #000000;
z-index:5000;
}
.registromata{
width:80%;
height:40px;
margin-left:10%;
border-radius:5px;
border: 2px solid #000000;
background:#ffffff;
z-index:100;
}
.registromata p{
font-size:1rem;
color:#DC5327;
text-align:center;
z-index:120;
}
.cont_a{
background:#1980EE;
height:500px;
border-radius:5px;
border: 2px solid #000000;
}
.cont_a .cont_b{
background:#1980EE;
height:50px;
}
.cont_a .cont_b p{
font-size:1.2rem;
color:black;
text-align:center;
}
.cont_a .cont_c{
background:#ffffff;
height:150px;
}
.cont_a .cont_c b{
font-size:1.2rem;
color:black;
margin-left:5px;
}
.cont_a .cont_c p{
font-size:0.9rem;
color:black;
margin-left:5px;
}
.cont_a .cont_d{
background:#398AB5;
height:300px;
margin-top:-50px;
border-radius:5px;
border: 2px solid #000000;
}
hr {
height: 2px;
background-color: black;
}
.plan_a{
background:#f0f4f8;
height:1300px;
border-radius:5px;
border: 2px solid #000000;
}
.plan_a p{
text-align:center;
font-size:2rem;
color:#00000;
font-family: "Tahoma", "Geneva", sans-serif;
}
.plan_b{
background:#f0f4f8;
width:70%;
margin-left:20%;
height:100px;
}
.plan_b p{
text-align:center;
font-size:2rem;
color:#00000;
font-family: "Tahoma", "Geneva", sans-serif;
}
.planes_b .img_pagos{
width:50%;
margin-left:25%;
height:250px;
}
.plan_a .cab_fl{
background:#98ca3f;
width:100%;
height:25px;
border-radius:4px;
}
.plan_a .cab_fl p{
text-align:center;
font-size:0.8rem;
color:#ffffff;
}
.plan_a .cab_fn{
background:#efb810;
width:100%;
height:25px;
border-radius:4px;
}
.plan_a .cab_fn p{
text-align:center;
font-size:0.8rem;
color:#ffffff;
}
.plan_a .cab_fm{
background:#1c3643;
width:100%;
height:25px;
border-radius:4px;
}
.plan_a .cab_fm p{
text-align:center;
font-size:0.8rem;
color:#ffffff;
}
.prom_mata #clock{
color:white;
text-align:center;
font-size:1rem;
font-style:bold;
}
.prom_mata{
background:#1192ee;
width:250px;
height:80px;
margin-left: auto;
margin-right: auto;
border-radius:5px;
border: 2px solid #000000;
}
.prom_mata p{
color:white;
text-align:center;
font-size:1rem;
font-style:bold;
}
.prom_mata q{
color:white;
text-align:center;
font-size:1rem;
font-style:bold;
}
@media screen and (max-width:800px){
header{
width:100%;
margin-top:0px;
}
.plan_a{
background:#ffffff;
width:100%;
margin:0 auto;
height:1200px;
border-radius:5px;
border: 2px solid #000000;
}
.plan_a p{
text-align:center;
font-size:2rem;
color:#00000;
font-family: "Tahoma", "Geneva", sans-serif;
}
.plan_a .cab_fl{
background:#98ca3f;
width:100%;
height:25px;
border-radius:4px;
}
.plan_a .cab_fl p{
text-align:center;
font-size:0.6rem;
color:#ffffff;
}
.plan_a .cab_fn{
background:#efb810;
width:100%;
height:25px;
border-radius:4px;
}
.plan_a .cab_fn p{
text-align:center;
font-size:0.6rem;
color:#ffffff;
}
.plan_a .cab_fm{
background:#1c3643;
width:100%;
height:25px;
border-radius:4px;
}
.plan_a .cab_fm p{
text-align:center;
font-size:0.6rem;
color:#ffffff;
}
.cont_a{
background:#1980EE;
width:100%;
margin: 0 auto;
height:600px;
border-radius:5px;
border: 2px solid #000000;
}
.cont_a .cont_b{
background:#1980EE;
height:50px;
}
.cont_a .cont_b p{
font-size:1.2rem;
color:black;
text-align:center;
}
.cont_a .cont_c{
background:#ffffff;
height:200px;
}
.cont_a .cont_c b{
font-size:1.2rem;
color:black;
margin-left:5px;
}
.cont_a .cont_c p{
font-size:0.9rem;
color:black;
margin-left:5px;
}
.cont_a .cont_d{
background:#398AB5;
height:300px;
border-radius:5px;
border: 2px solid #000000;
}
hr {
height: 2px;
background-color: black;
}
.galleries{
width: 100%;
height: 100%;
z-index: 1;
}
header nav {
width:80%;
height:100%;
left:-100%;
margin:0;
position:fixed;
z-index: 15;
}
.imaglogos{
display:none;
}
.imaglogos a{
display:none;
}
header nav ul li {
display:block;
float:none;
border-bottom:1px solid rgba(255,255,255, .3);
}
headera nav ul li {
display:block;
float:none;
border-bottom:1px solid rgba(255,255,255, .5);
}
.menu_bar {
display:block;
width:100%;
background:#ccc;
}
.menu_bar .bt-menu {
display:block;
padding:22px;
background:#024959;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:16px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.menu_bar span {
float:right;
margin-top:-12px;
font-size:30px;
}
.menu_bar p{
position:absolute;
margin-top:-30px;
margin-left:60px;
color:white;
font-weight:bold;
font-size:1rem;
}
.menu_bar img{
position:absolute;
margin-top:12.5px;
margin-left:5px;
width:40px;
border-radius:2px;
z-index:1;
}
.menu_bar{
display: inline;
}
#gwd-reCAPTCHA_2{
transform: scale(0.5);
transform-origin: 0 0;
}
.letrsanim2{
display: flex;
width: 90%;
height: 1rem;
color: #fff;
font-size: 1rem;
line-height: 1rem;
position: relative;
top: 0;
right: 0;
button: 0;
left: 0;
margin: auto;
overflow: hidden;
}
.letrsanim2 ul {
list-style: none;
padding-left: 10px;
color: blue;
font-style:arial;
animation: cambiar 7s infinite;
}
.letrsanim2 ul, p {
font-style:arial;
margin: 0;
}
@keyframes cambiar {
0%{ margin-top: 0;}
20%{ margin-top: 0;}
25% { margin-top: -1rem;}
50% { margin-top: -1rem;}
55% { margin-top: -2rem;}
80% { margin-top: -2rem;}
85% { margin-top: -1rem;}
95% { margin-top: -1rem;}
100% { margin-top: 0;}
}
.registromata{
width:80%;
height:40px;
margin-left:10%;
margin-top:0px;
border-radius:5px;
border: 2px solid #000000;
background:#ffffff;
z-index:1000;
}
.registromata p{
font-size:1rem;
color:#DC5327;
text-align:center;
z-index:1200;
}
.prom_mata #clock{
color:white;
text-align:center;
font-size:1rem;
font-style:bold;
}
.prom_mata{
background:#1192ee;
width:250px;
height:70px;
margin-top:5px;
margin-left: auto;
margin-right: auto;
border-radius:5px;
border: 2px solid #000000;
}
.prom_mata p{
color:white;
text-align:center;
font-size:0.8rem;
font-style:bold;
}
.prom_mata q{
color:white;
text-align:center;
font-size:0.9rem;
font-style:bold;
}
}
.header .menu_bar .borderxv{
background:#26B0EB;
width: 20px;
height: 20px;
}
.slider {
box-shadow: 0px 4px 10px #9d9d9d;
padding: 0;
margin: 0;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
max-width: 100%;
border-radius: 4px;
}
.slider ul {
width: 1000%;
height: auto;
position: relative;
list-style: none;
left: 0;
margin: 0;
padding: 0;
line-height: 0;
-moz-animation:slide-animation 15s infinite;
-webkit-animation:slide-animation 15s infinite;
}
.slider ul:hover {
-moz-animation-play-state:paused;
-webkit-animation-play-state:paused;
}
.slider li {
width:10%;
list-style: none;
float: left;
margin: 0;
padding: 0;
}
img {
max-width: 100%;
border-radius: 4px;
z-index: 0;
}
@-webkit-keyframes slide-animation {
1% {left: 0%; opacity: 1;}
18% {left: 0%; opacity: 1}
19% {opacity: 0.2;}
20% {left: -100%; opacity: 1;}
58% {left: -100%; opacity: 1;}
59% {opacity: 0.2;}
60% {left: -200%; opacity: 1;}
98% {left: -200%; opacity: 1;}
99% {opacity: 0.5;}
100% {left: 0%;}
}
@-moz-keyframes slide-animation {
1% {left: 0%; opacity: 1;}
18% {left: 0%; opacity: 1}
19% {opacity: 0.2;}
20% {left: -100%; opacity: 1;}
58% {left: -100%; opacity: 1;}
59% {opacity: 0.2;}
60% {left: -200%; opacity: 1;}
98% {left: -200%; opacity: 1;}
99% {opacity: 0.5;}
100% {left: 0%;}
}
#bgventana{
position: fixed;
background: rgba(0,0,0,0.7);
width: 100%;
height:100%;
top: 0px;
left:0px;
z-index:1;
visibility: hidden;
}
#ventana{
position: fixed;
background-color: #D3DCE3;
border: solid #FFF 10px;
width: 60%;
height: 350px;
top: 50%;
left: 50%;
z-index:10;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
border-radius: 5%;
}
#bgventana2{
position: fixed;
background: rgba(0,0,0,0.7);
width: 100%;
height:100%;
top: 0px;
left:0px;
z-index:5;
visibility: hidden;
}
#ventana2{
position: fixed;
background-color: #D3DCE3;
border: solid #FFF 10px;
width: 60%;
height: 400px;
top: 50%;
left: 50%;
z-index:10;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
border-radius: 5%;
}
.boton{
background-color: #2948B9;
-webkit-border-radius: 2%;
-moz-border-radius: 2%;
border-radius: 2%;
color: #FDFEFE;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 80%;
line-height: 1;
padding: 2% 4%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);
margin-top:0%;
border-radius:8px;
}
.bt1{
background-color: #848B8B;
-webkit-border-radius: %;
-moz-border-radius: 40%;
border-radius: 50%;
color: #000000;
display: inline-block;
font-family: ‘Pacifico’, Arial, sans-serif;
font-size: 50%;
line-height: 1;
padding: 1% 1%;
text-decoration: none;
text-shadow: 0 -1% 1% rgba(25, 123, 29, .7);
}
.social nav ul{
margin-top:35px;
z-index:1;
}
.social nav ul li {
position:relative;
display:inline;
left:50%;
margin-left:1.5%;
font-style:verdana;
font-size:1rem;
color:white;
z-index:1;
}
.social nav ul li a {
width:40px;
height:40px;
border-radius:40px;
color:#fff;
background:#000;
list-style:none;
padding:20px 20px;
text-decoration: none;
z-index:1;
}
.social nav ul li .facebook{background:#1980ee;}
.social nav ul li .Youtube{background:#ae181f;}
.social nav ul li .aplic{background:#55cd6c;}
.social nav ul li .TikTok{background:#000000;}
.social nav ul li .sapp{background:#55cd6c;}
.imagen:hover{
/* tranformamos el elemento al pasar el mouse por encima al doble de
su tamaño con scale(2). */
transform : scale(1.5);
-moz-transform : scale(1.5); /* Firefox */
-webkit-transform : scale(1.5); /* Chrome - Safari */
-o-transform : scale(1.5); /* Opera */
}
.infor{
background:#024959;
width: 100%;
height: 40px;
border: 4px solid #000000;
border-radius: 5px 5px 5px 5px;
}
.infor li{
display: inline-block;
}
.infor p{
margin:auto;
font-size: 1.5rem;
color:#fff;
}
.cursosonline2018 nav ul li input[type="submit"]{
position:relative;
display:inline-block;
width:100px;
height: 35px;
color:#1d1b1b;
padding: 10px;
margin-left:10px;
margin-top:10px;
z-index:5;
}
input[type="submit"]{
width:45px;
height: 20px;
cursor:pointer;
}
.cursosonline2018 nav ul{
position:relative;
background:#024959;
margin-top:-10px;
margin-left:5%;
width:90%;
height: 60px;
border: 4px solid #000000;
border-radius: 5px 5px 5px 5px;
z-index:10;
}
@media screen and (max-width:800px){
.social {
background:#024959;
position: relative;
width:100%;
height:100px;
left:0;
top:20px;
z-index:1;
border-radius:10px;
border: 3px solid #000000;
padding:35px;
}
.social nav ul{
}
.social nav ul li{
position:relative;
display:inline;
left:35%;
margin-left:3%;
font-style:verdana;
font-size:0.85rem;
color:white;
z-index:1;
}
.social nav ul li a {
width:40px;
height:40px;
border-radius:40px;
list-style:none;
color:#fff;
background:#000;
padding:20px 20px;
text-decoration: none;
z-index:1;
}
.social nav ul li .facebook{background:#1980ee;}
.social nav ul li .Youtube{background:#ae181f;}
.social nav ul li .aplic{background:#55cd6c;}
.social nav ul li .TikTok{background:#000000;}
.social nav ul li .sapp{background:#55cd6c;}
}
@media screen and (max-width:600px){
.social {
background:#024959;
position: relative;
width:100%;
height:100px;
left:0;
top:20px;
z-index:1;
border-radius:10px;
border: 3px solid #000000;
padding:35px;
}
.social nav ul{
}
.social nav ul li{
position:relative;
display:contents;
font-style:verdana;
font-size:0.5rem;
color:white;
padding:2px;
z-index:1;
}
.social nav ul li a {
width:40px;
height:40px;
border-radius:40px;
margin-left:5px;
list-style:none;
color:#fff;
background:#000;
padding:20px 20px;
text-decoration: none;
z-index:1;
}
.social nav ul li .facebook{background:#1980ee;}
.social nav ul li .Youtube{background:#ae181f;}
.social nav ul li .aplic{background:#55cd6c;}
.social nav ul li .TikTok{background:#000000;}
.social nav ul li .sapp{background:#55cd6c;}
}