/* principal.php */

/*Plantilla 17*****************************/

body {
   margin-top: 0px;
   padding-top: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
  background: url(../img/admin/body_1024.jpg) repeat-x #c0c0c0;
}

#contenedor {
   width: 695px;
   margin-left: auto;
   margin-right: auto;

}

#cabecera {
   width: 695px;
    height: 200px;
   background: url(/img/admin/head_1024.jpg) no-repeat;
}

.logo_izquierda {
   width:150px;
   height:100px;
   padding:8px;
}

.logo_derecha {
   width:150px;
   height:100px;
   padding:8px;
   padding-right:10px;
   float:right;
}

.logo_izquierda img,.logo_derecha img {
   border:1px solid #000000;
}
#fecha {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   color: #000000;
   background-color: #EBBF46;
   width: 735px;
   padding-right: 5px;
   margin-left: 10px;
   margin-bottom: 10px;
   text-align: right;
}


#menu
{
   width: 770px;
   background-color: #24248A;
   color: #FFFFFF;
   height: 20px;
   margin-left:10px;
   margin-bottom: 10px;
   font-weight: bold;
   
}


#menu a:link, #menu a:visited
{
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none;   
}


#menu a:hover
{
   font-weight: bold;
   color: #FFCC00;
   text-decoration: none;   
}


#menu ul {
   margin: 0px;
   padding: 0px;
   padding-left:5px;
   padding-top: 4px;
   margin-left: 0px;
}


#menu li
{
   display: inline;
   margin-right: 20px;
}


#cuerpo {
   width:100%;
 
   padding: 0px;
   clear: both;
}


#cuerpo_texto {
   width: 480px;
   margin-right: 10px;
   float: left;
   background-color: #e2e2e2;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom:20px;
}

#cuerpo_texto a:link, #cuerpo_texto a:visited {
  text-decoration: underline;
  color: #000000;
}


#cuerpo_texto a:hover {
  text-decoration: none;
  background-color: #000000;
  color: #ffffff;
}

h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   padding-top:5px;
   padding-left:5px;
   font-weight: bold;
   margin:0px;
   color:#333333;
   padding-bottom: 5px;
   margin-bottom:10px;
   margin-top:10px;
   border: 1px dashed #999999;
   background-color: #CFCFCF;
}


#cuerpo_imagen {
   width: 205px;
   height: 563px;
   float: right;
   color: #333333;
   padding: 10px;
   font-weight: bold;
   background-image: url(../img/css17/bg_ayuda.gif);
}
#cuerpo_imagen img {
   border:1px solid #000000;
}


#pie {
   padding: 30px 0 0;
   text-align: center;
   color: #666666;
   clear: both;
   width:100%;
}


#pie a {
   text-decoration:underline;
   color:#333333;
}


.registro {
   font-family:Arial, Helvetica, sans-serif;
   font-size:9px;
   color: #ffffff;
}



/*css_form*******************************************/


#cuerpo_form {
   width: 480px;
   margin-right: 10px;
   float: left;
   background-color: #e2e2e2;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom:20px;
}


#cuerpo_form_imagen {
   width: 205px;
   height: 563px;
   float: right;
   color: #333333;
   padding: 10px;
   font-weight: bold;
   background-image: url(../img/css17/bg_arroba.gif);
   background-repeat: no-repeat;
}



#cuerpo_form input, #cuerpo_form select, #cuerpo_form textarea  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #333333;
   background-color: #ffffff;   
}


.tabla_form {
   width: 400px;
   padding-left: 60px;
   border: 0px;


}
.aviso {
   color: #333333;
}


.celda_literal {
   text-align: right;
   width: 120px;
   color:#333333;
}


.celda_campo {
   text-align: left;
   width: 280px;
}

#error{
   color: #990000;
   font-size:11px;
   text-align: left;
   margin-top: 10px;
   padding: 15px;  
}

#correcto{
   color: #000000;
   font-size:11px;
   text-align: left;
   margin-top: 10px;
   padding: 15px;
}

#correcto a:link, #correcto a:visited {
  text-decoration: underline;
  color: #000000;
}

#correcto a:hover {
  text-decoration:none;
  background:#000000;
  color:#ffffff;
}

/*css_targeta*******************************************/


#cuerpo_tarjeta {
   width: 480px;
   margin-right: 10px;
   float: left;
   background-color: #e2e2e2;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom:20px;
}


#cuerpo_tarjeta_imagen {
   width: 205px;
   height: 563px;
   float: right;
   color: #333333;
   padding: 10px;
   font-weight: bold;
   background-image: url(../img/css17/bg_world.jpg);
   background-repeat: no-repeat;
}


#tarjeta{
   width: 402px;
   height:172px;
   margin-top:15px;
   padding:10px;
   margin-left:20px;
   border: 1px solid #666666;
   background-color:#999999;
}
#tarjeta_img{
   height: 100px;
   width: 100px;
   float:left;
}

#tarjeta_img img{
   border: 1px solid #666666;
}

#tarjeta_contenido{
   width: 275px;
   float:right;
   border: 2px solid #333333;
   background-color:#FFFFFF;
  
}
.tarjeta_nombre{
   height: 20px;
   color: #000000;
   font-size: 12px;
   font-weight: bold;
   padding-left:5px;
   padding-top:5px;
   background-color: #FFCD05;
}
.tarjeta_precio{
   height: 10px;
   font-weight: bold;
   font-size: 10px;
   padding-left:5px;
   padding-top:5px;
   color:#24248A;
}
.tarjeta_descripcion{
   height: 100px;
   padding: 5px;
   background-color: #ffffff;
}

.tarjeta_descripcion a:link, .tarjeta_descripcion a:visited { 
  color: #000000; 
  text-decoration: underline; 
}

.tarjeta_descripcion a:hover { 
  color: #ffffff; 
  background-color: #000000; 
  text-decoration: none; 
}

.tarjeta_info{
   padding:4px;
   height:10px;
   text-align:right;
   background-color: #FEA520;
}

.tarjeta_info:hover{
   background-color: #333333;
}

.link_tarjeta, .link_tarjeta:visited{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}

.link_tarjeta:hover{
   color: #000000;
}

#paginador{
   float:left;
   width:497px;
   margin-left:10px;
   margin-top:10px;
   background-color: #e2e2e2;
   border:1px solid #000000;
}

#paginador_anterior{
   float:left;
   padding:5px;
   width:50px;
   background-color:#999999;
   color:#000000;
   background-position: right;
}
#paginador_siguiente{
   float:right;
   padding: 5px;
   width:50px;
   background-color:#999999;
   color:#000000;
   background-position: left;
}


.link_paginador, .link_paginador:visited{
   text-decoration:none;
   color:#000000;
  
}


.link_paginador:hover{
   font-weight:bold;
   color:#ffffff;
}



/*css_producto*******************************************/


#cuerpo_producto {
}

#descripcion_producto {
   width: 480px;
   margin-right: 10px;
   float: left;
   background-color: #e2e2e2;
   padding-right: 10px;
   padding-left: 10px;
   padding-bottom:20px;
}

#descripcion_producto a:link, #descripcion_producto a:visited { 
  color: #000000; 
  text-decoration: underline; 
}

#descripcion_producto a:hover { 
  background-color: #000000; 
  color: #ffffff; 
  text-decoration: none; 
}

#imagen_producto {   
   width: 205px;
   height: 563px;
   background-color: #FFCC00;
   float: right;
   color: #333333;
   padding: 10px;
   font-weight: bold;
   background-image: url(../img/css17/bg_ayuda.gif);
}


#imagen_producto img {
   border: 1px solid #000000;
  
}

#paginador_producto {
   float:left;
   width:498px;
   margin-top:10px;
   margin-bottom:10px;
   border:1px dashed #666666;
}


.boton_anterior {
   padding:1px;
   float:left;
}

.boton_siguiente {
   padding:1px;
   float:left;
}

.boton_volver {
   padding:1px;
   float:right;
}

.boton_volver a:link, .boton_volver a:visited, .boton_anterior a:link, .boton_anterior a:visited, .boton_siguiente a:link, .boton_siguiente a:visited{
   padding: 5px;
   text-align:left;
   background-color: #666666;
   color:#ffffff;
   text-decoration:none;
   display:block;
}

.boton_volver a:hover, .boton_anterior a:hover, .boton_siguiente a:hover {
   padding: 5px;
   text-align:left;
   background-color: #999999;
   color:#ffffff;
   text-decoration:none;
   display:block;
}

.precio {    
   text-align:left;
   margin-bottom:20px;
   color: #24248A;
   font-size:11px;

}

.fullerror {
   margin-top: 10px;
   height: 200px;
   padding-top: 100px;
   text-align: center;
}

.fullerrorcontents {
   width: 60%;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #CCCCCC;
   padding: 15px;
   background: #EEEEEE;
   color: #FF7800;
   font-weight: bold;
   font-size: 1.2em;
}