/**
* Diseño: Artestudios, Agencia de Servicios Plenos, S.L.L. *
* Copyright 2007 *
* http://www.artestudios.com *
**/

/* ##################### OVERALL SETTINGS ##################### QM: ok */
body {
  margin           : 10px;
  padding          : 10px;
  background       : url(../images/mainback.png) #999999;
  font-family      : arial, sans-serif;
  font-size        : 12px;
  color            : #000;
}

td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
  color            : #000;
  font-size        : 12px;
}

hr {
  color            : #E0E0E0;
  height           : 1px;
  width            : 100%;
}

/* ############## MAIN TABLE CONTAINER SETTINGS ############### QM:  */
.maincontainer {
  width            : 763px;
  background-color : #fff;
  border-top       : 1px solid #000000;
  border-left      : 1px solid #000000;
  border-bottom    : 2px solid #000000;
  border-right     : 2px solid #000000;
}

.logouser4container {
	height           : 60px;
	background-color: #000000;
}

.user4container {
  float            : right;
  width            : 300px;
}

.logocontainer {
  float            : left;
  width            : 500px;
}

.headercontainer {
	border-bottom    : 1px solid #ffffff;
	background-color: #000000;
}

.topmenucontainer {
	height           : 30px;
	background-image: url(../images/tiramenu.jpg);
	background-repeat: repeat-x;
}

.topmenu {
  float            : right;
  width            : 380px;
}

.pathwaycontainer {
	float            : left;
	padding          : 2px;
	width            : 320px;
	visibility: hidden;
	display: none;
}

.leftmenucontainer {
  width            : 150px;
  border-right     : 1px solid #cccccc;
  background       : url(../images/leftback.png) no-repeat top left #ffffff;
}

.rightmenucontainer {
	width            : 175px;
	background-color: #CCCCCC;
	background-image: url(../images/productos.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 35px;
	color: #FFFFFF;
}

.contentcontainer {
  border-top       : 5px solid #ffffff;
}

/* ##################### MODULE SETTINGS ###################### QM: ok */
table.moduletable {
  width            : 100%;
  table-layout     : auto;
  margin           : 0px 4px 15px 4px;
}
table.moduletable th {
	padding          : 3px 0px;
	font-size        : 14px;
	font-weight      : bold;
	text-transform   : uppercase;
	text-align       : left;
	letter-spacing   : 1px;
	color            : #000000;
}
table.moduletable td {
  padding          : 0px;
}

/* ##################### FORMULAR SETTINGS #################### QM: ok */
.button {
  background-color : #000000;
  color            : #FFFFFF;
  border           : 1px solid #003366;
  margin           : 5px;
}

.inputbox {
	border           : 1px solid #FF3333;
	color            : #000000;
	margin           : 5px;
	background-color: #F5E6E6;
}

/* ################# SECTION LISTING SETTINGS ################# QM: ok */
.sectiontableheader {
	font-size        : 11px;
	font-weight      : bold;
	text-align       : center;
	color            : #FFFFFF;
	vertical-align   : middle;
	height           : 20px;
	border-right     : 1px solid #fff;
	padding          : 0px 10px;
	background-color: #666666;
}

.sectiontableentry1 {
  background       : #F9F9F9;
  padding          : 3px 5px;
}

.sectiontableentry2 {
  background       : #F0F0F0;
  padding          : 3px 5px;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM: ok */

a.mainlevel  {
	margin           : 0px;
	padding          : 0px;
	font-size        : 12px;
	text-indent      : 20px;
	background-image: url(../images/puntin.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 165px;
	margin: 1px;
	background-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

a.mainlevel: link {
  text-indent      : 10px;
}



a.mainlevel:hover {
	text-decoration  : none;
	text-indent      : 20px;
	background-color: #FF0000;
	width: 165px;
	background-image: url(../images/puntin2.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#active_menu {
  font-weight      : bold;
  color            : #000000;
}
a#active_menu:hover {
}

.sublevel {
	font-size        : 12px;
	color: #FFFFFF;	
}

ul#mainlevel-nav {
  padding          : 0;
  margin           : 0;
  list-style       : none;
}

ul#mainlevel-nav li {
	display          : block;
	padding-left     : 0px;
	padding-right    : 0px;
	margin           : 0;
	float            : right;
	font-size        : 11px;
	font-weight      : bold;
	line-height      : 20px;
	white-space      : nowrap;
	border-left      : 1px solid #FFFFFF;
	color: #FF0000;
}

ul#mainlevel-nav li a {
  display          : block;
  padding-left     : 10px;
  padding-right    : 10px;
  text-decoration  : none;
  color            : #FFFFFF;
}

ul#mainlevel-nav li a:hover {
  color            : #000000;
  background       : #336699;
}
/* ########################### ususario y pedido ########################## QM: ok */
a.mainlevelusuario  {
	margin           : 1px;
	font-size        : 12px;
	
	background-image: url(../images/puntin.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 165px;
	margin: 1px;
	background-color: #CCCCCC;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
}

a.mainlevelusuario: link {
  
}



a.mainlevelusuario:hover {
	text-decoration  : none;
	
	background-color: #FF0000;
	width: 165px;
	background-image: url(../images/puntin2.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/* ########################### LINKS ########################## QM: ok */
a:link, a:visited {
  color            : #666666;
  text-decoration  : none;
}

a:hover {
	color            : #000000;
	text-decoration  : none;
}

a.category:link, a.category:visited {
	font-weight      : bold;
	color: #000000;
}

.readon {
  font-weight      : bold;
}

/* ##################### PAGE NAVIGATION ###################### QM: ok */
.pagenavbar {
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 3px;
  text-align       : center;
}

.contenttoc {
  width            : 180px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 2px;
}

.contenttoc th {
  padding          : 3px 5px;
  font-size        : 14px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #000000;
}

.contenttoc td {
  padding          : 2px 5px;
}

/* ################### SMALL FONT SETTINGS #################### QM: ok */
.small {
  font-size        : 10px;
  color            : #FFFFFF;
}

.smalldark {
  font-size        : 10px;
  color            : #000000;
}

.createdate, .modifydate {
  font-size        : 10px;
  color            : #999999;
}

/* ##################### VOTING SETTINGS ###################### QM:  */
.content_rating {
  font-size        : 10px;
  color            : #FEC56A;
}

.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  padding-left     : 10px;
  padding-right    : 10px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
}

/* ##################### PATHWAY SETTINGS ##################### QM: ok */
.pathway {
  font-size        : 12px;
  color            : #FFFFFF;
  letter-spacing   : 1px;
  margin-left      : 4px;
}

a.pathway:link, a.pathway:visited {
  color            : #000000;
  font-size        : 12px;
}

a.pathway:hover {
  font-size        : 12px;
}

/* ################### CONTENT PAGE SETTINGS ################## QM: ok */
.contentpane {
  padding          : 0px;
  background       : #fff;
}

.contentpaneopen {
  padding          : 0px;
  text-align       : justify;
  background       : #fff;
}

.contentheading, .componentheading {
  padding          : 0px;
  font-size        : 14px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #FFFFFF;
}

.contentpagetitle {
  font-weight      : bold;
  color            : #000;
}

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
  text-decoration  : none;
}

/* ###################### BUTTON SETTINGS ##################### QM: ok */
a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

a.readon:hover {
  color            : #000000;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:link, .back_button a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:hover {
  color            : #000000;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.pagenav a:link, .pagenav a:visited, .buttonheading a:link, .buttonheading a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #F0F0F0;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.pagenav a:hover, .buttonheading a:hover {
  color            : #000000;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : #F0F0F0;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 4px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}
/* ###################### FICHAS ##################### QM: ok */
#titulo {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #993300;
}
.raya {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
}
.textonormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
.textonormal ul {
	padding: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 15px;
}
.tallas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.referencia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #993300;
	vertical-align: bottom;
	clip:   rect(auto auto auto auto);
	padding-bottom: 4px;
}
.colores {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.fondo {
	background-image: url(ARTIPRO/sitio/fotos/tirafondo.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
/* ###################### home ##################### QM: ok */
.fnd_calzado {
	background-image: url(file:///E|/SUSANA/ARTIPRO/web/templates/akocleanbizz/images/fnd_calzado.jpg);
	background-repeat: repeat-y;
}
.fnd_calzado2 {
	background-image: url(file:///E|/SUSANA/ARTIPRO/web/templates/akocleanbizz/images/fnd_calzado2.jpg);
	background-repeat: repeat-x;
}
/* ###################### TALLAS ##################### QM: ok */

.tablaprincipal {
	background-image:  url(../images/fondotallas.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: none;
}
.tablapequeña {
	margin-left: 5px;
}
.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
}
.tallas1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}
.txtnegativo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #FFFFFF;
	vertical-align: middle;
}
.Estilo4 {color: #FF0000; font-weight: bold; }
.abajo {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-align: center;
}
/* ###################### CONTACTO ##################### QM: ok */
#emailForm// {
	float: right;
	height: 450px;
	width: 500px;
	padding: 30px;
	margin-right: 17px;
	background-image: url(../images/fnd_contacto.jpg);
	background-repeat: no-repeat;
}
#send// {
	float: right;
}
#chivo// {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	float: right;
	margin-right: 10px;
	text-align: left;
	word-spacing: normal;
	width: 200px;
	padding-left: 10px;
}

/* ###################### QUIENES SOMOS ##################### QM: ok */
.tablaquienes {
	background-image: url(file:///D|/SUSANA/prestoiberica/akocleanbizz/images/quienes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clip: rect(auto,auto,auto,auto);
	height: 400px;
	width: 550px;
}
.txtquienes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
	width: 315px;
	margin-right: 15px;
	margin-top: 82px;
	text-align: justify;
}

/* ###################### QUIENES SOMOS ##################### QM: ok */
#login {
	background-color: #FFFFFF;
	width: 173px;
	padding: 2px;
	border: 1px solid #000000;
	background-image: url(../images/users.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#cart {
	background-color: #003366;
	text-align: right;
	text-indent: 10px;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
/* ###################### BROWSE ##################### QM: ok */
#nombre a {
	width: 173px;
}
#detalles a {
	width: 173px;
}
#precio span {
	width: 173px;
}
#browse {
	margin-left: auto;
	width: 70%;
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E0E0E0;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-style: none;
}
#producsombra {
	background-image: url(http://www.artipro.com/web/templates/akocleanbizz/images/sombrabrowse2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 125px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* ###################### PRUEBAS ##################### QM: ok */
#addtocart {
	padding: 0px;
	width: 180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#addtocart input {
	
}
#addtocart label {
	margin: 0px;
	padding: 0px;
	float: left;
}
#quantity {
	border: 1px solid #7F9DB9;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/* ######################SUSANA ##################### QM: ok */
#fondo {
	background-image: url(http://www.artipro.com//web/templates/akocleanbizz/images/fnd_contacto.jpg);
	
	background-repeat: no-repeat;
	background-position: left top;
}
#emailForm {
	margin-right: 30px;
	height: 500px;
	width: 500px;
}
#emailForm .contact_email {
	padding-top: 20px;
	width: 500px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	//padding: 0px;
	//width: 500px;
	//margin-top: 30px;
	//margin-right: 0px;
	//margin-bottom: 0px;
	//margin-left: 15px;
	//background-color: #FFFFOO;
	_padding: 0px;
	_width: 500px;
	_margin-top: 15px;
	_margin-right: 0px;
	_margin-bottom: 0px;
	_margin-left: 15px;
	_background-color: ;	
}

#send {
	float: right;
	padding: 0px;
	width: 100px;
	margin-top: 0px;
	margin-right: 35px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#chivo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	word-spacing: normal;
	width: 230px;
	padding: 0px;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	_font-family: Arial, Helvetica, sans-serif;
	_font-size: 14px;
	_font-weight: normal;
	_color: #FF0000;
	_word-spacing: normal;
	_width: 230px;
	_padding-top: 200px;
	_padding: 0px;
	_float: right;
	_margin-top: 0px;
	_margin-right: 10px;
	_margin-bottom: 0px;
	_margin-left: 0px;
	_background-color: #FF66OO;
}
#chivo p {
	width: 220px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	

}
#emailForm .contact_email #contact_name {
	margin-left: 18px;
	padding-left: 0px;	
}
#mapa {
	background-image: url(http://www.artipro.com/web/templates/akocleanbizz/images/fnd_mapa.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding: 0px;
}

.direccion {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#pie {
	background-image: url(http://www.artipro.com/web/templates/akocleanbizz/images/fnd_pie.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #000000;
	width: 762px;
	margin: 0px;
	padding: 0px;
	}
#piedirec {
	width: 350px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#pie p {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
#pie a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	float: right;
	width: 150px;
	margin-right: 10px;
}
#pie a:hover {
	color: #999999;
}
#pie ul {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	list-style-type: none;
	float: right;
	width: 220px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* ###################### ESPECIFICACIONES DEL TRANSPORTE ##################### QM: ok */
#trasnporte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#trasnporte a {
	color: #000000;
	text-decoration: underline;
}
.negro {
	
	color: #000000;
}
/* ###################### CONDICIONES DE SERVICIO ##################### QM: ok */

.condiciones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-decoration: none;
}
.txtcondiciones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.titcondiciones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	height: 25px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;	
}
.txtdireccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #DB0007;
	text-align: center;
}