﻿/*********************************************************
 General Items
 ********************************************************/
body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    -webkit-text-size-adjust: none;
}

a
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}
a:visited 
{  
    font-family: Georgia;
    font-size: 11px;
    color: #787974; 
}

a:link 
{ 
    font-family: Georgia;
    font-size: 11px;
    color: #787974; 
}

a:hover 
{ 
    font-family: Georgia;
    font-size: 11px;
    color: #000000;  
}

hr
{
    width: 770px;
    color: #787974;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}

  
.hr_super
{ 
  width: 750px;
  color: #787974;
  border-right: thin dotted; 
  border-top: thin dotted; 
  border-left: thin dotted; 
  border-bottom: thin dotted;
  }

.div_center
{
    text-align: center; /* for browsers that support "display: inline-block" */
    display: table; /* for browsers that support "display: table-cell" */
    margin: 0 auto; /* centers the shrink-to-fit CSS table */
}

.div_right
{
    text-align: right; /* for browsers that support "display: inline-block" */
    display: table; /* for browsers that support "display: table-cell" */
    margin: 0 0 0 auto; /* centers the shrink-to-fit CSS table */
}

.div_left
{
    text-align: left; /* for browsers that support "display: inline-block" */
    display: table; /* for browsers that support "display: table-cell" */
    margin: 0 auto 0 0; /* centers the shrink-to-fit CSS table */
}


.main_line
{
    text-align: center; /* for browsers that support "display: inline-block" */
    display: table; /* for browsers that support "display: table-cell" */
    margin: 0 auto; /* centers the shrink-to-fit CSS table */
    margin-bottom: 30px;
}

.main_line_banner
{
    text-align: center; /* for browsers that support "display: inline-block" */
    display: table; /* for browsers that support "display: table-cell" */
    margin: 0 auto; /* centers the shrink-to-fit CSS table */
   /* margin-bottom: 10px; */
}

.Price
{
    font-family: Helvetica;
    font-size: 11px;
    color: green;
    text-align: left;
    font-weight: bold;
}
.Price_lined
{
    font-family: Helvetica;
    font-size: 9px;
    text-decoration: line-through;
    color: red;
    text-align: left;
}
.error_msg
{
    color: red;
}

.error_msg_ok
{
    color: Green;
}

.margen
{
    margin-left : 5px;
    margin-right : 5px;
}

.Shipping_lined
{
    text-decoration: line-through;
    color: red;
    font-size: 10px;
}
/*********************************************************
 Menu Tables
 ********************************************************/
.menu_table
{
    width: 770px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

.menu_table_inside
{
    width: 700px;
    vertical-align: top;
    text-align: center; /* for browsers that support "display: inline-block" */
    margin: 0 auto; /* centers the shrink-to-fit CSS table */
}

/*********************************************************
 Menu Columns
 ********************************************************/
.menu_colums_small
{
    width: 255px;
    vertical-align: top;
    background-color: #efefe5;
    
}
.menu_colums_whole
{
    width: 770px;
    vertical-align: top;
    background-color: #efefe5;
 
}

.menu_colums_big
{
    width: 505px;
    vertical-align: top;
    background-color: #efefe5;  
}

.menu_colums_in
{
    width: 10px;
    vertical-align: top;
}


.content_colums_small
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    width: 255px;
    vertical-align: top;
   /* background-color: #efefe5; */
    /* text-transform: lowercase; */
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.content_colums_big
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    width: 505px;
    vertical-align: top;
    /* background-color: #efefe5; */
    /* text-transform: lowercase; */
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.content_colums_whole
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    width: 770px;
    vertical-align: top;
    /* background-color: #efefe5; */
    /* text-transform: lowercase; */
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/*********************************************************
 Title Columns
 ********************************************************/
.title_colums_small
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    width: 255px;
    vertical-align: top;
    /* text-transform: lowercase; */
    text-align:center;
    font-style: italic;
    background-color:White;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.title_colums_big
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    width: 505px;
    vertical-align: top;
    /* text-transform: lowercase; */
    text-align:center;
    font-style: italic;
    background-color:White;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.title_colums_whole
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    width: 770px;
    vertical-align: top;
    /* text-transform: lowercase; */
    text-align:center;
    font-style: italic;
    background-color:White;
    margin: 0px;
    padding: 0px;
    border: 0px;
}



/*********************************************************
 Menu Items
 ********************************************************/
.menu_items 
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    /* text-transform: uppercase; */
    font-style: italic;
    text-decoration: none;
    text-align: center;
}

.menu_items A:link, .menu_items A:visited
{
    font-family: Georgia;
    font-size: 11px;
    color: #787974;
    /* text-transform: uppercase;*/
    font-style: italic;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
}

.menu_items  A:hover
{
    font-family: Georgia;
    font-size: 11px;
	color: #000000;
    /* text-transform: uppercase; */
    font-style: italic;
    text-decoration: none;
    text-align: center;
	
}



/*********************************************************
 Header And Foot Texts
 ********************************************************/
.lang_items 
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    /* text-transform: lowercase; */
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

.lang_items A:link, .lang_items A:visited
{
    font-family: Georgia;
    font-size: 11px;
	color: #787974;
    /* text-transform: lowercase; */
    text-decoration: none;
    text-align: center;
	
}

.lang_items  A:hover
{
    font-family: Georgia;
    font-size: 11px;
	color: #000000;
    /* text-transform: lowercase; */
    text-decoration: none;
    text-align: center;
	
}


.page_foot
{
    font-family: Georgia;
    font-size: 9px;
    color: #787974;
    /* text-transform: uppercase; */
    text-decoration: none;
    text-align: left;
}

.search_text
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    /* text-transform: lowercase; */
    text-decoration: none;
    text-align: left;
    font-style: italic;
}

.search_text A:link, .search_text A:visited
{
    font-family: Georgia;
    font-size: 11px;
	color: #787974;
    /* text-transform: lowercase; */
    text-decoration: none;
    text-align: left;
    font-style: italic;
	
}

.search_text  A:hover
{
    font-family: Georgia;
    font-size: 11px;
	color: #000000;
    /* text-transform: lowercase; */
    text-decoration: none;
    text-align: left;
    font-style: italic;
	
}


.search_box
{
	font-family: Georgia;
	font-size: 11px;
	color: #787974;
	text-decoration: none;
	text-align: left;
	background-color: transparent;

}

.TextBoxes
{
	font-family: Georgia;
	font-size: 11px;
	color: #787974;
	text-decoration: none;
	text-align: left;	
	width: 150px;

}

.lists_box
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    text-align: left;
    background-color: #efefe5;
}




/*********************************************************
 Texts
 ********************************************************/

div.header_image
{
   margin-top:30px;
}
div.separation
{
 margin-bottom: 20px;    
}

.text_black
{
    font-family: Georgia;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
}

.text_black A:link, .text_black A:visited
{
    font-family: Georgia;
    font-size: 11px;
	color: #787974;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
	
}

.text_black  A:hover
{
    font-family: Georgia;
    font-size: 11px;
	color: #000000;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
	
}



.text_black_16
{
    font-family: Georgia;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
}

.text_black_16 A:link, .text_black_16 A:visited
{
    font-family: Georgia;
    font-size: 16px;
	color: #787974;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
	
}

.text_black_16  A:hover
{
    font-family: Georgia;
    font-size: 16px;
	color: #000000;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
	
}



.link_options
{
    font-family: Georgia;
    font-size: 11px;
    color:#f71b25; 
}



.link_options a:link , .link_options a:visited 
{  
    font-family: Georgia;
    font-size: 11px;
    color: #787974; 
}


.link_options a:hover 
{ 
    font-family: Georgia;
    font-size: 11px;
    color: #000000;  
}


.text_gray
{
    font-family: Georgia;
    font-size: 11px;
    color: #787974;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
}

.text_gray A:link, .text_gray A:visited
{
    font-family: Georgia;
    font-size: 11px;
	color: #000000;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
	
}

.text_gray  A:hover
{
    font-family: Georgia;
    font-size: 11px;
	color: #000000;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
	
}



.text_gray_16
{
    font-family: Georgia;
    font-size: 16px;
    color: #787974;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
}

.text_gray_16 A:link, .text_gray_16 A:visited
{
    font-family: Georgia;
    font-size: 16px;
	color: #000000;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
	
}

.text_gray_16  A:hover
{
    font-family: Georgia;
    font-size: 16px;
	color: #000000;
    text-decoration: none;
    text-align: left;
    line-height: 16px;
	
}


/*********************************************************
 Title Columns
 ********************************************************/


.artist_picture
{
    vertical-align: top;
    padding: 0px;
    border: 0px;
    text-align: center; /* for browsers that support "display: inline-block" */
    display: table; /* for browsers that support "display: table-cell" */
    margin: 0px auto 0px auto; /* centers the shrink-to-fit CSS table */
}

.artist_table
{
    width: 770px;
    vertical-align: top;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px 0px 10px 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom: #787974 1px solid;
}


/*********************************************************
 Listado pequeño
 ********************************************************/

.ancho_listado
{
	width: 230px;
}

.hr_small
{ 
  width: 230px;
  color: #787974;
  border-right: thin dotted; 
  border-top: thin dotted; 
  border-left: thin dotted; 
  border-bottom: thin dotted;
  }
  
.ancho_imagen_listado
{
	width: 105px;
}

.ancho_texto_listado
{
	width: 125px;
	padding-right:5px;
}

/*********************************************************
 Listado grande
 ********************************************************/

.ancho_listado_big
{
	width: 480px;
	
	text-align: center; /* for browsers that support "display: inline-block" */
    display: table; /* for browsers that support "display: table-cell" */
    margin: 0 auto; /* centers the shrink-to-fit CSS table */
}

.hr_big
{ 

  width: 480px;
  color: #787974;
  border-right: thin dotted; 
  border-top: thin dotted; 
  border-left: thin dotted; 
  border-bottom: thin dotted;
  margin-bottom:15px;
  }
  
.hr_big_shop
{ 

  width: 480px;
  color: #787974;
  border-right: thin dotted; 
  border-top: thin dotted; 
  border-left: thin dotted; 
  border-bottom: thin dotted;
  }
  
  
  .hr_confirm
{ 

  width: 580px;
  color: #787974;
  border-right: thin dotted; 
  border-top: thin dotted; 
  border-left: thin dotted; 
  border-bottom: thin dotted;
  margin-bottom:5px;
  }
  
  
  
  .hr_big_search
{ 

  width: 730px;
  color: #787974;
  border-right: thin dotted; 
  border-top: thin dotted; 
  border-left: thin dotted; 
  border-bottom: thin dotted;
  text-align: left;
  }

/*********************************************************
 Listado Completo
 ********************************************************/

.ancho_listado_completo
{
	width: 745px;
}

.line_gray
{
    height: 3px;
    vertical-align: top;
    background-image: url(i/sep_gray.gif);
    width: 745px;
}


/*********************************************************
varios
 ********************************************************/
.master_1
{
	width: 250px;
	height: 62px;
	text-align: left;
	vertical-align: top;
	padding-top:5px;
}

.master_2
{
	width: 270px;
	height: 62px;
	vertical-align: bottom;
}



.master_3
{
	width: 17px;
	height: 21px;
	vertical-align: bottom;
}

.master_4
{
	width: 171px;
	height: 21px;
	vertical-align: bottom;
	background-color: #efefe5;
}


.master_5
{
	width: 4px;
	height: 21px;
	vertical-align: bottom;
}

.master_6
{
	height: 21px;
	vertical-align: bottom;
}

.master_7
{
	width: 250px;
	height: 62px;    
	vertical-align: bottom;
}

.nl_header
{
    padding-top: 23px;
    padding-left:3px;
}
.alto_21
{
	height: 21px;
}

.alto_21_ancho_5
{
	height: 21px;
	width: 5px;
}

.master_botones
{
	width: 154px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
}

/* Artist list. The title must be with two lines...
*/
.artist_name_row
{   
    margin-top: 30px;
    height:35px;
    vertical-align: middle;
}


.img-shadow 
{
    float:right;
    background: url(i/trans-shadow.png) no-repeat bottom right; 
    /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img
{
    display: block; /* IE won't do well without this */
    position: relative; /* Make the shadow's position relative to its image */
    padding: 0px; /* This creates a border around the image */
    background-color: #efefe5; /* Background color of the border created by the padding */
    border: 0px solid #efefe5; /* A 1 pixel greyish border is applied to the white border created by the padding */
    margin: -5px 5px 5px -5px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

p
{
   margin-top:0;
}


.Discontinued
{
    color: Red;
    font-style: italic;
}


.invoice_header
{
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
}

.invoice_lines_grays
{
 display: block;
 position:relative;
background-color:#CCCCCC;
height:550px;
width:550px;
}

.invoice_text
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
}
.invoice_text_title
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
    font-weight:bold;
}

.banner_margen
{
height: 13px;
}

.banner_sep
{
width: 11px;
}

.banner_img
{
width: 250px;
height: 125px;
}
