@charset "utf-8";
/* CSS Document */

body {font:normal 12px Arial, Helvetica, sans-serif; color:#003765; line-height:1.5;}
p.idioma {background:url(../images/bgstripped.gif) repeat-x top center; text-align:right; margin:0; padding:5px;}
p.idioma, p.idioma a {color:#ccc; font:normal 10px Verdana, Arial, Helvetica, sans-serif;}
#wrapper {border:1px solid #CCCCCC;}
#header {background:url(../images/cabecera.jpg) no-repeat center; height:181px; border-top:1px solid #e4a34f; border-bottom:1px solid #e4a34f;}

#topmenu{clear:both; background:url(../images/bgtopmenu.gif) repeat-x center left; border:1px solid #3d4e68;}
#topmenu ul {float:right;}
#topmenu li, #topmenu li a {display:block; float:left; color:#FFFFFF; font: bold 13px Geneva, Arial, Helvetica, sans-serif;}
#topmenu li a {padding:7px 10px; text-decoration:none; text-transform:uppercase; border-left:1px solid #4c5f7a; border-right:1px solid #233750;}
#topmenu li a:hover, #topmenu li a#active_menu-nav {background:url(../images/bgtopmenu-hover.gif) repeat-x center left;}

#content-wrapper{ background:url(../images/bgcontentwrap.png) repeat-x top center;}
#content-wrapper div.moduletable, div.moduletable_menu {margin-bottom:15px; color:#FFFFFF;}
div.moduletable_menu h3, div.moduletable h3, .componentheading, .contentheading {background:url(../images/bg-title-module.jpg) repeat-x center; margin:0; padding:5px; color:#ffffff; font-weight:bold;}
table.blog .contentheading {background:none; color:#e4a34f;}
.componentheading a, .contentheading a {color:#fff;}
table.blog .contentheading a {color:#e4a34f;}
div.moduletable_menu {background-color:#eaf0fc; border:1px solid #ccc;}
div.moduletable_menu li {background:url(../images/blueblullet.gif) no-repeat 0.5em; padding-left:15px;}
div.moduletable_menu ul li a {display:block; padding:5px; text-decoration:none; font:normal 13px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; border-bottom:1px dotted #CCCCCC;}

p.buttons {margin:25px 0;}
p.buttons a {font:bold 11px "Lucida Sans", Arial; color:#a6782b; padding:3px; margin:5px; border:1px solid #cc9e51; background:url(../images/bg-buttons.gif) repeat-x top left; text-decoration:none;}

/*------------------------ HOME PAGE ----------------*/
#pagehome h2 {margin:15px 0;}
#subheader {height:285px; background:url(http://www.cesurformacion.com/china/images/stories/home-cesur-china.jpg) no-repeat center;}
#subheader p {font:bold 14px Verdana; margin:0; margin-left:75px; padding:25px; padding-top:35px; padding-bottom:3px;}
#subheader ul {margin-left:115px;}
#subheader ul li {background:none;}
#subheader a {color:#f35600;font-weight:bold;}
.homedestacado {background-color:#eaf0fc; padding:10px; clear:both; border:1px solid #cccccc;}
.homecol01{width:46%; float:left; margin-right:35px;}
.homecol02{width:48%; float:left;}

/*SPANISH COURSES PAGE */
#spanishcourses td {vertical-align:top;}
table.spanish-courses {background:url(../images/bg01.jpg); border-collapse:separate;border-spacing:5px; margin-bottom:25px;}
table.spanish-courses td {padding:5px; }
table.spanish-courses td.course {background:url(../images/bg02.jpg); border:1px solid #eda13f;}
ul.spanishcourses li {font:bold 14px Verdana; padding:5px 0;}
p.imagenes {margin:0; background-color:#fff; padding:20px 0; text-align:center;}
p.imagenes img {margin-right:50px;}

/*TRAINER COURSES PAGE */
div.box {margin:10px 0;}
div.box h2 a {font:bold 16px "Lucida Sans", Arial;}
#content-wrapper #content #main div.box ul {margin:0; padding:0;}
div.box h2 {margin:margin:0; margin-left:185px;}
#content-wrapper #content #main div.box li {margin:0; padding:2px 0; margin-left:185px;}
div.box li {clear:both; color:#fff; background:none;}
div.box li a {color:#fff; display:block; float:left; width:305px;}
div.box li span {display:block; width:115px; float:left; text-align:center;}

div.box-medical-training {background:url(http://www.cesurformacion.com/china/images/stories/sanitariamar.gif) no-repeat top center; height:148px; padding-top:17px;}
div.box-servico-social {background:url(http://www.cesurformacion.com/china/images/stories/sociocultural.gif) no-repeat top center; height:138px; padding-top:27px;}
div.box-comunicacao-imagem-som {background:url(http://www.cesurformacion.com/china/images/stories/comunicacion.gif) no-repeat top center; height:145px; padding-top:20px;}
div.box-informatica {background:url(http://www.cesurformacion.com/china/images/stories/informatica.gif) no-repeat top center; height:139px; padding-top:35px;}
div.box-comercio-marketing {background:url(http://www.cesurformacion.com/china/images/stories/comercio-marketing.gif) no-repeat top center; height:157px; padding-top:19px;}
div.box-dieta-nutricao {background:url(http://www.cesurformacion.com/china/images/stories/dietetica.gif) no-repeat top left; height:125px; padding-top:34px;}
div.box-turismo {background:url(http://www.cesurformacion.com/china/images/stories/hosteleria-turismo.gif) no-repeat top center; height:137px; padding-top:35px;}

div.ciclobox {padding-bottom:15px; margin-bottom:15px; border-bottom:3px dotted #eaf0fc;}
div.ciclobox img {float:left; margin-right:15px;}



/*REQUEST FORM */
#requestform {float:left; background-color:#eaf0fc; padding:10px;}
#requestform h3 {color:#335583;}
#requestform label span, .form span {color:#ff0000;}
#requestform label {display:block; float:left; width:65px; text-align:right; padding:3px; clear:left;}
#requestform input {display:block; float:left; margin:3px; clear:right; width:185px;}
#requestform input.name, #requestform label.name, #requestform div.name input, #requestform div.name label, .form .name{display:none;}
.form label {display:block; float:left; width:60px; text-align:right; clear:left; padding-top:5px;}
.form input {display:block; float:left; clear:right; width:145px; margin:0 15px 5px 3px;}




/*CURSOS DE ESPAÑOL*/
#spanish-online {width:730px;}
#spanish-online h1 {margin:0; margin-bottom:25px; color:#000;}
#spanish-online.form h1, #spanish-online.en h1 {margin-bottom:0;}
#spanish-online .top-menu {height:47px; background:url('http://www.cesurformacion.com/china/images/stories/bg-blue.jpg') top left;}
#spanish-online .bottom-menu {height:52px; background:url('http://www.cesurformacion.com/china/images/stories/bg-blue.jpg') bottom left;}
#spanish-online .top-menu ul {margin:0; margin-left:300px;}
#spanish-online .top-menu ul li {float:left; padding:0; margin:0px 5px; margin-top:10px; background:none; }
#spanish-online .bottom-menu ul {float:right; margin:0; margin-top:27px;}
#spanish-online .bottom-menu ul li {float:left; width:93px; margin:0; padding:0; background:none; }
#spanish-online .bottom-menu a {color:#fff; font:bold 12px Verdana; text-decoration:none;}
#spanish-online.form table {position:relative; left:-10px; top:-20px;}

#spanish-online.en .spanish-body ul {margin:19px 0 0 10px;}
#spanish-online.en .spanish-body li {margin:0px; margin-bottom:3px;}
.spanish-body {clear:both; height:210px; padding:20px 0 10px 30px;}
.spanish-body li {margin-top:10px;}
.index .spanish-body {background:url('http://www.cesurformacion.com/china/images/stories/bg-spanhis-courses-index.jpg'); padding-left:190px;}
.beginner .spanish-body {background:url('http://www.cesurformacion.com/china/images/stories/bg-spanhis-courses-beginner.jpg'); padding-right:175px;}
.intermediate .spanish-body {background:url('http://www.cesurformacion.com/china/images/stories/bg-spanhis-courses-intermediate.jpg'); padding-right:175px;}
.advanced .spanish-body {background:url('http://www.cesurformacion.com/china/images/stories/bg-spanhis-courses-advanced.jpg'); padding-right:175px;}
.upper .spanish-body {background:url('http://www.cesurformacion.com/china/images/stories/bg-spanhis-courses-upper.jpg'); padding-right:175px;}
.dele .spanish-body {background:url('http://www.cesurformacion.com/china/images/stories/bg-spanhis-courses-dele.jpg'); padding-right:190px; padding-right:175px;}
.form .spanish-body {background:url('http://www.cesurformacion.com/china/images/stories/bg-spanhis-courses-form.jpg');  padding-right:175px;}
.spanish-footer .info {display:block; float:left; padding:8px 0 2px 20px; background:url('http://www.cesurformacion.com/china/images/stories/ico-inf.png') no-repeat left center; font:bold 11px verdana; text-decoration:none;}
.spanish-footer .price {display:block; float:right; font:bold 16px Arial; margin-top:-10px;}

