﻿body
        {
            background-color: #F2F2F2; 
            background-image: url(/images/background/lotusWater.jpg);
             background-attachment:fixed;
            margin: 2px 0px 0px 0px;
            color:#333333;
            text-align:center;
            font-size: 11px;
            font-family: Verdana, MS Sans Serif,Sans-serif, Arial, Helvetica;
        }
        #pageHolder
        {
            position: relative; width: 980px; top: 0px; background-color: #F2F2F2;
        border-left: solid 10px #FFFFFF; border-right: solid 10px #FFFFFF; z-index: 0;

        }
        #menuHolder { position: relative; top: 0px; left: 0px; width: 100%;
            height: 25px; background-image: url(/images/background/topMenu.jpg); z-index: 10;
            text-align: left; color: #FFFFFF; font-weight: bold;}
            #publicidadRight{ width:100%; text-align:center; }
            #navidad {position:absolute; width:27px; min-height:100%; top:0px; left:-20px; z-index:20000; background-image:url(/images/holly_back_ver.gif); background-repeat:repeat-y;}
            
p
{
    line-height: 120%;
    padding: 3px;
    margin: 0px;
}
h1, .h1{ font-size:225%; color:#FF66FF; font-weight:lighter;}
h2, .h2
{
    font-size:110%; color:#FF66FF; margin:5px 0px 0px 0px;
}
a:link.normal {
	color: #333333;
}
a:visited.normal {
	color: #666666;
}
a:hover.normal {
	color: #FF66FF;
}
a:active.normal {
	color: #FF66FF;
}
th, .pageHead{background-color:#BBBBBB; color:#FFFFFF; font-weight:bold; font-size: 120%; padding:2px; vertical-align:middle; text-align:center;}

        #encabezado
        {
            position:relative;
            width:100%;
            z-index:1;
            background-color: #f2f2f2;
            background-image: url(/images/background/headbg2.jpg);
            background-repeat: no-repeat; 
            min-height:185px;
           
        }
        #logBox
        {
            position: relative;
            width: 170px;
            top: 10px;
            left: 4px;
            z-index:4;
            padding: 3px 7px 3px 7px;
            border: dotted #999999 2px;
            color: #999999;
        }
        #headAdCont
        {
         position:relative; width: 468px; height:60px; top:20px; border:solid 1px #666666; z-index:3;
         
        }
        .errorMsg
        {
            color:#CC0000;
            font-size:105%;
        }
        .bienvenida
        {
            position: relative;
            z-index:5;
            margin: 5px;
            text-align: right;
         }
        .logLabel
        {
            font-weight: bold;
            color: #999999;
        }
        #mainPan{position: relative; width:100%; height:100%; top:-5px; z-index:2; left: 0px; background-color:#F2F2F2; text-align:left; min-height:400px}
        #publicidadRight{position:relative; width:240px; height:400px; z-index:19; vertical-align:bottom;}
        #pan1
        {
            position: relative;
            top: 25px;
            width: 100%;
        }
        #pan2
        {
            position: relative;
            top: 25px;
            width: 100%;
        }
        .genBox
        {
            background-color: #f2f2f2;
            text-align: left;
            padding: 7px 5px 5px 7px;
        }
        .rBor
        {
            border-right: solid 3px #FFFFFF;
        }
        .contT
        {
            position: relative;
            width: 100%;
            background-color: #F2F2F2;
            border-bottom: solid 3px #FFFFFF;
            margin: 0px;
            padding: 0px;
        }
        .justTextPanel{ background-color:#FFFFFF; padding:0px 7px 0px 10px;}
        
        .listColn {width:33%; float:left; padding:0px; line-height:2em; margin:0px; text-indent:5px;}
        /* default Boxes */

        .boxTil{ color:#FF66FF; font-weight:bold; font-size:138%;}
        div.boxText {position:relative; width:98%; height: 160px; z-index:100; top:2px; text-align:left; vertical-align:top;}
        /*
     Estilos para los marcos de contenido con esquinas redondeadas.
     */
     .boxContainer{background:#FFFFFF url(/images/background/boxBgWhite.jpg) repeat-x; 
                      text-align:left;
                      position:relative; top:0px; width:100%; height:175px;
                      }
     div.WhiteBack{ text-align:left; position:relative; background-color:#F2F2F2;}
     div.picRound {text-align:left; position:relative; background-color:#F2F2F2;}
     div.socPic{position:relative;}
     div.whiteCorn { background:#FFFFFF url(/images/background/boxBgWhite.jpg) repeat-x; position:relative; }
    .darkTop { position:relative; /*background-color:#FFFFFF; background-image: url(/images/background/boxBgWhite.jpg);*/ 
    background-repeat:repeat-x; position:relative; }
     div.contenedor{position:relative; margin:10px;}
     table.innerCont {position: relative; width:100%; background-color:#FFFFFF; padding:0px; }
     td.parrafo{padding:14px 7px 0px 7px;}
     /* Round Corners */
        .topCorner
        {
        position:absolute; top:0px; width:100%; height:14px; left:0px;
        }
        .bottCorner 
        {
            position:relative; top:-14px; width:100%; height:14px; left:0px;
        }
        /* Estilo para eventos user control*/
        
        .EventosHead {font-weight:bold; color:#FFCCFF; text-align:center; background-color:#999999; height: 20px;}
        .EventosPager{text-align:right;}
        .EventosgridRow {padding:5px 10px 3px 10px; background-color:#CCCCCC; text-align: left; border-bottom: dotted 1px #F2F2F2;}
        
        /* Estilos para las paginas sociales */
        .fotoBox
        {
        width:33%;
        background-color: #666666; text-align: center; vertical-align:top; padding:7px;
        }
        .titulo2
        {
        color:#FFCCFF; font-weight:bold; font-size: 130%;
        }
        .tituloPagina
        {
         font-size:150%;
         color: #333333;
          text-align:left; 
           width:100%;     
        }
        /*Estilos para el menu*/
        /*#topMenu*/ .topMenu
        { 
            position:relative;
            top:0px;
            left:2px;
            z-index:20;
            width:450px;
            height:25px;
            text-align: left;
            color: #FFFFFF;
        }
        .topMenuNoHome
        { 
            position:relative;
            z-index:20;
            top:-25px;
            left:57px;
            width:450px;
            height:25px;
            text-align: left;
            color: #FFFFFF;
        }
        .menLab1
    {
        color:#ffffff;
    font-weight: bold;
    text-decoration:none;
    }
    a.menLab1:hover, .staticHover
    {
       border-bottom: dashed 1px #F2F2F2;
    }
    .dynItemMenu
    { border-bottom:solid 1px #F2F2F2;
    background-color: #aaaaaa;
     color: #FFFFFF;
     padding:3px 2px 2px 3px;
     font-weight:bold;
     font-size:95%;
     width:100%;
     }
    .dynMenu
    {
         border:solid 1px #333333; 
         background-color: #333333;
         min-height:30px;
    }
    .menuSocPos{position: relative; top:0px; left: 0px; width: 130px; z-index:5; border: solid 1px #999999;}
    .socContNormal{
     position: relative; width: 100%; top: 0px; left: 0px; z-index:4;}
     .socContSocMen{
     position: absolute; width: 645px; top: 0px; left: 132px; z-index:4;}
     /* Estilos para patrocinadores */
     img.patro 
     { padding: 0px 4px 0px 4px;
     
     }
     div.clubContainer{position:relative; width: 550px; background-color:#FFFFFF; margin:10px;}
     /* Revista Styles */
     
     .revisHead{background:#CCCCCC url(images/background/ccccccHeader.jpg) repeat-x bottom; font-weight:bold; color:#FFFFFF; padding:5px 0px 5px 10px; text-align:left; margin:7px 7px 0px 7px;}
     .revisCont{ background-color:#FFFFFF; border:solid 1px #CCCCCC; margin:0px 7px 7px 7px;}
     .smallBoxHead{color:#FF66FF; font-weight: bold; font-size:110%;}
     a:link.smallBoxHead{ color:#FF33FF; text-decoration:none;}
     a:visited.smallBoxHead{ color:#FF66FF; text-decoration:none;}
     /* 
     =======================================Styles for contact pages=============================================*/
     .formCol { background-color:#F2F2F2; font-weight:bold; vertical-align:top; text-align:right; padding: 5px 3px 5px 3px;}
     .formControls {padding:5px; text-align:left; vertical-align:top;}
     /* ====================================Cuerpo Area Socias ================================================== */
     #searchBox
     {
         position: relative; top: -33px; z-index: 251;
         background-color: #cccccc;
         border: dotted #FFFFFF 2px; padding: 4px; text-align: left;
     }
     #menuSociasCont
     {
         position: relative; left: -15px; z-index:250; text-align:right;
     }
     .cuerpoAreaSocias
     {
         position:relative; background-color:#FFFFFF; text-align:center; vertical-align:top; text-align:center; 
     }
     .staItemSocMenu
     {
         color:#666666; font-weight:bold; text-decoration:none;
     }
     .staItemHoverSocMenu
     {
         color: #333333;
     }
     .dinSocMenu
     {
         border: solid 1px #666666; text-align:left; padding: 2px 3px 2px 3px;
     }
     .dinItemSocMenu
     {
         background-color:#f2f2f2; color:#333333;
     }
     .dinItemHoverSocMenu
     {
         border-bottom: dotted 2px #FFFFFF; border-top: dotted 2px #FFFFFF; background-color:#CCCCCC; color:#FFFFFF; 
     }
     /* ===================================== Estilos para el directorio ======================================== */
     .dirGrid{ border:none;}
     .pager{ border:none; text-align:right;}
     .dirHeader
{
    border-style: none;
    border-width: inherit;
    border-color: inherit;
    padding: 7px;
    color: #333333;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
    background-color:White;
}
#sociaBox{ position:relative; width:550px; border: solid 1px #DDDDDD;}
.nombreCell{ padding:3px; background-color:#CCCCCC; color:#FFFFFF; font-weight:bold; text-align:left; }
.sociaInfo{ padding:7px; background-color:#f2f2f2; text-align:left;}
.textBox{ background-color:#DDDDDD;}
/* ============================== Estilos para el correo ================================ */

.correoLabel
{
    position:relative; 
    width:400px;
    height:25px;
    background-color: #FFFFFF;
    border: 1px groove #cccccc;
    text-align: left;
    padding: 3px;
    
}
.responseLabel{ font-weight:bold; font-size:105%;}
.alternativeTemplete{ background-color:#F2F2F2;}
.uploadPanel
{
    background-color:#f9f9f9;
    position:relative;
    width:650px;
}
    .uploadCont
    {
    position:absolute;
    top:-20px;
    left:200px;
    width:450px;
    z-index:999;
    }
    .dirCont
    {
        position:absolute;
        top: -20px;
        left: 450px;
        width:250px;
        z-index:998;
        border: solid 2px #999999; 
        background-color:#cccccc;
    }
    .formWrapTable{border: solid 2px #CCCCCC;}
    .datePosted{ color:#999999; font-size:90%;}
    
    /* ================ Estilos para publicidad */
    .regCell{ border-bottom:dotted 1px #cccccc;}
    .semiHeader{ font-weight:bold; background-color:#f2f2f2;}
    .engTxt{color:Navy;}