/*
	<==========================>
	 project: GARREBIL 
	 autor: Raśl Gallo
	<==========================>
*/

/* =web formacion ------------------------------------------- */
#formacion { margin: 10px auto; padding: 15px 20px 15px 20px; border:0; width: 935px; background: url(../images/general.png) no-repeat; height:780px; color:#5b5a58;}
.tituloform { padding: 0px 0px 0px 145px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#FFF;}

#leftform { padding: 0;  margin: 12px 20px 0 0; float: left; width: 125px; background:url(../images/leftformacion.png) no-repeat; height:715px}

#centerform { width: 525px; float:left; padding: 25px 5px 0 0; text-align:justify; color:#5b5a58;}
#centerform p.beforeimg {margin-bottom: 15px;}
#centerform p.afterimg {margin-top: 25px;}
#centerform p.new { padding-top: 10px;}
#centerform p.fase { margin: 7px 0 7px 15px;}
#centerform a {font: bold 12px Arial, sans-serif; text-decoration:underline; margin-left:15px; color:#5b5a58;}
#centerform p.accesos {margin-left: 35px;}

#rightform { padding: 25px 0 0 40px;  margin: 0; float: left; width: 220px;}
.tituloforma { background: url(../images/tituloform.png) no-repeat; font:bold 15px Arial, Helvetica, sans-serif; color:#FFF;  padding: 7px 0 15px 17px; margin-left:10px;}
#rightform p { padding: 10px 0 0px 0; text-align:center;}
#rightform a { font: bold 10px Arial, Helvetica, sans-serif; }
#rightform a:hover { font-weight: bold; text-decoration:underline; color:#5b5a58;}

/* =web negociacion conflictos ------------------------------ */
#generalcurso { margin: 10px auto; padding: 15px 20px 15px 20px; border:0; width: 935px; background: url(../images/generalcursos.png) no-repeat; height:530px; color:#5b5a58;}

#volver { float:right; margin:30px 10px 0 0;}
#volver a { font:bold 12px Arial, Helvetica, sans-serif; color:#000;}
#volver a:hover { font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:underline;}

#leftformcursos { padding: 0;  margin: 130px 0 0 0; float: left; width: 225px; }

#rightformcursos { padding: 15px 0 0 40px;  margin: 0; float: left; width: 645px;}
#rightformcursos p { padding: 10px 0 0px 0;}
#rightformcursos p.afterimg {margin: 15px 0 10px 0;}
#rightformcursos p.accesos {margin-left: 35px; text-decoration:underline;}
#rightformcursos p.accesos1 {margin-left: 35px;}
#rightformcursos p.cita { font-style: italic;}
#left { float:left; width:350px; height:150px;}
#right {float:left; width:280px; height:150px;}

/* =web business english ------------------------------------ */
#leftformcursos4 { padding: 0;  margin: 70px 0 0 25px; float: left; width: 225px; color:#5b5a58;}
.englishtype { font:bold 14px Arial, Helvetica, sans-serif;}

#englishizq, #englishder {padding: 20px 0 10px 0;  margin: 0; float: left; width: 310px;}
#englishizq ul li ol, #englishder ul li ol { margin-top: 10px; font:normal 12px Arial, Helvetica, sans-serif; padding-left: 20px;}

/* =web  ------------------------------ */
#generalcurso2 { margin: 10px auto; padding: 15px 20px 15px 20px; border:0; width: 935px; background: url(../images/generalcursos3.png) no-repeat; height:460px; color:#5b5a58;}
#generalcurso3 { margin: 10px auto; padding: 15px 20px 15px 20px; border:0; width: 935px; background: url(../images/generalcursos2.png) no-repeat; height:460px; color:#5b5a58;}
#generalcursomk { margin: 10px auto; padding: 15px 20px 15px 20px; border:0; width: 935px; background: url(../images/generalcursos2.png) no-repeat; height:530px; color:#5b5a58;}
#leftformcursosmk { padding: 0;  margin: 70px 0 0 0; float: left; width: 225px; }