@charset "ISO-8859-1";
/* CSS Document */

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	margin:0px;
	background:url(http://www.arguilea.com.mx/qualityweb/img/bkgrd.jpg) center top #f7f7f6;
	height:100%;
	vertical-align:top;
	overflow: scroll;
}

.botonExcel{cursor:pointer;}

a:link { color: #0066CC; text-decoration: none; }
a:visited { text-decoration: none; color: #0066CC; }
a:hover { text-decoration:underline; color:#0066CC; }
a:active { text-decoration: none; color: #0066CC; }
a img { border:0px; vertical-align:middle; padding-right:3px; }

form { margin:0px; padding:0px; }
input, select, textarea { font-size:11px; color:#333; font-family:Verdana, Geneva, sans-serif; border:solid 1px #999; padding:1px; }
hr { border:0px; margin-top:5px; margin-bottom:5px; height:0px; clear:both; }
.hrDotted { border-bottom:dotted 1px #999; margin:0px; padding:0px; }
#hrSolid { border-bottom:solid 1px #999; }

#bottonok { width:250px; height:35px; font-size:13px; color:#060; font-weight:bold; }
#bottoncancel { width:120px; height:35px; font-size:13px; color:#900; font-weight:bold; }
#bottonreset { width:120px; height:35px; font-size:13px; color:#333; font-weight:bold; }
.textAreaComment { width:450px; height:35px; font-size:11px; color:#333; font-family:Verdana, Geneva, sans-serif; }

.btnHelp { cursor:pointer; margin:0px; }

h1{ font-size:20px; margin-bottom:3px; margin-top:3px; color:#060; font-weight:normal; margin-top:0px; }
h2{ font-size:20px; margin-bottom:10px; margin-top:3px; color:#033; font-weight:normal; border-bottom:solid thin #CCC; display:inline; }
h3{ font-size:15px; /*12px;*/ margin-bottom:3px; margin-top:3px; color:#369; font-weight:normal; text-transform:uppercase; }

.lista01 td { border-bottom:dotted 1px #CCC; vertical-align:top; padding-bottom:20px; }
.lista01:hover { background:#FFFFD2; color:#000; }

.valor01{ font-size:13px; color:#030; }
.valor02{ font-size:12px; color:#030; }
.valor03{ font-size:11px; color:#030; }
.valor03{ font-size:10px; color:#030; }

.tag01{ font-size:11px; color:#666; }
.tag02{ font-size:10px; color:#666; }
.tag03{ font-size:9px; color:#999; }

.boxContenedor {
	width:150px;
	height:100px;
	overflow:croll;
}
#rotator
{
overflow: hidden;
margin: 50px auto 10px;
position: relative;
width: 293px;
height: 913px;
}
#rotator img
{
border: 0;
width: 293px;
height: 913px;
}

/* VIANICK */
.separacion
{
	height:2px;
	background:#090;
}

#contenedorPrincipal
{
	width:1000px;
	/*overflow:hidden;*/
	overflow:show;
	margin-left:auto;
	margin-right:auto;
}

#encabezado
{
	height:100px;
	background-image:url(imagenes/FranjaBlanca.png);
	background-repeat:no-repeat;
	padding-left:4px;
	/*padding-bottom:8px;*/
}

#logoEncabezado
{
	width:auto;
	height:100px;
	float:left;
	padding:0 5px;
}

#tituloEncabezado p
{
	border-left: solid thick #00704a;
	padding-left:10px;
	margin-left: 10px;
	float:left;
}
p.titulo
{
	font-size:24px;
	color: #003300;
	margin-bottom:0;
}

.subtitulo
{
	font-size:14px;
	color: #003300;
	margin-top:0px;
	padding-top:0px;
}

#datosEncabezado
{
	float:right;
	color: #2fac2f;
	padding-right:10px;
}

#datosEncabezado a
{
	color:#C00;
	text-decoration:none;
}

#datosEncabezado a:hover
{
	color:#C60;
}

.menuPrincipal
{
	width:900px; /*807px;*/
	height:33px;
	margin-left:auto;
	margin-right:auto;
	/*margin-top:-23px;*/
	margin-top:-3px;
	color:#FFF;
	background-image:url(imagenes/FranjaVerde.png);
	background-repeat:no-repeat;
}

.menuPrincipal ul
{
	margin:0;
	float:left;
}
.menuPrincipal ul li
{
	list-style:none;
	display:inline;
	font-size:14px;
	line-height:28px;
	padding:0;
}

.menuPrincipal ul li a
{
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 22px;
	margin-top:50px
}

.menuPrincipal ul li a:hover
{
	color: #FFF;
	background-image:url(imagenes/imgOver.png);
	background-repeat:no-repeat;
	font-weight:bolder;
	text-transform:uppercase;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 22px;
}

.contenedor
{
	margin: 20px 0;
}

.tapaSuperior
{
	background:url(imagenes/bgtop.png) center no-repeat; height:20px;
}

.contenedorInterno
{
	background:url(imagenes/bgmid.png); center repeat-y; padding:10px;
	margin-left:1px;
	padding:20px;
}

.tapaInferior
{
	background:url(imagenes/bgbot.png) center no-repeat; height:23px;
}

.pestana
{
	border-bottom:solid 1px #999;
	padding:0px;
	padding-left:5px;
	font-size:14px;
	width:100%;
	float:left;
	margin-bottom:15px;
}

.pestana ul li
{
	display:inline;
	list-style:none;
}
.pestana ul li a
{
	padding:4px 10px; border:solid 1px #999; border-bottom:solid 1px #999; background:#F3F3F3; float:left;
    position:relative; margin-bottom:-1px; margin-left:5px;
}

.pestana ul li.activo a
{
	padding:4px 10px; border:solid 1px #999; border-bottom:solid 1px #FFF; background:#FFF; float:left;
    position:relative; margin-bottom:-1px; margin-left:5px;
}

p.mensaje
{
	padding: 10px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.exito
{
	background: #c7e5c2 url(images/green_message.gif) repeat-x;
	border: 1px solid #a2d399;
	color:#0c5500;
}

p.error
{
	background: #e2c5c5 url(images/red_message.gif) repeat-x;
	border: 1px solid #cf9e9e;
	color:#6d0505;
}

p.advertencia
{
	background: #eae1b1 url(layout/site/forms/yellow_message.gif) repeat-x;
	border: 1px solid #e0d182;
	color:#993300;
}

p.info
{
	background: #c4dde3 url(images/blue_message.gif) repeat-x;
	border: 1px solid #9cc6d0;
	color:#00596e;
}

p.blanco
{
	background: #fefefe url(images/white_message.gif) repeat-x;
	border: 1px solid #dbdbdb;
}

.seccion
{
	padding:10px;
	margin-bottom: 15px;
	font-size:16px;
}

.modulo
{
	margin:25px 0;
	clear:both;
}

.modulo h3
{
	margin-top:20px;
}

.tablaHorizontal input, .tablaHorizontal select
{
	margin-bottom:20px;
	margin-top:0;
}

.tablaHorizontal label
{
	margin-bottom: -10px;
}
.tablaHorizontal td
{
	padding:4px;
}

.boton
{
	padding:5px 8px;
	cursor:pointer;
}

.boton:hover, .seleccionado
{
	background-color:#96DEEB;
}

/* main menu styles */
#nav {
    display:inline-block;
    width:100%;
    margin:0px auto;
    padding:0;
    background:#335599;
	z-index:1;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
    margin:10px;
    float:left;
    position:relative;
    list-style:none;
}
#nav a {
    font-weight:bold;
    color:#e7e5e5;
    text-decoration:none;
    display:block;
    padding:8px 20px;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    text-shadow:0 2px 2px rgba(0,0,0, .2);
}

#nav li ul li {
	box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#7788aa;
    color:#000;
    border-top:1px solid #f8f8f8;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
}
#nav ul li a:hover {
    background:#335599 ;
    color:#fff;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	 text-shadow:0 2px 2px rgba(0,0,0, 0.2);
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:175px;
    position:absolute;
    background:#aabbcc ;
    border:1px solid #7788aa;

    border-radius:10px; /*some css3*/
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
}
#nav ul ul {
    left:160px;
    top:0px;
}

.accordeon, .tituloFondo {
	background-color: #46A3CA;
	background: #333;
	border-radius: .50em;
	cursor: pointer;
	display: block;
	margin-bottom: .125em;
	padding: .25em 1em;
	z-index: 20;
	color: #FFF;
}

.tituloFondo
{
	cursor:default;
}

.accordeon:hover
{
	background-color:#666;
}

.tablaProductos
{
	width:100%;
}

.tablaProductos th
{
	background-color:#06406A;
	color:#FFF;
	cursor:default;
	padding: 4px;
	
	border-radius:7px; /*some css3*/
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}

.tablaProductos td
{
	padding: 4px;
	border-collapse:collapse;
	border-bottom: dotted thin #06406A;
}

.Pendiente
{
}

.Pagada
{
	background-color:#C7ECE0;
}

tr.Cancelada
{
	background-color:#FFE1E1;
}

input.Cancelada
{
	background-color:#DA2D2D;
	color:#FFF;
}

input.Pagada
{
	background-color: #5DDB2C;
	color: #3D0844;
}

.tablaProductos tr:hover
{
	background-color: #7DC7DA;
	cursor:pointer;
}

td.acciones
{
	padding:0;
}
.acciones ul
{
	margin:0;
	list-style: none;
	padding: 0;
}

.acciones a {
	height: 25px;
	width: 25px;
	float: left;
	text-indent: -3000px;
	background-repeat:no-repeat;
}

a.accionImprimir { background-image: url(imagenes/impresora.gif); }

a.accionXML { width: 34px;  background-image: url(imagenes/xml.jpg); background-position:center }

a.accionPDF { background-image: url(imagenes/pdf.png); }

a.accionCorreo { background-image: url(imagenes/sobre.gif); }