@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 3em 2em 1em
  }

.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: 0 0 0 0;
        width: 54em;
        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: 3em 0 auto;
    text-align: center;
    font-size: .75em;
    line-height: 5em
}

p {
    margin: 0
}

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

a.fc {
    color: #FFE4B5
}


.posts {
    text-align: center
}

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

h3.quien  {
padding:  0  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
}

#4menu,
#4dmenu 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: 50em;
    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
}

#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;
}

.quien{
margin-top: 4em;
margin-bottom: 1em;
}

.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 ;
width : 16em;
font-size : 1.1em;
text-align : justify;
margin-right: 5em;
}
.colortext {
font-size : 1.1em;
width : 17em;
margin : 0 auto;
}
table.irregular {
width : 18.4em;
}

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

.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 0.6em 0;
width : 60%;
margin : 0 auto;
}
.mainwrap {
width : 95%;
margin : 0 auto;
padding : 0.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 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 : 0.4em 0 0 0;
}
.h1-title {
font-size : 1.4em;
font-weight : 500;
width : 8em;
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 : 0.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 : 0.625em;
}
.connector {
width : 12em;
margin : 0 auto;
height : 100%;
display : table;
line-height : 1em;
font-size : 1.5em;
padding : 0.6em 0 0;
}
.information {
font-size : 1.1em;
padding : 1em 2.6em 0 0;
width : 285px;
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 : 0.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 : 0.375em;
left : 0.375em;
width : 45%;
padding-right : 0.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 : #696969 solid 1px;
padding : 0.5em;
margin : 0 auto;
}
table.prices th {
padding : 0;
}
table.prices {
width : 16em;
margin-top : 0.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 : 0.8em;
}
.prices td:before {
position : absolute;
top : 0.75em;
left : 0.6em;
width : 45%;
padding-right : 0.625em;
white-space : nowrap;
}
.prices th {
background : #006;
color : #fff;
}
.prices td:nth-of-type(1):before {
content : "Class time ";
line-height : 0.5em;
padding : 0;
}
.prices td:nth-of-type(2):before {
content : "1 student";
line-height : 0.5em;
}
.prices td:nth-of-type(3):before {
content : "2 students";
line-height : 0.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 : 0.938em;
}
.ielts td:before {
position : absolute;
top : 0.375em;
left : 0.75em;
width : 45%;
padding-right : 0.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 : 0.938em;
text-align : left;
padding-right : 0.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 : #696969 solid 1px;
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 : 0.938em;
margin-top : 0.25em;
width : 89%;
font-size : 1.25em;
line-height : 2.125em;
}
#centeredmenu, .precios, h1, h2 {
margin : 0 auto;
}
#centeredmenu {
font-size : 0.9em;
width : 50em;
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 : 0.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 : 0.8em;
padding : 0;
}
.address-online {
padding : 4em 0 2em 0;
font-size : 0.9em;
}
}
@media screen and (min-width: 36.504em) and (max-width: 60.125em) {
#centeredmenu, .connector, .intensive, .mainwrap, .one, .row, .three, 
.two, table.exercises {
margin : 0 auto;
}
.intensive-course {
width : 30em;
}
p.classes, p.profesornativo, table.prices {
font-size : 1.063em;
}
.informabout {
font-size : 1em;
width : 60%;
margin : 0 auto;
padding : 2em 0 0 0;
}
#profesornativo {
padding : 0;
width : 100%;
}
.h1-home {
font-size : 1.2em;
width : 24em;
padding : 1em 0 2em 0;
}
.online-price {
width : 16em;
text-align : center;
margin : 0 auto;
padding : 2em 0 0 0;
font-weight : 400;
}
.test-online {
width : 14em;
margin : 0 auto;
text-align : center;
font-size : 1em;
padding : 2em 0 0 0;
}
.corrections {
padding : 2em 0 0 0;
}
.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;
}
.formal-words, .h2-prices {
padding : 1.4em 0 1em;
}
li {
font-size : 1em;
}
.h2-prices {
width : 13em;
line-height : 1.3em;
font-size : 1.4em;
}
.h2-home, .h2-quien {
font-size : 1.1em;
}
.river img {
width : 100%;
height : auto;
}
.mainwrap {
width : 80%;
padding : 0;
display : block;
}
.row {
width : 20em;
}
.h2-home {
padding : 1.4em 0 1em;
}
.picture1, .picture2, .words {
display : block;
width : auto;
margin : 0 auto;
text-align : center;
padding : 0.4em 0 0;
font-size : 1em;
}
.words {
padding : 3em 0 0 0;
}
.colortext {
width : 20em;
margin : 0 auto;
}
table.irregular {
width : 18em;
}
.intensive {
width : 70%;
line-height : 1.4em;
font-size : 1em;
padding : 2.4em 0 0 2em;
}
.h3-advanced, .information {
padding : 0;
}
.floated {
float : left;
width : 200px;
margin : 0 auto;
}
img[src*="clases-particulares-ingles.jpg"] {
width : 180px !important ;
margin : 0 auto;
height : auto !important ;
padding : 0.4em 0 0 0;
}
.information {
font-size : 1em;
padding : 1em 0 0 0;
width : 29em;
}
.h3-precios {
font-size : 1.2em;
}
#centeredmenu {
padding : 0 0 2em;
font-size : 0.9em;
width : 32em;
}
.first-certificate {
font-size : 1.1em;
}
.connector {
width : 95%;
height : 100%;
display : table;
line-height : 1em;
font-size : 1.2em;
padding : 0 1em;
}
.one, .three, .two {
width : 18em;
display : table-cell;
line-height : 1.2em;
padding : 0 0.5em;
}
#cd, #txt {
text-align : center;
}
#cd, #txt, h4, table.prices th {
font-weight : 700;
}
#cd {
color : #FF4500;
font-size : 1em;
padding : 0 0 1em;
}
#txt {
font-size : 0.875em;
width : 3.3em;
}
table.exercises {
width : 70%;
}
table.exercises td {
font-size : 1em;
}
table.ielts {
font-size : 1.4em;
width : 90%;
}
table.prices {
width : 95%;
}
table.prices td, table.prices th {
padding-left : 0.5em;
font-size : 1.3em;
line-height : 2em;
}
table.online {
margin-bottom : 0.875em;
}
table.test-nivel td {
font-size : 1em;
}
.irl, h3, h4, select {
font-size : 1.125em;
}
.irl {
width : 85%;
padding-bottom : 0.875em;
line-height : 1.875em;
}
h1 {
width : auto;
}
h2, h3 {
margin-top : 0;
margin-bottom : 0;
}
.scroll {
font-size : 0.875em;
}
.foto {
font-size : 1.063em;
padding-left : 1em;
}
img[src*="bullet.gif"] {
padding-bottom : 0.125em;
}
.email-address {
font-size : 1.2em;
width : 17em;
padding : 1em 0 1.4em;
}
table.online {
margin : 0 auto;
width : 17em;
padding : 3em 0 0;
font-size : 1.3em;
}
.paypal {
width : 9em;
margin : 0 auto;
height : auto;
padding : 0;
text-align : center;
}
input {
margin-left : 0.375em;
}
.address-online {
padding : 4em 0 2em 0;
}
.address {
width : auto;
margin : 1.6em 0 auto;
font-size : 1em;
}
}    

