html, body { 
    margin: 0; padding: 0;
    scrollbar-base-color: #333333;
    scrollbar-arrow-color: #BC2226;
    scrollbar-3dlight-color: #333333;
    scrollbar-darkshadow-color: #8B8787;
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-track-color: #222222;      
}

body { 
    background-color: #000000; 
    font-family: Tahoma, Arial, Verdana;  
}

body.svc { 
    font-size: 11px; 
}

div, table, tr, td, form, img { 
    margin: 0; padding: 0; 
    border: 0px none; 
}

p { 
    text-align: left; 
    margin-bottom: 11px; padding: 0; 
    line-height: 150%;
}


a.reda,
a.redb:hover {
    color: #BC2226;
    text-decoration: none;
}

a.redb,
a.reda:hover {
    color: #BC2226;
    text-decoration: underline;
}

a.redc {
    color: #F9EBCD;
    text-decoration: none;
}
a.redc:hover {
    color: #F9EBCD;
    text-decoration: underline;
}

a.redarrow {
    color: #BC2226;
    text-decoration: none;
    background:url('../images/blt_arrowr_back.gif') no-repeat left center;
    padding-left: 13px;
}

a.redarrow:hover {
    color: #BC2226;
    text-decoration: underline;
}

a.whitearrowb {
    color: #FFFFFF;
    text-decoration: none;
    background:url('../images/blt_arroww_back.gif') no-repeat left center;
    padding-left: 13px;
}
a.whitearrowu {
    color: #FFFFFF;
    text-decoration: none;
    background:url('../images/blt_arroww_up.gif') no-repeat left center;
    padding-left: 13px;
}
a.whitearrown {
    color: #FFFFFF;
    text-decoration: none;
    background:url('../images/blt_arroww_next.gif') no-repeat right center;
    padding-right: 13px;
}


a.whitearrowb:hover,
a.whitearrowu:hover,
a.whitearrown:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

a.whitea,
a.whiteb:hover {
    color: #FFFFFF;
    text-decoration: none;
}

a.whiteb,
a.whitea:hover {
    color: #FFFFFF;
    text-decoration: underline;
}



span.red { color: #BC2226; }
span.beige { color: #F9EBCD; }

.hiddenPic { display:none; }

#wrapper {
    width: 777px;
    margin: 20px auto;
    padding-bottom: 20px;
    position: relative;     
}

#header,
#content,
#footer {
    width: 777px;
}

/* HEADER */
#header .menu_wrap {
    float: left;
    width: 547px;
    height: 49px;
    background: #BC2226;
    position: relative;
}

/* MENU - ENLACES DIRECTOS */
.menu {
    position: absolute;
    bottom: 4px;
    right: 0;
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.menu ul li {
    display: inline;
}

.menu ul li a {
    padding: 0 10px;
    color: #F9EBCD;
    text-decoration: none;
    background: url('../images/menu_line.gif') no-repeat right center;  
}

.menu ul li a.last {
    padding: 0 10px;
    color: #F9EBCD;
    text-decoration: none;
    background: none;
}

.menu ul li a:hover {
    color: #F9EBCD;
    text-decoration: underline;
}


.campo1P
{
    BORDER-RIGHT: #7f9db9 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #7f9db9 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 11px;
    BORDER-LEFT: #7f9db9 1px solid;
    WIDTH: 30%;
    COLOR: #366ab3;
    BORDER-BOTTOM: #7f9db9 1px solid;
    FONT-FAMILY: Tahoma;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffffff
}

.campo1A
{
    BORDER-RIGHT: #7f9db9 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #7f9db9 1px solid;
    PADDING-LEFT: 4px;
    FONT-SIZE: 11px;
    BORDER-LEFT: #7f9db9 1px solid;
    WIDTH: 60%;
    COLOR: #366ab3;
    BORDER-BOTTOM: #7f9db9 1px solid;
    FONT-FAMILY: Tahoma;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffffff
}

/* LOGO */
#header .logo {
    float: right;
    width: 228px;
    height: 49px;
    background: #FFFFFF url('../images/logo.gif') no-repeat center;
}

/* TITULO CONCURSO */
#header .title_wrap {
    padding: 15px;
    clear: both;  
}

.title_wrap img {
    margin-bottom: 1px;
}

/* MENU - CONCURSOS ANTERIORES */
.concursoant_wrap {
    padding-bottom: 15px; margin: 0px
}

#concursoant, #concursoant ul { 
    padding: 0;
    margin: 0;
    list-style: none;
    float : left;
    width : 11em;
    font-size: 12px;
}

#concursoant li {
    position : relative;
    float : left;
    line-height : 20px;
    margin-bottom : -1px;
    width: 11em;
}

#concursoant li a {
    width: 11em;
    w\idth : 10em;
    display : block;
    color : #8B8787;
    text-decoration : none;
    border : 1px solid black;       
    padding : 0 0.5em 0 0;
    background: url('../images/blt_arrow2.gif') no-repeat right 50%;
}
    
#concursoant li a:hover {
    color : #CCCCCC;
    background: url('../images/blt_arrow1.gif') no-repeat right 50%;    
}
    
#concursoant li ul { /* segundo-nivel */
    position : absolute;
    left: -999em;
    margin-left : 11em;
    margin-top : -1.30em;
}
    
#concursoant li li a {
    width: 11em;
    w\idth : 10em;
    display : block;
    color : black;
    text-decoration : none;
    background-color : #FFFFFF;
    border : 1px solid black;
    background-image: url('none');
    padding : 0 0.5em;
}
    
#concursoant li li a:hover {
    color : #FFFFFF;
    background-color : black;
    background-image: url('none');  
}
    
#concursoant li:hover ul ul, #concursoant li.sfhover ul ul {
    left: -999em;
}
    
#concursoant li:hover ul, 
#concursoant li li:hover ul, 
#concursoant li.sfhover ul, 
#concursoant li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}

/* MENU SECUNDARIO */
#header .menusec_wrap {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 5px 15px 6px 15px;
    font-size: 12px;
    color: #BC2226;
    background: #333333;   
}

.menusec_l {
    float: left;
    width: 400px;
}

.menusec_r {
    float: right;
    width: 300px;
    text-align: right;   
}

span.linered {
    margin: 0 10px;
}

/* FOOTER */
#footer .inner_wrap {
    padding: 5px 15px 0 15px;
    font-size: 10px;
    color: #CCCCCC;
    text-align: right;
}

/* ---------------------------------------- */

/* CONTENIDO SECCIONES */
#content .sectionhead_wrap {
    padding: 30px 15px 6px 15px;
}

.sectionhead_l {
    float: left;
    width: 300px;
}

span.sectionTitulo {
    font: bold 12px Arial;
    color: #BC2226;
    text-transform: uppercase;
}

.sectionhead_r {
    float: right;
    width: 300px;
    text-align: right;   
}

.sectionhead_r img {
    margin-left: 4px;
}

#content .sectioninner_wrap {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 25px 15px 25px 15px;
}

.sectioninner_l {
   float: left;
   width: 150px;
}

.sectioninner_r {
   float: right;
   width: 590px;
}

#content .portada_wrap {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 25px 15px 25px 15px;
}

.portada_l {
   float: left;
   width: 515px;      
}

.portada_r {
   float: right;
   width: 230px;  
}

#normas {
   color: #FFFFFF; background: url('../images/normas2010_bg.jpg') no-repeat right top; padding: 0px 0px 50px 20px;
}

#normasWrap {
  position: relative; width: 320px; height:450px; z-index: 100;
}

#normas1, #normas2, #normas3, #normas4, #normas5, #normas6, #normas7, #normas8, #normas9 
{ position: absolute; left: 0; top: 0; visibility: hidden; z-index: 1}

#normasWrap div ol,
#normasWrap div ul, { margin: 0; padding: 0; list-style-type: none; font: normal 11px Tahoma; }
#normasWrap div li { margin: 0 0 10px 0; padding: 0; font: normal 11px Tahoma; }

#normasWrap div p { text-align: justify; margin: 0 0 10px 0; padding: 0; font: normal 11px Tahoma; line-height: 150%; }

#normasWrap div a { color: #BC2226; text-decoration: none; }
#normasWrap div a:hover { color: #BC2226; text-decoration: underline; }

#content h1 {
   margin-bottom: 15px;
   margin-top: 5px;
   padding: 0;
   font-weight: bold;
   font-size: 11px;
   color: #BC2226;
}

/* SECCION MENU */
ul#sectionmenu { 
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 11px;
    width: 130px;
}

#sectionmenu li {
    display: block;
    line-height : 22px;
    width: 130px;
}

#sectionmenu li.back {
    margin-top: 22px;
}

#sectionmenu li a:link.off,
#sectionmenu li a:visited.off,
#sectionmenu li a:link.done,
#sectionmenu li a:visited.done {
    width: 130px;
    display : block;
    padding-left: 22px;
    color : #CCCCCC;
    text-decoration : none;
    background: url('../images/blt_arrow1.gif') no-repeat 8px center;
}


#sectionmenu li a.off:hover, #sectionmenu li a.done:hover {
    color : #FFFFFF;
    background: url('../images/blt_arrow0.gif') no-repeat 8px center;   
}

#sectionmenu li a:link.on,
#sectionmenu li a:hover.on,
#sectionmenu li a:visited.on {
    width: 130px;
    display : block;
    padding-left: 22px;
    color : #FFFFFF;
    text-decoration : none;
    background: #333333 url('../images/blt_arrow0.gif') no-repeat 8px center;
}

/* ---------------------------------------- */

/* INSCRIPCIONES */

.inscripcion_l {
    float: left;
    width: 55%;
}

.inscripcion_r {
    float: right;
    width: 44.9%;    
}

.inscripcion_nodo {
    width: 300px;
    margin-bottom: 15px;
}

.usuario_wrap {
    padding-left: 20px;   
}

.usuario_l {
    float: left;
    width: 310px;
}

.usuario_r {
    float: right;
    width: 260px;    
}

.usuario_nodo {
    width: 260px;
    margin-bottom: 15px;
}

.titleBox0 {
    color: #8B8787; 
    padding-bottom: 10px;
}

.titleBox1 {
    color: #8B8787; 
    padding-bottom: 10px; 
    border-bottom: 1px solid #333333;
}

.formBox,
.formBoxUsuario,
.formBoxUsuariol {
    padding-top: 10px;
}
 
.formBox label {
    float: left;
    width: 120px;
    color: #FFFFFF;
    text-align: right;
    padding-right: 10px; 
    line-height: 16px;   
}

.formBoxUsuario label {
    float: left;
    width: 110px;
    color: #FFFFFF;
    text-align: right;
    padding-right: 10px; 
    line-height: 16px;   
}

.formBoxUsuariol label {
    float: left;
    width: 130px;
    color: #FFFFFF;
    text-align: right;
    padding-right: 10px; 
    line-height: 16px;   
}

.formBoxUsuario .inputbox,
.formBoxUsuariol .inputbox {
    width: 130px;
    margin-bottom: 10px;
    border: 1px solid #333333;
    font-size: 11px;
    height: 14px;
    padding-left: 2px;
}

.formBoxUsuario .button {
    margin-top: 10px;
    margin-left: 120px;
    font-size: 11px;    
    padding: 0 6px 0 6px;
}

.formBox .inputbox {
    width: 150px;
    margin-bottom: 10px;
    border: 1px solid #333333;
    font-size: 11px;
    height: 14px;
    padding-left: 2px;
}

.formBox .selectbox,
.formBoxUsuario .selectbox,
.formBoxUsuariol .selectbox {
    margin-bottom: 10px;
    border: 1px solid #333333;
    font-size: 11px;
    height: 16px;
}

.formBoxUsuariol .selectbox1 {
    width: 140px;
    margin-bottom: 10px;
    border: 1px solid #333333;
    font-size: 11px;
    height: 16px;
}

.formBox .textarea {
    margin-bottom: 10px;
    margin-left: 130px;    
    border: 1px solid #333333;
    font-size: 11px;
    width: 220px;
    height: 100px;
    padding: 5px;
}

.formBox .boxes {
    margin: 0 10px 0 20px;
}

.formBox .sendbutton {
    margin-top: 10px;
    margin-left: 130px;
    font-size: 11px;    
    padding: 0 6px 0 6px;
}

.formBox .button {
    font-size: 11px;
    padding: 0 6px 0 6px;
    margin: 0px;
}

.formBox br {
    clear: left;
}

.formBox .conditions {
    height: 100px;
    overflow-y: auto;
    border-top: 1px solid #333333; 
    border-bottom: 1px dashed #666666;     
    padding: 10px;
    margin-bottom:8px;    
    font-size: 10px; 
    color: #CCCCCC;
    scrollbar-base-color: #000000;
    scrollbar-arrow-color: #BC2226;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-track-color: #666666;    
}


/* INDEX BIENVENIDA */
 
.bienvenida {
    color: #CCCCCC;
}

.bienvenida p {
    margin: 0;
    padding: 0;
    line-height: 150%;
}

/* LOGIN BOX */ 

.eLink {
    font-size: 12px;
    color: #BC2226;
    text-decoration: none;
}

.eLink:hover {
    font-size: 12px;
    color: #BC2226;
    text-decoration: underline;
}

.eLink:active {
    font-size: 12px;
    color: #F9EBCD;
    text-decoration: none;
}

.loginBox {
    position: absolute;
    top: 160px;
    right: auto;
    left: 110px;
    text-align: left;
    z-index: 130; 
    display: none;
    width: 250px; 
    padding: 5px; 
    background-color: #000000;
    border: 1px solid #8B8787;
    font-size: 11px;
}
.loginBoxin {
    padding: 10px;
    color: #FFFFFF; 
}

.loginBoxin label {
    float: left;
    width: 70px;
    color: #FFFFFF;
    line-height: 16px;   
}

.loginBoxin .inputbox {
    width: 150px;
    margin-bottom: 8px;
    border: 1px solid #333333;
    font-size: 11px;
    height: 14px;
    padding-left: 2px;
}

.loginBoxin .loginbutton {
    margin-left: 73px;
    font-size: 11px;    
    padding: 0 2px 0 2px;
}

.loginBoxin p {
    margin: 4px 0 0 73px;
}

.loginBoxin br {
    clear: left;
}

/* indexLOGIN*/
.indexLogin {
    padding: 10px 0;
    color: #FFFFFF; 
}

.indexLogin label {
    float: left;
    width: 66px;
    color: #FFFFFF;
    line-height: 16px;   
    font-size: 11px;
}

.indexLogin .inputbox {
    width: 150px;
    margin-bottom: 8px;
    border: 1px solid #333333;
    font-size: 11px;
    height: 14px;
    padding-left: 2px;
}

.indexLogin .loginbutton {
    margin-left: 70px;
    font-size: 11px;    
    padding: 0 2px 0 2px;
}

.indexLogin p {
    margin: 4px 0 0 70px;
    font-size: 10px;
}

.indexLogin br {
    clear: left;
}

/* FOTOS */

#fotoWrapper {
    margin: 0px auto;
}

.fotoWrap {
    position: relative;
    margin: 0 auto;
    padding: 6px;
    width: 130px;
    float: left;
}

.fotoWrap img.fthumb {
    border: 5px solid #FFFFFF;
    width: 120px;
    height: 120px;
}

.fotoWrap div.fedit {
    float: left;
    width: 108px;
} 

.fotoWrap input {
    width: 100%;
    height: 12px;    
    border: 1px solid #333333;
    font: normal 10px Tahoma;;
    color: #FFFFFF;    
    padding-left: 2px;
    background: #333333;
}

.fotoWrap div.ftrash {
    float: right;
    width: 14px;
}

.fotoWrap div.ftrash img {
    border: 0px none;
    width: 14px;
    height: 14px;
    margin-top: 3px;
}

/* FOTOS MODELO 2 */

.fotoWrap1 {
    position: relative;
    margin: 0px auto;
    width: 280px;
    float: left;
}

.fotoThumb1 {
    float: left; 
    width: 94px; 
    padding: 10px; 
    background: #000000;
}
.fotoThumb1 img {
    background: #FFFFFF; 
    padding: 6px; 
    border: 1px solid #333333
}

.fotoData {
   float: right; 
   width: 156px; 
   padding: 10px 10px 10px 0;   
   color: #FFFFFF;
   line-height: 150%;   
}

.fotoData span.pend {
    color: #FFFF00;
}

.fotoData input.fotoTitle {
    border: 0px solid #333333;
    font: bold 12px Tahoma;
    color: #FFFFFF;
    margin-bottom: 4px;
    background: #000000;
    padding: 0;
}

.fotoData .button {
    font-size: 11px;
    padding: 1px;
    border: 1px solid #FFFFFF;
    background: #333333;
    color: #FFFFFF;
    margin-top: 21px;
}

/***********************************
 * FOTOS *
 ***********************************/


img.fotothumb {
    position: relative;
    float: left;
    margin: 6px;
    width: 100px;
    height: 100px;    
    background: #FFFFFF; 
    padding: 6px; 
    border: 1px solid #CCCCCC
}

.fotothumbsw {
    position: relative;
    float: left;
    margin: 6px;
    width: 114px;
    height: 114px;
}

.fotothumbsw img {
    width: 100px;
    height: 100px;    
    background: #FFFFFF; 
    border: 6px solid #333333;
    display: block;
}

.fotothumbs img {
    position: relative;
    float: left;
    margin: 6px;
    width: 100px;
    height: 100px;     
    border: 6px solid #333333
}

.photoThumbs img {
    width: 100px;
    height: 100px;     
    border: 6px solid #333333
}

.fotothumbsw:hover img,
.fotothumbs:hover img,
.photoThumbs:hover img {  
    border: 6px solid #FFFFFF;
}

.fotothumbsw:hover,
.fotothumbs:hover,
.photoThumbs:hover { /* Dummy definition to overcome IE bug */
   color: #333333;
   border: 0px ;
}



/* FOTO TOOLTIP */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .content { clear: both; }

/* Tooltip styles */
.prototip .default { width: 150px; color: #fff; }
.prototip .default .title { padding: 5px; }
.prototip .default .content { background: #BC2226; font: 11px Arial, Helvetica, sans-serif; padding: 5px;}

/* USUARIO MIS FOTOS */
#photoWrapper {
    margin: 0px auto;
}

.photoWrap {
    padding: 10px 0px;  
    border-bottom: 1px solid #333333;
}

.photoLeft {
    float: left; 
    width: 100px;
}

.photoRight {
    float: right; 
    width: 440px;
}

.photoRight div.photoHeading {
    color: #8B8787; 
    text-align: right; 
    padding-bottom: 4px; 
    border-bottom: 1px dashed #333333;
}

.photoRight div.photoValues {
    background: #000000;
}

.photoRight div.photoValues p {
    margin: 6px 0 0 0; padding: 0; line-height: 12px; color: #FFFFFF;
}

.photoRight div.photoValues p.photoName {
    font-size: 12px;
    font-weight: bold;
}

/* EDIT-IN-PLACE */
.eip_savebutton, .eip_cancelbutton { color: #000; font: normal 11px Arial; border: 0px none; }
.eip_saving { background-image: url('../edit-in-place/ajax-loader.gif'); background-repeat: no-repeat; background-position: left; color: #FF0000; padding: 0 0 0 20px; }
.eip_empty { color: #FFFFFF; }
.eip_editfield { width: 438px; background-color: #fff; font: normal 11px Arial; border: 0px none; padding: 0 2px 0 0; }

/*************************************************  
 * COMENTARIOS *
************************************************/
    
#commentblock {
    background: #000000;
    color: #FFFFFF;
    font-size: 11px;
    line-height: 1.4em;
    padding: 20px;
    margin: 0px 0px 10px 0px;
}

#commentblock ol {
    list-style-type: decimal;
    margin: 0px;
    padding: 0px;
}
    
.commentlist li p {
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 0;
}

#comments {
  margin: 0px 0px 20px 0px;
}

.commentname {
    color: #BC2226;
}

.commentdate {
    color: #CCCCCC;    
}

.commenttext1 {
    clear: both;
    background: #333333 url('../images/comment_arrow.gif') no-repeat left top;
    margin: 3px 0px 20px 0px; 
    padding: 20px 15px 5px 15px;
    color: #FFFFFF;
}

.commenttext2 {
    clear: both;
    background: #333333 url('../images/comment_arrow.gif') no-repeat left top;
    margin: 3px 0px 20px 0px; 
    padding: 20px 15px 5px 15px;
    color: #FFFFFF;
}

.commenttext1 p, .commenttext2 p { margin: 0 0 10px 0;}

/* PAGINACION */

div.pag {
      font-size: 11px;
      font-family: Tahoma, Arial, Helvetica, Sans-serif;
      color: #fff;
          margin-top: 10px; 
          padding: 10px; 
          border-top: 1px solid #333333
}

div.pagl {
    float: left; 
    width: 200px;
}

div.pagr {
    float: right; 
    width: 450px; 
    text-align: right;
}

div.pag a {
      padding: 2px 5px 2px 5px;
      margin: 2px;
      background-color:#000000;
      text-decoration: none; /* no underline */
      color: #fff;
}
div.pag a:hover, div.pag a:active {
      background-color:#BC2226;
      color: #fff;
}

div.pag span.current {
      padding: 2px 5px 2px 5px;
      margin: 2px;
        font-weight: bold;
        background-color: #FFFFFF;
        color: #BC2226;
}

div.pag span.disabled {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        background-color:#000000;
        color: #8B8787;
}