.nowrap{white-space: nowrap;}
body {margin:0;padding:0;background:#fff;}
div,td,h1,h2,h3 {font-family:verdana,arial;font-size:11px;line-height:1.3;color:#fff;}
a{color: #fff; text-decoration:underline}
ul {list-style:none}
.tarj{color:#FC7216}
.tarj2{color:#F2B51A}
/* p{margin:0 0 4px;padding:0;*margin:0 0 8px;} */
form{margin:0;padding:0;}
img{border:0}
ul{margin:10px 0 30px 30px;padding:0 0 0 15px;}
input,select,textarea{font-family: verdana,arial,helvetica;font-size:11px;}
.clear{clear:none;margin:0;padding:0;height:15px}
.test input.check{width:auto !important;vertical-align:middle;margin:0;padding:0;border:0}
.f12{font-size:12px}
h1{font-size:12px;font-weight:bold;padding:0;margin:0}
h2{font-size:14px;font-weight:bold;padding:0;margin:0}

/* general per a totes les pàgines */

#tot {margin:30px auto 0 auto;text-align:left;width:763px;height:545px;border-right:1px solid #999;border-top:1px solid #999;border-left:1px solid #999;padding:5px 6px}
#bordecont {margin:0;width:746px;height:533px;padding:5px 6px;background:#D2D6E5 url(../img/bg-degradat.jpg) 0 0 repeat-x;border-bottom:1px solid #DDE0EC}
#contingut {background:#1C347B url(../img/bg-bot-contingut.gif) 0 bottom no-repeat;width:710px;height:529px;border-top:1px solid #C0C6DA;border-bottom:1px solid #fff;padding-left:36px;position:relative}
#contingut a.logo1{position:absolute;display:block;border:none;width:160px;height:50px;right:15px; bottom:10px;}


#logografic {padding:22px 0 0 0}
#texth {color:#fff;padding:20px 0;}
#text {color:#fff;padding:0 40px 0 0;}  
 
 /*creixen verticalment */
#tot2 {margin:30px auto 0 auto;text-align:left;width:763px;border-right:1px solid #999;border-top:1px solid #999;border-left:1px solid #999;padding:5px 6px}
#bordecont2 {margin:0;width:746px;padding:5px 6px;background:#D2D6E5 url(../img/bg-degradat.jpg) 0 0 repeat-x;border-bottom:1px solid #DDE0EC}
#contingut2 {position:relative;background:#1C347B url(../img/bg-bot-contingut.gif) 0 bottom no-repeat;width:710px;border-top:1px solid #C0C6DA;border-bottom:1px solid #fff;padding:0 0 155px 36px;overflow:hidden}
#contingut2 a.logo1{position:absolute;display:block;border:none;width:160px;height:50px;bottom:10px; right:15px;}
/* home */
.home {margin:0;padding:0}
.home #esq {width:326px;margin:0;padding-top:10px}
.home #dreta {float:right;width:345px;margin:0;padding-top:10px}
.home form {padding-top:30px;margin:0}
.home form p{padding-bottom:10px;margin:0}
.home form a{font-size:11px;color:#fff;font-weight:Bold;text-decoration:underline;padding-left:10px}
.home label {float:left;padding:2px 20px 0 20px;color:#fff;font-size:9px;font-weight:bold;background:url(../img/fle1.gif) 10px 5px no-repeat; }
.home input {border:0;width:168px;border:1px solid #6272A2;}
.home input.binput{color:#1C347B;background:url(../img/bg-binput.gif) 0 0 repeat-x;font-weight:bold;font-size:9px;width:57px;height:19px;float:right;margin-right:25px;cursor: pointer;}

/* MENU */
#menu {margin:20px 0}
#menu img {padding-right:2px}

/* Peu  */
#peu {margin:0 auto;width:775px;padding:20px 0 40px 0;text-align:center;font-size:10px;color:#808080;background:url(../img/bg-bot-contenido.jpg) 0 top no-repeat;}
#peu p{padding:10px 0;width:700px}
#peu a{font-size:10px;color:#808080;text-decoration:none}

/* Olvido contraseña pop up */

.olvido {margin:0;padding:10px 15px;background:#1C347B;color:#fff;font-family:verdana;}
.olvido .top {color:#fff;font-size:12px;background:url(../img/bg-olvido.gif) 0 0 no-repeat;height:58px;width:352px;padding-top:10px}
.olvido form{background:#3D528E;width:351px;height:161px}
.olvido input {border:0;width:168px;border:1px solid #717B81;}
.olvido input.binput{color:#666;background:url(../img/bg-binput.gif) 0 0 repeat-x;font-weight:bold;font-size:9px;width:57px;height:19px;float:right;margin-right:70px;cursor: pointer;}
.olvido label {float:left;padding:2px 40px 0 40px;color:#fff;font-size:9px;font-weight:bold;}
.olvido form p{padding:40px 0 20px 0}
.olvido .pstyle{font-size:11px;text-align: center;}


/* atlas */
.atlas {margin:0;padding:0}
.atlas #text p{padding-bottom:10px}
.atlas form{margin:0;padding:0}
.atlas form p{padding-bottom:10px;margin:0}
.atlas label{float:left;padding:2px 0 0 0;width:125px;font-weight:bold;font-size:12px}
.atlas input {border:0;width:160px;border:1px solid #6272A2;color:#1C347B;font-size:9px;padding:2px 3px;}
.atlas select {border:0;width:168px;border:1px solid #6272A2;font-size:9px;color:#1C347B}
.atlas input.binput{color:#1C347B;background:url(../img/bg-binput.gif) 0 0 repeat-x;font-weight:bold;font-size:9px;width:57px;height:19px;float:right;margin-right:25px;cursor: pointer;}

/* electro.html */
.atlas .taula {width:644px;border-top:1px solid #66749F;border-bottom:1px solid #66749F;background:#445893 url(../img/bg-tit-categoria.jpg) 0 0 repeat-x;font-size:12px;margin-top:10px}
.atlas .taula .tit{padding:10px 0 15px 20px;text-transform:uppercase}
.atlas .taula h1{display:inline}
.atlas .grafic {padding:25px 0 20px 20px}
.atlas #diagnostico{background:#445893 url(../img/bg-diagnostico.jpg) 0 0 no-repeat;padding:40px 10px 30px 20px;width:614px;margin-bottom:20px;display:none}


/* mis cursos */
.cursos {margin:0;padding:0}
.cursos #text p{padding-bottom:10px;width:620px;margin:0}
.cursos form{margin:0;padding:0}
.cursos form p{padding-bottom:10px;margin:0}
.cursos label{padding:2px 0 0 0;width:255px;font-weight:bold;font-size:12px;}
.cursos select {float:left;border:0;width:380px;border:1px solid #6272A2;font-size:9px;color:#1C347B;margin-top:4px;margin-bottom:4px;}
.cursos input {border:0;width:160px;border:1px solid #6272A2;color:#1C347B;font-size:9px;padding:2px 3px;}
.cursos input.binput{float:left;color:#1C347B;background:url(../img/bg-binput.gif) 0 0 repeat-x;font-weight:bold;font-size:9px;width:57px;height:19px;margin-left:25px;margin-top:4px;cursor: pointer;}
.cursos .taula {width:644px;border:1px solid #66749F;background:#445893 url(../img/bg-taula-modulos.jpg) 0 0 repeat-x;font-size:12px;margin-top:20px}
.cursos .taula form{margin:0;padding:0}
.cursos .taula .titol {padding:10px 0 10px 35px;font-weight:bold;font-size:12px}
.cursos .taula .llistat {padding:25px 0 20px 15px;font-size:12px}
.cursos .taula .llistat input.binput{border:1px solid #6272A2;color:#1C347B;background:url(../img/bg-binput.gif) 0 0 repeat-x;font-weight:bold;font-size:9px;width:67px;height:19px;float:right;margin-right:25px;cursor: pointer;}
.cursos .taula .llistat input.bbinput{border:1px solid #6272A2;color:#1C347B;background:url(../img/bg-binput.gif) 0 0 repeat-x;font-weight:bold;font-size:9px;width:75px;height:19px;float:left;margin-left:0px;cursor: pointer;}
.cursos .taula .llistat input.bbbinput{border:1px solid #6272A2;color:#1C347B;background:url(../img/bg-binput.gif) 0 0 repeat-x;font-weight:bold;font-size:9px;width:67px;height:19px;float:left;margin-left:10px;cursor: pointer;}

/* relacion de cursos y modulos pop up */

.relacion {margin:0;padding:10px 15px;background:#1C347B;color:#fff;font-family:verdana;}
.relacion .top {height:60px;width:504px;padding-top:10px}
.relacion .lista{background:#3D528E;width:464px;margin-top:5px;padding:20px;line-height:2.5}


/* mis datos */

.datos #text {padding:0 0 0 20px;width:590px;margin:0}
.datos form{margin:0;padding:0}
.datos form p{padding-bottom:2px;margin:0;overflow:hidden}
.datos label{float:left;padding:2px 0 0 0;width:155px;font-weight:normal;font-size:11px;}
.datos select {border:0;width:268px;border:1px solid #6272A2;font-size:10px;color:#1C347B}
.datos input,.input93 {border:0;width:260px;border:1px solid #6272A2;color:#1C347B;font-size:9px;padding:2px 3px;}
.datos .input93{width:93px}
.datos input.binput {color:#1C347B; background:url(../img/bg-binput.gif) 0 0 repeat-x; font-weight:bold;font-size:9px;width:57px;height:19px;margin-top:20px;cursor: pointer;}





/* test de evaluación  */
.test .taula,.taula2 {width:680px;border-top:1px solid #66749F;border-bottom:1px solid #66749F;background:#445893 url(../img/bg-tit-categoria.jpg) 0 0 repeat-x;font-size:12px;margin-top:10px;padding-bottom:2px}
.test .taula2 {border-bottom:0;border-top:1px solid #8E9ABD;margin-top:40px;padding:15px 0 15px 50px}
.test .taula .tit{padding:5px 0 15px 20px;text-transform:uppercase}
.test .taula .preg{float:right;font-size:12px;font-weight:bold;padding-right:15px}
.test .taula2 .preg{float:right;font-size:12px;font-weight:bold;padding-right:50px}
.test .taula h1{display:inline}
.test .grafic {padding:0 0 0 20px;margin:0}
.test .lletra {float:left;width:15px;padding:0;*padding-top:3px;margin:0}
.test .respostes {margin:10px 0;padding:0;}
.test .respostes p{margin:0;padding:0;}
.test input {border:0;width:260px;border:1px solid #6272A2;color:#1C347B;font-size:9px;padding:2px 3px;}
.test input.binput {color:#1C347B; background:url(../img/bg-binput.gif) 0 0 repeat-x; font-weight:bold;font-size:9px;width:auto !important;height:19px;margin-top:0;cursor: pointer;}

/* Nota legal y privacidad pop up */

.nota {margin:0;padding:10px 0 10px 15px;background:#1C347B;color:#fff;font-family:verdana;}
.nota .top {height:60px;width:354px;padding-top:10px}
.nota p{color:#fff;width:350px;margin-top:5px;padding:20px 0 20px 0;font-size:10px;line-height:1.2}

/* Contacto */

.contac {margin:0;padding:10px 0 10px 15px;background:#1C347B;color:#fff;font-family:verdana;}
.contac .top {height:60px;width:354px;padding-top:10px}
.contac .obligatorio{font-size:9px;}
.contac p{color:#fff;width:350px;margin-top:5px;padding:20px 0 20px 0;font-size:10px;line-height:1.2}
.contac input {border:0;width:168px;border:1px solid #6272A2;}
.contac input.binput{color:#1C347B;background:url(../img/bg-binput.gif) 0 0 repeat-x;font-weight:bold;font-size:9px;width:57px;float:left;height:19px;margin-left:145px;cursor: pointer;}