body 
{
    background: url(/images2/background.jpg) repeat-x;
    background-color:#f0f7fd;
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px;
    color:#868e94;
}

.MainDiv
{
    position:relative;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    width:1000px; /*1024px;*/
}
.MainDiv2
{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:1000px; /*1024px;*/
}
.Logo
{
    background-image:url(/images2/LogoCardDepot.png);
    position:absolute;
    left:18px;
    top:8px;
    width:200px;
    height:134px;
}
.CenterDiv
{
    position:absolute;
    left:11px;
    top:182px;
    width:980px;/*1002*/
}
.CenterLeftDiv
{
    float:left;
    width:197px;
}
.CenterContentDiv
{
    float:left;
    width:770px;/*799px;*/
}

.CenterContent
{
    /*float:left;    
    position:absolute;    
  height:134px;
*/
    width:975px;/*1002*/
}

.BoxSeparator
{
    width:100%;
    height:6px;
}
.VerticalBoxSeparator
{
    float:left;
    width:6px;
    height:1px;
}
.MenuBarContentStyle
{
    padding-left:214px;
}
.TopRightMenu
{
    position:absolute;
    left:228px;
    top:10px;
    width:725px;/*773px;*/
    height:105px;
}
.FloatLeft
{
    float:left;
}
.FooterBox
{
    float:left;
}
.GreenLine
{
    position:absolute;
    left:11px;
    top:21px;
    width:950px;/*1002*/
    height:1px;
    background: transparent url(/images2/GreenLine.gif) repeat-x;
}

/*******Menu Principal******/
.MenuBar
{
    position:absolute;
    left:11px;
    top:125px;
    width:975px; /*1002px;*/
    height:36px;
    border:0px;
    font-family: Verdana, Tahoma, Verdana, Arial, sans-serif; font-size:13px;
    color:#FFFFFF;
}

.MenuBarLeft
{
    background: transparent url(/images2/MenuBarSprite.png) 0px 0px no-repeat;
    width:17px;
    height:36px;
}
.MenuBarContent
{
    background: transparent url(/images2/MenuBarMiddle.png) 0px 0px repeat-x;
    height:36px;
}
.MenuBarRight
{
    background: transparent url(/images2/MenuBarSprite.png) -17px 0px no-repeat;
    width:17px;
    height:36px;
}

/*******Contenedor Verde******/
.GreenBox
{
    /*position:absolute;
    left:18px;
    top:200px;
    width:180px;*/
    width:100%;
    border:0px;
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px;
    color:#FFFFFF;
}

.GreenBoxTopLeft
{
    background: transparent url(/images2/GreenBoxSprite.png) 0px 0px no-repeat;
    width:14px;
    height:14px;
}
.GreenBoxTop
{
    background: transparent url(/images2/GreenBoxTop.png) 0px 0px repeat-x;
    height:14px;
}
.GreenBoxTopRight
{
    background: transparent url(/images2/GreenBoxSprite.png) -14px 0px no-repeat;
    width:14px;
    height:14px;
}

.GreenBoxLeft
{
    background: transparent url(/images2/GreenBoxLeft.png) 0px 0px repeat-y;
    width:14px;
    vertical-align:top;
}
.GreenBoxLeftTopImage
{
    background: transparent url(/images2/GreenBoxSprite.png) 0px -14px no-repeat;
    width:14px;
    height:46px;
}
.GreenBoxContent
{
    background-color: #91BC0D;
    vertical-align:top;
}
.GreenBoxContentTopImage
{
    background: transparent url(/images2/GreenBoxContent.png) 0px 0px repeat-x;
}
.GreenBoxRight
{
    background: transparent url(/images2/GreenBoxRight.png) 0px 0px repeat-y;
    width:14px;
    vertical-align:top;
}
.GreenBoxRightTopImage
{
    background: transparent url(/images2/GreenBoxSprite.png) -14px -14px no-repeat;
    width:14px;
    height:46px;
}

.GreenBoxBottomLeft
{
    background: transparent url(/images2/GreenBoxSprite.png) 0px -60px no-repeat;
    width:14px;
    height:14px;
}
.GreenBoxBottom
{
    background: transparent url(/images2/GreenBoxBottom.png) 0px 0px repeat-x;
    height:14px;
}
.GreenBoxBottomRight
{
    background: transparent url(/images2/GreenBoxSprite.png) -14px -60px no-repeat;
    width:14px;
    height:14px;
}

/*******Contenedor Amarillo******/
.YellowBox
{
    width:100%;
    border:0px;
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px;
    color:#472A00;
}

.YellowBoxTopLeft
{
    background: transparent url(/images2/YellowBoxSprite.png) 0px 0px no-repeat;
    width:14px;
    height:14px;
}
.YellowBoxTop
{
    background: transparent url(/images2/YellowBoxTop.png) 0px 0px repeat-x;
    height:14px;
}
.YellowBoxTopRight
{
    background: transparent url(/images2/YellowBoxSprite.png) -14px 0px no-repeat;
    width:14px;
    height:14px;
}

.YellowBoxLeft
{
    background: transparent url(/images2/YellowBoxLeft.png) 0px 0px repeat-y;
    width:14px;
    vertical-align:top;
}
.YellowBoxLeftTopImage
{
    background: transparent url(/images2/YellowBoxSprite.png) 0px -14px no-repeat;
    width:14px;
    height:29px;
}
.YellowBoxContent
{
    background-color: #FFB400;
    vertical-align:top;
}
.YellowBoxContentTopImage
{
    background: transparent url(/images2/YellowBoxContent.png) 0px 0px repeat-x;
}
.YellowBoxRight
{
    background: transparent url(/images2/YellowBoxRight.png) 0px 0px repeat-y;
    width:14px;
    vertical-align:top;
}
.YellowBoxRightTopImage
{
    background: transparent url(/images2/YellowBoxSprite.png) -14px -14px no-repeat;
    width:14px;
    height:29px;
}

.YellowBoxBottomLeft
{
    background: transparent url(/images2/YellowBoxSprite.png) 0px -43px no-repeat;
    width:14px;
    height:14px;
}
.YellowBoxBottom
{
    background: transparent url(/images2/YellowBoxBottom.png) 0px 0px repeat-x;
    height:14px;
}
.YellowBoxBottomRight
{
    background: transparent url(/images2/YellowBoxSprite.png) -14px -43px no-repeat;
    width:14px;
    height:14px;
}

/*******Contenedor Azul******/
.BlueBox
{
    /*position:absolute;
    left:200px;
    top:200px;
    width:180px;*/
    width:100%;
    border:0px;
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px;
    color:#868e94;
}

.BlueBoxTopLeft
{
    background: transparent url(/images2/BlueBoxSprite.png) 0px 0px no-repeat;
    width:14px;
    height:14px;
}
.BlueBoxTop
{
    background: transparent url(/images2/BlueBoxTop.png) 0px 0px repeat-x;
    height:14px;
}
.BlueBoxTopRight
{
    background: transparent url(/images2/BlueBoxSprite.png) -14px 0px no-repeat;
    width:14px;
    height:14px;
}

.BlueBoxLeft
{
    background: transparent url(/images2/BlueBoxLeft.png) 0px 0px repeat-y;
    width:14px;
    vertical-align:top;
}
.BlueBoxLeftTopImage
{
    background: transparent url(/images2/BlueBoxSprite.png) 0px -14px no-repeat;
    width:14px;
    height:98px;
}
.BlueBoxContent
{
    background-color: #C3E4FB;
    vertical-align:top;
}
.BlueBoxContentTopImage
{
    background: transparent url(/images2/BlueBoxContent.png) 0px 0px repeat-x;
}
.BlueBoxRight
{
    background: transparent url(/images2/BlueBoxRight.png) 0px 0px repeat-y;
    width:14px;
    vertical-align:top;
}
.BlueBoxRightTopImage
{
    background: transparent url(/images2/BlueBoxSprite.png) -14px -14px no-repeat;
    width:14px;
    height:98px;
}

.BlueBoxBottomLeft
{
    background: transparent url(/images2/BlueBoxSprite.png) 0px -112px no-repeat;
    width:14px;
    height:14px;
}
.BlueBoxBottom
{
    background: transparent url(/images2/BlueBoxBottom.png) 0px 0px repeat-x;
    height:14px;
}
.BlueBoxBottomRight
{
    background: transparent url(/images2/BlueBoxSprite.png) -14px -112px no-repeat;
    width:14px;
    height:14px;
}

/*******Contenedor Principal******/
.ContentBox
{
    /*position:absolute;
    left:400px;
    top:400px;
    width:600px;*/
    width:100%;
    border:0px;
}

.ContentBoxTopLeft
{
    background: transparent url(/images2/ContentBoxSprite.png) 0px 0px no-repeat;
    width:14px;
    height:14px;
}
.ContentBoxTop
{
    background: transparent url(/images2/ContentBoxTop.png) 0px 0px repeat-x;
    height:14px;
}
.ContentBoxTopRight
{
    background: transparent url(/images2/ContentBoxSprite.png) -14px 0px no-repeat;
    width:14px;
    height:14px;
}

.ContentBoxLeft
{
    background: transparent url(/images2/ContentBoxLeft.png) 0px 0px repeat-y;
    width:14px;
    vertical-align:top;
}
.ContentBoxContent
{
    background-color: #FFFFFF;
    vertical-align:top;
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:12px;
    color:#868E94;
}
.contenttitle {font-weight:bold; font-size:13px; color:#16527c; text-decoration:none;} 
.ContentBoxContent .titlePrincipal {font-weight:bold; font-size:18px; color:#16527c; text-decoration:none;} 
.ContentBoxContent .title {font-weight:bold; font-size:12px; color:#16527c; text-decoration:none;} 
.title2 {font-weight:bold; font-size:11px; color:#16527c; text-decoration:none;} 

.ContentBoxRight
{
    background: transparent url(/images2/ContentBoxRight.png) 0px 0px repeat-y;
    width:14px;
    vertical-align:top;
}

.ContentBoxBottomLeft
{
    background: transparent url(/images2/ContentBoxSprite.png) 0px -14px no-repeat;
    width:14px;
    height:14px;
}
.ContentBoxBottom
{
    background: transparent url(/images2/ContentBoxBottom.png) 0px 0px repeat-x;
    height:14px;
}
.ContentBoxBottomRight
{
    background: transparent url(/images2/ContentBoxSprite.png) -14px -14px no-repeat;
    width:14px;
    height:14px;
}

/*Estilos contenido principal
.content
{
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px;
    color:#868E94;
}
.contenttitle {font-weight:bold; font-size:13px; color:#16527c; text-decoration:none;} 
.content .titlePrincipal {font-weight:bold; font-size:18px; color:#16527c; text-decoration:none;} 
.content .title {font-weight:bold; font-size:11px; color:#16527c; text-decoration:none;} */
/*Estilos seccion izquierda con fondo verde*/
/*
.leftgreen
{
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px;
    color:#FFFFFF;
}
.leftgreentitle
{
    font-weight:bold; font-size:13px; color:#16527c; text-decoration:none;
    color:#354600;
}
.leftgreen .title
{
    font-weight:bold; font-size:13px; color:#16527c; text-decoration:none;
    color:#354600;
    
}*/

/* PROGRESS BAR, BARRAR DE PROGRESO PARA SUBIOR ARCHIVOS */               
    
#ProgressMeter {
 /* width: 0%;  
  background-color: red;*/
  height: 20px;
  width: 0%; 
  background-color: green;
}

#ProgressBar 
{
    height: 20px;
    border: 1px solid #999; 
    display:none;
}
/*----------------*/

/*Estilos seccion izquierda con fondo amarillo
.leftyellow
{
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px;
    color:#472A00;
}
.leftyellowtitle
{
    font-weight:bold; font-size:13px; color:#16527c; text-decoration:none;
    color:#354600;
}
.leftyellow .title
{
    font-weight:bold; font-size:13px; color:#16527c; text-decoration:none;
    color:#354600;
}
*/
/*Estilos seccion izquierda con fondo azul
.leftblue
{
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px;
    color:#868e94;
}
.leftbluetitle
{
    font-weight:bold;font-family: Tahoma, Verdana, Arial, sans-serif; font-size:13px;
    color:#16527c;
}
.leftblue .title
{
    font-weight:bold;font-family: Tahoma, Verdana, Arial, sans-serif; font-size:13px;
    color:#16527c;
}
.leftbluetitle2
{
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:12px;
    color:#344500;
}*/

/*Estilos etiquetas precios*/
.pricenormal
{
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:13px;
    color:#BB4600;
}
.pricediscount
{
    font-family: Tahoma, Verdana, Arial, sans-serif; font-size:13px;
    text-decoration:line-through;
    color:#494949;
}
.pricebig {font-size:15px; color:#f73240; font-weight:bold;}

/*Estilos footer*/
.footer span {color:#41a1e1; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px}
.footer span a {color:#41a1e1; text-decoration: underline; font-style:normal; font-size:11px}
.footer span a:hover {text-decoration: none;}
.footer {color:#737373; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px;}
.footer a{ color:#737373; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px; text-decoration:none}
.footer a:hover{ text-decoration:underline}

/*Estilos default links*/

a{ color:#41a1e1; font-family: Tahoma, Verdana, Arial, sans-serif; text-decoration:underline}
a:hover{ color:#41a1e1; font-family: Tahoma, Verdana, Arial, sans-serif; text-decoration:none}

/*Estilos menu principal*/
.topmenu a 
{
    color:#FFFFFF; 
    font-family:"Arial", sans-serif; 
    font-size:10pt;
    font-weight:bold;
    text-transform:uppercase;
    vertical-align:middle;
    text-decoration:none;
}
/* Estilios de  etiquetas de alerta*/
.alerta
{
    font-weight:bold;font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px;
    color:red;
}

/* Estilios de  etiquetas Acceso denegado */
.AccesoD
{
    font-weight:bold;font-family: Tahoma, Verdana, Arial, sans-serif; font-size:20px;
    color:red;
}

.TituloOpcion
{
    font-weight:bold;font-family: Tahoma, Verdana, Arial, sans-serif; font-size:12px;
    color:Black;
}

/* Estilios de  del ModalPopUp*/
.Fondo
{
    background-color:gray;
    filter:alpha(opacity=50); -khtml-opacity:.5; -moz-opacity:.5; opacity:.5;
}
.FondoModalPopUp
{
    background-color:Transparent
}
/*Estilos botones*/
.boton1
{
    background-image:url(/images/buttonblue65.gif)
    background-color:Transparent;
    cursor:pointer;
    border:none;
    width:150px;
    height:28px;
}

/* Estilos para en menú vertical en la parte azul*/
#menuAzul 
{
    border-left: 1px solid #ACCFE8;
    border-right: 1px solid #ACCFE8;
    border-top: 1px solid #ACCFE8;
    border-bottom: 0 solid #ACCFE8;
    list-style-type:none;
    width: 160px;
    font-family: Tahoma, Verdana, Arial, sans-serif font-size:13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 100%;
    line-height: normal;
}
#menuAzul ul, li {
list-style-type: none;
}

#menuAzul ul {
margin: 0;
padding: 0;
}

#menuAzul li {
border-bottom: 1px solid #ACCFE8;
}

#menuAzul a {
text-decoration: none;
color: #3366CC;
background: #F0F7FC;
display: block;
padding: 3px 6px;
width: 138px;
text-align:left;
}

#menuAzul a:hover {
background: #DBEBF6;
color: #FF9900;  
}

/* Estilos para en menú vertical en la parte Amarilla*/
#menuAmarillo 
{
    border-left: 1px solid #FFCC66;
    border-right: 1px solid #FFCC66;
    border-top: 1px solid #FFCC66;
    border-bottom: 0 solid #FFCC66;
    list-style-type:none;
    width: 165px;/*156*/
    font-family: Tahoma, Verdana, Arial, sans-serif font-size:13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 100%;
    line-height: normal;
}
#menuAmarillo ul, li {
list-style-type: none;
}

#menuAmarillo ul {
margin: 0;
padding: 0;
}

#menuAmarillo li {
border-bottom: 1px solid #FFCC66;
}

#menuAmarillo a {
text-decoration: none;
color:#FF9933;
background:#FFFFCC;
display: block;
padding: 3px 6px;
width:154px /*144px;*/
}

#menuAmarillo a:hover 
{
background: FF9933;
filter:alpha(opacity=75); -khtml-opacity:.75; -moz-opacity:.75; opacity:.75;
color: #10BD0C; 
}


/* Estilos la pagina principal
#Principal
{

    list-style-type:none;
width: 156px;
    font-family: Tahoma, Verdana, Arial, sans-serif font-size:13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 100%;
    line-height: normal;
}
#Principal ul, li {
list-style-type: none;
}

#Principal ul {
margin: 0;
padding: 0;
}

#Principal li {

}

#Principal a {
text-decoration: none;
color:#16527c;

display: block;
padding: 3px 6px;
width: 145px;
}

#Principal a:hover 
{
background: FF9933;
filter:alpha(opacity=75); -khtml-opacity:.75; -moz-opacity:.75; opacity:.75;
color: #FF9933;
}
*/


/* Estilos la pagina principal*/
.Principal
{

    list-style-type:none;
width: 156px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size:13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 100%;
    line-height: normal;
}
.Principal ul, li {
list-style-type: none;
}
.Principal ul {
margin: 0;
padding: 0;
}
.Principal li {
}
.Principal a {
text-decoration: none;
color:#16527c;
/*background:#FFFFCC;*/
display: block;
padding: 3px 6px;
width: 145px;
}
.Principal a:hover 
{
color: #FF9933;
}


/* estilo template solo marco 

.imgmarcotopizq {width:11px; height:10px; background-image:url(/images/content2_r1_c1_left.jpg); background-repeat:no-repeat;}
.imgmarcotopcentro {width:768px; height:10px; background-image:url(/images/content2_r1_c1_centro.jpg); background-repeat:repeat-x;}
.imgmarcotopder {width:11px; height:10px; background-image:url(/images/content2_r1_c1_right.jpg); background-repeat:no-repeat;}
.imgmarcoizq {width:11px; background-image:url(/images/content2_r2_c1.jpg); background-repeat:repeat-y}
.imgmarcoder {width:11px; background-image:url(/images/content2_r2_c3.jpg); background-repeat:repeat-y}
.imgmarcobottomizq {width:11px; height:10px; background-image:url(/images/content2_r3_c1_left.jpg); background-repeat:no-repeat;}
.imgmarcobottomcentro {width:768px; height:10px; background-image:url(/images/content2_r3_c1_centro.jpg); background-repeat:repeat-x;}
.imgmarcobottomder {width:11px; height:10px; background-image:url(/images/content2_r3_c1_right.jpg); background-repeat:no-repeat;}
*/
/**-***************************/

/*Error 400 */
#wrap       {margin:0 auto; padding:80px 40px 0 40px;}
h1          {font-size:30px;}
h2          {font-size:28px;}
h3          {font-size:22px;}
h4          {font-size:15px;}

/* HEADER */
#header         {text-align:center; margin-top:10px;}

/*#header h1 span   {letter-spacing:-10px; padding-right:4px;}*/


/* ................ */