/********************************************************************
PROYECTO PACTO POR EXTREMADURA
Desarrollado por: Solucionex Tecnologías de la Información

Hoja de estilos para los formularios

versión: 1.0
*********************************************************************/

#formulario{
   width:950px;
   overflow:hidden;
   float:left;
   margin:0 0 10px 0; padding:0;
}

#formulario p{
   margin:0 0 20px 0;
}

#noformulario{
   width:950px;
   float:left;
   height:100px;
}

#formulario form{
   margin:0;
   padding:0;
}

#formulario #pdatos{
   margin:0;
   padding:0;
   width:620px;
   overflow:hidden;
   float:left;
}
#formulario #fdatos{
   margin:0;
   padding:0;
   width:330px;
   height:168px;
   float:left;
   background:transparent url(../img/tu_opinion_form.jpg) no-repeat 35px 8px;
}

#formulario label{
   color:#444;
   font-weight:bold;
}

#formulario label span{
   color:#444;
   font-size:10px;
   font-weight:normal;
}

#formulario div.label{
   width:170px;
   text-align:right;
   padding-top:8px;
   float:left;
   clear:left;
}

#formulario div.campo{
   width:400px;
   text-align:left;
   float:left;
   padding-left:40px;
}

#formulario input.texto {
   background:#FFF;
   border:1px solid #DDD;
   margin:5px 0 8px 0;
   width:400px;
   padding:2px;
}

#formulario input.textoerror {
   background:#FFF;
   border:1px solid #E42322;
   margin:5px 0 8px 0;
   width:400px;
   padding:2px;
}

#formulario textarea.texto {
   background:#FFFFFF none repeat scroll 0 0;
   border:1px solid #DDDDDD;
   height:150px;
   margin:10px 25px;
   padding:20px;
   width:848px;
}

#formulario textarea.textoerror {
   border:1px solid #E42322;
   background:#fff;
   margin:5px 0 8px 0;
   padding:5px;
   width:625px;
   height:120px;
}

#formulario .boton {
   float:left;
   clear:both;
}


#formulario .mensaje {
   border:1px solid #ddd;
   background:#eee;
   margin:5px 0 10px 0;
   padding:10px;
   width:600px;
}

#formulario .acuerdo {
   float:left;
   width:930px;
   font-size:0.9em;
   margin:10px 0 20px 0;
}

#formulario .acuerdo label {
   margin:10px 0 10px 0;
   display:block;
}

#formulario .acuerdo input {
   float:left;
   border:none;
}

#formulario .acuerdo p {
   float:left;
   margin:0 0 0 10px;
   width:900px;
}
#formulario .acuerdo p.bases {
   float:left;
   margin:0 0 0 20px;
   /*.margin:0 0 0 25px;
   _margin:0 0 0 13px;*/
   width:650px;
}

#formulario .botones {
   float:left;
   width:950px;
   margin:0px 0 20px 0;
}


#formulario .error_no {
   display:none;
}
#formulario .error_si {
   color:#E42322;
   display:block;
   margin:5px 0 0 0 ;
   text-align:left;
}

#formulario div.captcha{
   width:933px;
   border:1px dotted #999;
   overflow:hidden;
   padding:10px 5px 8px 10px;
   margin:5px 0 5px 0;
   float:left;
}

#formulario div.captcha label{
   color:#444;
   font-weight:bold;
   float:left;
   margin:6px 15px 0 0;
}

#formulario div.captcha img{
   float:left;
   margin:0 15px 0 0;
}

#formulario div.captcha input.captcha {
   background:#FFF;
   border:1px solid #DDD;
   margin:5px 0 0 0;
   width:100px;
   padding:2px;
   float:left;
}

#formulario div.captcha input.captchaerror {
   background:#FFF;
   border:1px solid #E42322;
   margin:5px 0 0 0;
   width:100px;
   padding:2px;
   float:left;
}

#preguntas{
   width:950px;
   overflow:hidden;
   float:left;
   margin:20px 0 0 0; padding:0;

}

#preguntas div.grupopreguntas{
   width:950px;
   overflow:hidden;
   float:left;
   margin:0 0 20px 0; padding:0;

}

#preguntas div.grupopreguntas table{
   width:100%;
   border-top:1px solid #DDD;
   border-left:1px solid #DDD;
}

#preguntas div.grupopreguntas table caption{
   /*border:1px solid #DDD;*/
   background:#00AE51;
   color:#FFF;
   padding:3px;
   font-weight:bold;
}

#preguntas div.grupopreguntas table thead tr{
   background:#FFFCD3;
   font-weight:bold;
}

#preguntas div.grupopreguntas table tr td{
   border-bottom:1px solid #DDD;
   border-right:1px solid #DDD;
   padding:4px;
}

#preguntas div.grupopreguntas table tr td.pregunta{
   width:65%;
}

#preguntas div.grupopreguntas table tr td.respuesta{
   width:7%;
   text-align:center;
   font-size:0.8em;
}

#preguntas div.grupopreguntas table tr td.respuesta label{
   display:none;
}

#preguntas div.grupopreguntas table tbody tr.correcto{
   background:#FFF;
}
#preguntas div.grupopreguntas table tbody tr.error{
   background:#f6eeee;
}