@charset "UTF-8";
.myname,
.words {
    line-height: 2em
}

*,
body {
    margin: 0;
    padding: 0
}

#name,#email{
 width:10em;
 margin:0 auto;
 margin-top:1.5em
}
.tooltip a,
a:link {
    text-decoration: none
}

body {
    font-size: 100%;
    width: 100%;
    font-family: Verdana, Geneva, sans-serif
}


html {
    height: 100%;
    margin: 0;
    padding: 0
}

.mainwrap {
    display: table;
    width: 80%;
    margin: 0 auto
}

.row {
    display: table-row
}

.picture1,
.picture2,
.words {
    display: table-cell;
    vertical-align: middle
}

.picture1,
.picture2 {
    text-align: right;
    width: 45%;
    padding: 1em 0 2em;
    font-size: 1.2em
}

.locations,
.myname {
    padding: 0;
    color: #999
}

.words {
    position: relative;
    top: -10px;
    text-align: center;
    width: 30%;
    font-size: 1.1em
}

.box,
.posts,
h2-fotos {
    width: 100%
}

.locations {
    margin: 6em 0 4em;
    text-align: left;
    font-size: 1.2em
}

.myname {
    text-align: center;
    font-size: 1em;
    font-weight: 200
}

.box {
    color: #999;
    height: 100%;
    padding: 4em 0;
    margin: 0 auto;
    text-align: right
}

.pic,
.test-address {
    text-align: center
}

h2-fotos {
    position: absolute;
    top: 200px;
    left: 0
}

.test-questions,
h4 {
    padding: 0 2em;
    line-height: 1.4em
}

.test-score {
    margin: 5em 0 8em;
    font-size: .8em
}

.test-address {
    color: #696969;
    width: 100%;
    margin: 22em 0 auto;
    font-size: .75em;
    line-height: 5em;
    background: #eee
}

p {
    margin: 0
}

.do {
    vertical-align: top
}

a:active,
a:link,
a:visited {
    color: #00f
}

a.fc {
    color: #FFE4B5;
    font-weight: 700
}

.information {
    color: #000;
    background: #eee;
    padding: 2em 6em 0;
    font-size: 1.2em;
    line-height: 1.6em
}

.scroll,
p.profesornativo {
    font-size: .875em;
    text-align: justify
}

.posts {
    text-align: center
}

p.profesornativo {
    padding: 0 7em;
    font-size: .8em;
    line-height: 1.5em
}

select.questions {
    margin: .6em 0
}

.h2-prices {
    padding: 1em 0 .3em;
    color: #333;
    font-size: 1.1em;
    text-align: center;
}

.h3-precios {
    font-weight: 200;
    line-height: 2em
}

.h2-quien {
    color: #000;
    font-size: .9em;
    font-weight: 700;
    padding: 1em 0 .2em
}

.question {
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 2em
}

.scroll {
    padding: 0;
    width: 70%;
    margin: 0 auto;
    color: #696969
}

a:hover {
    color: #f93
}

img[src*="profesor-nativo-ingles-granollers.jpg"] {
    width: auto;
    max-width: 100%;
    height: auto
}

.foto {
    padding-left: 2em
}

.image {
    position: relative
}

.image .text {
    position: absolute;
    bottom: .625em;
    left: 0;
    width: 12.5em;
    font-size: .875em;
    line-height: 3.313em
}

.irl {
    text-align: justify;
    line-height: 1.25em;
    color: #999;
    width: 25em;
    font-size: .625em;
    padding: 0 .25em 1em
}

.connector {
    width: 40em;
    margin: 0 auto;
    height: 100%;
    display: table;
    line-height: 1em;
    font-size: 1em;
    padding: 2em 0
}

.one,
.three,
.two {
    width: 20em;
    display: table-cell;
    margin: 0 auto;
    line-height: 1.2em;
    padding: 0 .5em
}

li.block {
    width: 100%;
    text-align: left;
    background: #fff;
    list-style-type: none;
    padding: 0;
    font-size: 1em
}

#container {
    font-size: medium;
    padding: 1em 0 0;
    height: 100%;
    text-align: center
}

li,
p.classes {
    font-size: .8em
}

p.classes {
    width: 49.5em;
    text-align: justify;
    color: #696969;
    padding: 0;
    margin: 0
}

hr {
    border: 1px solid #dcdcdc;
    width: 34.375em
}

img[src*="bullet.gif"] {
    padding-left: 0;
    padding-right: .188em;
    padding-bottom: 0;
    text-align: center
}

li {
    display: inline-block;
    background: #eee;
    width: auto;
    text-align: center;
    margin: .3em -.1em 0 0
}

a.menu,
a.menu:hover {
    color: #696969;
    display: block;
    width: 8em
}

.tags {
    display: block;
    background: #fff;
    text-align: left;
    font-size: 1em
}

a.menu {
    line-height: 2.2em
}

.first,
.write {
    margin: 0;
    font-size: 1em;
    position: relative;
    z-index: 1
}


.level {
    background: #e6dbff
}

.level:hover {
    background: #eee
}

.ex a {
    background: #ffccac
}

.ex:hover a {
    background: #eee
}

.price a {
    background: #ffeb94
}

.price:hover a {
    background: #eee
}

.online a {
    background: #fef3e2
}

.online:hover a {
    background: #eee
}

.first a {
    background: #fef3e2
}

.first:hover a {
    background: #eee
}

.write a {
    background: #fef3e2
}

.write:hover a {
    background: #eee
}

#centeredmenu {
    padding: 3em 0 4em 0;
    color: #696969;
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: 700;
    width: 100%
}

#centeredmenu li ul.official-exams {
    display: none;
    position: absolute
}

#centeredmenu li:hover ul.official-exams {
    display: block;
    text-align: center;
    line-height: 2.2em
}

#ul.official-exams li.first a {
    margin: 0;
    line-height: 2.2em
}

#centeredmenu ul.official-exams li.first:hover a {
    background: #eee;
    margin: 0;
    line-height: 2.2em
}

#centeredmenu li ul.article {
    display: none;
    position: absolute
}

#centeredmenu li:hover ul.article {
    display: block;
    text-align: center;
    line-height: 2.2em
}

#centeredmenu ul.article li.write a {
    font-size: 1em;
    line-height: 2.2em
}

#centeredmenu ul.article li.write:hover a {
    background: #eee;
    line-height: 2.2em
}

#centeredmenu li.cambridge-exams a,
#centeredmenu li.cambridge-exams:hover a {
    line-height: 2.2em;
    background: #dcfab9
}

#centeredmenu li.writing a,
#centeredmenu li.writing:hover a {
    line-height: 2.2em;
    background: #dcfab9
}

.color {
    background: #FFFACD
}

.color a:hover {
    background: #eee
}

.article,
.article a,
.article:hover a,
.cambridge-exams,
.cambridge-exams a,
.cambridge-exams:hover a,
.color,
.color a,
.color a:hover,
.ex,
.ex a,
.ex:hover a,
.first,
.first a,
.first:hover a,
.level,
.level a,
.level:hover a,
.official-exams,
.official-exams a,
.official-exams:hover a,
.online,
.online a,
.online:hover a,
.price,
.price a,
.price:hover a,
.write,
.write a,
.write:hover a,
.writing,
.writing a,
.writing:hover a {
    width: 9em
}

.h1-nivel,
h2,
h3 {
    color: #333;
    text-align:center
}

table.profesornativo,
table.test-nivel {
    padding: 1.75em 0 4em;
    color: #696969
}

table.prices,
table.test-nivel {
    margin: 0 auto
}

table.profesornativo {
    margin: 0 auto;
    text-align: left;
    font-size: .813em
}

table.profesornativo th {
    border: 0 solid #696969
}

table.test-nivel td {
    font-size: .813em;
    line-height: 2em;
    text-align: left;
    font-weight: 400;
    border: 1px solid #696969;
    padding-right: .5em;
    padding-left: .5em
}

#txt,
.h1-home,
.h1-nivel,
.h3-advanced,
h2,
h3,
h4 {
    font-weight: 200
}

#txt,
h2,
h3,
h4 {
    text-align: center
}

.h3-advanced {
    width: 90%;
    padding: 2em 0 5em
}

table.exercises td {
    padding: 0 .75em;
    font-weight: 400;
    border: 1px solid #696969;
    width: 17em;
    line-height: 2.3em;
    font-size: .8em
}

table.exercises {
    width: 30em;
    margin: 0 auto;
    text-align: left;
    padding: 2em 0
}

#cd,
#txt {
    text-align: center
}

#cd,
#txt,
h4,
table.prices th {
    font-weight: 700
}

#cd {
    color: #FF4500;
    font-size: 1em;
    padding: 1em 0 2em
}

#txt {
    font-size: .875em;
    width: 3.3em
}

#aboutme,
h1,
h3 {
    margin: 0 auto;
    font-weight: 200
}

h2,
h3 {
    width: 70%
}

h1 {
    font-size: 1em;
    padding: 0 0 1.25em
}

h2 {
    margin: 0 auto;
    padding: 0 0 .4em;
    font-size: .938em
}

h3,
h4 {
    font-size: .875em
}

h3 {
    padding: .4em 0;
    color: #000
}

h4 {
    width: auto
}

.online-h1,
.precios {
    font-size: 1em;
    font-weight: 200
}

.precios {
    font-weight: 400
}

img[src*="bullet.gif"] #aboutme {
    width: 80%;
    font-size: .813em;
    text-align: left
}

#sent {
    font-size: .75em;
    color: red
}

.first-certificate td,
.first-certificate th,
.ielts td,
.ielts th,
.prices td,
.prices th {
    color: #000;
    border: 1px solid #696969;
    font-size: .75em
}

#content {
    min-height: 100%;
    padding:2em 0 0 0;
    margin: 0 auto;
    width: 100%
}

table.first-certificate {
    width: auto;
    margin: 0 auto;
    text-align: left;
    line-height: 1.8em
}

.first-certificate td {
    padding-left: .875em;
    padding-right: .875em
}

.first-certificate th {
    padding-left: .625em;
    padding-right: .625em;
    margin-right: .75em
}

table.prices {
    width: auto;
    margin: 0 auto;
    text-align: left;
    font-size: 1.2em;
    line-height: 2em
}

.prices td {
    padding-left: .875em;
    padding-right: .875em
}

.prices th {
    padding-left: .625em;
    padding-right: .625em;
    margin-right: .75em
}

table.ielts {
    width: 39em;
    margin: 0 auto;
    text-align: left;
    font-size: 1.1em;
    line-height: 1.5em
}

.ielts td {
    padding: 0 .875em
}

.ielts th {
    padding-left: .625em;
    padding-right: .625em;
    margin-right: .75em
}

#pt,
.rtest {
    line-height: 1px
}

.address {
    color: #696969;
    width: 100%;
    margin: 3em 0 -2.5em;
    text-align: center;
    font-size: .75em;
    line-height: 4em;
    background: #eee
}

.robotic {
    display: none
}

.cursor,
.cursor a:hover {
    color: #00f;
    text-align: left;
    display: block;
    width: 20em
}

.formal {
    color: #FF8C00
}

#pt {
    font-size: .563em
}

.rtest {
    padding: 0
}

#sendmessage {
    line-height: .938em;
    background: #ff8c00;
    width: 3.75em;
    text-align: center;
    padding: .375em .75em
}

.bullets {
    width: 80%;
    margin: 0 auto;
    font-size: .8em;
    line-height: 2em;
    padding: 2em 0;
    color: #696969
}

.min {
    height: 0;
    padding-right: 1.25em
}


#reset,
#submit {
    background: #9cf;
     width: 7em;
     margin:0 auto;
     margin-top:3em;  
    font-size: .9em;
    line-height:1.7em
}
#submit:hover, #reset:hover {
  
    background: #eee;
}




.scores {
    width: 15em;
    margin: 0 auto;
    padding:3em 0 2em 0;
    text-align: center
}



table.online {
    margin: 0 auto;
    width: 50em;
    padding: 3em 0 0;
    font-size: 1em
}

select option {
    margin: .3em;
    padding: 0 .3em
}

select {
    margin: 1em 0
}

.paypal {
    padding: 0 0 10em
}

input {
    margin-left: .375em
}

.fb_iframe_widget span {
    vertical-align: middle!important
}

.email-address {
    margin: 0 auto;
    padding: 4em 0 3em
}

.tooltip {
    position: relative;
    font-size: .9em;
    list-style: none;
    line-height: 1em
}

.tooltip a {
    position: relative;
    clear: left;
    float: left;
    margin: 0;
    color: #00F
}

.tooltip a:hover {
    visibility: visible;
    color: #00F;
    cursor: text;
    width: 100%;
    margin: 0
}

.tooltip a span {
    position: absolute;
    margin-left: -9999px;
    padding: 0 0 .9em;
    color: #00F;
    font-weight: 200
}

.tooltip a:hover span {
    margin: 0;
    padding: .6em;
    width: auto;
    background: #eee;
    line-height: 1.2em;
    z-index: 1
}

.online-price {
    width: 16em;
    margin: 0 auto;
    padding: 2em 0
}

select {
    font-size: 1em;
    padding: .2em
}

.example {
    color: #0040ff;
    font-weight: 200;
    font-size: .8em
}

.address-advanced,
.address-proficiency {
    color: #696969;
    width: 100%;
    margin: 9em 0 auto;
    text-align: center;
    font-size: .75em;
    line-height: 5em;
    background: #eee
}

.test-online {
    margin: 0;
    padding: 0
}

.address-online {
    padding: 9em 0 0
}

@media screen and (min-width:320px) and (max-width:480px) {

.row {
       display: table-row;
       margin-left: 4em

   }


    .bullets,
    .h2-prices,
    h4 {
        text-align: center
    }
    .test-online {
        padding: 3em 0 0 0
    }
    .first-certificate,
    .first-certificate tbody,
    .first-certificate td,
    .first-certificate th,
    .first-certificate thead,
    .first-certificate tr,
    .ielts,
    .ielts tbody,
    .ielts td,
    .ielts th,
    .ielts thead,
    .ielts tr,
    .prices,
    .prices tbody,
    .prices td,
    .prices th,
    .prices thead,
    .prices tr {
        display: block
    }
    #container {
        padding: 2em 0 1em 0
       
    }
    .h2-quien {
        font-size: 1.1em
    }
   
    .picture1,
    .picture2 {
        vertical-align: middle;
        font-size: 1.4em
    }
    .mainwrap {
        width: 15em;
        margin: 0 auto;
        padding: 0
    }
    .picture1 img {
        width: 13.68em!important;
        height: 9.58em!important;
        margin: 0 auto
    }
    .picture2 img {
        width: 13.68em!important;
        height: 11.11em!important;
        margin: 0 auto
    }
    .picture1,
    .picture2,
    .words {
        display: block;
        width: auto;
        margin: 0 auto;
        text-align: center
    }
    .picture1 {
        padding: 1.3em 0 0
    }
    .picture2 {
        padding: 0
    }
    .words {
        font-size: 1em;
        width: 16em;
        padding: 1.4em 0 0 0
    }
    .scroll,
    table.online,
    table.online td {
        color: #696969
    }
    .scroll {
        padding: 0;
        font-size: 1.1em;
        line-height: 2.5em;
        width:100%;
        margin:0 auto
    }
    #new-text {
        width: 100%;
        margin: 0 auto;
        font-size: 1.3em;
        padding: 30em 3em 2em;
        line-height: 1.4em;
        color: #ccc;
        background: #fff
    }
    .inner {
        position: absolute;
        top: 15px;
        z-index: 2;
        width: 23em;
        height: auto;
        overflow: hidden;
        background: #fff;
        margin: 0 auto;
        left: 0;
        right: 0
    }
    .inner img {
        width: 22em!important;
        height: 19em!important;
        margin: 0 auto
    }
    li {
        font-size: 1em
    }
    .test-score {
        margin: 0 0 2em;
        font-size: .8em;
        padding:2.5em 0 0 0
    }
    .bullets,
    .center,
    .online-price,
    p.classes {
        margin: 0 auto
    }
    .h1-online {
        max-width: 16em;
        padding: 3em 0 0 0;
        font-weight: 200
    }
    .online-price {
        width: 16em;
        padding: 2em 0
    }
    .pic {
        width: 15em!important;
        height: 20em!important;
        background: #c9c
    }
    .pic img {
        width: 10em!important;
        height: 10em!important
    }
    p.classes {
        width: 90%;
        font-size: 1.2em;
        line-height: 1.4em
    }
    .bullets {
        width: 100%;
        font-size: 110%;
        padding: 1em 0 0
    }
    .center {
        width: 80%;
        font-size: 1.6em
    }
    #email {
        margin-bottom: .625em
    }
    .connector {
        width: 12em;
        margin: 0 auto;
        height: 100%;
        display: table;
        line-height: 1em;
        font-size: 1.5em;
        padding: .6em 0 0
    }
    .information {
        font-size: 1em;
        margin: 2em 0 0;
        padding: 2em 0
    }
    .one,
    .three,
    .two {
        width: auto;
        margin: 0 auto;
        display: block
    }
    table.profesornativo {
        padding-top: 0;
        width: 90%
    }
    table.test-nivel td {
        font-size: 1.063em;
        display: block;
        color: #696969
    }
    table.exercises {
        width: 60%;
        margin: 0 auto
    }
    table.exercises td {
        font-size: 1.125em;
        max-width: 12.125em;
        display: block
    }
    table.online {
        font-size: 1.25em;
        max-width: 18em;
        margin: 0 auto;
        padding: 2em 0 0
    }
    table.first-certificate {
        margin-top: .938em;
        font-size: 1.1em;
        width: 90%
    }
    .first-certificate thead tr {
        position: absolute;
        top: -624.938em;
        left: -624.938em
    }
    .first-certificate td:nth-of-type(1) {
        background: #696969;
        color: #fff
    }
    .first-certificate td,
    .first-certificate td:nth-of-type(2),
    .first-certificate td:nth-of-type(3),
    .first-certificate td:nth-of-type(4) {
        background: #fff;
        color: #696969
    }
    .first-certificate td {
        border: none;
        line-height: 1.813em;
        position: relative;
        padding-left: 55%;
        padding-right: 0;
        font-size: 1em
    }
    .first-certificate td:before {
        position: absolute;
        top: .375em;
        left: .375em;
        width: 45%;
        padding-right: .625em;
        white-space: nowrap
    }
    .first-certificate th {
        background: #006;
        color: #fff;
        font-weight: 700
    }
    .first-certificate td:nth-of-type(1):before {
        content: "Date ";
        font-weight: 700;
        line-height: 1.1em
    }
    .first-certificate td:nth-of-type(2):before {
        content: "Deadline";
        font-weight: 700;
        line-height: 1.1em
    }
    .first-certificate td:nth-of-type(3):before {
        content: "Format";
        font-weight: 700;
        line-height: 1.1em
    }
    .first-certificate td:nth-of-type(4):before {
        content: "Fee";
        font-weight: 700;
        line-height: 1.1em
    }
    .first-certificate td:nth-of-type(5):before {
        content: "Enrol";
        font-weight: 700;
        line-height: 1.1em
    }
    .foto {
        padding-left: 2em
    }
    table.prices td,
    table.prices th {
        border: 1px solid #696969;
        padding: .5em;
        width: auto;
        margin: 0 auto
    }
    table.prices td {
        font-weight: 400
    }
    table.prices th {
        font-weight: 700;
        padding: 0
    }
    table.prices {
        width: auto;
        margin-top: .938em;
        font-size: 1.2em
    }
    .prices thead tr {
        position: absolute;
        top: -624.938em;
        left: -624.938em
    }
    .prices td:nth-of-type(1) {
        background: #696969;
        color: #fff
    }
    .prices td,
    .prices td:nth-of-type(2),
    .prices td:nth-of-type(3) {
        background: #fff;
        color: #696969
    }
    table.prices td {
        border: none;
        line-height: 1em;
        position: relative;
        padding-left: 59%;
        padding-right: 0;
        font-size: .8em
    }
    .prices td:before {
        position: absolute;
        top: .75em;
        left: .6em;
        width: 45%;
        padding-right: .625em;
        white-space: nowrap
    }
    .prices th {
        background: #006;
        color: #fff;
        font-weight: 700
    }
    .prices td:nth-of-type(1):before {
        content: "Class time ";
        font-weight: 700;
        line-height: .5em;
        padding: 0
    }
    .prices td:nth-of-type(2):before {
        content: "1 student";
        font-weight: 700;
        line-height: .5em
    }
    .prices td:nth-of-type(3):before {
        content: "2 students";
        font-weight: 700;
        line-height: .5em
    }
    table.ielts {
        max-width: 17em
    }
    .h3-advanced {
        padding: 2em 0 0;
        font-weight: 200
    }
    .ielts thead tr {
        position: absolute;
        top: -624.938em;
        left: -624.938em
    }
    .ielts td:nth-of-type(1) {
        background: #696969;
        color: #fff
    }
    .ielts td,
    .ielts td:nth-of-type(2),
    .ielts td:nth-of-type(3),
    .ielts td:nth-of-type(4) {
        background: #fff;
        color: #696969
    }
    .ielts td {
        border: none;
        line-height: 1.813em;
        position: relative;
        padding-left: 55%;
        padding-right: 0;
        font-size: .938em
    }
    .ielts td:before {
        position: absolute;
        top: .375em;
        left: .75em;
        width: 45%;
        padding-right: .625em;
        white-space: nowrap
    }
    .ielts th {
        background: #006;
        color: #fff;
        font-weight: 700
    }
    .ielts td:nth-of-type(1):before {
        content: "Test date ";
        font-weight: 700;
        line-height: 1em
    }
    .ielts td:nth-of-type(2):before {
        content: "Version";
        font-weight: 700;
        line-height: 1em
    }
    .ielts td:nth-of-type(3):before {
        content: "Enrol Limit";
        font-weight: 700;
        line-height: 1em
    }
    .ielts td:nth-of-type(4):before {
        content: "Enrol";
        font-weight: 700;
        line-height: 1em
    }
    .ielts td:nth-of-type(5):before {
        content: "Fee";
        font-weight: 700;
        line-height: 1em
    }
    p.profesornativo {
        padding-left: .938em;
        padding-right: .938em;
        font-size: 1em;
        width: 85%;
        margin: 0 auto
    }
    #txt {
        font-size: 1.063em;
        width: 3.125em
    }
    #cd {
        color: #FF4500;
        font-size: 1.125em;
        font-weight: 700
    }
    .h1-nivel,
    .h1-precios,
    .h3-precios,
    .irl,
    .precios,
    h1,
    h2,
    h4 {
        font-weight: 200
    }
    .email-address,
    .h1-home,
    h1,
    h2 {
        color: #000
    }
    hr {
        display: none
    }
    .english {
        width: 90%;
        background: #eee
    }
    #aboutme {
        width: 96%
    }
    #aboutme,
    .address,
    .irl,
    h2 {
        color: #696969;
        padding: 2em 0
    }
    .h2-prices {
        width: 10em;
        font-size: 1em;
        line-height: 1.5em
    }
   
    .irl {
        margin-bottom: .938em;
        margin-top: .25em;
        width: 89%;
        font-size: 1.25em;
        line-height: 2.125em
    }
    .precios,
    h1,
    h2 {
        margin: 0 auto
    }
    #centeredmenu {
        font-size: .9em;
        width: 90%;
        margin: 0 auto;
        padding: 0
    }
    h1 {
        font-size: 1.25em;
        max-width: 15em;
        padding:2em 0 0 0
    }
    .h1-home {
        width: 100%;
        margin: 0 auto !important;
        font-size: 1.2em;
        padding: 2.5em 0 0 0
    }
    .precios,
    h2,
    h3 {
        font-size: 1em
    }
    .h3-precios {
        padding: 1.4em 0;
        max-width: 17em
    }
    .online-h1 {
        max-width: 15.625em
    }
    .precios {
        max-width: 16.25em
    }
    h4 {
        width: auto;
        font-size: 1.25em
    }
    .h1-nivel {
        width: 54%;
        padding:3em 0 0 0  
    }
    .h1-precios {
        width: 15em;
        padding-top: 2em
    }
    .h2-ejercicios {
        width: auto
    }
    img[src*="bullet.gif"] {
        padding-bottom: .13em
    }
    .email-address {
        margin: 0 auto;
        max-width: 16.25em;
        font-size: 1.125em;
        padding: 1em 0 1.4em
    }
 
    
    .paypal {
        width: 11em;
        height: auto;
        padding: 0
    }
    select {
        font-size: 1.2em;
        margin: 1em 0
    }
    input {
        margin: 0
    }
    .address {
        font-size: .8em;
        padding: 0
    }
}

@media screen and (min-width:481px) and (max-width:768px) {
    p.classes,
    p.profesornativo,
    table.prices {
        font-size: 1.063em
    }
    p.profesornativo {
        padding: 0 3em
    }
    .irl,
    p.classes {
        text-align: justify;
        width: 28em;
        font-size: 1em;
        padding: 2em 0;
        line-height: 1.8em
    }
    #container {
        padding: 2em 0 0
    }
    .h1-precios {
        font-size: 1.2em;
        padding: 0
    }
    .h1-home {
        font-size: 1.2em;
        width: 20em
    }
    li {
        font-size: 1em
    }
    .h2-prices {
        width: 13em;
        line-height: 1.3em;
        font-size: 1.4em;
        padding: 1.4em 0 1em
    }
    .h2-quien {
        font-size: 1.1em
    }
    .picture1,
    .picture2 {
        width: 15%
    }
    .mainwrap {
        width: 82%;
        margin: 0 auto;
        padding: 0
    }
    .words {
        width: 50%;
        margin:0 auto;
        line-height: 1.4em;
        font-size: 1em;
        padding: 2em 0 0 0
    }
    .picture1 img,
    .picture2 img {
        width: 14.4em!important;
        margin: 0 auto
    }
    .picture1 {
        padding: 0;
        vertical-align: middle
    }
    .h3-advanced,
    .information {
        padding: 2em 0 0
    }
    .picture1 img {
        height: 10.08em!important
    }
    .picture2 img {
        height: 11.7em!important
    }
    .information {
        font-size: 1.1em
    }
    .h3-precios {
        font-size: 1.2em
    }
    hr {
        display: none
    }
    #centeredmenu {
        padding: 0 0 2em;
        margin: 0 auto;
        font-size: .9em;
        width: 32em
    }
    .first-certificate {
        font-size: 1.1em
    }
    .connector {
        width: 95%;
        margin: 0 auto;
        height: 100%;
        display: table;
        line-height: 1em;
        font-size: 1.2em;
        padding: 0 1em
    }
    .one,
    .three,
    .two {
        width: 18em;
        display: table-cell;
        margin: 0 auto;
        line-height: 1.2em;
        padding: 0 .5em
    }
    #cd {
        color: #FF4500;
        font-weight: 700
    }
    .email-address,
    .scroll,
    h1,
    h2 table.online {
        color: #696969
    }
    table.exercises {
        width: 70%;
        margin: 0 auto
    }
    table.exercises td {
        font-size: 1em
    }
    table.ielts {
        font-size: 1.4em;
        width: 90%
    }
    table.prices {
        width: 95%
    }
    #aboutme,
    #cd,
    #txt,
    table.online {
        font-size: .125em
    }
    table.prices td,
    table.prices th {
        padding-left: .5em;
        font-size: 1.3em;
        line-height: 2em
    }
    table.online {
        margin-bottom: .875em
    }
    table.test-nivel td {
        font-size: 1em;
        color: #696969
    }
    .irl,
    h3,
    h4,
    select {
        font-size: 1.125em
    }
    .irl {
        width: 85%;
        padding-bottom: .875em;
        line-height: 1.875em
    }
    h1 {
        width: auto
    }
    h2,
    h3 {
        margin-top: 0;
        margin-bottom: 0
    }
    .scroll {
        font-size: .875em
    }
    .foto {
        font-size: 1.063em;
        padding-left: 1em
    }
   
    .email-address {
        font-size: 1.2em
    }
    img[src*="bullet.gif"] {
        padding-bottom: .125em
    }
    .email-address {
        width: 17em;
        padding: 1em 0 1.4em
    }
    table.online {
        margin: 0 auto;
        width: 17em;
        padding: 3em 0 0;
        font-size: 1.3em
    }
    .paypal {
        padding: 0 0 10em
    }
    input {
        margin-left: .375em
    }
    .address {
        width: auto;
        margin: 1.6em 0 auto;
        font-size: 1em
    }
}