Ingreso SAC body{ padding:0px; margin:0px; font-family: 'Raleway', sans-serif; } #boton1{ display:block; float:left; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-02.png) no-repeat; background-position:0 0px; } #boton1 a{ display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-02.png) no-repeat; background-position:0 0px; } #boton1 a:hover{ clear:both; display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-02-b.png) no-repeat; background-position:0 0px; } #boton2{ display:block; float:left; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-03.png) no-repeat; background-position:0 0px; } #boton2 a{ display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-03.png) no-repeat; background-position:0 0px; } #boton2 a:hover{ clear:both; display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-03-b.png) no-repeat; background-position:0 0px; } #boton3{ display:block; float:left; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-04.png) no-repeat; background-position:0 0px; } #boton3 a{ display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-04.png) no-repeat; background-position:0 0px; } #boton3 a:hover{ clear:both; display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-04-b.png) no-repeat; background-position:0 0px; } #boton4{ display:block; float:left; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-05.png) no-repeat; background-position:0 0px; } #boton4 a{ display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-05.png) no-repeat; background-position:0 0px; } #boton4 a:hover{ clear:both; display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-05-b.png) no-repeat; background-position:0 0px; } #boton5{ display:block; float:left; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-06.png) no-repeat; background-position:0 0px; } #boton5 a{ display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-06.png) no-repeat; background-position:0 0px; } #boton5 a:hover{ clear:both; display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-06-b.png) no-repeat; background-position:0 0px; } #boton6{ display:block; float:left; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-07.png) no-repeat; background-position:0 0px; } #boton6 a{ display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-07.png) no-repeat; background-position:0 0px; } #boton6 a:hover{ clear:both; display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-07-b.png) no-repeat; background-position:0 0px; } #boton7{ display:block; float:left; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-08.png) no-repeat; background-position:0 0px; } #boton7 a{ display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-08.png) no-repeat; background-position:0 0px; } #boton7 a:hover{ clear:both; display:block; width:132px; height:179px; background:url(https://www.usta.edu.co/images/sac/images/sac-08-b.png) no-repeat; background-position:0 0px; } #boton8{ display:block; float:left; width:362px; height:42px; background:url(https://www.usta.edu.co/images/sac/images/volver1.png) no-repeat; background-position:0 0px; } #boton8 a{ display:block; width:362px; height:42px; background:url(https://www.usta.edu.co/images/sac/images/volver1.png) no-repeat; background-position:0 0px; } #boton8 a:hover{ clear:both; display:block; width:362px; height:42px; background:url(https://www.usta.edu.co/images/sac/images/volver2-b.png) no-repeat; background-position:0 0px; } #boton9{ display:block; float:left; width:362px; height:66px; background:url(https://www.usta.edu.co/images/sac/images/inquietudes1.png) no-repeat; background-position:0 0px; } #boton9 a{ display:block; width:362px; height:66px; background:url(https://www.usta.edu.co/images/sac/images/inquietudes1.png) no-repeat; background-position:0 0px; } #boton9 a:hover{ clear:both; display:block; width:362px; height:66px; background:url(https://www.usta.edu.co/images/sac/images/inquietudes2.png) no-repeat; background-position:0 0px; } .header{ width:100%; height:auto; background-color:#1B75AE; height: 100px; } .bot-last{ width:50%; } .add-pub{ margin-left: 70%; } .add-pub > img { height: auto; width: 80%; } .col1{ width: 10%; text-align: center; font-size:32px; color:#006791; font-family: 'Lora', serif; font-weight: 800; } .col2{ width: 90%; color:#fff; padding-top: 20px; padding-bottom: 20px; } .caja{ width:80%; margin-left:auto; margin-right:auto; bacground:#648CB0; font-family: 'Raleway', sans-serif; } .caja1{ height: 90px; width:80%; margin-left:auto; margin-right:auto; bacground:#648CB0; font-family: 'Raleway', sans-serif; font-size:1.5em; font-weight: bold; color:#fff; padding-top:10px; padding-bottom: 10px; } a{ color:#E19D34; text-decoration:none; font-weight: bold; } a:hover{ color: #F9D069; font-size: 1.1em; } .imagen{ position:absolute; top:1%; width:40%; height:auto; } .imagen2{ width:35%; height:auto; margin-left: 50%; } .titulo{ width:80% ; text-align:center; font-size:1.5em; font-family: 'Lora', serif; font-weight: 600; color:#fff; padding-top:5px; text-align:left; padding-top:5%; padding-bottom:5%; } .blanco{ -moz-box-shadow: 0px 0px 15px #CCC; -webkit-box-shadow: 0px 0px 15px #CCC; box-shadow: 0px 0px 15px #CCC; width:100%; height:auto; background-color:#fff; margin-bottom:20px; height: 210px; padding-top: 20px; padding-bottom: 20px; } .titulo2{ width:70%; margin-left:auto; margin-right:auto; bacground:#648CB0; font-family: 'Raleway', sans-serif; text-align:center; font-size:30px; font-weight: 600; color:#111; padding-top:10px; padding-bottom:10px; } .col-last{ width:50%; } .boton{ margin-top:10px; width:100%; } .boton:hover{ width:110%; } .tabla{ width:60%; margin-left:20%; margin-right:20%; } .botones{ width:924px; margin-left:auto; margin-right:auto; } @media (max-width: 1200px) { .add-pub > img { height: auto; width: 100%; } .imagen{ position:absolute; top:1%; width:40%; height:auto; } .tabla{ width: 90%; margin-left:5%; margin-right:5%; } @media (max-width: 1000px) { .blanco{ height:400px; } .botones{ width:528px; margin-left:auto; margin-right:auto; height:auto; } .imagen{ position:absolute; top:1%; width:45%; height:auto; } .imagen2{ width:45%; height:auto; margin-left: 50%; } .tabla{ width: 80%; margin-left:10%; margin-right:10%; } } @media (max-width: 700px) { .imagen{ position:absolute; top:2%; width:60%; height:auto; margin-left: 10%; margin-right: 20%; } } @media (max-width: 600px) { #boton8{ display:block; float:left; width:250px; height:29px; background:url(https://www.usta.edu.co/images/sac/images/volver1b.png) no-repeat; background-position:0 0px; } #boton8 a{ display:block; width:250px; height:29px; background:url(https://www.usta.edu.co/images/sac/images/volver1b.png) no-repeat; background-position:0 0px; } #boton8 a:hover{ clear:both; display:block; width:250px; height:29px; background:url(https://www.usta.edu.co/images/sac/images/volver2b.png) no-repeat; background-position:0 0px; } #boton9{ display:block; float:left; width:250px; height:46px; background:url(https://www.usta.edu.co/images/sac/images/inquietudes1b.png) no-repeat; background-position:0 0px; } #boton9 a{ display:block; width:250px; height:46px; background:url(https://www.usta.edu.co/images/sac/images/inquietudes1b.png) no-repeat; background-position:0 0px; } #boton9 a:hover{ clear:both; display:block; width:250px; height:46px; background:url(https://www.usta.edu.co/images/sac/images/inquietudes2b.png) no-repeat; background-position:0 0px; } .add-pub > img { height: auto; width: 110%; } #boton7{ margin-left:130px; } .blanco{ height:570px; } .botones{ width:396px; margin-left:auto; margin-right:auto; height: 358px; } .imagen{ position:absolute; top:2%; width:60%; height:auto; margin-left: 10%; margin-right: 20%; } .imagen2{ width:80%; margin-left: 10%; margin-right: 10%; height:auto; } .titulo{ font-size:1em; } .caja1{ font-size: 1em; } .titulo2{ font-size: 1em; } .col2{ padding-left:10px; } .col-last{ width:100%; float:left; } .tabla{ width: 100%; margin-left:0%; margin-right:0%; } } @media (max-width: 500px) { .caja1{ height: 30px; } .imagen{ position:absolute; top:2%; width:60%; height:auto; margin-left: 15%; margin-right: 15%; } .imagen2{ width:70%; height:auto; margin-left: 15%; margin-right: 15%; } .bot-last{ width:90%; margin-left:15%; margin-right: 15%; } .add-pub{ margin-left: 0%; } .add-pub > img { height: auto; width: 70%; margin-left: 15%; margin-right: 15%; } } @media only screen and (max-width: 400px) { .imagen{ position:absolute; top:2%; width:80%; height:auto; margin-left: 10px; } .imagen2{ width:90%; height:auto; margin-left: 5%; } #boton7{ margin-left:65px; } .blanco{ height:750px; } .botones{ width:264px; margin-left:auto; margin-right:auto; height: 358px; } .bot-last{ width:90%; margin-left:5%; margin-right: 5%; } .header{ } } Documento sin título
Spanish▼
