html {width:100%; background-image: url(/images/bg.png); background-position:top left; background-repeat:repeat-x;}
body {width:980px; margin:0 auto; FONT-FAMILY: Verdana; FONT-SIZE: 12px; color:#252525}
img {border:0px}

#header {position:relative; padding:0px; top:30px; height:75px; width:980px;}
.logo {float:left; width:300px; height:35px; margin-top:10px}
.slogan {display:block; position:absolute; top:39px; left:107px;}

.meta {border-width: 1px 1px 0 1px; border-color: #CECDCD;border-style: solid; float:right; width:200px;  background-color:#FAFAF2;padding:5px 5px 0 5px; height:50px}

table.cuadro {border:1px solid #999; margin-bottom:7px;}

.examen{width:540px;}

#links {margin:-40px 0 0 0; float:right; color:#fff; padding:2px}
a.button,a:link.button,a:visited.button {font-size:13px; color:#fff; text-decoration:none; }
a:hover.button {color:#BFE4FF;text-decoration:underline}
#links li {list-style-type:none;display:block;float:left;padding:0 8px;height:15px; background-image:url(/images/line2.gif) ; background-position:center right; background-repeat:no-repeat;}
#links .last {background:none;}

.cuadro404 {width:820px; margin:0 40px; padding:40px; border:1px solid #c3c3c3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: linear-gradient(bottom, rgb(214,214,214) 24%, rgb(239,237,240) 62%); background-image: -o-linear-gradient(bottom, rgb(214,214,214) 24%, rgb(239,237,240) 62%); background-image: -moz-linear-gradient(bottom, rgb(214,214,214) 24%, rgb(239,237,240) 62%); background-image: -webkit-linear-gradient(bottom, rgb(214,214,214) 24%, rgb(239,237,240) 62%); background-image: -ms-linear-gradient(bottom, rgb(214,214,214) 24%, rgb(239,237,240) 62%); background-image: -webkit-gradient(	linear,	left bottom,	left top,	color-stop(0.24, rgb(214,214,214)),	color-stop(0.62, rgb(239,237,240)));}
.h1404 {font-size: 180px; border-bottom:0; color:#999; text-align: center; background:#fff; line-height:180px}
.h2404 {font-size: 36px; color:#999; text-align: center; background:#fff; border-bottom:0}


#menu {float:left;margin:8px 0px 0px 0px;width:425px;}
#menu li {list-style-type:none;display:block;float:left;line-height:20px;height:25px;padding:0 8px;background-image:url(/images/line.gif); background-position:center right; background-repeat:no-repeat;}
#menu .last {background:none;}
#menu a {font-size:9px;color:#272727;text-decoration:none;}
#menu a:visited{text-decoration:none}
#menu a:hover{text-decoration:underline}


#content {width:980px;margin:0 auto;padding-top:30px}
a, a strong {color:#3737FF;text-decoration:none}
a:hover{text-decoration:underline; color:#ff6600}


h1, h1.naranja {font-size: 27px; line-height:25px; color: #ff6600; text-decoration: none; padding: 10px 0 8px; margin:0; text-transform:uppercase; border-bottom:1px solid #ff6600}
h2.naranja {font-size: 23px; line-height:23px; color: #ff6600; text-decoration: none; padding:10px 0; margin:0 0 10px; border-bottom:1px solid #ff6600}
h3.naranja {font-size: 21px; line-height:21px; color: #ff6600; text-decoration: none; padding:0; margin:0; border-bottom:1px solid #ff6600}
h4.naranja {font-size: 18px; line-height:18px; color: #ff6600; text-decoration: none; padding:0; margin:0; border-bottom:1px solid #ff6600}
h5.naranja {font-size: 15px; color: #ff6600; text-decoration: none; padding:0; margin:0; border-bottom:1px solid #ff6600}


H1.azul { FONT-SIZE: 35px; font-weight: bolder; COLOR: #3737FF; TEXT-DECORATION: none; padding: 10px 0; margin:0; text-transform:uppercase}
H2.azul { FONT-SIZE: 25px; COLOR: #3737FF; TEXT-DECORATION: none; padding:8px 0; margin:0; border-bottom:0}
H3.azul { FONT-SIZE: 20px; COLOR: #3737FF; TEXT-DECORATION: none;padding:8px 0; margin:0; border-bottom:0}
H4.azul { FONT-SIZE: 15px; COLOR: #3737FF; TEXT-DECORATION: none;padding:8px 0; margin:0; border-bottom:0}
H5.azul { FONT-SIZE: 13px; COLOR: #3737FF; TEXT-DECORATION: none;padding:8px 0; margin:0; border-bottom:0}

H2.subtitulo { FONT-SIZE: 25px; COLOR: #ff6600; TEXT-DECORATION: none; padding:2px 0; border-bottom:1px solid #ff6600; text-transform:uppercase;background-color:#f2f2f2}
H3.subtitulo { FONT-SIZE: 20px; COLOR: #ff6600; TEXT-DECORATION: none; border-bottom:1px solid #ff6600; text-transform:uppercase;background-color:#f2f2f2}

H1.titulocursos {FONT-SIZE: 15px; COLOR: #333; TEXT-DECORATION: none; text-transform:uppercase;background-color:#f2f2f2 }

.banner-pop-under {margin: 0 auto 10px;	width: 980px;	height: 220px;	background-color: #FFEDD2;	border: 1px solid #FF9900; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: none;}
.banner-pop-under-top {padding: 5px 5px 5px 15px;	color: #999999;	font-size: 15px;	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.banner-pop-under-top span {font-size:10px}
.banner-pop-under-top a {padding-right: 5px;}
.banner-pop-under-top .close {background:#FFF; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; color: #333; cursor: pointer; float: right; font-size: 12px; line-height: 13px; padding: 2px 10px; text-shadow: 0 0 0;}
.banner-pop-under-bottom {width: 950px;	height: 150px;	margin: 10px auto; background-color: white;}

.blanca,.blanca a {color:#fff;font-weight:bold}
.blanca a:hover {text-decoration:underline}

.texto12 { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #464e5c; TEXT-DECORATION: none }
.texto12 A:link { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #3737FF; TEXT-DECORATION: none; }
.texto12 A:visited { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #3737FF; TEXT-DECORATION: none }
.texto12 A:hover { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FF6600; TEXT-DECORATION: underline;}

.texto11 { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #464e5c; TEXT-DECORATION: none;line-height:13px }
.texto11 A:link { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #3366CC; TEXT-DECORATION: none; }
.texto11 A:visited { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #3366CC; TEXT-DECORATION: none }
.texto11 A:hover { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #FF6600; TEXT-DECORATION: underline;}

.text9 { COLOR: BLACK; FONT-FAMILY: Verdana; FONT-SIZE: 9pt }
.text9 A:link { COLOR: FF972D; TEXT-DECORATION: none }
.text9 A:visited { COLOR: FF972D; TEXT-DECORATION: none }
.text9 A:hover { COLOR: FF972D; TEXT-DECORATION: underline }
.text9 .bordecito { width:1px; background-color:#FF972D }

.naranja,.naranja a {color:#fff;font-weight:bold}
.naranja a:hover {text-decoration:underline}

.cuadroHome {float:left; width:220px; height:200px; background:#eaeaea; margin:0 5px 10px 0; padding:10px; font-size:11px; line-height:13px; color:#464e5c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.nomargin {margin-right:0 !important}
.cuadroHome img {margin-bottom:8px; width:220px; height:90px}
.cuadroHome h3 {font-size:16px; margin:0 0 5px 0; padding:0; border-bottom:0}

.cuadroHome2 {float:left; width:390px; height:90px; background:#eaeaea; border:1px solid #ddd; margin:0 5px 5px 0; padding:15px; font-size:12px; line-height:13px; color:#464e5c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.cuadroHome2 img { margin-right:15px; float:left;}
.cuadroHome2 h3 {font-size:15px;margin:0 0 5px 0; padding:0;}

.cuadroHome3 {float:left; width:146px; height:170px; background:#eaeaea; border:1px solid #ddd; margin:0 5px 5px 0; padding:15px; font-size:11px; line-height:13px; color:#464e5c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.cuadroHome3 img {margin:0 15px 5px 0; float:left;}
.cuadroHome3 h2 {font-size:14px; line-height:16px; margin-bottom:5px; padding:0; border-bottom:0}

.cuadroDestination {float:left; width:220px; height:200px; background:#eaeaea; margin:0 5px 10px 0; padding:10px; font-size:11px; line-height:13px; color:#464e5c; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.cuadroDestination img {margin-bottom:8px; width:220px; height:90px}
.cuadroDestination h3 {font-size:15px; margin:0 0 5px 0; padding:0; border-bottom:0}
.cuadroDestination h2 {font-size:15px; margin:0 0 5px 0; padding:0; border-bottom:0}


.sprites       {background:url(/images/sprites.png) no-repeat; display:block;}
.language      {background-position:0 0; width:18px; height:16px; float:left; margin-right:10px}
.pronunciation {background-position:0 -16px; width:16px; height:16px; float:left; margin-right:10px}
.grammar       {background-position:0 -32px; width:14px; height:16px; float:left; margin-right:10px}
.vocabulary    {background-position:0 -48px; width:14px; height:16px; float:left; margin-right:10px}
.languagetools {background-position:0 -64px; width:16px; height:16px; float:left; margin-right:10px}
.culture       {background-position:0 -80px; width:16px; height:14px; float:left; margin:1px 10px 0 0} 
.business      {background-position:0 -94px; width:16px; height:13px; float:left; margin:2px 10px 0 0} 
.learninggerman{background-position:0 -107px; width:16px; height:16px; float:left; margin:0px 10px 0 0} 

.sub-content {float:left; width:240px; background:transparent url(/images/bg_body.jpg) no-repeat scroll -9px 0; height: 100%}
.titulo   {padding:3px 10px; background:#ff9900; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;} 
.titulo a {font-size:14px; font-weight:bold; color:#fff; background:#ff9900; text-shadow:-1px -1px 0 #E15B00}

ul.menulateral {list-style-type:none; margin:0 0 0 10px; padding:0}
ul.menulateral li {padding:3px 0; }
ul.menulateral li a{color:#797c80;}
ul.menulateral li a:hover {color:#0000cc;}

h2.fondonaranja {background:#ff9900; color: #fff; font-size: 15px; text-decoration: none; padding:3px 10px; margin:0 0 5px;}
h2.fondonaranja a {color: #fff; }
.cuadro {float:left; width:200px; height:240px; padding:5px; margin-right:5px; background:#eee; }
.cuadro h3 {margin:5px 0 2px; font-size:14px;border-bottom:0}

.cuadroSeccion {background:#f3f3f3; padding:10px 5px; margin-bottom: 10px; width:540px;}
.cuadroSeccion img {float:left; margin-right:15px;}
.cuadroSeccion h2 {font-size:14px; margin:0; border-bottom:0}
.cuadroSeccion h3 {font-size:13px; line-height:12px; padding-bottom:2px; margin:0; border-bottom:0}
.cuadroSeccion ul {list-style-type:none; margin:0; padding:0}
.cuadroSeccion ul li {float:left; width:190px;}





h2 {font-size:19px; line-height:22px; color:#333; border-bottom:1px solid #ddd; padding-bottom:6px}
h3 {font-size:17px; line-height:20px; color:#333; border-bottom:1px solid #ddd; padding-bottom:6px}
h4 {font-size:16px; color:#333; border-bottom:1px solid #ddd; padding-bottom:6px}



ul.listado  {margin-left:20px; padding:0}
ul.listado li {list-style-type:none; float:left; margin:0 0 10px; width:260px}

#nav-02{background:url('/images/bg_nav-01.png') no-repeat 0 0;border-bottom:1px solid #fff;margin:0 0 18px 0;padding:0px 0 0}
#nav-02 li {color:#797c80;list-style:none;margin:0 0 0 0;width:235px}
#nav-02 li a {border-bottom:1px solid #dcddde;border-top:1px solid #fff;color:#797c80;display:block;font-size:14px;font-weight:bold;padding:3px 0 3px 30px;position:relative;width:189px}
#nav-02 .current a {background:#49b2ff url('/images/bg_nav-01-current.png') no-repeat left center;border:none;color:#fff;padding-right:21px;text-shadow:-1px -1px 0 #E15B00}
#nav-02 a img {left:8px;margin-top:-12px;position:absolute;top:50%}
#nav-02 ul {border-bottom:1px solid #dcddde;margin:0;padding:0;width:229px}
#nav-02 li li {margin-bottom:3px;position:relative}
#nav-02 li li a, #nav-02 .current li a {background:none;border:none;color:#797c80;font-size:13px;font-weight:normal;padding:1px 0px 0 10px;text-shadow:none;width:230px}
#nav-02 li .current, #nav-02 .current .current {background:#dedfe0 url('/images/bg_nav-02-top.png') no-repeat 0 0;border:none;padding:0}
#nav-02 li .current a, #nav-02 .current .current a{background:url('/images/bg_nav-02-btm.png') no-repeat left bottom;border:none;color:#000;text-shadow:none}

#ancho1 {width:730px; float:left;padding-left:10px;line-height:16px; min-height:790px}

#banner {width:420px; float:left; padding-bottom:15px;}
#adsense {width:300px; float:left; padding-left:10px;padding-bottom:15px;}

#city {width:520px; float:left; padding-bottom:15px;}
#citybox {width:200px; float:left; padding-left:10px;padding-bottom:15px;}

#index2 {width:360px; float:left;}
#index3 {width:360px; float:left; padding-left:10px}
#titulo h1 {display:block;  background-color: #44A6ED; font-size:15px; color:#fff; padding:5px 5px;text-transform:uppercase; margin:0}
#titulo2 h1 {display:block; background-color: #ff6600;font-size:15px; color:#fff; padding:5px 5px;text-transform:uppercase; margin:0}

#box1 {width:350px; height:70px; background-color:#F3F3F3;padding:5px;font-size:12px;color:#464E5C;border-bottom:2px solid #fff}
#box1 img {width:90px; float:left; padding-right:5px;}
#box1 h3,#box1 h3 a {font-size:15px; padding:0px 0 3px 0; margin:0px; }
#box2 {width:350px; height:70px; background-color:#E3E3E3;padding:5px;font-size:12px;color:#464E5C;border-bottom:2px solid #fff}
#box2 img {width:90px; float:left; padding-right:5px;}
#box2 h3,#box2 h3 a {font-size:15px; padding:0px 0 3px 0; margin:0px; }
#box3 {width:350px; background-color:#F3F3F3; padding:4px; font-size:13px; color:#464E5C; border:1px solid #ff6600;}

#box4 {width:340px; height:70px; background-color:#F3F3F3;padding:5px;font-size:12px;color:#464E5C;border-bottom:2px solid #fff}
#box4 img {width:90px; float:left; padding-right:5px;}
#box4 h3,#box4 h3 a {font-size:15px; padding:0px 0 3px 0; margin:0px; }




#info {width:980px; float:left; overflow:hidden; padding:10px 0 0px 0; color:#454545; font-size:12px}
#info div {width:212px; float:left; padding:0 10px 0 20px;}
#info h2 {font-size:15px; color:#333;border-bottom:0px solid #999;margin: 0 0; }
#info ul {padding:0px 0 0 4px; border-left: 1px solid #999}
#info li {list-style-type:none;line-height:16px;}
#info a {color:#666;text-decoration:none}
#info a:hover {text-decoration:underline}
#footer {clear:both; height:45px; border-top:1px solid #4B4A4E; margin:20px 0 0 0; width:100%; background-image: url(/images/bg3.gif); background-position:bottom left; background-repeat:repeat-x;}
#footer ul {margin:0; padding:0; margin-left:100px}
#footer li {float:left; width:125px;}


ul.slideshow {list-style:none; width:auto; height:250px; overflow:hidden; position:relative; margin:0; padding:0;}	
ul.slideshow li {position:absolute; left:0; right:0;}
ul.slideshow li.show {z-index:500;}

ul.slideshow2 {list-style:none; width:520; height:200px; overflow:hidden; position:relative; margin:0; padding:0;}	
ul.slideshow2 li {position:absolute; left:0; right:0;}
ul.slideshow2 li.show {z-index:500;}
ul img {border:none;}


#slideshow-caption {width:auto; height:0 auto; position:absolute; bottom:0; left:0; color:#fff; background:#000; z-index:500;}
#slideshow-caption .slideshow-caption-container {padding:5px 10px; z-index:1000;}
#slideshow-caption h3 {margin:0;padding:0; font-size:19px;text-transform:uppercase;color:#56B7FF}
#slideshow-caption p {margin:5px 0 0 0; padding:0;}


#breadcrumb {font: 11px Arial, Helvetica, sans-serif; background-image:url('/images/bc_bg.png'); background-repeat:repeat-x; height:20px; line-height:20px; color:#9b9b9b; border:solid 1px #cacaca; width:99,9%; overflow:hidden; margin:0 0 5px 0; padding:0}
#breadcrumb li {list-style-type:none; float:left; padding-left:8px;}
#breadcrumb a {height:20px; display:block; background-image:url('/images/bc_separator.png'); background-repeat:no-repeat; background-position:right; padding-right: 15px; text-decoration: none; color:#454545;}
#breadcrumb a:hover {color:#35acc5;}



.main_image {width: 430px; height: 226px; float: left; background: #333; position: relative; overflow: hidden; color: #fff;}
.main_image h2 a {line-height:0;font-size: 20px; font-weight: bold; margin: 0; padding: 5px; margin:0px; color:#ff6600}
.main_image h2 a:hover {color:#fff;}
.main_image p {font-size: 12px; padding: 10px 10px; margin: 0; line-height: 14px;}
.main_image .desc {position: absolute; bottom: 0; left: 0; width: 100%; display: none;}
.main_image .block {width: 100%; background: #111; border-top: 1px solid #000; min-height:75px}
 
.image_thumb {float: left; width: 299px; background: #f0f0f0; border-right: 1px solid #fff; border-top: 1px solid #ccc;}
.image_thumb img {border: 1px solid #ccc; padding: 5px; background: #fff; float: left;}
.image_thumb ul {margin: 0; padding: 0;list-style: none;}
.image_thumb ul li{margin: 0; padding: 3px 10px;background: #f0f0f0 url(/images/top/nav_a.gif) repeat-x;width: 279px;float: left;border-bottom: 1px solid #ccc;border-top: 1px solid #fff;border-right: 1px solid #ccc;}
.image_thumb ul li.hover {background: #ddd;cursor: pointer;}
.image_thumb ul li.active {background: #fff; cursor: default;}
html .image_thumb ul li h2 {font-size: 13px;  margin: 10px 0 0 0; padding: 0;}
html .image_thumb ul li h2 a:hover {text-decorarion:underline; color:#ff6600}
.image_thumb ul li .block {float: left; margin-left: 10px;padding: 0; width: 220px;}	
.image_thumb ul li p{display: none;}

H2.blanco {size:25;color:#FFFFFF;padding:0;margin:0;}