/*''v 0.1 090917*/
/*-------------------------------------------------------|
| web generica 0.01 | www.agcinformatica.com/            |
|--------------------------------------------------------|
| Copyright (c) Asesoramiento y Gestión Cibernética S.L. |
|               AGC Informática                          |
| queda prohibido modificar o copiar cualquier parte de  |
| este programa o eliminar las líneas de copyright       |
|-------------------------------------------------------*/

@import 'style.css';

.hide {display:none;}
.opcioncont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #337;
	text-decoration: none;
}

.menuselec a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: orange;
	text-decoration: underline;
	font-weight: bold;
}

	/* Forms
	--------------------------------------------------------*/

	input.text,
	textarea,
	select,
	option {
		color: #677;
		font: 12px/normal verdana,arial,helvetica,sans-serif,Georgia, serif !important;
	}
	input.text,
	textarea {
		padding: 2px 4px 1px 4px;
		border: 1px solid #6d7579;
	}
	input.text {
		height: 18px;
	}

	
	/* Content + Sidebar
	--------------------------------------------------------*/
.content9 {
		position: relative;
		float: left;
		width: 470px;
		clear: none;
	}
.sidebar {
width: 237px;
padding: 0 4px 20px 0;
}	
/*----------------------------------------------------------------------*/
/*de vercesta*/

/*la altura*/
html>body .content_with_sidebar
{height: 100%;} 


/*_style.css (line 4)*/
.content0, #content0, #content0 table, #content0 td{
		color: #777;
		font: 12px/24px Verdana,Arial,Georgia;
		line-height: 16px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-align: justify;/*padding: 0 12px 0 0px;*/
	}

	
	* {
		margin: 0px;
		padding: 0px;
	}
	hr {
		display: none;
	}
h3 {
font-size:16px;
font-weight:bold;
margin:0pt 0pt 10px;
}
p {
margin-bottom:16px;
margin-top:4px;
}

	/* Formats
	--------------------------------------------------------*/
	.formats {
		list-style-type: none;
	}
	.formats li {
		/*display: inline;*/
		padding-right: 10px;
		height: 18px;
		font-size: 10px;
		color: #aaa;
	}

/*jss formato artículo*/
	.formats .f1,
	.formats .f1_unavailable {
		padding-left: 20px;
		background: url(images/libro.gif) no-repeat 0 0;
		/*background: url(images/entrada.gif) no-repeat 0 -2px;*/
	}
	.formats .f2,
	.formats .f2_unavailable {
		padding-left: 20px;
		background: url(images/formats.cd.gif) no-repeat 0 -55px;
	}
	.formats .format_cd,
	.formats .format_cd_unavailable {
		padding-left: 20px;
		background: url(images/formats.cd.gif) no-repeat 0 -55px;
	}
	.formats .format_cd_unavailable {
		background-position: 0 -82px;
		color: #CFD2D3;
	}
	.formats .f3,
	.formats .f3_unavailable {
		padding-left: 20px;
		background: url(images/dvd.gif) no-repeat 0 -2px;
	}
	.formats .f4,
	.formats .f4_unavailable {
		padding-left: 20px;
		background: url(images/cdmas.gif) no-repeat 0 -2px;
	}
	.formats .f5,
	.formats .f5_unavailable {
		padding-left: 20px;
		background: url(images/libro.gif) no-repeat 0 0px;
	}
	.formats .f6,
	.formats .f6_unavailable {
		padding-left: 20px;
		background: url(images/formats.cassette.gif) no-repeat 0 0;
	}
	.formats .format_tape,
	.formats .format_tape_unavailable {
		padding-left: 20px;
		background: url(images/formats.cassette.gif) no-repeat 0 3px;
	}
	.formats .format_tape_unavailable {
		background-position: 0 -26px;
		color: #CFD2D3;
	}
	.formats .format_wma,
	.formats .format_wma_unavailable {
		padding-left: 21px;
		background: url(images/formats.wma.gif) no-repeat 0 -50px;
	}
	.formats .format_wma_unavailable {
		background-position: 0 -75px;
		color: #CFD2D3;
	}
	.formats .format_ipod,
	.formats .format_ipod_unavailable {
		padding-left: 18px;
		background: url(images/formats.ipod.gif) no-repeat 0 -50px;
	}
	.formats .format_ipod_unavailable {
		background-position: 0 -75px;
		color: #CFD2D3;
	}

	/* Globals
	--------------------------------------------------------*/
.titgris2xxxx{
background:#6D7579 none repeat scroll 0% 50%;
color:#FFFFFF;
margin-bottom:20px;
padding:0pt 10px;
width:470px !important;
line-height: 34px;
font-size:16px;
}
.titgris2 {/*_style_002.css (line 129)*/
/*width:470px !important;*/
		font-size: 16px;
		line-height: 34px;
		color: #fff;
		padding: 0px 18px;
		font-weight: normal;
}









	/* Content + Sidebar
	--------------------------------------------------------*/

/*
	.content_with_sidebar {
		position: relative;
	}
*/
	.content_with_sidebar .content {
		float: left;
/*
		position: relative;
		clear: none;
*/
	}
	.content_with_sidebar .sidebar .content {
		float: none;
		width: auto;
		padding: 10px 20px;
		position: relative;
	}

  .content_with_sidebar .sidebar {
  clear:right;
  float:right;
  margin:0px 0px 20px;
  width: 266px;
  padding: 0;
  		position: relative;
  }
	.content_with_sidebar .sidebar h2,
	.content_with_sidebar .sidebar li {
		font-size: 16px;
		line-height: 34px; /*en style_03*/
		color: #fff;
		padding: 0px 18px;
		font-weight: normal;
		/*intentar quitarlo por mozilla*/
		/*width: 266px;*/

	}
	.titgris2,.content_with_sidebar .sidebar .generic h2 {
		background: #6D7579;
		margin-bottom: 0px;
		margin: 0;
		padding: 0;
/*		border: 0 18px;*/
		padding: 0 0 0 18px;
	}

/*-----------añado del 03*/	
	.content_with_sidebar .generic {
		background: #fff;
	}
	.content_with_sidebar .content {
		width: 470px;
	}

	
	
	
	
	
	#cajatelf {
		width: 160px;
		background: #f0f1f1 url(images/toll_free.gif) no-repeat 10px 16px;
		border: 1px solid #6d7579;
		margin: 6px 0 0 42px;
		text-align: center;
		font-size:12px;
		color:#667777;
font-family:sans-serif,Verdana,Georgia,serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:24px;
	}
	#cajae_mail {
text-align: left;
margin-left:-10px;
	}






	fieldset {
		border: 0;
	}
	legend {
		display: none;
	}
	/* Tables
	--------------------------------------------------------*/

table.data {/*_style_002.css (line 69)*/
width:470px !important;
/*background: #916;*/
}
table.dataxxx td, table.data th {
border-bottom:1px solid #FFFFFF;
font-size:12px;
line-height:24px;
padding:0pt 5px;
}

	table.data th {
		border-right: 1px solid #fff;
		background: #e9eaeb;
		text-align: right;
		font-weight: normal;
		text-transform: lowercase;
		vertical-align: top;
	}
	table.data thead th {
		text-align: left;
	}
table.data tfoot td {
background:#e9eaeb none repeat scroll 0%;
}

/*-------------------------------------------------------------------*/

	.content_with_sidebar {/*quitar*/
		position: relative;
	}

	/* Continue Button
	--------------------------------------------------------*/

	.focal_action_button {
		margin: 20px 0;
		height: 55px;
		clear: both;
		/*
		margin: 40px 8px;
		background: #fff url(images/focal_button_container.bg.png) repeat-y 0 0;
		*/
		position: relative;
	}
	.focal_action_button a {width:266px;
		float: right;
		display: block;
		text-align: center;
		background: #f60 url(images/focal_button.bg.png) no-repeat 0 0;
		text-decoration: none;
		cursor: pointer !important;
	}
	.focal_action_button a:hover {
		background-position: 0 -55px;
	}
	.focal_action_button a:hover span {
		background-position: 100% -55px;
		color: #fff;
	}
	.focal_action_button span {
		display: block;
		height: 55px;
		/*font: bold 30px/55px 'Trebuchet MS', sans-serif !important;
		*/
		font: bold 20px/55px 'Trebuchet MS', sans-serif !important;
		padding: 0 18px 0 4px;
		/*color: #fff;*/
		color: #ddd;
		background: url(images/focal_button_arrow.png) no-repeat 100% 0;
	}

	
	/* Item Actions de style_002
	--------------------------------------------------------*/
	.item_actions {
		list-style-type: none;
	}
	.item_actions li {
		display: inline;
	}
	.item_actions li a {
		float: left;
		text-indent: -5000px;
		line-height: 0 !important;
	}
	.item_actions .quantity input.text {
		float: left;
		width: 30px;
		margin-right: 5px;
		text-align: center;
	}
	.item_actions .delete a {
		margin-top: 3px;
		width: 13px;
		height: 14px;
		background: url(images/delete.png) no-repeat 0 0;
	}
	tr:hover .item_actions .delete a:hover,
	tr.hover .item_actions .delete a:hover {
		background-position: 0 -28px;
	}
	tr:hover .item_actions .delete a,
	tr.hover .item_actions .delete a {
		background-position: 0 -14px;
	}
/*
*/



	/* Table
	--------------------------------------------------------*/
	textarea {
		width: 460px;
		margin-bottom: 20px;
	}


/*-------------sombra de portadas-----------------------------*/

.sombra1{border-top: 8px solid transparent;}
.sombra3 {
float:right;
background: url(images/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. */
}
.sombra3 img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* 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 */
}

/*-----------links en la cabecera parte superior-------------------------*/
#headlinks {
/*borde inclinado*/
background-image:url(images/ql_r1.gif);
background-position:right center;
background-repeat:no-repeat;
float:left;
font-size:0.85em;
padding:0px 9px 0px 0px;/**/
/*width:358px;*/  /*lo pongo en el span*/
}
#headlinks span {
/**/
background-image:url(images/bg_headlinks.jpg);/*bg_headlinks.jpg   bg_headlinks2.gif*/
background-repeat:repeat-x;
/*display:block;*/
height:21px;/*height:18px;*/
padding:3px 0px 0px 5px;
font-size:0.85em;
/*width:122px;*/
float:left;
text-align: left;
}
#header_middle {
background-image:url(images/bg_headlinks2.gif);
background-repeat:repeat-x;
/*height:18px;
border:0;padding:0px;margin:0;*/
}
#idioma {
background-image:url(images/ql_r2.gif);
background-repeat:no-repeat;
float:right;/**/
font-size:0.85em;
padding-left:9px;
text-align:center;
}
#idioma a {
	width: 80px;
	height: 21px;/*height: 18px;*/
	display: block;
	color: #6F839C;
	text-decoration: none;
	background-repeat: repeat-x;
	background-image: url(images/bg_headlinks.jpg);
	padding: 3px 5px 0px 0px;
}
/*------------------botón identificacion usuario---------------------*/
#usuario2 a:hover {/*text-decoration: underline;*/
border-bottom: 2px solid ;
}
#usuario2 {
font-size:11px;
margin-top:11px;
padding-left:48px;
}
#usuario {
background:transparent url(images/usuario.gif) no-repeat scroll right bottom;
height:37px;
margin-left:690px;
position:absolute;
top:38px;
width:174px;
}
#usuarioyes {
background:transparent url(images/bg_logado.gif) no-repeat scroll right bottom;
font-size:10px;
height:37px;
margin-left:690px;
position:absolute;
text-align:right;
top:38px;
width:214px;
}

#UsuarioLogado {
font-size:11px;
margin-top:3px;
padding:0pt 0pt 0pt 38px;
text-align:left;
}
#usuarioyes2 {
font-size:11px;
margin-top:11px;
padding:0pt 0pt 0pt 38px;
text-align:left;
}


.tituloPanel{padding:6px;background-color: #f60;width: 220px;
margin-left: -4px;
}

.entradausu{padding:0 6px 0 80px;}
.entradausuNuevo{padding:0 6px 0 80px;}