/* @override 
	http://example.com:3000/stylesheets/socio.css
*/
/* @various */

.panelHide { display: none; }

a.expander { display: block;  width: 69px; height: 17px; background: url(../images/button/expandir.png) no-repeat; cursor: pointer; text-indent: 9999em !important; overflow: hidden; }
a.expander:hover { background-position: left bottom; }
a.expander_current { background-position: left bottom; }

h4 span { color: #2d5a7c; }

.avatar { padding: 4px; border: 1px solid #aaaaaa; }

.orange { color: #fe7611; }

/* @mainFilter */

ul.mainFilter { height: 24px; margin-bottom: 16px; }
ul.mainFilter li { float: left; }
ul.mainFilter li a { display: inline-block; height: 24px; padding: 0 20px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;  margin-right: 6px; background-color: #6b6b6b; color: white; text-transform: uppercase; line-height: 170%; overflow: hidden; }

ul.mainFilter li a:hover { background-color: #9d9d9d; -webkit-transition: 0.3s background }
ul.mainFilter li a.current { background-color:#fe7611; color: black;  }

ul.filterInline { height: 24px; }
ul.filterInline li { float: right; margin-left: 12px; }
ul.filterInline li select { width: 140px; margin-right: 6px; }

/* @titleSocio */

h3.titleSocio { margin-bottom: 40px; }
h3.titleSocio span { color: #2d5a7c; }
h3.titleSocio small { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display: block;  font-size: 10pt; letter-spacing: normal; color: #3f3f3f; }
h3.titleSocio small img { vertical-align: text-bottom; margin-right: 4px; }
h3.titleSocio a { color: black; }
h3.titleSocio a:hover { color: #2d5a7c; -webkit-transition: 0.5s color; }

/* @mainNavSocio */

#mainNavsocio { position: relative; width: 960px; height: 104px; border-bottom: 1px solid white; background: url(../images/socio/nav/mainNavsocio.png) repeat-x; }
#mainNavsocio .tuscosas { width: 136px; height: 104px; float: left; background: url(../images/socio/nav/tuscosas.png) no-repeat left center; }
#mainNavsocio a { position: relative; display: block; width: 106px; height: 104px; float: left;  color: #c8c8c8; text-shadow: rgba(0,0,0,0.5) 0 1px 0; font-weight: bold; text-transform: uppercase; text-align: center; overflow: hidden; font-size: 14pt; }

.ie #mainNavsocio a,
.ie #mainNavsocio a span { cursor: pointer; }

#mainNavsocio a span { display: block; width: 106px; height: 34px;  padding: 70px 0 0 0; }
#mainNavsocio a span.countNav { position: absolute; top: 10px; right: 20px; width: 35px; height: 29px; padding: 7px 0 0 0; z-index: 9; background: url(../images/bgCount.png) no-repeat !important; overflow: hidden; font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; font-weight: bold; }

#mainNavsocio a:hover,
#mainNavsocio a.current { color: white; -webkit-transition: 0.4s color; background: url(../images/socio/nav/bgHover.png) no-repeat top center; text-decoration: none; }

#mainNavsocio a.navCalendario span 	{ background:url(../images/socio/nav/calendar.png) no-repeat center 20px;  }
#mainNavsocio a.navPerfil span 		{ background:url(../images/socio/nav/perfil.png) no-repeat center 20px;  }
#mainNavsocio a.navEntrenador span 	{ background:url(../images/socio/nav/entrenador.png) no-repeat center 20px;  }
#mainNavsocio a.navResultados span 	{ background:url(../images/socio/nav/resultados.png) no-repeat center 20px;  }
#mainNavsocio a.navPrograma span 	{ background:url(../images/socio/nav/programa.png) no-repeat center 20px;  }
#mainNavsocio a.navTests span,
#mainNavsocio a.navEncuestas span	{ background:url(../images/socio/nav/tests.png) no-repeat center 20px;  }

#mainNavsocio a.navMensajes span 	{ background:url(../images/socio/nav/mensajes.png) no-repeat center 20px;  }
#mainNavsocio a.navAlumnos span		{ background:url(../images/socio/nav/alumno.png) no-repeat center 20px;  }
#mainNavsocio a.navConsultas span,
#mainNavsocio a.navReportes span 	{ background:url(../images/socio/nav/sugerencias.png) no-repeat center 20px;  }

.container #mainNavsocio { position: relative; margin: 0 -6px 6px -6px; }


.infoLeft,
.infoRight { font: 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

.infoLeft a, 
.infoRight a { color: #585858; }
.infoLeft a:hover, 
.infoRight a:hover { color: #585858; color: black; -webkit-transition: 0.5s color; }

.infoLeft { width: 343px; margin-right: 13px; float: left; }
.infoLeft ul { padding: 0 20px; }
.infoLeft ul li { margin-bottom: 12px; padding: 0 0 0 20px; background: url(../images/icon/link.png) no-repeat left 2px; }
.infoRight { width: 343px; float: left; }
.infoRight ul { padding: 0 20px; }
.infoRight ul li { margin-bottom: 12px;  }

/* @profileHead 936px */

.profileHead { margin-bottom: 6px; font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; }
.profileHead .avatar { width: 60px; float: left; margin-right: 12px; }
.profileHead .bodyProfileHead { width: 854px; float: left; padding: 15px 0 0 0; }
.profileHead .bodyProfileHead h4 { margin-bottom: 6px; }
.profileHead .bodyProfileHead a { color: #fe7611; font-size: 14pt; font-size: 9pt; font-weight: bold; }
.profileHead .bodyProfileHead a:hover { color: black; -webkit-transition: 0.4s color }

/* @moduleBlack */

#moduleBlack .moduleTitle { margin-bottom: 20px; }
#moduleBlack .moduleTitle h4 { margin: 0 0 6px 0; }
#moduleBlack .moduleTitle h4 span { font-size: 12pt; font-style: oblique; font-weight: normal; color: #c0c0c0; }

#moduleBlack { position: relative; width: 924px; padding: 6px; margin: 6px auto 6px auto; text-shadow: none; color: white; background: #3c3b3b;  z-index: 0; }

#moduleBlack .fixAmstock { position: absolute; top: 0px; left: 0px; width: 200px; height: 50px; background: #3c3b3b; }

#moduleBlack .mwide { position: relative; width: 912px; padding: 6px; }
#moduleBlack .mtwo { position: relative; width: 450px; padding: 6px; float: left; }
#moduleBlack .mthree { width: 296px; padding: 6px; float: left; }
#moduleBlack .mfour { width: 219px; padding: 6px; float: left; }

#moduleBlack .mnarrow { width: 538px; padding: 6px; float: left; }

#moduleBlack #contentFlash 	{ position: relative; width: 493px; /* width: 738px;  */padding: 6px; float: left;}

#moduleBlack #statistics 	{ width: 233px; height: 400px; margin: 6px 0; overflow: auto; padding: 0 0 0 6px; float: left;  }
#moduleBlack #statistics ul { width: 213px; background-color: #181818; }
#moduleBlack #statistics ul li { padding: 0 20px; height: 30px; line-height: 200%; overflow: hidden; text-transform: uppercase; }
#moduleBlack #statistics ul li h6 { text-transform: none; font-weight: bold; }
#moduleBlack #statistics ul li h2 { margin-bottom: 12px; }
#moduleBlack #statistics ul li.odd { background-color: #252525; }

#moduleBlack #statistics .cian { color: #00aeff; }
#moduleBlack #statistics .yellow { color: #fff000; }
#moduleBlack #statistics .circleYellow { background: url(../images/circuloAmarillo.png) no-repeat left; height: 18px; padding: 2px 0 0 23px; margin-bottom: 2px; width: 63px; float: left; }
#moduleBlack #statistics .circleCian { background: url(../images/circuloCian.png) no-repeat left; height: 18px; padding: 2px 0 0 23px; margin-bottom: 2px; width: 63px; float: left; }

#moduleBlack #statistics #statisticsTitle { height: auto; line-height: normal; padding:  20px 20px 10px 20px; }
#moduleBlack #statistics #statisticsTitle small { display: block; font-size: 10pt; clear: both; padding: 8px 0 0 0; color: #b0b0b0; }

#moduleBlack .text { padding: 12px; color: #c0c0c0; }
#moduleBlack .text h3,
#moduleBlack .text h4 { color: white; }
#moduleBlack .text strong { color: white; }

/* @moduleblackNav */

#moduleBlack #moduleBlackNav { float: left; padding: 6px; margin: 0 0 0 -18px;  }
#moduleBlack #moduleBlackNav li { margin-bottom: 12px; }
#moduleBlack #moduleBlackNav li a { display: block; /* height: 35px; */ color: white; padding: 5px 35px 7px 24px; background-color: #fe7611; font-size: 18pt; background-image:/*  url(../images/socio/moduleBlackNav.png) */; background-position: top right; background-repeat: no-repeat; }
#moduleBlack #moduleBlackNav li a:hover { background-color: #21597f; text-decoration: none;  }
#moduleBlack #moduleBlackNav li#active a {  background-color: #1582c2; }

#moduleBlack #moduleBlackNav.navMin,
#moduleBlack #moduleBlackNav.navMin li { width: 180px; }

#moduleBlack #moduleBlackNav.navMin li a { width: 100px; }

#moduleBlack #moduleBlackNav.navMin li a:hover,
#moduleBlack #moduleBlackNav.navMin li#active a { padding-right: 56px !important; }

#moduleBlack #moduleBlackNav.navMax,
#moduleBlack #moduleBlackNav.navMax li { width: 380px; }

#moduleBlack #moduleBlackNav.navMax li a { width: 300px; }
#moduleBlack #moduleBlackNav.navMax li a:hover,
#moduleBlack #moduleBlackNav.navMax li#active a { padding-right: 56px !important;  }


#moduleBlack #moduleBlackNav li.help a { width: auto !important; font-size: 11pt; padding: 4px 0 4px 45px !important; background: url(../images/icon/help.png) no-repeat 20px center;  }

#moduleBlack #moduleBlackNav li.help a:hover { color: #fe7611; padding-right: 0 !important; -webkit-transition: 0.4s color }



.textMin a { font-size: 16pt !important; }

/* @form */

form.formConsulting input,
form.formConsulting textarea { font-size: 10pt; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

form.formConsulting { width: 699px; margin-bottom: 18px; }
form.formConsulting .formOption { padding: 0 0 10px 0; }
form.formConsulting .formOption label { display: block; font-weight: bold; margin-bottom: 10px;  }
form.formConsulting .formOption input { width: 300px; border: 1px solid gray; padding: 8px 12px; }

form.formConsulting .formArea { width: 605px; height: 148px; padding: 1px 11px 1px 1px; float: left; background: url(../images/socio/textareaformConsulting.png) no-repeat; margin: 0 12px 12px 0; }
form.formConsulting textarea { width: 581px; height: 124px; padding: 12px; }

form.formConsulting input.enviarmensaje { margin: 0 0 0 431px; }
form.formConsulting .avatar { float: left; width: 60px; }

/* @calendar */

table.calendar { width: 404px; display: block; overflow: hidden; background: rgb(60,60,60) url(/images/bgCalendar.png) repeat-x; padding: 10px; color: white;  }

table.calendar a { color: #fe7611; font-weight: bold; }
table.calendar a:hover { color: white; -webkit-transition: 0.5s color; }

table.calendar tr td { width: 57px; text-align: center; padding: 8px 0;  }
table.calendar tr th { width: 57px; font-weight: bold; text-align: center; padding: 8px 0; }

table.calendar tr th abbr { color: #005B84; text-transform: uppercase; }

table.calendar .weekendDay { color: rgb(200,200,200); }
table.calendar .otherMonth { color: rgb(150,150,150) }

/* @filter */

.filter { width: 370px; padding: 3px 0 0 0; text-align: right; float: right; font-weight: bold; color: #2d5a7c; font-size: 14pt; }
.filter select { width: 140px; vertical-align: bottom; }

/* @infoResult */

table.datos { background: #181818; }
table.datos .step,
table.datos .date { text-align: left;}
table.datos thead tr th { padding: 8px 10px; text-align: right; font-weight: bold; color: #f17432; text-transform: uppercase; }
table.datos thead tr.datosHeader th { text-align: left; color: white; }
table.datos tbody tr td { padding: 8px 10px; text-align: right; }
table.datos tbody tr.even { background-color: #252525; }

/* @table List content */

table.listContent { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 10pt; }

table.listContent h6 { font-size: 10pt; font-weight: bold; }
table.listContent h6 span { font-size: 9pt; color: #6e6e6e; }

table.listContent a { color: #fe7611; font-weight: bold; }
table.listContent a:hover { color: black; -webkit-transition: 0.8s color  }

table.listContent thead tr th { padding: 4px 10px; font-weight: bold; text-transform: uppercase; border-bottom:  1px solid #aaaaaa; font-size: 9pt;  color: #2d5a7c;  }

table.listContent tbody { border-bottom: 1px solid white; border-top: 1px solid #aaaaaa; }
table.listContent tbody tr td { padding: 4px 10px; border-top: 1px solid white;  border-bottom: 1px solid #aaaaaa;  }
table.listContent tbody tr.odd { background-color: #f5f5f5; }

table.listContent tbody tr.unread { background-color: yellow !important; }

table.listContent tbody td.t_avatar { width: 45px; }
table.listContent tbody td.t_avatar .avatar { width: 35px; height: 35px; overflow: hidden; }
table.listContent tbody td.t_avatar .avatar a { display: block; width: 35px; height: 35px; }
table.listContent tbody td.t_avatar .avatar img { width: 35px; height: 35px;  }










table.listContent tbody tr.message td.t_name { padding: 8px 10px 8px 48px; background: url(../images/icon/message.png) no-repeat 10px 10px; }
table.listContent tbody tr.marked td.t_name,
table.listContent tbody tr.answered td.t_name { background: url(../images/icon/message_reply.png) no-repeat 10px 10px !important; }


table.listContent .panelHide { padding: 12px 0 0 0; }
table.listContent .panelHide li { margin-bottom: 12px; }
table.listContent .panelHide li.respond { line-height: 16pt; color: #5a5a5a; padding: 0 0 0 25px; background: url(../images/icon/reply.png) no-repeat left 10px;  }
table.listContent .panelHide li.respond span { color: #2d5a7c; }

.t_option { text-align: right; }

/* @general */

table.tableGeneral td,
table.tableGeneral th { padding: 4px; }
table.tableGeneral select { width: 200px; }
table.tableGeneral th { font-weight: bold; font-size: 14pt; }

/* @polls */

#mainBarra { width: 877px; height: 30px; background-color: rgb(80,80,80); -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; overflow: hidden; margin-bottom: 20px; }

#mainBarra .barraIndicator { color: black; text-align: center; line-height: 200%; height: 30px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; text-shadow: none !important; color: white; font-weight: bold; font-size: 12pt; }

#mainBarra .barraOne { background-color: rgb(120,120,120); }
#mainBarra .barraTwo { background-color: rgb(150,150,150); }
#mainBarra .barraThree { background-color: rgb(180,180,180); color: rgb(30,30,30) }
#mainBarra .barraFour { background-color: rgb(220,220,220); color: rgb(30,30,30) }
#mainBarra .barraFive { background-color: #FF6E00; }

form.mainSurveys { text-shadow: black 0 -1px 0; padding: 20px 40px 0 40px; }
form.mainSurveys .pollOptionFilter { margin-bottom: 40px; font-size: 10pt; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
form.mainSurveys .pollOptionFilter h4 { margin-bottom: 12px; }
form.mainSurveys .pollOptionFilter h4 span { color: #b5b5b5; font-style: italic; font-weight: normal;  }

form.mainSurveys .pollOptionFilter span#checkuser { display: block; padding: 8px 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }

form.mainSurveys  .pollOption { display: block;  margin-bottom: 40px; }
form.mainSurveys  .pollOption .pollTitle { font-weight: bold; font-size: 16pt; }
form.mainSurveys  .pollOption .pollSelect { text-align: left; padding: 0 0 0 20px; font-size: 14pt; margin-bottom: 6px;  }
form.mainSurveys  .pollOption .pollSelect span { display: block; padding: 6px 0 0 0; }
form.mainSurveys  .pollOption .pollSelect span textarea { width: 300px; height: 100px; }



form.formExtended { width: 844px; text-shadow: black 0 -1px 0; padding: 20px 40px 40px 40px; }

form.formExtended h4 { margin: 40px 0 12px 0; color: #FF6E00; }
form.formExtended h5 { margin-bottom: 12px; }
form.formExtended p { font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; }

form.formExtended .formOption { margin-bottom: 12px; }
form.formExtended .formOption label { display: block; font-size: 14pt; margin-bottom: 6px; }
form.formExtended .formOption input { width: 300px; padding: 6px 10px; font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #2b2b2b; }
form.formExtended .formOption textarea { width: 500px; height: 100px; padding: 6px 10px; font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #2b2b2b; }

form.formExtended .formOption input.inputFile { color: white; padding: 0; width: auto !important; }

form.formExtended .formOption ul {  }
form.formExtended .formOption ul li { margin-bottom: 6px; }
form.formExtended .formOption ul li label { width: 100px; display: inline-block;  padding: 0 10px 0 0; color: #d0d0d0; }
form.formExtended .formOption ul li input { width: 200px; }

form.formExtended table { position: relative; margin: 0 -1px 12px -1px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 10pt; }

form.formExtended table.tablePaddingMedium { margin: 0 -10px 12px -10px; }
form.formExtended table.tablePaddingMedium td,
form.formExtended table.tablePaddingMedium th { padding: 4px 10px; }

form.formExtended table td,
form.formExtended table th { padding: 1px; }
form.formExtended table th { padding-bottom: 10px; font-weight: bold; color: #bababa; }
form.formExtended table input { width: 250px; padding: 6px; font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #2b2b2b; }

form.formExtended table td.tdRadio input { width: auto; padding: 0; }
form.formExtended table.inputMedium input { width: 50px;  }

form.formExtended .optionFile {  padding: 12px 0; }
form.formExtended .optionFile ul li { display: inline; }
form.formExtended .optionFile ul li a { display: inline-block; font-size: 14pt; padding: 4px 20px; margin-right: 6px; color: white; background-color: gray; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  }
form.formExtended .optionFile ul li a:hover { background-color: #6b6b6b; -webkit-transition: 0.4s background }

form.formExtended .formSubmit { padding: 30px 0 0 0;  }









.paginator { font-size: 10pt; text-align: center; padding: 24px 0px 12px 0; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
.paginator  a { color: #fe7611; font-weight: bold; }
.paginator  a:hover { color: black; -webkit-transition: 0.4s color; }

div.else { text-align: center; padding: 30px; color: #515151; font-style: italic; }
div.else p { font-size: 14pt; }






.inbox { width: 936px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 10pt; }
.inbox .message { width: 916px; padding: 10px 10px 0 10px;  margin-bottom: 10px; }
.inbox .message .avatar { width: 60px; background-color: white; }
.inbox .message .body { width: 826px; padding: 10px; }
.inbox .message .body p.messageTitle strong { font-size: 11pt; color: #2d5a7c; }

.inbox .messageIn { background-color: #e4e7e7; }
.inbox .messageIn .avatar {  float: left; }
.inbox .messageIn .body { float: left; }

.inbox .messageOut { background-color: #c6caca; }
.inbox .messageOut .avatar { float: right; }
.inbox .messageOut .body { float: right; }

.inbox .messageResponse { width: 916px; padding: 10px; background-color: #c4c4c4; }
.inbox .messageResponse .avatar { width: 60px; float: left; margin: 30px 10px 0 0;  background-color: white; }
.inbox .messageResponse .body { float: left; width: 836px; }
.inbox .messageResponse .body .formOption { margin-bottom: 10px; }
.inbox .messageResponse .body .formOption label { display: block; height: 30px; font-weight: bold; }
.inbox .messageResponse .body textarea { width: 812px; height: 100px; padding: 12px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 10pt; }

.happyBirthday { position: relative; /*width: 936px; padding: 6px;*/ clear: both; padding: 50px 300px 50px 40px; z-index: 9; }
.happyBirthday .globohappyBirthday { position: absolute; top: -20px; right: 60px; display: block; width: 142px; height: 293px; background: url(../images/globohappyBirthday.png) no-repeat; }
.happyBirthday p { margin: 0; font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-size: 15pt; line-height: 24pt; font-style: italic; color: #f17e37; }
.happyBirthday p strong { color: #24679f; }