/* CSS Document */

.hidePrint {
	display:none;
}

body{
	background-color:#EDEDED;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px 5px;
}

form {
	margin:0px;
}

img {
	border:none;
}

.hideView {
	display:block;
}

.aviso {
	background:url("../img/alert.gif") 5px no-repeat;
	border:1px dotted #333;
	padding:5px 10px 5px 25px;
	margin-top:3px;
}

.separador {
	width:100%;
	height:10px;
	margin-right:3px;
	margin-top:10px;
	margin-bottom:0px;
	background-image:url("../img/linea_puntos.gif");
	background-repeat: repeat-x;
}

#tabla_principal{
	width:977px;
	background-color:#EDEDED;
}

#cabecera{
	width:692px;
	height:265px;
	background:url(../img/cabecera.jpg) no-repeat;
}

#userLogin, #userLogout {
	position:absolute;
	margin-top:-35px;
	margin-left:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#userLogin #backLogin {
	background:url("../img/backLogin.jpg");
	width:104px;
	height:61px;
	position:absolute;
	margin-top:-7px;
	margin-left:-45px;
}

#userLogout #backLogout {
	background:url("../img/backLogout.jpg");
	width:104px;
	height:61px;
	position:absolute;
	margin-top:-7px;
	margin-left:-45px;
}

#userLogin #backLoginInput {
	background:url("../img/backLoginInput.jpg");
	width:104px;
	height:61px;
	position:absolute;
	margin-top:-8px;
	margin-left:114px;
}

#userLogin #datos {
	position:absolute;
	z-index:2;
	width:185px;
	display:block;
	text-align:center;
	margin-left:30px;
	margin-top:0px;
}

#userLogin #datos label {
	width:75px;
	margin-top:7px;
	color:white;
	text-align:right;
	float:left;
	clear:left;
}

#userLogin #datos input {
	width:90px;
	background:#f5f5f5;
	border:none;
	text-align:left;
	margin-bottom:2px;
	margin-right:5px;
	margin-top:6px;
	vertical-align:top;
	float:right;
	clear:right;
}

#userLogin #btnCompras {
	position:absolute;
	margin-left:223px;
	margin-top:5px;
}

#usuarios #nuevoUsuario {
	margin-top:3px;
	margin-left:76px;
	font-size:12px;
	color:white;
}

#userLogin #nuevoUsuario a {
    font-size:12px;
	font-weight:bolder;
	color:#ffcc00;
}

#userLogin #nuevoUsuario a:hover {
	color:#FB6707;
}

#userLogout a {
	margin-left:70px;
	display:block;
	color:#fff;
	background:url("../img/flecha2.gif") left no-repeat;
	padding-left:15px;
}

#userLogout a:hover {
	color:#f90;
}

#divCompra{
	width:470px;
	float:left;
	font-size:12px;
	margin-left:10px;
	margin-top:15px;
}

#divCompra table {
	font-size:12px;
	border:1px dotted #353030;
}

#divCompra .listado_compra th{
	background:#353030;
	color:#fff;
	padding-right:10px;
	height:18px;
	text-align:right;
}

#divCompra .listado_compra th.title {
	border-bottom:1px dotted #353030;
}

#divCompra .secondline {
	color:#555;
	font-size:11px;
}


#divCompra .resumen {
	float:right;
	margin-right:0px;
	width:468px;
	margin-top:0px;	
	background:#e0e0e0;
	border:1px dotted #353030;
	border-top:none;
	line-height:20px;
}

#divCompra .resumen .left {
	float:left;
	clear:left;
	margin-left:10px;
	text-align:right;
	width:360px;
}

#divCompra .resumen .right {
	float:right;
	clear:right;
	padding-right:10px;
	width:70px;
	text-align:right;
}

#divCompra .total {
	display:block;
	float:right;
	width:468px;
	font-weight:bold;
	background:#353030;
	height:18px;
	line-height:18px;
	padding-left:0px;
	padding-right:0px;
	color:#fff;
	margin-top:3px;
}

#divCompra .total .left {
	margin:0px;
}

#divCompra .total .right {
	margin:0px;
}

#divCompraLateral {
	display:none;
	width:190px;
	float:right;
	font-size:12px;
	margin-right:4px;
	margin-top:18px;
}

#divCompraLateral #titulo {
	width:190px;
	height:20px;
	background:url("../img/mas_productos.gif") left no-repeat;
	color:white;
	font-weight:bold;
	padding-left:5px;
	line-height:16px;
}

#divCompraLateral a {
	padding-left:15px;
	background:url("../img/flecha2.gif") left no-repeat;
}

#tit_seccion{
	width:692px;
	height:80px;
}

#clientPedidos {
	width:95%;
	margin-left:10px;
	border:none;
	margin-bottom:10px;
}

#clientPedidos .pedido {
	border:1px dotted #353030;
	background:none;
	width:96%;
}

#clientPedidos .pedido .secondline {
	float:left;
	cursor:pointer;
}

#clientPedidos a {
	width:100%;
	height:100%;
	padding:5px;
	background:none;
	float:left;
}

#clientPedidos a:hover {
	background:#fafafa;
}

#clientPedidos a img {
	float:left;
}

#clientForm {
	width:94%;
	margin-left:10px;
	border:none;
	margin-bottom:10px;
}

#clientForm th {
	text-align:left;
	padding-top:10px;
	padding-bottom:3px;
	border-bottom:1px dashed #ccc;
}

#clientForm .info {
	padding-top:3px;
	padding-bottom:5px;
	color:#555;
	font-size:11px;
}

#clientForm table {
	border:none;
	width:100%;
}


#bg_cuerpo{
	width:692px;
	height:420px;
	background:url(../img/bg_cuerpo.jpg) no-repeat;
}

#pie{
	display:none;
	width:692px;
	height:40px;
	/*background:url(../img/pie.gif) no-repeat;*/
}


#lateral1a{	
	width:60px;
	height:265;
	background:url(../img/lateral1a.gif) no-repeat;
}

#lateral2a{	
	width:60px;
	height:80;
	background:url(../img/lateral2a.gif) no-repeat;
}

#lateral3a{	
	width:60px;
	height:420;
	background:url(../img/lateral3a.gif) no-repeat;
}

#lateral4a{	
	width:60px;
	height:40;
	background:url(../img/lateral4a.gif) no-repeat;
}

#lateral1b{	
	width:225px;
	height:265;
	background:url(../img/lateral1.gif) no-repeat;
}

#lateral2b{	
	width:225px;
	height:80;
	background:url(../img/lateral2.gif) no-repeat;
}

#lateral3b{	
	width:225px;
	height:420;
	background:url(../img/lateral3.jpg) no-repeat;
}

#lateral4b{	
	width:225px;
	height:40;
	background:url(../img/lateral4.gif) no-repeat;
}

#menu{
	margin-top:112px;
	margin-left:20px;
}

.texto{
	color:#353030;
	font-family:arial;
	font-size:12px;
	text-decoration:none;
}


#direccion_correo{
	margin-left:60px;
	margin-top:340px;
}
#enlace_correo{
	color:#353030;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#enlace_correo:hover {
	color:#ff9900;
}

/*Empresa*/
#foto_producto{
	width:100px;
	border:1px solid #000000;
	margin:5px;
	margin-top:2px;
	display:inline;
	float:left;
}

#datos_producto{
	width:102px;
	border:1px solid #ededed;
	margin:5px;
	margin-top:3px;
	text-align:center;
	display:inline;
	float:left;
}

#referencia{
	color:black;
	font-family:arial;
	font-size:11px;
}

#nombre_producto{
	color:black;
	font-family:arial;
	font-size:11px;
}

/*Contacto*/
.tit_form{
	color:#353030;
	font-family:arial;
	font-size:12;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
}
.campos_form{
	color:#353030;
	font-family:arial;
	font-size:12;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #353030;
	background-color:#EDEDED;
	width:250px;
}

#productos {
	margin-top:13px;
	position:absolute;
}

#diseno {
	position:absolute;
	font-family:arial;
	font-size:11px;
	margin-top:-10px;
	margin-left:-200px;
}

#diseno a {
	font-weight:bolder;
	color:black;
	text-decoration:none;
}

#diseno a:hover {
	color:#ff9900;
}

#mas_productos {
	font-family:arial;
	font-size:11px;
	background:url('../img/mas_productos.gif') left center no-repeat;
	margin-top:23px;
	color:white;
	padding-left:25px;
	padding-top:2px;
	height:20px;
}

#mas_productos a {
	font-weight:bolder;
	color:white;
	text-decoration:none;
}

#mas_productos a:hover {
	color:#ff9900;
}

/* productos clientes */

#divLateralIzquierdo {
	width:220px;
	float:left;
	display:block;	
	margin-top:-10px;
}

.lista ul {
	width:175px;
	margin-left:0px;
	margin-top:5px;
	text-align:left;
}

.lista ul li {
	margin-left:0px;
	margin-top:3px;
	padding-bottom:6px;
	background: url("../img/puntos.gif") bottom repeat-x;
}

.lista ul li img {
	margin-left:5px;
	margin-right:5px;
}

.lista ul a:hover {
	font-weight:bolder;
}

a {
	color:#353535;
	text-decoration:none
}

a:hover {
	color:#C71C0A;
}