

/* Encuestas */

	#survey {text-align:justify; padding: 1em; border: 1px solid #ccc; /* margin-left: 1em; */ }

	#survey h3 { margin-bottom:8px; }

	#survey p { padding:0 0 .8em 0; }

	#survey ul {padding:.1em 0 .8em 0; list-style:none; margin:0;}

	#survey ol {padding:.1em .6em .8em .6em; /* margin-left:1em; */  list-style-position:outside; margin-left:25px;}
	
	.surveyOrdered {font-weight:bold;}
	
	.surveyOrdered li * {font-weight:normal;}

	.surveyOrdered li strong {font-weight:bold;}

	

	#survey ul li, #survey ol li {margin-top:4px; padding:1em; text-align: justify;}
	
	#sideBar #survey ul li, #sideBar #survey ol l {pading:.5em;}
	
	#survey ul li ul li, #survey ol li ul li {padding:0 0 .95em;}

	#survey ol li ul { padding:1em 0 0 0; }

	#survey ul li ul { padding:.5em 0 0 1em; }

	#survey ul li ul li, #survey ol li ol li { padding:0 1em .3em 1em; }

	#survey fieldset {border:none; padding:1em 0;}

	#mainRight #survey { margin:0; }

	.resultSurvey {list-style:none;}
	
	.resultSurvey li {margin:1em 0;}

	.questionActive { background-color:#f4f4f4; }
 	
	.mandatory {color:#f00; padding:0 3px;}

	.failed { border: 1px solid #f00; }

	.hidden {display:none;}

	.show {display:inline; padding:0 .3em; font-weight:bold;}

.graph { width:260px; margin-bottom:.3em; background:#F0F0F0;}

.percent1, .percent2, .percent3, .percent4, .percent5, .percent6, .percent7, .percent8, .percent9, .percent10, .percent11, .percent12, .percent13, .percent14, .percent15, .percent16, .percent17, .percent18, .percent19, .percent20, .percent21, .percent22, .percent23, .percent24, .percent25, .percent26, .percent27, .percent28, .percent29, .percent30, .percent31, .percent32, .percent33, .percent34, .percent35, .percent36, .percent37, .percent38, .percent39, .percent40, .percent41, .percent42, .percent43, .percent44, .percent45, .percent46, .percent47, .percent48, .percent49, .percent50, .percent51, .percent52, .percent53, .percent54, .percent55, .percent56, .percent57, .percent58, .percent59, .percent60, .percent61, .percent62, .percent63, .percent64, .percent65, .percent66, .percent67, .percent68, .percent69, .percent70, .percent71, .percent72, .percent73, .percent74, .percent75, .percent76, .percent77, .percent78, .percent79, .percent80, .percent81, .percent82, .percent83, .percent84, .percent85, .percent86, .percent87, .percent88, .percent89, .percent90, .percent91, .percent92, .percent93, .percent94, .percent95, .percent96, .percent97, .percent98, .percent99, .percent100
{
	background:#6E9AD0 url(/extfrontvillaquilambre/img/percentBar.gif) repeat-x top left;
	height:15px;
}

.percent1 {width:1%;}
.percent2 {width:2%;}
.percent3 {width:3%;}
.percent4 {width:4%;}
.percent5 {width:5%;}
.percent6 {width:6%;}
.percent7 {width:7%;}
.percent8 {width:8%;}
.percent9 {width:9%;}
.percent10 {width:10%;}
.percent11 {width:11%;}
.percent12 {width:12%;}
.percent13 {width:13%;}
.percent14 {width:14%;}
.percent15 {width:15%;}
.percent16 {width:16%;}
.percent17 {width:17%;}
.percent18 {width:18%;}
.percent19 {width:19%;}
.percent20 {width:20%;}
.percent21 {width:21%;}
.percent22 {width:22%;}
.percent23 {width:23%;}
.percent24 {width:24%;}
.percent25 {width:25%;}
.percent26 {width:26%;}
.percent27 {width:27%;}
.percent28 {width:28%;}
.percent29 {width:29%;}
.percent30 {width:30%;}
.percent31 {width:31%;}
.percent32 {width:32%;}
.percent33 {width:33%;}
.percent34 {width:34%;}
.percent35 {width:35%;}
.percent36 {width:36%;}
.percent37 {width:37%;}
.percent38 {width:38%;}
.percent39 {width:39%;}
.percent40 {width:40%;}
.percent41 {width:41%;}
.percent42 {width:42%;}
.percent43 {width:43%;}
.percent44 {width:44%;}
.percent45 {width:45%;}
.percent46 {width:46%;}
.percent47 {width:47%;}
.percent48 {width:48%;}
.percent49 {width:49%;}
.percent50 {width:50%;}
.percent51 {width:51%;}
.percent52 {width:52%;}
.percent53 {width:53%;}
.percent54 {width:54%;}
.percent55 {width:55%;}
.percent56 {width:56%;}
.percent57 {width:57%;}
.percent58 {width:58%;}
.percent59 {width:59%;}
.percent60 {width:60%;}
.percent61 {width:61%;}
.percent62 {width:62%;}
.percent63 {width:63%;}
.percent64 {width:64%;}
.percent65 {width:65%;}
.percent66 {width:66%;}
.percent67 {width:67%;}
.percent68 {width:68%;}
.percent69 {width:69%;}
.percent70 {width:70%;}
.percent71 {width:71%;}
.percent72 {width:72%;}
.percent73 {width:73%;}
.percent74 {width:74%;}
.percent75 {width:75%;}
.percent76 {width:76%;}
.percent77 {width:77%;}
.percent78 {width:78%;}
.percent79 {width:79%;}
.percent80 {width:80%;}
.percent81 {width:81%;}
.percent82 {width:82%;}
.percent83 {width:83%;}
.percent84 {width:84%;}
.percent85 {width:85%;}
.percent86 {width:86%;}
.percent87 {width:87%;}
.percent88 {width:88%;}
.percent89 {width:89%;}
.percent90 {width:90%;}
.percent91 {width:91%;}
.percent92 {width:92%;}
.percent93 {width:93%;}
.percent94 {width:94%;}
.percent95 {width:95%;}
.percent96 {width:96%;}
.percent97 {width:97%;}
.percent98 {width:98%;}
.percent99 {width:99%;}
.percent100 {width:100%;}

#content h1.surveyH1 {padding-bottom:21px;}

#surveyContent {width:525px; padding:11px; float:left;}

#surveyWrap h1{font-size:1.2em; padding: 10px 0px 14px 10px; margin:0px; background: url('/extfrontvillaquilambre/img/h1_largo.jpg') top left no-repeat; color:#006699; margin:11px 11px 0;}

#surveyContent .surveyResults {padding:10px 20px;}

#surveyRightCol {width:200px; float:right; padding-top:11px; padding-right:11px;}

#surveyRightCol ul {list-style-type:none; margin-left:.5em;}

#surveyRightCol ul li {background:transparent url(/extfrontvillaquilambre/img/punto.gif) no-repeat scroll left center; padding-left:14px;}

#wrapperHome #editError {width:auto !important;}

#survey fieldset {border:solid 1px #ddd; padding:5px;}
 
#survey fieldset input.text {width:30.8em;}
  
#survey fieldset textarea {width:31.6em;}

* html #survey fieldset textarea {width:31em;}
  
#survey fieldset div.anotherOption input.text {width:23em; }

.surveySubmit {font-weight:bold; color:#069; background:transparent url(/extfrontvillaquilambre/img/surveyButton.gif) no-repeat top left; border:none; width:91px; height:27px;}

ul.surveyList {padding:1em 0; list-style-type:none; margin:0;}

.imageBox {border:solid 1px #bbb; padding:4px; margin:0 1em 1em 0;}

.imageBox img {border:solid 2px #faf9f5;}

.surveyList {margin:1em 0;}

.resultLink { color:#006699; font-weight:bold; margin-left:1em; background:transparent url(/extfrontvillaquilambre/img/lupa.gif) no-repeat top left; line-height:15px; padding-left:1.8em;}

.otherText { margin-right:.5em;}

#survey .buttonContainer {padding-right:1.6em; padding-bottom:1em;}

.show.failed {color:#ff0000; font-weight:bold; font-size:1.2em; display:block; padding:4px; border:none;}

.surveyMessages {background:#1b63db url(/extfrontvillaquilambre/img/curveResultBannerBack.gif) repeat-x top left; margin:0 auto !important; width:450px;}

.surveyMessages img {border:none; vertical-align:middle;}

.surveyMessages #editInfo {float:none; margin:0 auto; width:auto !important;}

.surveyMessages .topBar {background:transparent url(/extfrontvillaquilambre/img/curveResultBannerBorder.gif) repeat-x top left; height:7px;}

.surveyMessages .topBar .fLeft {background:transparent url(/extfrontvillaquilambre/img/curveResultBannerTopLeft.gif) no-repeat top left; height:7px; width:7px;}

.surveyMessages .topBar .fRight {background:transparent url(/extfrontvillaquilambre/img/curveResultBannerTopRight.gif) no-repeat top right; height:7px; width:7px;}

.surveyMessages .bottomBar {background:transparent url(/extfrontvillaquilambre/img/curveResultBannerBottom.gif) repeat-x top left; height:7px;}

.surveyMessages .bottomBar .fLeft {background:transparent url(/extfrontvillaquilambre/img/curveResultBannerBottomLeft.gif) no-repeat top left; height:7px; width:7px;}
	
.surveyMessages .bottomBar .fRight {background:transparent url(/extfrontvillaquilambre/img/curveResultBannerBottomRight.gif) no-repeat top right; height:7px; width:7px;}

.surveyMessages .middleBar {background:transparent url(/extfrontvillaquilambre/img/curveResultBannerBorder.gif) repeat-y top left; width:100%; min-height:55px;}

* html .surveyMessages .middleBar {height:55px;}

.surveyMessages .middleBar .innerMiddleBar {background:transparent url(/extfrontvillaquilambre/img/curveResultBannerBorder.gif) repeat-y top right; width:100%;}

.surveyMessages .middleBar .innerMiddleBar #editInfo {color:#fff; background: transparent;}




/* MENSAJES DE ERROR */


.surveyMessages.curveResultErrorBanner {background:#efefef url(/extfrontvillaquilambre/img/roundWhiteBack.gif) repeat-x top left; margin:0 auto !important; width:450px;}

.surveyMessages.curveResultErrorBanner #editError {float:none; margin:0 auto; width:auto !important;}

.surveyMessages.curveResultErrorBanner .topBar {background:transparent url(/extfrontvillaquilambre/img/roundWhiteBorder.gif) repeat-x top left; height:7px;}

.surveyMessages.curveResultErrorBanner .topBar .fLeft {background:transparent url(/extfrontvillaquilambre/img/roundWhiteTopLeft.gif) no-repeat top left; height:7px; width:7px;}

.surveyMessages.curveResultErrorBanner .topBar .fRight {background:transparent url(/extfrontvillaquilambre/img/roundWhiteTopRight.gif) no-repeat top right; height:7px; width:7px;}

.surveyMessages.curveResultErrorBanner .bottomBar {background:transparent url(/extfrontvillaquilambre/img/roundWhiteBottom.gif) repeat-x top left; height:7px;}

.surveyMessages.curveResultErrorBanner .bottomBar .fLeft {background:transparent url(/extfrontvillaquilambre/img/roundWhiteBottomLeft.gif) no-repeat top left; height:7px; width:7px;}
	
.surveyMessages.curveResultErrorBanner .bottomBar .fRight {background:transparent url(/extfrontvillaquilambre/img/roundWhiteBottomRight.gif) no-repeat top right; height:7px; width:7px;}

.surveyMessages.curveResultErrorBanner .middleBar {background:transparent url(/extfrontvillaquilambre/img/roundWhiteBorder.gif) repeat-y top left; width:100%; min-height:55px;}

* html .surveyMessages.curveResultErrorBanner .middleBar {height:55px;}

.surveyMessages.curveResultErrorBanner .middleBar .innerMiddleBar {background:transparent url(/extfrontvillaquilambre/img/roundWhiteBorder.gif) repeat-y top right; width:100%;}

.surveyMessages.curveResultErrorBanner .middleBar .innerMiddleBar #editError {color:#000; background: transparent !important;}


/* FIN MENSAJES DE ERROR */


.list.surveyList ul li {background:transparent url(/extfrontvillaquilambre/img/punto.gif) no-repeat scroll left center !important; padding-left:14px;}