body {
	background: url(../gfx/fondo.gif) repeat-x #f3f3f3;
	/*background: url(../gfx/bgbody_cumple.jpg) repeat-x #f3f3f3;*/
	font-family: Tahoma;
	font-size: 11px;
	color: #3a4750;
}

#wrap {
	width: 970px;
	margin: 0 auto;
	padding-top: 5px;
}

h1 {
	font-size: 18px;
	color: #3a4750;
}

#contenedor, #top, #banner_logo, #botonera, #botonera ul {
	width: 980px;
	float: left;
}

#banner_logo {
	position:relative;
}

#footer {
	width: 970px;
	float: left;
	border-top: 3px solid #e77919;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	background-color: #fff;
}

#footer ul {
	width: 800px;
	float: left;
	margin-left: 100px;
}

#footer ul li {
	float: left;
	border-right: 1px solid #b5b5b5;
	padding-right: 20px;
	margin-right: 20px;
}

#footer p {
	width: 970px;
	float: left;
	margin-top: 20px;
}

.color_naranja { color: #e77919; }
.color_azul { color: #1777a5 }

a {
	color: #3a4750;
}

a:hover {
	color: #bd1402;
}

#main {
	width: 970px;
	float: left;
	padding: 10px 4px 0 4px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background-color: #fff;
}

#main {
	width: 970px;
	float: left;
}

#logo {
	width:295px;
	float: left;
}

#musica {
	position:absolute;
	right:0px;
	bottom:0px;
}

#login {
	position:absolute;
	right:0px;
	background-color:#FF9933;
	border:solid 2px #414141;
	padding:3px;
	border-top:none;
}

#login p {
	float:left;
	margin:0 5px 0 0;
}

#login input {
	margin:5px 0 5px 0;
	font-size:12px;
	width:80px;
}


#banner_login {
	width:684px;
	float: right;
}

#botonera ul li{
	float: left;
	margin-left: 34px;
	margin-right: 34px;
}

#botonera ul li a {
	float: left;
	padding: 15px 0 15px 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#botonera ul li a:hover, .selected {
	background: url(../gfx/fondo_botonera.gif) no-repeat bottom center;
}

#col1 {
	width: 202px;
	float: left;
	border-right: 1px dashed #dddddd;
}

#col2 {
	width: 544px;
	float: left;
	border-right: 1px dashed #dddddd;
	margin-left: 5px;
}

#col3 {
	width: 200px;
	float: right;
}

#categorias, #infotupi, #soportec, #buscador, #carrito, #ate_cliente, #lista_bodas, #entre_domicilio {
	width: 197px;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #b5b5b5;
}

#categorias h2, #infotupi h2, #soportec h2, #buscador h2, #carrito h2, #ate_cliente h2, #lista_bodas h2, #entre_domicilio h2 {
	margin: 10px 0 10px 0;
	background-repeat: no-repeat;
	background-position: left;
	padding: 2px 0 2px 20px;
}

#categorias h2 { background-image: url(../gfx/ico/file.gif); }
#infotupi h2 { background-image: url(../gfx/ico/note.gif); }
#soportec h2 { background-image: url(../gfx/ico/herramientas.gif); }
#buscador h2 { background-image: url(../gfx/ico/lupa.gif); }
#carrito h2 { background-image: url(../gfx/ico/box.gif); }
#ate_cliente h2 { background-image: url(../gfx/ico/globito.gif); }
#lista_bodas h2 { background-image: url(../gfx/ico/corazon.gif); }
#entre_domicilio h2 { background-image: url(../gfx/ico/casita.gif); }

.caja_borde, .caja_borde_titulo, .caja_borde_top, .caja_borde_down {
	width: 197px;
	float: left;
}

.caja_borde_medio {
	width: 157px;
	float: left;
	padding: 0 20px 0 20px;
	background: url(../gfx/boxes/borde_gris_middle.gif) repeat-y;
}

#categorias .caja_borde_medio div ul {
	background-color: #e1e2e3;
	border-bottom: 1px dashed #b5b5b5;
}

#categorias .caja_borde_medio div ul li {
	padding: 10px 10px 10px 16px;
}

.caja_borde_medio h3 {
	margin: 10px 0 10px 0;
}

.con_nivel {
	padding-left: 15px;
	background: url(../gfx/ico/+.gif) no-repeat left;
}

#soportec ul li, #infotupi ul li, #ate_cliente ul li, #lista_bodas ul li, #entre_domicilio ul li {
	border-bottom: 1px dashed #b5b5b5;
}

#soportec p, #infotupi p, #ate_cliente p, #lista_bodas p, #entre_domicilio p {
	margin: 10px 0 10px 0;
}

.input {
	font-size: 11px;
	width: 147px;
	padding: 5px;
	background-color:#fff;
	border:1px solid #dddddd;
}

.espacio_tablas td {
	padding: 0 0 5px 0;
}

.boton {
	/*font-size: 11px;*/
	font-size: 10px;
	background: url(../gfx/fondo_botones.gif) repeat-x #dfdfdf;
	border:1px solid #ececec;
	font-weight: bold;
	padding: 5px 0 5px 0;
}

.titulo {
	color: #ff6600;
	font-weight: bold;
}

.lista th {
	text-align:left;
	font-weight:bold;
}

.lista th, .lista td {
	padding:5px;
}


/* formularios */
form table th {
	text-align:right;
}

form table td, form table th {
	padding:3px;
}

form table th {
	vertical-align:top;
	padding-top:10px;
	font-weight:bold;
}

form fieldset {
	border:solid 1px #999999;
	padding:3px;
}

.error {
	color:#FF3300;
}

input[type=text], select, input[type=password], textarea {
	padding:4px;
	margin:2px 0 0 0;
	border:solid 1px #666666;
	font-size:11px;
	color:#333333;
}
/* fin formularios */