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

.h2-home,
.h2-quien,
html {
font-weight: 400face
}

#email,
#name {
    width: 10em;
    margin: 1.5em auto 0
}
p { white-space: pre-line; }

.intensive-course {
    width: 26em;
    margin: 0 auto
}


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


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

.formal-words {
    text-align: center
}

html {
    height: 100%;
    color: #696969;
    scrollbar-gutter: stable
}

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

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

.informabout{
    padding: 3em 1em 0 1em
}

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

.bolded {
font-weight:bold
}

.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
                }
                
  .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
}
.free-class{
    width: 25em
}
 .payment{
 width: 13.7em;
 margin:0 auto;
 text-align:center;
padding:2.5em 0 0 0
 }
.box,
.posts,
.river img,
h2-fotos {
    width: 100%
}
.h1-home-test{
    width: 28em;
    padding: 0 0 1.2em;
}
.corrections {
    max-width: 80%;
    margin: 0 auto;
    text-align: justify;
    font-size: .9em;
    padding: 0
}


.information {

    font-size: .9em;
    font-weight: 300;
    width: 70%;
    margin: 0 auto;
    padding: 1em 0 0 0;
    line-height: 1.6em;
    text-align: justify
    
}
.information2 {

    font-size: 2.9em;
    font-weight: 400;
    width: 50%;
    margin: 0 auto;
    padding: 0;
    line-height: 1.6em;
    text-align: justify
    
}
.floated{
    float: left;
    width: 280px;
    height: auto;
  
    padding: 0
}

#profesornativo {
    padding: 0;
    font-size: 1.2em;
    line-height: 1.5em;
    width: %;
    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: 800;
text-align: center

}


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

.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:  2em 2em 2em 2em;
    line-height: 1.4em
}

.test-score {
    margin: 5em 0 8em;
    font-size: 1.1em;
    line-height: 1.5em
}

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

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
}

.questions {
    margin: .6em 0
}


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

#quien {
    font-size: 1.3em;
    font-weight: 200;
    padding: 2em 0 1.4em 0;
}

#face {
    font-size: 1.4em;
    font-weight: 300;
    padding: 1.4em 0 3em 0;
    color: #7D7F7C;
    line-height: 2em
}
.question {
    margin-top: 1em;
    margin-bottom: 1em
}


.scroll {
    padding: 0;
    width: 70%;
    margin: 0 auto;
      font-size: .7em;
    text-align: justify
}



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
}



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
}

.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: #fff;
    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,

h3 {
    text-align: center;
    font-weight:bold
}

a.menu {
    line-height: 2.2em;
    display: block;
    background: #eee
}

.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 0;
    width: 50em;
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: 400
 
}

#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;
    color: #696969;
    font-weight: 400;
    line-height: 2em;
    text-align: left;
    padding-right: .5em;
    padding-left: .5em;
    border: none;
}

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







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%;
    text-align: center
}

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;
    text-align: center;
    padding: 5em 0;
    width: auto;
    margin: 0 auto;
    line-height: 1.5em;
    color: #000000;
    font-weight: 400;
}

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



.mobile{
text-align: center;
font-size: .8em

}

@media screen and (min-width:6.25em) and (max-width:36.5em) {
	
	.mobile{
text-align: center;
font-size: .7em;
padding: 0

}
	
	#quien {
    font-size: 1em;
    font-weight: 400;
    padding: 2em 0 2em 0;
}

	#face {
    font-size: .9em;
    font-weight: 300;
    color: #7D7F7C;
    padding: 0 0 1em 0
}
    .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
    }
    
    .paula{
        padding: 8em 8em 8em 8em
    }
    
   .test-questions {
    margin: 2.6em 0;
    padding: 3em 3em 3em 3em;
}
    #profesornativo{
    
    width: 99%;
    font-size: 1.1em
    }
    
    .corrections {
        padding: 2em 0 0 0;
        font-size: 1.1em
    }
    .h2-corrections
                {
                font-size:1em;
                font-weight:200
            
                }
         
table.irregular {
width: 16em; 
margin: 0 auto; 
font-size: 1em;
font-weight:400;

}
      .h1-home-test{
    width: 9em;
}        
 
    .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
    }
    .h1-firstclass{
       width: 10em;
       margin: 0 auto
    }
    
    .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: 2em 0 0;
        font-size: 1em
    }
    #new-text
     {
        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;
   
   }   
   
     .floated{
    float: left;
    width: 112px;
    margin: 0 auto;
    background: #fff;
    padding: 0 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
    }
 
    #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:  12em;
        padding: 0 0 1em 
    }
    
    .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;
        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;
        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
    }
    .information {
        font-size: 1.1em;
        padding-right:1em;
        padding-left: 1em;
        width: 90%;
       
      
      
    }
    
    .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: justify;
        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: 0px 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: 22em;
        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;
        padding: 3em 3em 3em 3em;
    }
    .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: 11em;
        height: auto;
        padding: 0
    }
    select {
        font-size: 1.2em;
        margin: 1em 0
    }
    input {
        margin: 0
    }
    
    .test-online{
    
font-size:1em;
padding: 2em 0 0 .1em    
    }
    .address {
        font-size: .6em;
        padding: 0
    }
    
        .free-class{
    width: 10em
}
  .address-online {
    padding: 4em 0 2em 0
    
}  
  
}

@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
    }
    #face{
    font-size: 1em;
    padding: 0 0 2em 0
    }
    
    #quien {
    font-size: 1em;
    font-weight: 300;
    padding: 1.3em 0 0 0;
    color: #7D7F7C
}
    p.classes,
    p.profesornativo,
    table.prices {
        font-size: 1.063em
    }
    #profesornativo {
        padding: 0;
        width: 100%
    }
 
 .test-questions
 {
    padding: 3em 3em 3em 3em;
    line-height: .4em
}
    
 .h1-home {
        font-size: 1.2em;
        width: 24em;
        padding: 1em 0 0 0
    }
    
    .test-online{
    
font-size:1em;
padding: 2em 2em 0 0    
    }
    .corrections {
        padding: 2em 0 0 0
    }
    .contact {
        padding: 0 0 2em;
      
    }
    .test-address {
  padding: 0 0 1em
}
    .irl,
    p.classes {
        text-align: justify;
        width: 28em;
        font-size: 1em;
        padding: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: .4em 0 0;
        font-size: 1em
    }
    .words {
        padding: 3em 0 0 0
    }
    
 
    .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: .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: .9em;
        width: 22em
    }
    .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 .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: .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: .5em;
        font-size: 1.3em;
        line-height: 2em
    }
    table.online {
        margin-bottom: .875em
    }
    table.test-nivel td {
        font-size: 1em
    }
    .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;
        padding: 0;
    }
    .scroll {
        font-size: .875em
    }
    .foto {
        font-size: 1.063em;
        padding-left: 1em
    }
    img[src*="bullet.gif"] {
        padding-bottom: .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 {
        padding: 0 
    }
    input {
        margin-left: .375em
    }
    
    .address-online {
    padding: 4em 0 2em 0
}
    .address {
        width: auto;
        margin: 1.6em 0 auto;
        font-size: 1em
    }
}