@charset "UTF-8";
*,
body,
html {
    margin: 0;
    padding: 0
}

.h2-home,
.h2quien,
html {
    font-weight: 300
}
 
 #this {
 width: 13em;
 margin:0 auto
 }

.onlinefont{
font-size: 1em;
font-weight: 600;
width: 19em;
margin: 0 auto;
padding: 1em 0 0 0
} 

.informabout{

    font-size: .9em;
    font-weight: 400;
    width: 60%;
    margin: 0 auto;
    padding: 0;
    line-height: 1.6em;
    text-align: left
}

#email,
#name {
    width: 10em;
    margin: 1.5em auto 0
}

.intensive-course {
    width: 26em;
    margin: 0 auto
}
.test{
color: red;
padding:6em 2em 2em 2em
  }

.tooltip a,
a:link {
    text-decoration: none
}



.tooltip {
position : relative;
z-index : 24;
text-decoration : none;
}
.tooltip span {
display : none
}
.tooltip:hover {
z-index : 25;
height : 0;
width : auto;
text-align : left;
}
.tooltip:hover span {
display : inline;
position : absolute;
bottom : 0;
left : 14px;
width : auto;
line-height : 12px;
background-color : #ffffff;
border : #333333 solid 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
padding-bottom : .2em;
font-size : 1.1em;
font-weight : 800;
color : #000066;
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : left;
}
body {
    font-size: 100%;
    width: 100%;
    font-family: Verdana, Geneva, sans-serif
}

.formal-words {
    text-align: center
}

html {
    height: 100%;
    color: #696969
}

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

.row {
    display: table-row;
    padding: 0;
    margin: 0
}

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

.do,
.intensive {
    vertical-align: top
}

.picture1,
.picture2 {
    text-align: center;
    width: 40%;
    margin: 0 auto;
    padding: 1em 0 0;
    font-size: 1.2em
}

.words {
    position: relative;
    top: -10px;
    text-align: justify;
    width: 10%;
    font-size: .9em;
    line-height: 1.5em
}
.h2-corrections
                {
                font-size:.9em;
                padding:3em  0 1em 0
                }
   h2.test {       
 font-size: 1.4em;
color:  red
}             
  .h2exams{
  padding:2em 0 0 0;
  line-height:2em
  }              
table.correction-prices{

 width:16em;
 margin:0 auto;
 font-size:.9em
}
table.correction-prices td{
 border: 1px solid #696969;
 padding:0 0 0 1em 
}
table.correction-prices th{
 font-weight:200;
  padding:0 0 0 1em
}

table.irregular {
width: 25em; 
margin: 0 auto; 
font-size: 1em;
font-weight:400

}

.irregular td, th{
border-color: #fff;
text-align: left;
font-size: .9em
}
.irregular th{
font-weight: 800
}

.colortext{
font-size: 1.2em;
font-weight:500;
padding: 1.5em 0 1.5em 0;
width: 25em;
margin: 0 auto
}
.interm{

color: #000;
font-weight:500
}

.adv{
font-weight:500;
color: red
}

 .payment{
 width: 13.7em;
 margin:0 auto;
 text-align:center;
padding:2.5em 0 0 0
 }
.box,
.posts,
.river img,
h2-fotos {
    width: 100%
}

.corrections {
    max-width: 80%;
    margin: 0 auto;
    text-align: justify;
    font-size: .9em;
    padding: 0
}

   .information {
        font-size: 1em;
        padding: 1em 0 0 0;
        width: 81%;
        margin: 0 auto;
        
    }

.floated{
    float: left;
    width: 280px;
    height: auto;
  
    padding: 0
}

#profesornativo {
    padding: 0 0 0 0;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
    width: 97%;
    margin: 0 auto;
    text-align: justify
}


#comfort {
	
font-weight:200;
width: 45px;
margin: 0 auto;
font-size:1.4em
}

.h1-title{
font-size: 1.4em;
font-weight: 500
}


.contact {
    padding: 1.3em 0 0;
    text-align: center
}

.intensive {
    display: table-cell;
    text-align: justify;
    padding: 1em 0 0 2em;
    line-height: 2em
}

.h2-intensive {
    font-size: 1em;
    padding: 1.2em 0 0
}

.river img {
    height: auto
}

.h2-home {
    font-size: 1.2em;
    width: 15em;
    padding: 2em 0 .5em
}

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

.box,
.h2price {
    margin: 0 auto
}

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

.box {
    height: 100%;
    padding: 4em 0;
    text-align: right
}

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

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

.h2price {
    font-size: 1.2em;
    width: 11em
}

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

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

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

p {
    margin: 0
}

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

a.fc {
    color: #FFE4B5
}


.scroll {
    font-size: .7em;
    text-align: justify
}

.posts {
    text-align: center
}

.h3-precios,
.question {
    line-height: 3em;
    font-weight: 200
}

h3.quien  {
padding:  2em 0 2em 0;
font-size:  1em;

}

select.questions {
    margin: .6em 0
}

.h2-prices {
    padding: 3em 0 .3em 0;
    font-size: 1.1em
}

.h2-quien {
    font-size: 1.3em;
    font-weight: 400;
    padding: 2em 0 2em 0
}

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

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

a:hover {
    color: #f93
}

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

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;
    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: 2em 0 0;
    height: 100%;
    text-align: center
}

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

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

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
}

.ex a,
.level a,
.online a,
.price a,
.tags {
    display: block
}

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

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

#centeredmenu,
#centeredmenu li:hover ul.article,
.fb,
.h1-nivel,
h2,
h3 {
    text-align: center
}

a.menu {
    line-height: 2.2em
}

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

.ex a {
    background: #eee;
    line-height: 2.2em;
    color: #696969
}

.ex:hover a {
    background: #ccc;
    color: #fff
}


.first a,
.first a:hover,
.online:hover a {
    background: #eee
}

.online:hover a {
    color: #979a9a
}

.first a:hover {
    color: #979a9a
}

#centeredmenu {
    padding: 1em 0 2em;
    width: 48em;
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: 200
}

#centeredmenu li ul.official-exams {
    display: none;
    position: absolute;
    background: #00f;
    width: 8em;
    line-height: 2.2em
}

#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;
    color: #979a9a;
    margin: 0;
    line-height: 2.2em
} 

#aboutme,
#content,
h1,
h2,
h3,
table.exercises,
table.prices,
table.prices-pyrenees,
table.profesornativo,
table.test-nivel {
    margin: 0 auto
}

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

#centeredmenu li:hover ul.article {
    display: block;
    line-height: 2.2em;
    color: #979a9a
}

#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;
    color: #979a9a
}

#centeredmenu li.cambridge-exams a,
#centeredmenu li.cambridge-exams:hover a {
    display: block;
    color: #fff;
    line-height: 2.2em;
    background: #47dc6f
} 

#centeredmenu li.writing a,
#centeredmenu li.writing:hover a {
    line-height: 2.2em;
    color: #696969;
    width: 8em;
    display: block;
    background: #eee
}

#centeredmenu li.writing-connectors a {
    color: #fff;
    background: #d2b4de;
    width: 8em
}

#centeredmenu li.writing-connectors:hover a {
    color: #979a9a;
    background: #eee
}

.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,
.exams,
.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,
.verbs,
.write,
.write a,
.write:hover a,
.writing,
.writing a,
.writing:hover a {
    width: 8em;
    font-weight: 400
}

.h1-home {
    font-size: 1.4em;
    font-weight: 800
}

table.profesornativo,
table.test-nivel {
    padding: 1em 0 4em
}

table.profesornativo {
    font-size: .813em
}

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

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

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

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

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

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

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

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

  img[src*="clases-particulares-ingles.jpg"] {
    width:240px !important;
    margin: 0 auto;
    height:auto !important;
    padding: .5em  0 0 .7em;
   
    

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

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

table.prices-pyrenees {
    font-size: 1em;
    width: auto;
    border: 1px solid #696969
}

table.prices-pyrenees td,
table.prices-pyrenees th {
    border: 1px solid #696969;
    padding: 1em
}

h2,
h3 {
    width: 70%
}

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

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

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

h3 {
    padding: .4em 0
}

h4 {
    width: auto
}

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

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

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

#content {
    min-height: 100%;
    padding: 1em 0 0 0;
    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 {
    width: 100%;
    margin: 3em 0 -2.5em;
    text-align: center;
    font-size: .75em;
    line-height: 4em
}

.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
}

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

@font-face {
    font-size: .875em
}

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

#reset:hover,
#submit:hover {
    background: #eee
}

.scores {
    width: 15em;
    margin: 0 auto;
    padding: 3em 0 2em;
    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 
}

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
}

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

.online-price {
    width: 15em;
    margin: 0 auto;
    padding: 2em 0 1em 0;
    line-height: 1.4em;
    font-weight: 400
}

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

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

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

.test-online {
   font-size: 1.2em;
   font-weight: 400;
    padding: 2em 0 0 .5em;
    width: 17em;
    margin: 0 auto;
    line-height: 1.7em
}

.address-online {
    padding: 9em 0 0 0;
    font-weight: 400
}

@media screen and (min-width:6.25em) and (max-width:36.5em) {
	
	
	

    .h2-home,
    .h2-quien {
        font-size: 1.1em;
        font-weight: 400
    }
    .intensive-course {
        width: 12.34em;
        margin: 0 auto;
        font-size: 1em;
        text-align: center
    }
    
    .informabout{

    font-size: 1.2em;
    
    width: 60%;
    margin: 0 auto;
    padding: 2em 0 0 0;
    line-height: 1.6em;
    text-align: left 
}
    #profesornativo{
    padding:   0 0 0 0;
    width: 13em;
    margin: 0 auto;
    font-size: 1.1em;
    text-align: justify
    }
    
    
.colortext{
	font-size: 1.1em;
width: 17em;
margin: 0 auto
}
   
   
table.irregular {
width: 18.4em 
} 


    .corrections {
        padding: 2em 0 0 0;
        font-size: 1.1em
    }
    .h2-corrections
                {
                font-size:1em;
                font-weight:200
            
                }
    .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,
    .intensive,
    .prices,
    .prices tbody,
    .prices td,
    .prices th,
    .prices thead,
    .prices tr {
        display: block
    }
    .bullets,
    .h2-prices,
    h4 {
        text-align: center
    }
    
    #container {
        padding: 1em 0 1em
    }
    .picture1,
    .picture2 {
        vertical-align: middle
    }
    .picture1 img {
        width: 13.68em !important;
        height: 9.58em !important;
        margin: 0 auto
    }
    .formal-words {
        padding: 1.4em 0 .6em 0;
        width: 60%;
        margin: 0 auto
    }
    .mainwrap {
        width: 95%;
        margin: 0 auto;
        padding: .5em 0 0
    }
 
    .picture1,
    .picture2,
    .words {
        display: block;
        width: 90%;
        margin: 0 auto;
        text-align: justify;
        font-size: 1.1em;
        line-height: 1.6em
    }
    .words {
        padding: 2em 0 0 0
    }
    .contact,
    .h2-home {
        text-align: center
    }
    .picture1 {
        padding: 1.3em 0 0
    }
    .picture2 {
        padding: 0
    }
    .h2-home {
        width: 98%;
        margin: 0 auto;
        padding: 1.2em 0 .5em
    }
    .contact {
        width: 95%;
        margin: 0 auto;
        padding: 1.3em 0 0;
        font-size: 1em
    }
    #new-text,
    .scroll {
        width: 100%;
        margin: 0 auto
    }
    
    img[src*="clases-particulares-ingles.jpg"] {
    width:98px !important;
    margin: 0 auto;
    height:auto !important;
    padding: .4em 0 0 0;
   
   }   
   
    
 

.h1-title{
font-size: 1.4em;
font-weight: 500;
width: 12em;
margin: 0 auto;
padding:0 0 1em 0

}
     
    .intensive {
        font-size: 1em;
        min-width: 16em;
        padding: 1.4em 0 0
    }
    .scroll {
        padding: 0;
        font-size: 1.1em;
        line-height: 2.5em
    }
    #new-text {
        font-size: 1.3em;
        padding: 30em 3em 2em;
        line-height: 1.4em;
        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
    }

 .h1-home {
        font-size: 1.2em;
        width:  11em;
        padding: 2em 0 2em 0 
    }
    
    .floated{
    float: left;
    width: 112px;
    margin: 0 auto
  
   }

 
    .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
    }
    .bullets,
    .center,
    .online-price,
    p.classes {
        margin: 0 auto
    }
    .h1-online {
        max-width: 16em;
        padding: 3em 0 0
    }
    .online-price {
        width: 16em;
        text-align: center;
        margin: 0 auto;
        padding: 2em 0 0 0;
        font-weight:400;
       
    }
    .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 0
    }
    .information {
        font-size: 1.2em;
        padding: 0 1em 0 1em;
        width:   89%;
        margin: 0 auto
      
      
    }
    
    .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
    }
    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%
    }
   table.learnonline td{
display:block    
    }
    
    
    .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
    }
    .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";
        line-height: 1.1em
    }
    .first-certificate td:nth-of-type(3):before {
        content: "Format";
        line-height: 1.1em
    }
    .first-certificate td:nth-of-type(4):before {
        content: "Fee";
        line-height: 1.1em
    }
    .first-certificate td:nth-of-type(5):before {
        content: "Enrol";
        line-height: 1.1em
    }
    .foto {
        padding-left: 2em
    }
    table.prices td,
    table.prices th {
        border: 1px solid #696969;
        padding: .5em;
        margin: 0 auto
    }
    table.prices th {
        padding: 0
    }
    table.prices {
        width: 16em;
        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
    }
    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
    }
    .prices td:nth-of-type(1):before {
        content: "Class time ";
        line-height: .5em;
        padding: 0
    }
    .prices td:nth-of-type(2):before {
        content: "1 student";
        line-height: .5em
    }
    .prices td:nth-of-type(3):before {
        content: "2 students";
        line-height: .5em
    }
  
    table.ielts {
        max-width: 17em
    }
    .h3-advanced {
        padding: 2em 0 0
    }
    .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
    }
    .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;
        text-align: left;
        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
    }
    hr {
        border: 1px solid #696969;
        width: 14em;
        margin: 0 auto
    }
    .english {
        width: 90%;
        background: #eee
    }
    #aboutme {
        width: 96%
    }
    #aboutme,
    .address,
    .irl,
    h2 {
        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
    }
    #centeredmenu,
    .precios,
    h1,
    h2 {
        margin: 0 auto
    }
    #centeredmenu {
        font-size: .9em;
         width: 46em;
        padding: 0
        
    }
    h1 {
        font-size: 1.25em;
        max-width: 15em;
        padding: 2em 0 0
    }
    
    .precios,
    h2,
    h3 {
        font-size: 1em
    }
    .h3-precios {
        padding: 1.4em 0;
        max-width: 17em
    }
    .online-h1 {
        max-width: 15.625em
    }
    .email-address,
    .precios {
        max-width: 16.25em
    }
    h4 {
        width: auto;
        font-size: 1.25em
    }
    .h1-nivel {
        width: 54%;
        padding: 3em 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;
        font-size: 1.125em;
        padding: 1em 0 1.4em
    }
    .paypal {
        width: 9em;
        margin: 0 auto;
        height: auto;
        padding: 0;
        text-align: center
    }
    select {
        font-size: 1.2em;
        margin: 1em 0
    }
    input {
        margin: 0
    }
    
    .test-online{
width: 14em;
margin: 0 auto; 
text-align: center; 
font-size:1em;
padding: 2em 0 0 0    
    }
    .address {
        font-size: .8em;
        padding: 0
    }
  .address-online {
    padding: 4em 0 2em 0;
    font-size: .9em
}  
  
}