@charset "UTF-8"; /* CSS Document */ * { outline:none; border:none; } html{ /*font-family: 'Droid Sans', sans-serif;*/ font-family: "Helvetica", "Arial", sans-serif; color:#000000; font-size: 12px; } body{ margin: 0; padding: 0; background-color: #FFF; } #menu{ position: absolute; left: -41px; top: 20px; z-index: 200; width: auto; height: 30px; } #menu ul{ margin: 0px; padding: 0px; list-style: none; } #menu ul li{ margin: 0px; padding: 0px; } #menu ul li a{ width: 41px; height: 170px; display: block; text-decoration: none; margin-bottom: 12px; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .menubginicio{ background-image: url("../imgs/pestana_inicio.png"); background-position: left top; background-repeat: no-repeat; } .menubgprecio{ background-image: url("../imgs/pestana_precio.png"); background-position: left top; background-repeat: no-repeat; } .menubgprof{ background-image: url("../imgs/pestana_profesores.png"); background-position: left top; background-repeat: no-repeat; } .menubgprog{ background-image: url("../imgs/pestana_programa.png"); background-position: left top; background-repeat: no-repeat; } .menubginteres{ background-image: url("../imgs/pestana_interesa.png"); background-position: left top; background-repeat: no-repeat; } #menu ul li a:hover, #menu ul li a.current{ background-position: 7px top; } .maincolumn{ width: 680px; height: 100%; background-color: #FFF; margin-left: -375px; left: 50%; position: absolute; z-index: 100; padding-left: 70px; display: block; } #contenedor{ min-height:100%; height: auto !important; height: 100%; overflow: hidden; margin: 0 auto -120px; } .push { height: 130px; position: relative; clear: both; } .cabecera{ height: 70px; margin-top: 20px; } .doscolumnas{ width: 50%; float: left; margin-top: 13px; overflow: hidden; line-height: 12pt; } .fila{ clear: both; display: block; overflow: hidden; margin-top: 10px; } p.descript{ margin: 0px; padding: 0px; padding-top: 20px; padding-left: 30px; } p.descript a{ text-decoration: none; color: #034D44; } p.descript a:hover{ text-decoration: underline; } .imgprofs{ display: block; margin-left: auto; margin-right: 0px; } img.imvert{ margin-left: 13px; border: 1px solid #888; float: left; margin-bottom: 13px; margin-left: 13px; width: 40%; } .clear{ clear: both; overflow: hidden; width: 100%; } .titular{ color: #000; font-family: 'Droid Sans', sans-serif; font-weight: bolder; font-size: 26pt; line-height: 30pt; } .titularpeq{ color: #034D44; text-align: right; } .button{ background-color: #034D44; color: #FFF; font-family: 'Droid Sans', sans-serif; font-weight: lighter; font-size: 12pt; width: 155px; float: left; text-align: center; text-decoration: none; padding-top: 10px; padding-bottom: 10px; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .button:hover{ background-color: #02302a; width: 200px; } #logo{ width: 425px; float: right; font-size: 15pt; color: #034D44; font-family: 'Droid Sans', sans-serif; font-weight: bolder; text-align: right; } hr{ border-bottom-color: #034D44; border-bottom-style: solid; border-bottom-width: 1px; position: relative; clear: both; padding-top: 15px; width: 100%; } .bgtaronja{ background-color: #034D44; width: 50%; height: 100%; position: fixed; z-index: 50; left: 0px; } .bgblanc{ background-color: #FFF; width: 680px; height: 100%; position: fixed; z-index: 55; left: 50%; margin-left: -375px; } /*styles*/ .tarojna{ color:#034D44; } .footer{ padding-top: 10px; padding-bottom: 10px; } .footer img{ margin-right: 40px; } @media screen and (max-width: 750px){ .maincolumn{ margin-left: 0px; left: 0px; } }