/* CSS Document */

.fondo
{
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 0px;
}
#container
{
 border-style: solid;
 border-width: 0px 20px 20px 20px;
 border-color: #FFFFFF;
 width: 960px;
 margin: 0px auto 20px auto;
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
}
#topblock
{
    background-image: url('../images/Barra/bgTop.jpg');
    background-repeat: repeat;
    width: 960px;
    height: 101px;
}
#loginstatus
{
    position: relative;
    top: -9px;
    left: 575px;
    width: 290px;
    height: 20px;
    font-size: small;
    text-align: right;
}

#separador
{
    position: relative;
    top: -49px;
    left: 874px;
    width: 15px;
    height: 20px;
    color: #FFFFFF;
    font-size: small;
    text-align: center;
}

#inicio
{
    position: relative;
    top: -29px;
    left: 900px;
    width: 40px;
    height: 20px;
    color: #FFFFFF;
    font-size: small;
}

#inicio2
{
    position: relative;
    top: -29px;
    left: 900px;
    width: 40px;
    height: 20px;
    color: #FFFFFF;
    font-size: small;
}


#loginstatus2
{
    position: relative;
    top: -9px;
    left: 575px;
    width: 285px;
    height: 20px;
    text-align: right;
}
#userimg
{
    position: relative;
    top: -19px;
    left: 485px;
    width: 85px;
    height: 25px;
}
#content
{
    float: left;
    background-color: #C1C1C1;
    z-index: 1;
    margin: 0;
}
#footer
{
    width: 960px;
    height: 25px;
    float:left;
    margin:0;
    padding:0;
    /*background-color: #BCBCBC;*/
    background-image: url('../images/Barra/imgMenuInferior.jpg');
    background-repeat: repeat;
    border-color: #FFFFFF;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 4px;
}

#footer ul
{
    list-style-type: none;
    width: 960px;
    height: 25px;
    margin-left: 0px;
}
#footer li
{float: left;
    position: relative;
    margin: 0;}
#footer ul li
{
    margin: 0 10 0 10;
    padding-right: 3px;
    padding-left: 5px;
    top: -2px;
    left: 5px;
}

.fondo2
{
    background: url(../images/degrad01.jpg);
    background-repeat: repeat-x;
}
.combo
{
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-color: #3FC2F3;
    border-right-color: #3FC2F3;
    border-bottom-color: #3FC2F3;
    border-left-color: #3FC2F3;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    width: 155px;
}
.combo1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-color: #3FC2F3;
    border-right-color: #3FC2F3;
    border-bottom-color: #3FC2F3;
    border-left-color: #3FC2F3;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    width: 40px;
}
.combo2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-color: #3FC2F3;
    border-right-color: #3FC2F3;
    border-bottom-color: #3FC2F3;
    border-left-color: #3FC2F3;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    width: 82px;
}
.textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-color: #3FC2F3;
    border-right-color: #3FC2F3;
    border-bottom-color: #3FC2F3;
    border-left-color: #3FC2F3;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    width: 120px;
}
.textarea1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-color: #3FC2F3;
    border-right-color: #3FC2F3;
    border-bottom-color: #3FC2F3;
    border-left-color: #3FC2F3;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    width: 30px;
}
.textarea2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-color: #3FC2F3;
    border-right-color: #3FC2F3;
    border-bottom-color: #3FC2F3;
    border-left-color: #3FC2F3;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    width: 180px;
}
.button
{
    height: 10px;
    border-top-color: #3FC2F3;
    border-right-color: #3FC2F3;
    border-bottom-color: #3FC2F3;
    border-left-color: #3FC2F3;
}


.form
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: normal;
    color: #393a3b;
    text-decoration: none;
    height: 14px;
    width: 200px;
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #00AEED;
    border-right-color: #00AEED;
    border-bottom-color: #00AEED;
    border-left-color: #00AEED;
    font-weight: normal;
    text-decoration: none;
}

.top_1
{
    background-image: url(../images/line_05.jpg);
    background-repeat: repeat-x;
}

.menu
{
    background: url(../images/menu_08.jpg);
    background-repeat: repeat-x;
}
.left
{
    background: url(../images/lineleft_12.jpg);
    background-repeat: repeat-y;
}
.top
{
    background: url(../images/linetop_06.jpg);
    background-repeat: repeat-x;
}
.right
{
    background: url(../images/lineright_14.jpg);
    background-repeat: repeat-y;
}
.bottom
{
    background: url(../images/bottom_14.jpg);
    background-repeat: repeat-x;
}
.fondo3
{
    background: url(../images/base_10.jpg);
    background-repeat: repeat-x;
}
.fondoline
{
    background: url(../images/bgline_05.jpg);
    background-repeat: repeat-y;
}
.fondolinetop
{
    background: url(../images/bglinetop_05.jpg);
    background-repeat: repeat-x;
}
.fondolineright
{
    background: url(../images/bgtr_10.jpg);
    background-repeat: repeat-y;
}
.fondolinebottom
{
    background: url(../images/bgr_14.jpg);
    background-repeat: repeat-x;
}
.texto
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    text-decoration: none;
    font-weight: normal;
}
.texform
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #00aeef;
    text-decoration: none;
}
.textitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #00aeef;
    text-decoration: none;
    font-weight: bold;
}
.textorojo
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF0000;
    font-weight: normal;
    font-style: italic;
    text-decoration: none;
}
.textarea3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-color: #3FC2F3;
    border-right-color: #3FC2F3;
    border-bottom-color: #3FC2F3;
    border-left-color: #3FC2F3;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    width: 550px;
}
.textarea4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
    background-color: #FFFFFF;
    border-top-color: #3FC2F3;
    border-right-color: #3FC2F3;
    border-bottom-color: #3FC2F3;
    border-left-color: #3FC2F3;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    width: 490px;
}

#chromemenu
{
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    position:relative;
    float: left;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    /*background-color: #BFBFBF;*/
    background-image: url('../images/Barra/imgMenuSuperior.jpg');
    background-repeat: repeat;
    width: 960px;
    height: 27px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    z-index: 400;
    top: 0px;
    left: 0px;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
}

#chromemenu ul
{
    /*border-left: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;*/
    margin: 0;
    list-style-type: none;
    vertical-align: middle;
    width: 960px;
    padding-left:0px;
    height: 27px;
}

#chromemenu li
{
    float: left;
    position: relative;
    margin: 0;
    top: 0px;
    left: 0px;
    height: 27px;
    vertical-align: middle;
    width: 160px;
    text-align: center;
}

#chromemenu ul li table
{
    display: block;
    margin: 0;
    padding: 0;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #808080;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #808080;
    cursor: pointer;
    cursor: hand;
    vertical-align: middle;
    z-index: 500;
}

#chromemenu ul li ul
{
    display: none;
    margin: 0;
    background-color: #BFBFBF;
    padding: 0;
    vertical-align: middle;
}

#chromemenu ul li:hover a, #chromemenu ul li a:hover
{
    background-color: #808080;
    vertical-align: middle;
}


#chromemenu ul li:hover ul, #chromemenu ul li a:hover ul
{
    display: block;
    position: absolute;
    margin: 0;
    border:0;
    top: 20px;
    left: 0px;
    height: 27px;
    width: 160px;
    vertical-align: middle;
}

#chromemenu ul li:hover ul li a,
#chromemenu ul li a:hover ul li a{                   /* 2nd level unselected items */
	/*border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color
	background:#d8d8d8;       /* this sets the drop-down menu background color */
	display: block;
	z-index: 500;
	vertical-align: middle;
}


#chromemenu ul li:hover ul li:hover a, #chromemenu ul li a:hover ul li a:hover
{
    /* 2nd level selected item */
    background-color: #CCCCCC;
    vertical-align: middle;
}


#chromemenu a
{
    float: left;
    text-decoration: none;
    height: 27px;
    width: 160px;
    color: #000000;
    text-align: center;
    margin: 0;
    border-right-style: dashed;
    border-right-width: 1px;
    border-right-color: #808080;
}

#TablaCompra
{
    /*position: relative;
    border-color: #FFFFFF;
    float: left;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    /*background-color: #BFBFBF;*/
    z-index: 1;
    position: relative;
    vertical-align: middle;
    width: 396px;
    height: 438px;
    margin: 0;
    padding: 0;
    top: -438px;
    left: 20px;
}

#TablaCompra ul
{
    height: 14px;
    margin: 0;
    padding: 0;
}

#Espacio
{
    height: 14px;
    margin: 0;
    padding: 0;
    width: 960px;
}

#Espacio ul
{
    height: 14px;
    margin: 0;
    padding: 0;
}

#Lateral
{
    width: 14px;
    height: 438px;
    margin: 0;
    padding: 0;
}
#Lateral2
{
    width: 14px;
    height: 438px;
    margin: 0;
    padding: 0;
    position: relative;
    right: -410px;
    top: 0px;
    bottom: 0px;
}
#TablaImg
{
    /*position: relative;
    border-color: #FFFFFF;
    float: left;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    /*background-color: #BFBFBF;*/
    z-index: 1;
    position: relative;
    vertical-align: middle;
   
width: 521px;
    height: 438px;
    margin: 0;
    padding: 0;
    top: -876px;
    left: 435px;
   
}

#TablaImg ul
{
     height: 14px;
    margin: 0;
    padding: 0;
}


#gral
{
    height: 475px;
    width: 960px;
}

#login
{
    
    /*background-image: url('../images/Barra/FondoLogin.jpg');
    background-repeat: repeat;*/
    height: 41px;
    width: 495px;
    top: -3px;
    left: 0px;
    text-align: left;
    position:relative;
}

#header
{
    position: relative;
    background-image: url('../images/Barra/FondoHeader.jpg');
    background-repeat: repeat;
    height: 41px;
    width: 960px;
    top: -3px;
    left: 0px;
    text-align: center;
}

#header2
{
    position: relative;
    background-image: url('../images/Barra/FondoHeader.jpg');
    background-repeat: repeat;
    height: 41px;
    width: 960px;
    top: -3px;
    left: 0px;
    text-align: center;
}



#inf
{
    position: relative;
    /*background-image: url('../images/Barra/FondoHeader.jpg');
    background-repeat: repeat;*/
    height: 50px;
    width: 960px;
    top: -276px;
    left: 0px;
    text-align: center;
}

#inf2
{
    position: relative;
    /*background-image: url('../images/Barra/FondoHeader.jpg');
    background-repeat: repeat;*/
    height: 40px;
    width: 960px;
    top: 2px;
    left: 0px;
    text-align: center;
}
#inf3
{
    position: relative;
    /*background-image: url('../images/Barra/FondoHeader.jpg');
    background-repeat: repeat;*/
    height: 50px;
    width: 955px;
    top: 473px;
    left: 0px;
    text-align: center;
}
#inf4
{
    position: relative;
    /*background-image: url('../images/Barra/FondoHeader.jpg');
    background-repeat: repeat;*/
    height: 35px;
    width: 960px;
    top: 2px;
    left: 0px;
    text-align: center;
}
#inf5
{
    position: relative;
    /*background-image: url('../images/Barra/FondoHeader.jpg');
    background-repeat: repeat;*/
    height: 44px;
    width: 960px;
    top: 0px;
    left: 0px;
    text-align: center;
}

#inf6
{
    position: relative;
    /*background-image: url('../images/Barra/FondoHeader.jpg');
    background-repeat: repeat;*/
    height: 44px;
    width: 960px;
    top: 0px;
    left: 0px;
    text-align: center;
}
nf2
{
    position: relative;
    background-image: url('../images/Barra/FondoHeader.jpg');
    background-repeat: repeat;
    height: 50px;
    width: 955px;
    top: 4px;
    left: -2px;
 }




#login2
{
    position: relative;
    width: 420px;
    height: 153px;
    top: -302px;
    left: 530px;
}



#login3
{
    position: relative;
    top: -319px;
    left: 530px;
    width: 420px;
    height: 155px;
    bottom: 319px;
}

#imglogin
{
    position: relative;
    width: 80px;
    height: 81px;
    top: -146px;
    left: 395px;
}

#imglogin2
{
    position: relative;
    width: 80px;
    height: 80px;
    top: -145px;
    left: 310px;
}

#imglogin3
{
    position: relative;
    width: 80px;
    height: 88px;
    top: -101px;
    left: 315px;
}



glogin3
{
    position: relative;
    width: 80px;
    height: 88px;
    top: -116px;
    left: 325px;
}

#loginbox
{
    position: relative;
    top: 85px;
    left: 20px;
}

#recover
{
    position: relative;
    background-image: url('../images/Barra/FondoLogin.jpg');
    background-repeat: repeat;
    top: 0px;
    left: 0px;
    width: 960px;
    text-align: center;
}

#contacto
{
    position: relative;
    left: 0px;
    width: 960px;
    text-align: center;
    height: 400px;   
}
.titulos
{
    
    font-size: x-large;
    height: 40px;
    margin-left: 40px;
    text-align: left;
    color: #808080;
}

.fondodegradado
{
    background-image: url('../images/Barra/FondoPantalla.jpg');
    background-repeat: repeat;
    /*float: left;*/
    font-size: small; 
    font-weight: normal; 
}
#bloqueregistro
{
    float: left;
    background-image: url('../images/Barra/FondoPantalla.jpg');
    background-repeat: repeat;
    height: 400px;
    width: 960px;
    margin: 0;
}
.pregunta
{
    text-align:right;
    }
.respuesta
{
    text-align:left;
}