/* ======================================================================

	enelnombredelARTE.com © 2010
	
	style.css

====================================================================== */

Body{
	margin: 0px;
	background: #f2f2f2;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
	color:#666666;
}

#container{
	position:absolute;
	top:50%;
	left:50%;
	width:992px;
	height:562px;
	margin-top:-286px;
	margin-left:-496px;
}

.bordered{
	border:1px solid #ccc;
	background:#ffffff;
}


/* Contenido global */
/*=========================================================*/
.paddingContenido{
	height:125px;
	padding:0px 20px;
}

.sepvert{
	height:320px;
	border:0px;
	background:url(../images/sephorizontal-footer.gif) bottom  center no-repeat;
}

.box-promocion{
	width:320px;
	height:156px;
	background:url(../images/bg-promocion.gif) no-repeat;
	font-size:9pt;
	color:#fff;
}

.box-promocion div{
	padding:20px 10px;
}

.box-promocion div span.titulo{
	font-weight:bold;
	display:block;
}

.box-promocion div span.desarrollo{
	display:block;
	width:290px;
	font-size:8pt;
	text-align:justify;
}

.button-mas-informacion{
	display:block;
	width:93px;
	height:20px;
	background:url(../images/button-informacion.gif) 0px 0px no-repeat;
}

.button-acceder{
	display:block;
	width:111px;
	height:20px;
	background:url(../images/button-acceder.gif) 0px 0px no-repeat;
}

.button-mas-informacion:hover, .button-acceder:hover{
	background-position:0px -20px;
}

.des-quienes-somos, .des-portfolio, .des-clientes, .des-rodadas, .des-merchandasing, .des-novedades{
	text-align:justify;
	line-height:18px;
}

.des-portfolio, .des-clientes, .des-rodadas-compra, .des-merchandasing{
	padding-top:10px;
	height:255px;
}

.des-rodadas{
	height:243px;
}

.des-rodadas-categorias{
	padding-top:10px;
	height:255px;
}

.scroll{
	padding-top:0px;
	height:210px !important;
	overflow-x:auto;
}

span.info-compra{
	margin:0px !important;
	font-size:7pt;
	color:#666666;
}

.categorias{
	padding-top:8px !important;
}

.info-checkout{
	font-size:7pt;
}

.detalle-producto span{
	width:auto;
	display:block;
	border-top:1px solid #ccc;
	text-align:left;
	margin:2px 0px;
}

.detalle-producto span.tt{
	border-top:0px !important;
	font-weight:bold;
}

.detalle-producto span.des{
	font-size:8pt;
	line-height:normal;
	text-align:justify;
	margin-top:0px;
	margin-bottom:3px;
	padding-top:3px;
}

.acciones-producto{
	font-size:7pt;
	color:#999;
}
.acciones-producto span{border-top:0px !important;}
.acciones-producto span.precio{
	display:inline !important;
	font-weight:bold;
	font-size:14pt;
	color:#009900;
}

.acciones-producto a{
	display:inline;
	text-decoration:none;
	color:#999;
	font-size:7pt;
}


/* Menú principal */
/*=========================================================*/
.menu a{
	display:block;
	height:36px;
	width:auto;
	text-decoration:none;
}

.menu a.inicio{
	width:67px;
	height:36px;
	background:url(../images/mm-inicio.gif) 0px 0px no-repeat;
}

.menu a.inicio:hover{
		background-position: 0px -36px;
}

.menu a.portfolio{
	width:102px;
	height:36px;
	background:url(../images/mm-portfolio.gif) 0px 0px no-repeat;
}

.menu a.portfolio:hover{
		background-position: 0px -36px;
}

.menu a.clientes{
	width:89px;
	height:36px;
	background:url(../images/mm-clientes.gif) 0px 0px no-repeat;
}

.menu a.clientes:hover{
		background-position: 0px -36px;
}

.menu a.rodadas{
	width:90px;
	height:36px;
	background:url(../images/mm-rodadas.gif) 0px 0px no-repeat;
}

.menu a.rodadas:hover{
		background-position: 0px -36px;
}

.menu a.merchandasing{
	width:146px;
	height:36px;
	background:url(../images/mm-merchandasing.gif) 0px 0px no-repeat;
}

.menu a.merchandasing:hover{
		background-position: 0px -36px;
}


/* Formulario de acceso FTP Privado */
/*=========================================================*/
input[type='text'], input[type='password']{
	width:100%;
	height:20px;
	background:#f2f2f2;
	border:1px solid #ccc;
	-moz-border-radius:3px;
	font-size:12pt;
	font-weight:bold;
}

input[type='submit']{
	height:30px;
	background:#fff;
	border:1px solid #ccc;
	-moz-border-radius:3px;
	font-size:8pt;
	font-weight:bold;
	cursor:pointer;
}

#jquery-validate{
	background:url(../images/icon_warning.png) no-repeat left;
}

.error span{
	color:red;
	display:block;
	font-family:Arial, Verdana, Tahoma, "Times New Roman";
	font-size:9pt;
	font-weight:700;
	height:18px;
	margin-left:25px;
	padding-top:3px;
	text-transform:none !important;
}



/* Pie de página */
/*=========================================================*/
.sitemap-links{
	font-size:8pt;
	color:#999;
}

.sitemap-links span{
	margin:0px 6px;
}

.sitemap-links a{
	color:#999;
	text-decoration:none;
	padding:1px 2px;
}

.sitemap-links a:hover{
	color:#666;
	text-decoration:underline;
}

.contacto{
	font-size:8pt;
	color:#999;
	padding-top:5px;
}

.contacto a{
	color:#999;
	text-decoration:none;
}

.contacto a:hover{
	color:#666;
	text-decoration:underline;
}

.getIcons{
	padding-top:10px;
}

.getIcons a{
	display:block;
	width:90px;
	margin-bottom:10px;
}

.cms, .ftp{
	font-size:7pt;
	color:#999;
	text-align:right;
}

.ftp{text-align:left;}

.cms a, .ftp a{
	color:#999;
	text-decoration:none;
}

.cms a:hover, .ftp a:hover{
	text-decoration:underline;
}


/* Rodadas */
/*=========================================================*/
.catRodadas{
	background:#fff;
	border:1px solid #ccc;
	-moz-border-radius:3px;
	padding:5px 10px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

.catRodadas:hover{
	background:#e4e4e4;
}

.des-rodadas a[rel="zoom"] img, .des-portfolio a[rel="zoom"] img{
	border:1px solid #000;
	opacity: .40;
  -moz-opacity: .40;
  filter:alpha(opacity=40)
}

.des-rodadas a[rel="zoom"] img:hover, .des-portfolio a[rel="zoom"] img:hover{
	opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=100)
}

.foto{
	background:#F4F4F4;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	width:120px;
	height:100px;
}

.foto span{
	display:block;
	margin-left:10px !important;
	text-align:left !important;
}

.foto span a{
	color:#ccc;
	font-size:8pt;
	text-align:left !important;
	display:block;
	width:12px;
	text-decoration:none;
}

.add-to-cart{
	margin-top:4px;
}

.imgPortfolio{
	background:#F4F4F4;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	width:100px;
	height:100px;
}


/* Formulario carrito de compras */
/*=========================================================*/
.formOpt span{
	display:block;
	font-size:8pt;
	width:100%;
	/*border-bottom:1px solid #ccc;*/
	margin-bottom:5px;
}

.formOpt input{
	height:25px;
	width:100%;
	background:#f4f4f4;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	font-size:12pt;
	font-weight:bold;
}

.formOpt textarea{
	height:40px;
	width:100%;
	background:#f4f4f4;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	font-size:12pt;
	font-weight:bold;
}

.formOpt input:hover, .formOpt textarea:hover{
	border:1px solid #999999;
}

.formOpt input:focus, .formOpt textarea:focus{
	background:#fff;
}

.button{
	height:25px;
	background:#e2e2e2;
	border:1px solid #ccc;
	color:#b2b2b2;
	-moz-border-radius:4px;
	font-size:8pt;
	font-weight:bold;
	cursor:pointer;
}

.button:hover{
	color:#666666;
}

.demoImagen{
	background:#F4F4F4;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	width:120px;
	height:100px;
}

.contenedor-foto-compra{
	padding:18px 0 0 0;
}

.contenedor-foto-compra div{
	width:165px;
	height:170px;
}

.contenedor-foto-compra div img{
	margin:6px 0 0;
}

.contenedor-foto-compra span{
	display:block;
	margin:6px 0px;
	margin-right:8px;
	text-align:justify !important;
	font-size:7pt;
	color:#999;
}



/* Clientes */
.imgClientes{
	background:#F4F4F4;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	width:160px;
	height:70px;
}

.des-clientes img.fotoImagenCliente{
	border:1px solid #000;
	opacity: .40;
  -moz-opacity: .40;
  filter:alpha(opacity=40)
}

.des-clientes img.fotoImagenCliente:hover{
	opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=100)
}

#cms{
	font-size:7pt;
	position:relative;
	right:0px;
	text-align:right;
	color:#999;
	margin-top:6px;
}

#cms a{
	font-size:7pt;
	color:#999;
	text-decoration:none;
}

#cms a:hover{
	color:#666;
}

.tt-inactiva a{
	color:#000;
	text-decoration:none;
}