/******************************************************************
TODO ESTE CODE PARA HACER UN BOTON REDONDO AGUANTE CSS3 es reeeeeeeeeficiente
******************************************************************/
body{ background-color:#EFEFEF;background-image:url('/img/theme/big-bgd.png');background-repeat:no-repeat;background-position:center top;}
.container{padding:25px;min-height:263px;width:100%;background-image:url('/img/theme/big-bgd.png');background-repeat:no-repeat;background-position:center -415px;background-color:#fff;}
.botonsmall1{
	width:190px; height:42px; font-family:"FuturaStdMedium"; font-weight:normal;font-size:25px; line-height:42px; color:#FFFFFF;background-position:0px 0px; background-image: url(/img/theme/bgd_boton_small.png);background-repeat:repeat-x;
	-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; margin:0; text-align:center;
	-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 10px #669320; box-shadow: 0 0 9px #FFF;
	text-shadow: 0px 0px 6px #666; cursor:pointer;
        display:block;text-decoration:none;
}
.botonsmall1:hover { background-position:0px -42px; display:block;text-decoration:none; }

.botonsmall2{
	width:190px; height:42px; font-family:"FuturaStdMedium"; font-weight:normal;font-size:25px; line-height:25px; color:#FFFFFF; background: url(/img/theme/bgd_boton_small.png) repeat-x;
	-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; margin:0; padding-top:10px; text-align:center;
	-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 10px #669320; box-shadow: 0 0 9px #FFF;
	text-shadow: 0px 0px 6px #666; cursor:pointer;
}
.botonsmall2:hover { background-position:0 -42px; }

.botonmid1{
	width:270px; height:58px; font-family:"FuturaStdMedium"; font-weight:normal;font-size:25px; line-height:25px; color:#FFFFFF; background: url(/img/theme/bgd_boton_med.png) repeat-x;
	-webkit-border-radius: 29px; -moz-border-radius: 29px; border-radius: 29px; margin:0; padding-top:18px; text-align:center;
	-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 10px #669320; box-shadow: 0 0 9px #FFF;
	text-shadow: 0px 0px 6px #666; cursor:pointer;
}
.botonmid1:hover { background-position:0 -58px; }
.botonmid2{
	width:190px; height:58px; font-family:"FuturaStdMedium"; font-weight:normal;font-size:25px; line-height:25px; color:#FFFFFF; background: url(/img/theme/bgd_boton_med.png) repeat-x;
	-webkit-border-radius: 29px; -moz-border-radius: 29px; border-radius: 29px; margin:0; padding-top:18px; text-align:center;
	-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 10px #669320; box-shadow: 0 0 9px #FFF;
	text-shadow: 0px 0px 6px #666; cursor:pointer;
}
.botonmid2:hover { background-position:0 -58px; }
.ui-custom-margin {margin-left:93px;}

.titshad1 {
	font-family:"FuturaStdBook"; font-size:36px; line-height:36px; color:#999; text-shadow: 0px 2px 4px #FFF;font-weight:normal;
	}
.titshad2{
	font-family:"FuturaStdBook"; font-size:31px; line-height:31px; color:#B6CC44; text-shadow: 0px 2px 4px #FFF;font-weight:normal;
	}

.text1{
	font-family:"FuturaStdBook"; font-size:18px; line-height:25px; color:#999; font-weight:normal; background:#FFFFFF; padding:10px;
	}
	
.text2{
	font-family:"FuturaStdBook"; font-size:16px; line-height:23px; color:#999; font-weight:normal; background:#FFFFFF; padding:10px;
	}




@font-face {
    font-family: 'FuturaStdBook';
    src: url('/fonts/futurastd-book-webfont.eot');
    src: url('/fonts/futurastd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/futurastd-book-webfont.woff') format('woff'),
         url('/fonts/futurastd-book-webfont.ttf') format('truetype'),
         url('/fonts/futurastd-book-webfont.svg#FuturaStdBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturaStdMedium';
    src: url('/fonts/futurastd-medium-webfont.eot');
    src: url('/fonts/futurastd-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/futurastd-medium-webfont.woff') format('woff'),
         url('/fonts/futurastd-medium-webfont.ttf') format('truetype'),
         url('/fonts/futurastd-medium-webfont.svg#FuturaStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Theme settigs */
.header_wrapper {width:100%;border-bottom:10px solid #b6ce44;}
.header {width:960px;margin-left:auto;margin-right:auto;height:404px;position:relative;}
    .header img.header_1 {position:absolute;top:0px;left:0px;}
    .header img.header_2 {position:absolute;top:20px;right:0px;width:310px;height:105px;}
    .header img.header_3 {position:absolute;bottom:0px;right:37px;}
    .header img.header_4 {position:absolute;bottom:3px;left:83px;}

.choose-language-wrapper {width:515px;margin-left:auto;margin-right:auto;clear:both;position:relative;}
    .choose-language-wrapper a.botonsmall1 {float:left;margin:25px;}
.ui-center {text-align:center;}
.ui-green-title {font-size:33px;color:#b6cd44;}
.ui-horizontal-box {padding:10px 25px 0px 0px;}
.ui-float-left {float:left;}
.ui-float-right {float:right;padding-right:0px;}
.ui-clearfix {clear:both;}
.ui-text-uppercase {text-transform: uppercase;}
.ui-default-margin-top {margin-top:50px;}
.ui-hidden {display:none;}
.ui-text-bold {font-family:'FuturaStdMedium';font-weight:bold;}
.ui-relative {position:relative;height:100%;zoom:1;background-color:#fff;width:100%;border:1px solid #fff;}
.ui-center {margin-left:auto;margin-right:auto;text-align:center;}
.ui-image-nine {width:530px;display:block;}
.success-message {
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
    background-color: #e3ecb5;
    width:500px;margin-left:auto;margin-right:auto;
    padding:25px;
    font-family:"FuturaStdBook"; font-size:16px;
    text-align:center;
    color:#788a24;
    font-size:33px;
    line-height:35px;
}
#flashMessage {clear:both;border:2px solid #ff6f6f;background-color:#fbfbfb;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align:center;
	-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 10px #669320; box-shadow: 0 0 9px #FFF;font-size:16px;line-height:20px;min-height:42px;color:#666;width:300px;font-family:"FuturaStdBook";color:#ff6f6f;margin-top:25px;margin-left:291px;margin-right:auto;}

/* progress toolbar */
.ui-steps {display:block;position:relative;float:right;}
.ui-steps li {width:16px;height:15px;float:left;display:block;margin:-10px 7px 3px 7px;}
.ui-steps li.active {background:transparent url('../img/theme/progress-on.png') no-repeat left top;}
.ui-steps li.inactive {background:transparent url('../img/theme/progress-off.png') no-repeat left top;}

.ui-header-small .header {height:185px;}
    .ui-header-small .header img.header_2 {position:absolute;top:20px;right:0px;width:223px;height:76px;}
    .ui-header-small .header img.header_4 {position:absolute;top:65px;left:296px;}
    .ui-header-small .container {background-image:url('/img/theme/content-bgd.png');background-repeat:no-repeat;background-position:center -196px;background-color:#fff;}

#footer {height:88px;background-color:#efefef;width:100%;}
.footer_wrapper {background:transparent url(/img/theme/footer-bgd.png) repeat-y left bottom;width:960px;height:88px;margin-left:auto;margin-right:auto;position:relative;}
    .footer_wrapper .footer-legend {font-size:16px;line-height:16px;color:#666;position:absolute;bottom:0px;left:5px;}
    .footer_wrapper .footer_1 {position:absolute;top:42px;left:5px;width:184px;height:24px;}
    .footer_wrapper .footer_2 {position:absolute;top:0px;right:0px;}

.ui-loginbox {width:960px;margin-left:auto;margin-right:auto;}
    .ui-loginbox .ui-intro-text {font-size:18px;color:#666;}
    .ui-loginbox #loginIntroText {width:292px;}
    .ui-loginbox h1.titshad2 {font-size:33px;line-height:33px;}
    .ui-loginbox #login-code {float:left;}
        .ui-loginbox #login-code input {border:2px solid #e0e0e0;background-color:#fbfbfb;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:0; text-align:center;
	-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 10px #669320; box-shadow: 0 0 9px #FFF;font-size:16px;line-height:42px;color:#666;width:300px;height:42px;}
        .ui-loginbox input.botonsmall2 {border:0px;padding-top:0px;text-transform:uppercase;}

.ui-box-intro-header {width:960px;margin-left:auto;margin-right:auto;}
    .ui-box-intro-header a.botonmid1 {display:block;padding-top:0px;text-decoration:none;line-height:58px;text-transform:uppercase;}
    .ui-box-intro-header h1.titshad2 {text-align:left;font-size:33px;line-height:38px;text-transform: uppercase;}
    .ui-box-intro-header p.titshad1 {text-align:left;font-size:18px;line-height:26px;color:#666;}
    .ui-box-intro-header .ui-float-right {padding-top:0px;}


.ui-quiz-wrapper {width:960px;margin-left:auto;margin-right:auto;}
    .ui-quiz-wrapper h1.titshad2 {font-size:28px;line-height:42px;}
    .ui-quiz-wrapper div.input.radio {width:100%;}
    .ui-quiz-wrapper div.input.radio input {display:block;float:left;clear:left;width:47px;margin-top:17px;}
    .ui-quiz-wrapper div.input.radio label {display:block;float:left;min-height:47px;padding-left:60px;max-width:800px;line-height:47px;font-family:"FuturaStdBook"; font-size:22px; color:#999; text-shadow: 0px 2px 4px #FFF;font-weight:normal;}
    .ui-quiz-wrapper div.input.radio label em {font-style: normal;}
    .ui-quiz-wrapper .bullet-1 {background:transparent url(../img/theme/quest-bul-A.png) no-repeat 5px center;}
    .ui-quiz-wrapper .bullet-2 {background:transparent url(../img/theme/quest-bul-B.png) no-repeat 5px center;}
    .ui-quiz-wrapper .bullet-3 {background:transparent url(../img/theme/quest-bul-C.png) no-repeat 5px center;}
    .ui-quiz-wrapper .botonmid2 {padding-top:0px;border:0px;text-transform:uppercase;margin-left:auto;margin-right:auto;min-width:178px;display:block;margin-top:25px;margin-bottom:25px;}
    .ui-answer-box {clear:both;display:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:0 0 0 100px; text-align:left;padding-left:60px;
	-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 10px #669320; box-shadow: 0 0 9px #FFF;font-size:16px;line-height:42px;height:42px;font-size:17px;}
    .ui-answer-correct {background-color:#e3ecb5;color:#788a24;background-image:url(../img/theme/quest-OK.png);background-repeat:no-repeat;background-position:10px center;width:400px;}
    .ui-answer-incorrect {background-color:#ffe7e7;color:#ff6666;background-image:url(../img/theme/quest-MAL.png);background-repeat:no-repeat;background-position:10px center;width:445px;}
    .ui-answer-ok {color:#788a24 !important;}
    .ui-answer-error {color:#ff6666 !important;}
    .ui-quiz-sep {background:transparent url('../img/theme/hsep-910px.png') no-repeat left top;width:100%;height:6px;margin-bottom:25px;margin-top:25px;}
    #overlay, #overlay2, #overlay3 {display:none;}
    .ui-quiz-wrapper .player-wrapper {margin:25px auto 0 154px;width:570px;text-align:center;}
    .ui-quiz-wrapper .player-holder {background:transparent url('../img/theme/videoplayer-bgd.png') no-repeat top left;clear:both;position:relative;}
    .ui-quiz-wrapper .player-tooltip {width:381px;height:94px;float:right;font-size:22px;padding:5px;text-align:center;line-height:22px;margin-right:90px;margin-top:25px;}
    #ParticipantAddForm div.input {float:left;}
    #ParticipantAddForm div.input label {font-family:"FuturaStdBook"; font-size:16px; line-height:16px; color:#B6CC44; text-shadow: 0px 2px 4px #FFF;font-weight:normal;display:block;height:32px;line-height:32px;}
    #ParticipantAddForm div.input.text input {border:2px solid #e0e0e0;background-color:#fbfbfb;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:0; text-align:left; position:relative; zoom:1;
	-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 10px #669320; box-shadow: 0 0 9px #FFF;font-size:16px;line-height:32px;color:#666;height:32px;}
    #ParticipantAddForm div.input.textarea textarea {border:2px solid #e0e0e0;background-color:#fbfbfb;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:0; text-align:left; position:relative; zoom:1;
	-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 10px #669320; box-shadow: 0 0 9px #FFF;font-size:16px;line-height:16px;color:#666;height:52px;}
    #ParticipantAddForm div.input.text input:focus, #ParticipantAddForm div.input.textarea textarea:focus {
        border:2px solid #b6ce44;
    }
    #ParticipantAddForm div.input {width:300px;}
    #ParticipantAddForm div.input.checkbox {margin-top:10px;width: 100%;clear: both;}
    #ParticipantAddForm div.input.checkbox input {float:left;display:block;height:32px;width:32px;margin-right:10px;}
    #ParticipantAddForm div.input.checkbox label a {color:#88b826;}
    #ParticipantAddForm div.input.checkbox label a:hover {color:#a6d840;}
    #ParticipantAddForm div.input input,
    #ParticipantAddForm div.input textarea {font-family:"FuturaStdBook";font-size:16px;}
    #ParticipantAddForm div.input.text.error {position:relative;}
    #ParticipantAddForm div.input.text.error input {border-color:#ff6f6f !important;}
    #ParticipantAddForm div.input.text.error .error-message {color:#ff6f6f;line-height:32px;height:32px;position:absolute;bottom:0px;left:5px;}
    #ParticipantAddForm div.input.select select {height:32px;line-height:32px;font-family:"FuturaStdBook";padding-top:5px;}
    #ParticipantAddForm div.input.select.error select {color: #cc0000 !important;}
    #ParticipantAddForm #comment {clear:both;float:left;width:100%;}
    #ParticipantAddForm #comment textarea {width:82%;}
    #ParticipantAddForm .error-message {display:none;}

#DOMWindow {height:700px;overflow:hidden;-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
    #DOMWindow h1.titshad1 {text-align:center;font-size:28px;color:#999;}
    #DOMWindow p.titshad2 {text-align:center;font-size:24px;line-height:28px;}
    #DOMWindow p.titshad1, #DOMWindow ol.titshad1 li, .ui-quiz-wrapper p.titshad1, .ui-box-conditions li {font-size:18px;color:#999;line-height:22px;}
    #DOMWindow ol.titshad1 ol {margin-top:25px;}
    #DOMWindow ol.titshad1 li {display:list-item;list-style:disc outside none;margin-left:25px;margin-top:10px;margin-bottom:10px;}
    #DOMWindow ol.titshad1 li em {color:#b6ce44;}
    #DOMWindow h2.titshad2 {font-size:24px;line-height:28px;margin-bottom:10px;margin-top:10px;}
    #DOMWindow a.botonmid2 {width:248px;display:block;text-decoration:none;text-transform:uppercase;padding-top:0px;line-height:58px;margin-left:auto;margin-right:auto;}
    #DOMWindow .ui-float-margin-popup {margin-left:150px !important;}
    #DOMWindow .ui-float-margin {margin:25px;}

.ui-box-conditions li { list-style: disc outside none; font-family:"FuturaStdBook"; margin-left:15px;}
.ui-box-conditions p, .ui-box-conditions h2, .ui-box-conditions h1 {margin-bottom:10px;margin-top:10px;}