@charset "utf-8";
/* CSS Document */

/**************************** Styles Generals **************************************/
* { margin:0; padding:0;}
html, body {background: #FDFDFD; font-family: "Times New Roman"; font-size:11px; color:#000; margin-bottom:10px}
img {
	border:0;
	vertical-align:baseline;
}
a:link, a:visited, a:active { text-decoration:none;}
a:hover { text-decoration:none;}

h1 {
	font-family:Helvetica;
	font-size:15px;
	color:#000000;
	font-weight:bold;
}
h2 {
	font-family:Helvetica;
	font-size:15px;
	color:#FFF;
	font-weight:bold;
	line-height: 12px;
}


input, select { font-size:9px; vertical-align:middle;}

/*********** Styles ******************/
.color_pink { color:#cc00cc;}
.color_grey { color:#acacac;}
.color_grey999 { color:#999;}
.color_grey333 { color:#333;}
.color_greyccc { color:#CCC;}
.color_grey666 { color:#666;}
.color_black { color:#000;}
.color_black a:hover { color:#CC00CC;}
.color_white { color:#FFF;}
.size_9 { font-size:9px;}
.size_10 { font-size:10px;}
.size_11 { font-size:11px;}
.size_13 { font-size:13px;}
.size_14 { font-size:14px;}
.size_15 { font-size:15px;}
.size_22 { font-size:22px;}

.font_helvetica { font-family:Helvetica;}

.bold { font-weight:bold;}

.left { float:left;}
.right {float:right;}

.clear { clear:both;} 

.space_left {
	clear: both;
	line-height: 13px;
	margin-left: 11px;
}
.space_left_20 {margin-left:15px;}

.subtitulos {color:#cc00cc; font-weight:bold}
a.subtitulos:link, a.subtitulos:visited, a.subtitulos:active { color:#cc00cc;}
a.subtitulos a:hover {color:#990099;}

.texto_relativo { color:#666;}
a.texto_relativo:link, a.texto_relativo:visited, a.texto_relativo:active { color:#666;}
a.texto_relativo:hover {color:#333;}

.subcategoria { color:#CCC;}
a.subcategoria:link { color:#CCC;}
a.subcategoria:visited{ color:#CCC;}
a.subcategoria:active { color:#cc00cc;}
a.subcategoria:focus { color:#cc00cc;}
a.subcategoria:hover {color:#cc00cc;}

.subcategoria_item { color:#999;}
a.subcategoria_item:link { color:#999;}
a.subcategoria_item:visited{ color:#999;}
a.subcategoria_item:active { color:#cc00cc;}
a.subcategoria_item:focus { color:#cc00cc;}
a.subcategoria_item:hover {color:#cc00cc;}


.terminos_item { color:#AAA;}
a.terminos_item:link { color:#AAA;}
a.terminos_item:visited{ color:#000;}
a.terminos_item:active { color:#000;}
a.terminos_item:focus { color:#000;}
a.terminos_item:hover {color:#000;}

.texto_studio { color:#000;}
a.texto_studio:link, a.texto_studio:visited, a.texto_studio:active { color:#CC00CC;}
a.texto_studio:hover {color:#000;}

.checkbox_newsletter {float:left;}


.color_cambio {}

.color_cambio { color:#333;}
a.color_cambio { color:#CCC;}
a.color_cambio:hover { color:#cc00cc;}
/************ Divs home*******************/

#conteiner {
	width:998px;
	margin-left: 13px;
	margin-bottom: 20px;
}
/*header*/
#header { height:138px; background:url(../img/common/header_bg.jpg) repeat-x; margin-bottom:10px}
#header #right {
	width:650px;
	height:51px;
	margin-left:376px;
}
#header #right #login{width:55px;float:left; margin-right:5px; text-align: center;padding-top: 8px;font-size: 11px;height: 20px;}
#header #right #language{
	width:43px;
	float:left;
	padding-top: 8px;
	text-align: right;
}
#header #right #search {
	width:151px;
	clear:both;
	padding-left: 470px;
	padding-top: 2px;
}
#header #right #search #field{width:126px;float:left;padding-top: 3px;}
#header #right #search #boton{width:22px;float:left;padding-top: 2px;}
.field_search { width:122px; height:17px; border:1px solid #cccccc; padding-left:3px; line-height:17px;}
.button_search {
	width:22px;
	height:19px;
	border:0;
	background:#000;
	color: #FFF;
	font-family:"Times New Roman", Times, serif
}
/*header_navbar*/
#header_carro {
	width:7px;
	float:left;
	padding-top: 9.6px;
}
*+html #header_carro {	width:15px;
	float:left;
	padding-top: 9px;}
#header_navbar {
	width:492px;/*492*/
	float:left;
	color:#cf11cf;
	padding-top: 9px;
	height: 20px;
	font-size:10px;
	margin-left:10px;
}

#header_navbar li{padding-right:7px;float:left;list-style: none;}
#header_navbar li a{ color:#333;}
#header #logo {
	width:312px;
	padding:1px 0 0 32px;
	clear: both;
	margin-top: -3px;
}
/*navbar*/
#navbar {height:35px;margin:0 0 3px 0;}
#navbar_left { background: url(../img/common/navbar_left.gif) no-repeat; width:4px; height:35px; float:left;}
#navbar_right { background: url(../img/common/navbar_right.gif) no-repeat; width:5px; height:35px; float:left;}
/*navbar center*/
#navbar_center {
	width:767px;
	height:23px;
	padding:12px 0 0 0;
	background:url(../img/common/navbar.jpg) repeat-x;
	float:left;
}
#navbar_center li {color:#acacac;float:left; list-style:none;font-family: Helvetica;font-weight: bold;width:122px; text-align:center;}
#navbar_center li a { color:#999;}
#navbar_center li a:hover { color:#666;}
#navbar_center li a:visited { color:#999;}
/*navbar center2*/
#navbar_center2 {
	width:162px;
	height:23px;
	padding:12px 0 0 58px;
	background:url(../img/common/navbar.jpg) repeat-x;
	float:left;
}
#navbar_center2 li {
	color:#acacac;
	float:left;
	list-style:none;
	font-family: Helvetica;
	font-weight: bold; width:80px; text-align:center;
}
#navbar_center2 li a { color:#999;}
#navbar_center2 li a:hover { color:#666;}
#navbar_center2 li a:active { color:#999999;}
/*content*/
#content {
background:url(../img/common/bg_content_middle.gif) repeat-y;
	width: 997px;
}
#content .top { background:url(../img/common/bg_content_top.gif) no-repeat top left;}


#content .bg_lines {
	background-image: url(../img/common/bg_lines_diagonal_rights.png);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding: 20px 0 0 17px;
}
#content #boutique{
	width:943px;
	background-image: url(../img/home/bg_boutique.jpg);
	background-repeat:  repeat-y;
	padding: 10px 12px 10px 10px;
	line-height: 11px;
}
#content #boutique img{ margin:0 5px 0 0;}
#content #boutique_image{
	width:965px;
	margin-bottom: 19px;
}
/*content left*/
#content_left{
	width:467px;
	padding:0 20px 0 0;
	float:left;
}
#content_left #design {
	background-image: url(../img/home/bg_design.jpg);
	background-repeat:  repeat-y;
	padding: 10px 9px 9px 7px;
	height: 113px;
}
.contents_titulos {
	margin-bottom: 3px;
}
.contents_subtitles {
	line-height:5px;
	margin-bottom: 3px;
}
#content_left #design img{
	margin-right: 5px;
}
#content_left #design_image {
	width:467px;
	clear: both;
}
/*content center*/
#content_center{
	width:182px;
	padding:0 21px 0 0;
	float:left;
}
#content_center #inspiracion{
	background-image: url(../img/home/bg_inspiracion.jpg);
	background-repeat:  repeat-y;
	padding: 10px 10px 9px 7px;
	height: 113px;
}
#content_center #inspiracion img{ margin:0 5px 0 0;}
#content_center #inspiracion_image{
	width:181px;
}
/*content right*/
#content_right{
	width:274px;
	float:left;
	position: relative;
}
#content_right #noticias{
	padding:10px 7px 0 7px;
	background-image: url(../img/home/bg_noticias.jpg);
	background-repeat:  repeat-y;
	position: relative;
	line-height: 14px;
	height: 218px;
}
#content_right #noticias img{ margin:0 5px 0 0;}
#content_right #noticias_image{
	width:290px;
	position: absolute;
	top: 242px;
}
#content_right #noticias_image2{
	width:290px;
	position: absolute;
	top: 336px;
}
/*content bottom*/
#content_bottom{
	width:965px;
	clear:both;
	margin-top: 19px;
}
#content_bottom #mayoristas{
	width:445px;
	float:left;
	background-image: url(../img/home/bg_mayoristas.jpg);
	background-repeat:  repeat-y;
	padding: 11px 14px 20px 7px;
	margin-right: 20px;
	line-height: 14px;
}
#content_bottom #mayoristas img{ margin:0 5px 0 0;}
#newsletter{
	width:472px;/**/
	float:left;
	height: 222px;
	background-image: url(../img/common/bg_newsletter.png);
	background-repeat: repeat;
	padding-left: 5px;
}
#newsletter #texts{
	width:465px;
	padding:10px 0 0 0;
}
#newsletter #texts_left {
	float:left;
	width:365px;
	color: #cccccc;
	line-height: 10px;
}
#newsletter #texts_left img{margin: 0 5px 0 0;}
#newsletter #texts_right {
	width:80px;
	float:right;
	text-align: right;
}
#newsletter #form{
	padding:4px 0 0 10px;
	clear: both;
	height: 50px;
}
#newsletter #form_campos{width:460px;}
.field_newsletter{
	width:219px;
	height:16px;
	margin-right:9px;
	margin-bottom: 5px;
	background: url(../img/common/bg_newsletter_field.png) repeat;
	border:1px solid #BCBCBC;
}
.field_newsletter2{
	width:219px;
	height:16px;
	margin-bottom: 5px;
	background: url(../img/common/bg_newsletter_field.png) repeat;
	border:1px solid #BCBCBC;
}
.listfield_newsletter{
	width:221px;
	height:20px;
	margin-bottom: 5px;
	background: url(../img/common/bg_newsletter_field.png) repeat;
	border:1px solid #BCBCBC;
}
.button_newsletter {
	width:75px;
	height:15px;
	background:#cc00cc;
	color:#000000;
	border: 0;
	font-size: 12px;
	font-family:"Times New Roman", Times, serif;
	text-align: center;
}
#newsletter #form_text {
	width:380px;
	float:left;
	padding: 0 0 0 8px;
	color: #FFF;
	line-height: 11px;
}
#newsletter_baja { clear:both; padding-left:7px;}
.input_newslleter{
	float:left;
	margin-right: 3px;
	margin-bottom: 17px;
}
#newsletter #form_button {
	width:77px;
	float:left;
	padding-top: 48px;
}
/*footer*/
#footer {
	padding-top:39px;
	text-align:center;
	clear: both;
	color: #acacac;
	line-height: 22px;
	height: 70px;
	padding-right: 10px;
}

.vermas {
	clear:both;
	padding-right:0px;
	text-align:right;
}
/*******************************************/
/*             studio                      */
/*******************************************/  

#content .bg_lines_studio {
	background-image: url(../img/studio/bg_lines.png);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding: 4px 0 0 16px;
}

#content .bg_lines_studio_contacto {
	background-image: url(../img/studio/bg_lines.png);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding: 4px 0 0 16px;
}

*+html #content .bg_lines_studio_contacto {
	background-image: url(../img/studio/bg_lines.png);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding: 15px 0 0 16px;
}

.studio_box {
	background: url(../img/studio/box_middle.gif) repeat-y;
	width:997px;
	color: #FFF;
	margin-bottom: 3px;
}
.studio_box_bottom {
	background:url(../img/studio/box_bottom.gif) no-repeat;
	background-position:bottom left;
	padding-bottom: 6px;
}  
.studio_box_top {
	background:url(../img/studio/box_top.gif) no-repeat;
	background-position:top left;
	padding:15px 0 12px 18px;
}

.studio_box_top #titulo{
	padding-bottom:16px;
}
.studio_box_top #texto{
	clear:both;
	color: #999;
}
.studio_box_top #texto select{ margin-top:7px;}
#studio_content_right {
	width:260px;
	float:right;
	text-align: right;
	color: #FFF;
	padding: 0 15px 4px 0;
	line-height: 1.2em;
}

#studio_block {
	background:url(../img/studio/bg_block.jpg) repeat-y;
	width:942px;
	clear: both;
	padding: 8px 0 0 24px;
	overflow: hidden;
	margin-bottom: 3px;
}
#studio_block #titles{ width:900px; padding-bottom:18px;}
#studio_block #image{
	width:417px;/*432*/
	float:left;
	padding-bottom: 10px;
	color: #959595;
	font-size: 10px;
}
#studio_block #text{
	width:473px;
	float:left;
	line-height: 12px;
	font-size: 10px;
	text-align: justify;
	padding-left:15px;
}

#studio_block2 {
	background:url(../img/studio/bg_block.jpg) repeat-y;
	/*width:942px;*/
	width:942px;
	clear: both;
	padding: 10px  0 0 24px;
	overflow: hidden;
	margin-bottom: 44px;
}
#studio_block2 .title {
	padding-bottom:1px;
	clear:both;
}
#studio_block2 #gallery { padding-bottom:15px; width:880px;}
#studio_block2 #paginador { padding-bottom:20px;}

#studio_block3 {background:#FFFFFF;width:624px;padding:10px 10px 60px 15px;}



.paginador {padding:2px 3px 2px 3px;margin-right:2px;background:#424242;color:#FFF; font-size:9px;}
a.paginador:link {background:#424242; color:#FFF; font-size:9px;}
a.paginador:visited { background:#424242; color:#FFF;}
a.paginador:active {background:#cc00cc; color:#FFFFFF;}
a.paginador:hover {background:#cc00cc; color:#FFFFFF;}
a.paginador:focus {background:#cc00cc; color:#FFFFFF;}
/*******************************************/
/*             boutique                    */
/*******************************************/ 

#content .bg_lines_boutique {
	padding: 5px 0 0 17px;
}

.boutique_navbar { width:972px;}
.boutique_navbar ul {
	list-style:none;
	float:left;
	margin-right: 5px;
	background-color:#000;
}
.boutique_navbar li {
	list-style:none;
	margin-right: 33px;
}


#boutique_col_left {
	width:653px;
	float:left;
	margin-right:17px;
}
#boutique_col_left_titulo {
	padding-bottom:1px;
}
#boutique_col_left_titulo_left {
	float:left;
	width:370px;
	padding-top: 27px;
	color: #FFF;
	line-height: 15px;
	padding-bottom: 2px;
}
#boutique_col_left_titulo_left img{
	margin-right:3px;
}

#boutique_col_left_titulo_right { float:left; width:216px;}

#boutique_col_left_gallery {
	width:646px;
	clear: both;
	padding-bottom: 3px;
	/*background-image: url(../img/boutique/gallery.gif);*/
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: top;
	overflow: hidden;
	margin-bottom: 3px;
}
/*
esta es la clase que en IE se ve bien el fondo del texto, pero en Mozilla no se ve bien, 
*/
#boutique_col_left_gallery .images {
	width:646px;
	float:left;
	z-index:20; 
	position:absolute; 
	top:355px; 
	left:30px;
	
}
*+html  #boutique_col_left_gallery .images {
	position:absolute; 
	top:349px; 

}
#arrow2
{
width:15px;height:324px; position:absolute; top:348px; left:665px; background-color:#CCCCCC; display:none
}

#boutique_col_left_gallery_texts {
	width:210px;
	padding-right:10px;
	background-image: url(../img/boutique/bg_slide.png);
	background-repeat:  repeat-x;
	height:325px;
	min-height:325px;
	margin-left: 418px;
	margin-top:-11px;
}

*+html #boutique_col_left_gallery_texts {
	width:210px;
	padding-right:10px;
	background-image: url(../img/boutique/bg_slide.png);
	background-repeat:  repeat-x;
	height:325px;
	min-height:325px;
	margin-left: 418px;
	margin-top:0px;
}

#boutique_col_left_gallery_texts .arrow {
	padding-left: 3px;
}
#boutique_col_left_gallery_texts .arrow2 {
	padding-left: 5px;
}
*+html #boutique_col_left_gallery_texts .arrow2 {
	position:absolute; 
	/*margin-top:360px;*/
}

#arrow3 {
	width:15px;
	height:312px; 
	position:absolute; 
	top:345px; 
	left:655px; 
	background-image: url(../img/boutique/bg_slide.png); 
	background-repeat: repeat-x; 
	display:none; 
	margin-top:0px;
}

*+html #arrow3 {
	width:15px;
	height:312px; 
	position:absolute; 
	top:349px; 
	left:655px; 
	background-image: url(../img/boutique/bg_slide.png); 
	background-repeat: repeat-x; 
	display:none; 
	margin-top:0px;
}

#boutique_col_left_gallery_texts .text1 {
	padding-bottom:5px;
	padding-left: 12px;
	color: #333;
	line-height: 12px;
	height: auto;
}
#boutique_col_left_gallery_texts .text2 {
	padding-left: 10px;
	color: #666;
	font-size: 11px;
	margin-bottom: 10px;
	letter-spacing: -0.6em;
}
#boutique_col_left_gallery_texts .text3 {text-align:right; clear:both;}



#boutique_col_left_slide {
	width:626px;
	margin-bottom: 3px;
	clear: both;
	padding:8px 10px;
	background-color: #FFF;
	height: 38px;
}
#boutique_col_left_slide .slide { width:442px; float:left;}
#boutique_col_left_slide .mostrar {
	width:117px;
	padding-top:20px;
	float:left;
	padding-left: 8px;
	color: #464646;
}
#boutique_col_left_slide .info { float:left; width:57px; text-align:right;}
#boutique_col_left_slide .info img{
	margin-top:6px;
}


#boutique_col_left_files {
	width:626px;
	margin-bottom: 51px;
	background-image: url(../img/boutique/bg_players_bottom.gif);
	background-repeat: repeat-x;
	padding-left: 20px;
	padding-top: 12px;
	background-color: #FFFFFF;
	background-position: bottom;
	overflow: hidden;
}
#boutique_col_left_files_videos { width:295px; margin-right:32px; float:left;}
#boutique_col_left_files_videos .titles {padding-bottom:4px;}
#boutique_col_left_files_videos .file {
	padding-bottom:10px;
}
#boutique_col_left_files_videos .paginador_videos {
	clear:both;
}

#boutique_col_left_files_fotos {
	width:278px;
	float:left;
	padding-bottom: 10px;
}
#boutique_col_left_files_fotos .titles2 {padding-bottom:4px;}
#boutique_col_left_files_fotos .file2 {
	padding-bottom:5px;
}
#boutique_col_left_files_fotos .slide2 {
	clear:both;
}




#boutique_col_left_titulo_ficha {
	width:646px;
	padding-bottom:4px;
	color: #fff;
	clear: both;
	padding-top: 4px;
}
#boutique_col_left_ficha {background:#FFF;width:646px;padding-bottom:73px;}

#boutique_col_right {
	width:289px;
	float:left;
	padding-left: 20px;
	background-image: url(../img/boutique/bg_col_right.jpg);
	margin-top: 40px;
	background-position: center left;
}
#boutique_col_right_images {
	width:289px;
	position:relative;
	margin-top: 5px;
	height: 297px;
}
#boutique_col_right_image1 {
	position:absolute;
	top:9px;
	left:0px;
}
#boutique_col_right_image2 {
	position: absolute;
	top: 97px;
	left:0px;
}
#boutique_col_right_image3 {position: absolute;top: 187px;left:0px;}
#boutique_col_right_title {
	padding-bottom:7px;
	color: #FFF;
	padding-left: 5px;
}
.boutique_col_right_images_bottom {
	clear:both;
	padding-bottom: 12px;
}
.button_boutique {
	width:50px;
	height:15px;
	background:#000000;
	color:#FFFFFF;
	border:0;
	text-align: center;
	margin-bottom: 6px;
	font-family:"Times New Roman", Times, serif
}
.button_boutique_comprar {
	width:83px;
	height:21px;
	background:#cc00cc;
	color:#000000;
	font-weight: bold;
	border: 0;
	cursor:pointer;
	margin-top: 5px;
	font-family:"Times New Roman", Times, serif
}
.listfield_boutique {width:155px; height:17px;}
.field_boutique {
	width:30px;
	height:14px;
	text-align: right;
	border:1px solid #CCCCCC;
	background-color:none;
}

/* MIOS (carlos) */
#contenidos_boutique
{
	height:285px; 
	position:absolute; 
	z-index:1; 
	top:343px; 
	left:30px;
}
/*******************************************/
/*             Mayoristas                  */
/*******************************************/ 
/* MIOS (carlos) */
#contenidos_mayorista
{
height:285px; 
position:absolute; 
z-index:1; 
top:348px; 
left:30px;
}

#content .bg_lines_mayoristas {
	padding: 5px 0 0 17px;
	background-image: url(../img/studio/bg_lines.png);
	background-repeat:  no-repeat;
	background-position: 3px 5px;
}
#mayoristas_col_right {
	width:653px;
	float:left;
	margin-right:5px;
}
#mayoristas_content_right {
	float:left;
	padding: 0 0 0 12px;
	background-image: url(../img/mayoristas/bg_col_right.jpg);
	background-repeat:  repeat-x;
	background-color: #FFF;
	background-position: bottom;
}
#mayoristas_content_right2 {
	float:left;
	padding: 0 0 0 12px;
	background-image: url(../img/mayoristas/bg_col_right.jpg);
	background-repeat:  repeat-x;
	background-color: #FFF;
	background-position: bottom;
}

#mayoristas_productos {
	width:260px;
	float:right;
	text-align: right;
	color: #FFF;
	padding: 0 10px 25px 0;
	line-height: 1.2em;
}
#mayoristas_content_right_titulo {width:300px;padding:16px 0 8px 0;height: 15px;}
#mayoristas_content_right_titulo .titulo { width:200px; float:left;}
#mayoristas_content_right_titulo .slide { width:51px; float: right;}

#mayoristas_content_right_line_precios {width:306px;clear: both;}
#mayoristas_content_right_precios {width:94px;float:left;border-right:1px solid #cc00cc;}
#mayoristas_content_right_precios_right {width:190px;float:left;padding-left: 15px;}

#mayoristas_content_right_texto {
	width:290px;
	clear: both;
	padding-bottom: 15px;
	padding-top: 10px;
	color: #333;
}

#mayoristas_content_right_tabla {
	width:303px;
}
#mayoristas_content_right_tabla .left {
	width:160px;
	float:left;
	padding: 2px 0;
	height: 28px;
}
#mayoristas_content_right_tabla .center {
	width:56px;
	float:left;
	text-align: center;
	padding: 7px 0;
	height: 22px;
}
#mayoristas_content_right_tabla .center_line {
	width:54px;
	float:left;
	border-left:1px solid #cc00cc;
	border-right:1px solid #cc00cc;
	padding: 7px 0 6px 0;
	text-align: center;
	height: 19px;
}
#mayoristas_content_right_tabla .right {
	width:80px;
	float:left;
	padding: 7px 0 6px 3px;
	height: 19px;
}

#mayoristas_content_right_tabla_texto {
	clear:both;
	padding-bottom: 10px;
	color: #cf11cf;
	margin-top: 10px;
	padding-right: 12px;
}

#mayoristas_content_right_tabla_field {width:175px;float:left;height: 25px;}
#mayoristas_content_right_tabla_button {width:125px;float:left;line-height:22px;height: 25px;}
#mayoristas_content_right_tabla_button input{  float:right;}
#mayoristas_content_right_tabla_texto2 {width:299px;text-align:center;clear: both;color: #cc00cc;padding: 15px 0 10px 0;}
#mayoristas_content_right_tabla_texto3 { width:299px; padding-bottom:8px;}
#mayoristas_content_right_tabla_imagen { width:299px;text-align:center;}

.field_mayoristas_small {width:45px;height:15px;border:1px solid #ccc;font-size: 11px;text-align: right;}
.field_mayoristas_big {width:63px;height:15px;border:1px solid #ccc;font-size: 11px;text-align: right;}
.field_mayoristas_big2 {width:102px;height:17px;border:1px solid #ccc;}
.field_mayoristas_button { width:83px; height:22px;  border:0; background:#cc00cc; color:#000; font-family:"Times New Roman", Times, serif}
#mayoristas_pop_up_register {width:244px;height:126px;border:1px solid #000;padding:18px 0 0 22px;background-color: #FFF;background-image: url(../img/mayoristas/bg_popup.jpg);background-repeat: repeat-x;background-position: bottom;}

#mayoristas_pop_up_register .text{padding-bottom:10px;padding-right: 15px;}
#mayoristas_pop_up_register .button {text-align:right;clear:both;padding-right: 30px;}
.field_mayoristas_pop_up_button { width:81px; height:20px; border:1px solid #000; background:#cc00cc; color:#000;}
#mayoristas_col_left {
	width: 317px;
	float: left;
}


/*******************************************/
/*           Inspiracion                   */
/*******************************************/ 
#content .bg_lines_inspiracion {
	background-image: url(../img/inspiration/bg_lines.png);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding: 5px 0 0 17px;
}
.listfield_inspiration_small{
	margin:0 12px 0 0;
	width:182px;
	height:16px;
	font-family:"Times New Roman", Times, serif;
}
.listfield_inspiration_small2{
	margin:0 12px 0 0;
	height:16px;
	font-family:"Times New Roman", Times, serif;
}
.listfield_inspiration {
	width:300px;
	height:16px;
}
#inspiracion_content_right {
	text-align: right;
	color: #FFF;
	padding: 9px 0 0 0;
	line-height: 1.2em;
	margin-bottom: 17px;
	width: 966px;
	font-size: 10px;
}
#inspiracion_block_videos {width:953px;padding:25px 0 0 13px;margin-bottom:40px;clear: both;}
#inspiracion_block_videos #dates {
	width:207px;
	height:191px;
	background:url(../img/inspiration/video_dates.jpg) no-repeat;
	margin:73px 172px 0 0;
	float:left;
	padding: 13px 10px 0 19px;
}
#inspiracion_block_videos #playvideo {width:362px;float:left;}

#inspiracion_title_more {padding:0 0 4px 14px;clear: both;color: #FFF;}
#inspiracion_gallery {
	width:966px;
	padding-bottom: 1px;
}
#inspiracion_gallery .morevideo {
	width:143px;
	float:left;
	margin-left:15px;
	height: 131px;
	padding-top: 31px;
	/*background-image: url(../img/inspiration/videos_gallery.jpg);*/
	background-repeat: no-repeat;
	background-position: center 31px;
}
#inspiracion_newsletter {
	margin:0 auto;
	width:479px;
	margin-top: 41px;
}

/*******************************************/
/*          Que somos                      */
/*******************************************/ 

#que_somos_image {width:965px;padding-bottom: 25px;}
#que_somos_text {width:663px;clear:both;margin-left:15px;color: #FFF;text-align: justify;}
#que_somos_text p{ line-height:1.31em}

/*******************************************/
/*          contacto                       */
/*******************************************/ 

#contact_block_top {
	width:954px;
	padding:12px 0 13px 10px;
	background:url(../img/contacto/bg_blocks.jpg) repeat-y;
	margin-bottom: 4px;
	margin-top: 13px;
}
#contact_block_top .text {
	padding:0 0 8px 5px;
}

#contact_block_form { width:640px;}
#contact_block_form .campos {
	padding-bottom:3px;
	clear: both;
}
#contact_block_form .campos .lista {width:316px;float:left;}
#contact_block_form .campos .field1 {float:left;width:434px;}
#contact_block_form .campos .field2 {float:left;width:200px;}

#contact_block_form .campos .texto {
	width:302px;
	float:left;
	line-height: 13px;
}
#contact_block_form .campos .texto input {
	margin-bottom:8px;
	float:left;
	margin-right:4px;
}

#contact_block_form .textos {padding:0 0 3px 8px;clear:both;}

#contact_block_form .opciones {clear:both;padding-bottom: 10px;}
#contact_block_form .opciones .option {width:20px;float:left;padding-top: 3px;}
#contact_block_form .opciones .texts {width:595px;padding-top:3px;float:left;color: #999;}

#contact_block_form .opciones2 {
	clear:both;
	padding-bottom: 25px;
}
#contact_block_form .opciones2 .option {width:20px;float:left;padding-top:3px;}
#contact_block_form .opciones2 .texts {width:595px;padding-top:5px; padding-bottom:10px;float:left;color: #999}

#contact_block_seguridad {width:940px;clear: both;}
#contact_block_seguridad #codigo {
	width:316px;
	float:left;
}
#contact_block_seguridad #verificacion {
	width:325px;
	float:left;
	padding-top:22px;
}
#contact_block_seguridad #boton {
	width:77px;
	float:left;
	padding-top: 21px;
}
#contact_block_seguridad #texto2 {width:204px;float:left;color:#cc00cc;line-height: 12px;}
#contact_block_bottom {
	width:956px;
	padding:11px 0 10px 14px;
	background:url(../img/contacto/bg_blocks.jpg) repeat-y;
	clear: both;
}

.field_contact_1 {
	width:425px;
	height:14px;
	border:1px solid #bababa;
	background:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}
.field_contact_2 {
	width:195px;
	height:16px;
	border:1px solid #bababa;
	background:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}
.field_contact_3 {
	width:625px;
	height:15px;
	border:1px solid #bababa;
	background:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}
.field_contact_4 { width:171px; height:15px; border:1px solid #bababa; background:#FFF; font-family:"Times New Roman", Times, serif;font-size:11px;}
.field_contact_5 {
	width:308px;
	height:14px;
	border:1px solid #bababa;
	background:#FFF;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}

.areafield_contact {
	width:625px;
	height:131px;
	border:1px solid #bababa;
	background:#FFF;
	overflow:auto;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}

.button_contact {background:#cc00cc;color:#000;width:64px;height:15px;border: 0;font-size: 10px; font-family:"Times New Roman", Times, serif}

/*******************************************/
/*     carro compra mayorista              */
/*******************************************/ 

#carro_compra_col_right {width:706px;float:left;margin-right:15px;}
#carro_compra_left {
	width:679px;
	padding:14px 8px 18px 13px;
	background:url(../img/carro_compra/bg_block.jpg) repeat-y;
	clear: both;
} 
#carro_compra_left_top {padding-bottom:9px;background-image: url(../img/carro_compra/line.gif);background-repeat: no-repeat;background-position: left bottom;}
#carro_compra_left_top .col1 { width:81px; float:left;}
#carro_compra_left_top .col1 .title{
	text-align:center;
	height:16px;
	color:#cc00cc;
	font-size:12px;
}
#carro_compra_left_top .col1 .image {padding:5px 15px 5px 0;height:35px;border-right: 1px solid #cc00cc;margin-bottom: 13px;}
#carro_compra_left_top .col2 {width:284px;float:left;}
#carro_compra_left_top .col2 .title{
	height:17px;
	color:#cc00cc;
	font-size:12px;
	padding-left: 14px;
}
#carro_compra_left_top .col2 .numero {margin-bottom:13px;border-right:1px solid #cc00cc;height: 35px;padding: 5px 0 5px 10px;}

#carro_compra_left_top .col3 { width:78px; float:left;}
#carro_compra_left_top .col3 .title{
	text-align:center;
	height:17px;
	color:#cc00cc;
	font-size:12px;
}
#carro_compra_left_top .col3 .field{text-align:center;border-right: 1px solid #cc00cc;margin-bottom:13px;height: 32px;padding: 13px 0 0 0;}

#carro_compra_left_top .col4 { width:95px; float:left;}
#carro_compra_left_top .col4 .title{
	text-align:center;
	height:17px;
	color:#cc00cc;
	font-size:12px;
}
#carro_compra_left_top .col4 .precios{text-align:center;border-right: 1px solid #cc00cc;margin-bottom:13px;padding: 13px 0 0 0;height: 32px;}
#carro_compra_left_top .col5 { width:85px; float:left;}
#carro_compra_left_top .col5 .title{
	text-align:center;
	height:17px;
	color:#cc00cc;
	font-size:12px;
}
#carro_compra_left_top .col5 .precios{text-align:center;border-right: 1px solid #cc00cc;margin-bottom:13px;padding: 13px 0 0 0;height: 32px;}
#carro_compra_left_top .col6 { width:43px; float:left;}
#carro_compra_left_top .col6 .title{
	text-align:center;
	height:17px;
	color:#cc00cc;
	font-size:12px;
}
#carro_compra_left_top .col6 .opcion {
	text-align:center;
	padding:10px 0 0 0;
	height: 46px;
}
.fields_carro_compra { width:61px; height:15px; border:1px solid #bebebe; text-align:center;}

#carro_compra_left_top .col_text {clear:both;margin-top:8px;color: #cc00cc;}

#carro_compra_left_middle {padding-bottom:12px;clear: both;padding: 8px 0 8px 0;background-image: url(../img/carro_compra/line.gif);background-repeat: no-repeat;background-position: left bottom;}
#carro_compra_left_middle #text{
	width:374px;
	float:left;
	padding-right:53px;
	color: #666;
}
#carro_compra_left_middle #form { width:245px; float:left;}
#carro_compra_left_middle #form .text1{height: 22px;}
#carro_compra_left_middle #form .text1 .left{ width:120px; float:left;}
#carro_compra_left_middle #form .text1 .right{width:120px;float:left;text-align: right;}
#carro_compra_left_middle #form .field {height: 25px;}
.listfield_carro_compra_1 {
	width:114px;
	height:16px;
	border:1px solid #bebebe;
}
.listfield_carro_compra_envio {
	width:239px;
	height:16px;
	border:1px solid #bebebe;
}
.field_carro_compra_envio {
	width:239px;
	height:15px;
	border:1px solid #bebebe;
}
.field_carro_compra_total { width:102px; height:17px; border:1px solid #bebebe;}

#carro_compra_left_bottom {clear:both;padding-top:16px;}
#carro_compra_left_bottom .left {
	width:486px;
	float:left;
	margin-right:4px;
	padding:12px 0 0 0;
	text-align: left;
	color: #999;
	font-size: 10px;
}
#carro_compra_left_bottom .button {float:right;padding-top:22px;text-align: right;}
#carro_compra_left_bottom .right {width:185px;float:left;text-align: center;}
.field_carro_compra_total { width:102px; height:17px; border:1px solid #bebebe; font-family:"Times New Roman", Times, serif}
.button_carro_compra_seguir { width:110px; height:20px; border:0; background:#cccccc; font-family:"Times New Roman", Times, serif}
.button_carro_compra_actualisar { width:89px; height:20px; border:0; background:#cccccc; font-family:"Times New Roman", Times, serif}
.button_carro_compra_pagar { width:80px; height:20px; border:0; background:#cc00cc; font-family:"Times New Roman", Times, serif}


#carro_compra_content_left {width:219px;float:left;padding-top:45px;}
#carro_compra_content_left .titulos {padding-bottom:15px;color: #dcdcdc;padding-left: 13px;}

#carro_compra_pasos {
	clear:both;
	width:220px;
	font-family: Helvetica;
}
#carro_compra_pasos li {
	list-style:none;
	padding-bottom:9px;
}
#carro_compra_pasos li a { padding-left: 13px; color:#b5b5b5; }
#carro_compra_pasos li a:hover {background:url(../img/carro_compra/arrow.gif) no-repeat center left; color:#cc00cc;}
#carro_compra_pasos li a:active {color:#cc00cc;background-image: url(../img/carro_compra/arrow.gif);background-repeat: no-repeat;background-position: left center;
}
#carro_compra_pasos li a:focus {color:#cc00cc;background-image: url(../img/carro_compra/arrow.gif);background-repeat: no-repeat;background-position: left center;}

#nesesario_registro_mayoristas {
	width:222px;
	background-color: #FFF;
	background-image: url(../img/mayoristas/bg_necesario_registro.jpg);
	background-repeat:  repeat-x;
	background-position: left bottom;
	padding: 20px;
	font-size: 11px;
}
#nesesario_registro_mayoristas .button {float:right;padding-top:12px;text-align: right;width: 200px;}

#nesesario_registro_enviar {width:233px;background:#FFF url(../img/others/bg_enviar_amigo.jpg) no-repeat right top;padding:20px;font-size: 11pt;border: 1px solid #000;}
#nesesario_registro_enviar .enviar {
	float:left;
	width:170px;
}
#nesesario_registro_enviar .cerrar {
	float:left;
	width:63px;
	text-align: right;
}
#nesesario_registro_enviar .text {
	padding:11px 0 8px 0;
	clear: both;
	color: #cc00cc;
	font-size: 11px;
}
#nesesario_registro_enviar .text2 {
	padding:11px 0 8px 0;
	clear: both;
	font-size: 85%;
	line-height: 12px;
}
#nesesario_registro_enviar .text_bottom {
	width:232px;
	font-size: 11px;
}
/*******************************************/
/*     cuenta creada mayorista             */
/*******************************************/ 
#cuenta_creada_text {
	padding:26px 0 15px 0;
}
#cuenta_creada_button {
	clear:both;
	text-align:right;
	padding-right: 11px;
}
.button_cuenta_creada { width:83px; height:22px; background:#cc00cc; border:0; font-family:"Times New Roman", Times, serif}

.texto_final a:link{
color:#000000;
}

.texto_final a:hover{
color:#CC00CC;
}

.texto_final a:visited{
color:#000000;
}

/*******************************************/
/*     pago                                */
/*******************************************/

#pago_form {padding-bottom:5px;}
#pago_form #text1 {padding-bottom:33px;}
#pago_form .line {width:683px;padding:0 0 18px 0;}
#pago_form .line .option {width:21px; float:left;}
#pago_form .line .text {width:611px;float:left;padding-top: 3px;color: #898989;}
#pago_form .line .forms {width:469px;height:25px;}
#pago_form .line .forms .textoleft {width:163px;float:left;color: #000;}
#pago_form .line .forms .fields {width:295px;float: left;}

/*styles fields*/
.listfield_pago { width:131px; height:14px; border:1px solid #bebebe;}
.field_pago { width:273px; height:14px; border:1px solid #bebebe;}
.field_pago2 { width:40px; height:14px; border:1px solid #bebebe;}
.listfield_pago2 { width:72px; height:14px; border:1px solid #bebebe;}

#pago_politica {float:left;width:466px;padding:35px 0 0 0;}
#pago_politica input {margin-left:20px;}
#pago_buttons {float:left;width:200px;padding: 20px 0 0 0;text-align: right;color: #cc00cc;}

.button_atras_pago { background:#cccccc; border:0; color:#000; width:88px; height:22px; font-family:"Times New Roman", Times, serif}
.button_continuar_pago {
	background:#cc00cc;
	border:0;
	color:#000;
	width:83px;
	height:22px;
	font-family:"Times New Roman", Times, serif
}

#content_entrada {
	width: 860px;
	margin: 0 auto;
	clear: both;
	margin-top: 10px;
}
#content_entrada .images{float:left;width:279px;margin:0 7px 7px 0;}
/*************************************/
/*      Terminos y condiciones       */
/**************************************/

#terminos_condiciones {
	width:501px;
	background-color: #FFF;
	background-image: url(../img/others/bg_terminos_y_condiciones.jpg);
	background-repeat:  no-repeat;
	background-position: right top;
	padding: 9px 20px 20px 32px;
	font-size: 11pt;
	border: 1px solid #000;
}
#terminos_condiciones .cerrar {
	float:right;
	width:65px;
	text-align: right;
}
#terminos_condiciones .text {
	clear: both;
	text-align: justify;
	margin-top: 10px;
	/*overflow: auto;*/
	font-size: 11px;
	color: #333;
}

/*************************************/
/*      Prensa                       */
/*************************************/

#prensa {padding-bottom:20px; width:964px;}
#prensa #text1 {padding-bottom:19px;color: #999999;}

#prensa #login {
	width:539px;
	padding:0 15px 0 13px;
	background:url(../img/common/bg_newsletter.png) repeat;
	float:left;
	margin-right: 9px;
	color: #FFF;
	height: 135px;
}
#prensa #login #titulo2 {padding-bottom:13px;padding-top: 15px;}
#prensa #login #fields {width:228px;float:left;}
#prensa #login #fields input {margin-bottom:5px;}
#prensa #login #button {
	width:75px;
	float:left;
}

/* page LOGIN */
#prensa #login #fields2 {
	width:400px;
	float:left;
}
#prensa #login #fields2 input {
	margin-bottom:2px;
}
#prensa #login #button2 {
	width:75px;
	float:left;
}
/* page LOGIN  end*/

#prensa #login #text {
	clear:both;
	padding-top:8px;
	color: #999;
}

#prensa #email {
	width:351px;
	height:135px;
	padding:0 11px 0 19px;
	background:url(../img/common/bg_newsletter.png) repeat;
	float:left;
}
#prensa #email .text{
	padding-bottom:12px;
	color: #FFF;
	padding-top: 10px;
}
#prensa #email .field{ width:230px; float:left;}
#prensa #email .button{width:90px;float:left;}

#prensa #gallery {width:880px;clear:both;margin-top: 20px;}
#prensa #gallery .images{width:281px;margin:0 7px 12px 0;float: left;color: #787878;}
#prensa #gallery .images img {margin-bottom:6px;}

.field_prensa {
	width:209px;
	height:15px;
	border:0;
	background:url(../img/common/bg_newsletter_field.png) repeat;
	padding-left: 10px;
	padding-top: 2px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
}

/*************************************/
/*   consentimiento informado        */
/*************************************/

#consentimiento {
	width:485px;
	background:#FFF url(../img/others/bg_terminos_y_condiciones.jpg) no-repeat right top;
	padding: 12px;
	font-size: 11pt;
	border: 1px solid #000;
}
#consentimiento .cerrar {
	float:right;
	width:60px;
	text-align: right;
}
#consentimiento .text {
	clear: both;
	text-align: justify;
	color: #333;
	font-size: 10px;
}

/*************************************/
/*   baja Newsletter                 */
/*************************************/
#baja_newsletter{
	width:472px;/**/
	float:left;
	height: 202px;
	/*background-image: url(../img/common/bg_newsletter.png);
	background-repeat: repeat;*/
	padding-left: 5px;
	font-size: 11pt;
	border: 1px solid #000;
	background: #000;
}
/*#baja_newsletter {
	width:449px;
	padding: 0 20px 20px 8px;
	font-size: 11pt;
	border: 1px solid #000;
	background: #000;
}*/
#baja_newsletter .enviar {
	float:left;
	width:250px;
	padding-top: 10px;
}
#baja_newsletter .cerrar {
	float:right;
	width:120px;
	text-align: right;
	padding-top: 10px;
	font-size: 10px;
}
#baja_newsletter .text {
	padding:4px 0 8px 10px;
	clear: both;
	margin: 8px 0 0 8px;
	background-color: #ccc;
	height: 142px;
}
#baja_newsletter .text .close{float:right;width:120px;text-align: right;padding-right: 10px;}
#baja_newsletter .text .text1{
	padding:8px 0 0 12px;
	color: #464646;
	font-size: 10px;
	clear: both;
	height: 23px;
}
#baja_newsletter .text .field{ width:230px; float:left;}
#baja_newsletter .text .button{
	width:90px;
	float:left;
	padding-top: 1px;
}

/*************************************/
/*   Articulo Añadido                */
/*************************************/

#articulo {
	width:248px;
	height:126px;
	padding:18px 0 0 18px;
	background-color: #FFF;
	background-image: url(../img/mayoristas/bg_popup.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#articulo .text{padding-bottom:10px;padding-right: 15px;color: #cc00cc;}
#articulo .button {text-align:center;clear:both;padding-right: 10px;}
#articulo .button input{margin:0 3px 0 6px;} 
.button_articulo { width:103px; height:39px; background:#FFF; border:0; text-align:center color:#000;}

/*************************************/
/*   LOG IN                          */
/*************************************/
#login_left {
	width:679px;
	padding:17px 8px 18px 11px;
	background:url(../img/carro_compra/bg_block.jpg) repeat-y;
	clear: both;
} 
#login_left .titulos {
	padding-bottom:4px;
	clear: both;
	color: #cc00cc;
	font-size: 12px;
}
#login_left .titulos .left{ width:300px; float:left;}
#login_left .titulos .right{
	width:200px;
	float:right;
	text-align: right;
	font-size: 10px;
}
#login_left .colleft {
	float:left;
	width:153px;
	padding-bottom:20px;
}
#login_left .colleft .text {
	height:16px;
	padding-bottom:4px;
}

#login_left .colright {
	float:left;
	width:303px;
	padding-bottom:20px;
}
#login_left .colright .field {
	height:16px;
	padding-bottom:4px;
	clear: both;
}
#login_left .colright .field .leftf{
	float:left;
	width:140px;
	padding-top: 1px;
}
#login_left .colright .field .leftc{float:left;width:25px;padding-top: 12px;}
#login_left .colright .field .rightf{ width:150px; float:left;}
#login_left .colright .field .rightc{width:265px;float:left;color: #AAAAAA;}

.field_271_login { width:271px; height:14px; border:1px solid #bfbfbf;}
.field_90_login { width:90px; height:14px; border:1px solid #bfbfbf;}
.field_112_login { width:112px; height:14px; border:1px solid #bfbfbf;}
.areafield_129_login {
	width:129px;
	height:16px;
	border:1px solid #bfbfbf;
}
.field_129_login {
	width:129px;
	height:14px;
	border:1px solid #bfbfbf;
}
#login_left .errores {
	width:223px;
	float:left;
	text-align:right;
	padding-top:15px;
	color: #cc00cc;
}

#login_left .titulos2 {padding-bottom:8px;clear: both;color: #AAAAAA;font-size: 12px;height: 20px;padding-left: 157px;}
#login_left .titulos2 .lefta{
	width:330px;
	float:left;
	font-size: 10px;
}
#login_left .titulos2 .righta{width:190px;float:right;text-align: right;}

/*************************************/
/*   confirmacion compra             */
/*************************************/
#confirmacion_left {
	width:681px;
	padding:17px 8px 18px 11px;
	background:url(../img/carro_compra/bg_block.jpg) repeat-y;
	clear: both;
}
#confirmacion_left .texto1{ padding-bottom:13px;}
#confirmacion_left_top {padding-bottom:9px;background-image: url(../img/carro_compra/line.gif);background-repeat: no-repeat;background-position: left bottom;}
#confirmacion_left_top .leftt{
	width:350px;
	float:left;
	line-height: 18px;
}
#confirmacion_left_top .rightt{ width:200px; float:left;}
#confirmacion_left_top .col5 { width:85px; float:left;}
#confirmacion_left_top .col5 .title{
	text-align:center;
	height:13px;
	color:#cc00cc;
	font-size:12px;
}
#confirmacion_left_top .col5 .precios{text-align:center;border-right: 1px solid #cc00cc;padding: 5px 0 0 0;height: 16px;border-left: 1px solid #cc00cc;}
#confirmacion_left_top .col5 .precios2{padding: 5px 0 0 0;height: 16px;}
#confirmacion_left_top .col5 .precios3{padding: 5px 0 0 0;height: 16px;text-align:center;}
#confirmacion_left_middle {padding-bottom:9px;background-image: url(../img/carro_compra/line.gif);background-repeat: no-repeat;background-position: left bottom;padding-top: 9px;}
#confirmacion_left_middle .leftt{ width:350px; float:left;}
#confirmacion_left_middle .rightt{ width:200px; float:left;}
#confirmacion_left_middle2 {padding-bottom:9px;background-image: url(../img/carro_compra/line.gif);background-repeat: no-repeat;background-position: left bottom;clear: both;padding-top: 9px;}
#confirmacion_left_bottom {padding-bottom:1px;padding-top: 9px;}
#confirmacion_left_bottom .leftt{width:450px;float:left;padding-bottom: 20px;}
#confirmacion_left_bottom .rightt{width:200px;float:right;text-align: right;padding-top: 40px;}
.button_confirmacion {width:135px;height:22px;background:#cc00cc;border:0;font-size: 12px; font-family:"Times New Roman", Times, serif}
.button_actualizar {width:83px;height:22px;background:#cc00cc;border:0;font-size: 12px; color:#000; font-family:"Times New Roman", Times, serif}
/*************************************/
/*   pedido terminado             */
/*************************************/
#pedido_left {
	width:679px;
	padding:17px 8px 18px 13px;
	background:url(../img/carro_compra/bg_block.jpg) repeat-y;
	clear: both;
	margin-bottom: 3px;
} 
#pedido_left .line{ padding-top:10px;}
#pedido_left .line .opciones {float:left; padding-right:90px;}

#pedido_left .line .opciones a:hover { color:#CC00CC;}

/*************************************/
/*   Datos de Envio                  */
/*************************************/
.datos_title {padding-bottom:5px;width: 680px;color: #cc00cc;}
.datos_title .lefts{ float:left; width:300px;}
.datos_title .rights{
	float:right;
	width:200px;
	text-align: right;
	font-size: 10px;
}
.datos_text {width:610px;padding-bottom:27px;clear: both;}
.datos_text .lefty{
	width:356px;
	float:left;
	padding-bottom:7px;
}
.datos_text .righty {width:219px;float:left;padding-bottom:5px;}
#datos_text_opciones { width:300px;}
#datos_text_opciones .option{width:35px;float:left;height: 21px;}
#datos_text_opciones .text1{width:239px;float:left;height: 21px;}
.datos_text2 {width:450px;padding-bottom:26px;}
.datos_text2 .leftu {width:105px;height:21px;float: left;}
.datos_text2 .rightu {width:296px;height:21px;float: left;}
.datos_text3 {width:680px;padding-bottom:26px;}
.datos_text3 .leftu {width:455px;float: left;}
.datos_text3 .leftu textarea { margin-top:5px;}
.datos_text3 .rightu {width:196px;float: right;text-align: right;padding-top: 70px;color: #cc00cc;}
.datos_text3 .buttons {width:680px;text-align:right;clear:both;padding-top: 10px;}

.areafield_datos_envio {
	width:377px;
	overflow:auto;
	height:95px;
	border:1px solid #bebebe;
}

/*************************************/
/*   Mi cuenta                       */
/*************************************/
#content_micuenta {width:981px;margin-bottom: 7px;}
#micuenta_navbar {
	width:977px;
	padding:18px 0 15px 8px;
	background:#000;
	height: 78px;
}
#micuenta_navbar .items {
	margin-right:124px;
	float:left;
	color: #FFF;
}
#micuenta_navbar .items li{ list-style:none; margin-top:7px; font-family:Helvetica;}
#micuenta_navbar .items li a{color:#999;}
#micuenta_navbar .items li a:hover{color:#cc00cc;}
#micuenta_navbar .items li a:active{color:#cc00cc;}
#micuenta_navbar .items li a:focus{color:#cc00cc;}

/*************************************/
/*   cambio contraseña               */
/*************************************/
#contrasena_left {
	width:679px;
	padding:8px 8px 18px 13px;
	background:url(../img/carro_compra/bg_block.jpg) repeat-y;
	clear: both;
} 
#contrasena_left .datos{
	text-align:right;
	color:#cc00cc;
	font-size: 10px;
}
#contrasena_left .block{padding-bottom:44px;width: 400px;}
#contrasena_left .block .text1{
	height:21px;
	width:140px;
	float:left;
	padding-bottom:20px;
	padding-top: 2px;
}
#contrasena_left .block .field1{
	width:170px;
	float:left;
	height:21px;
	padding-bottom:22px;
	color: #cc00cc;
}
#contrasena_left .block .text2{height:21px; width:140px; float:left;}
#contrasena_left .block .field2{height:21px;width:160px;float:left;color: #cc00cc;}
#contrasena_left .button{clear:both;color: #cc00cc;}
#contrasena_left .textos{ padding-bottom:10px;}
#contrasena_left .textos input{ margin-right:8px;}
#contrasena_left .textos2{ padding-bottom:20px;}
#contrasena_left .textos2 input{ margin-right:8px;}
#actualizacion_left_button{clear:both;color: #cc00cc;}

/*************************************/
/*  ACTUALIZACION DIRECCION          */
/*************************************/

.actualizacion_text1 {
	padding-bottom:1px;
	height:20px;
	margin-bottom: 1px;
	clear: both;
	background-image: url(../img/others/line_borde.jpg);
	background-repeat:  repeat-x;
	background-position: left bottom;
}
#actualizacion_left {width:679px;padding:17px 8px 18px 13px;background:url(../img/carro_compra/bg_block.jpg) repeat-y;clear: both;} 
#actualizacion_left .titulos {
	padding-bottom:13px;
	clear: both;
	color: #cc00cc;
	font-size: 12px;
}
#actualizacion_left .titulos .left{ width:300px; float:left;}
#actualizacion_left .titulos .right{
	width:200px;
	float:right;
	text-align: right;
	font-size: 10px;
}
#actualizacion_left .colleft {
	float:left;
	width:157px;
	padding-bottom:20px;
}
#actualizacion_left .colleft .text {
	height:16px;
	padding-bottom:4px;
}
#actualizacion_left .colright {
	float:left;
	width:293px;
	padding-bottom:20px;
}
#actualizacion_left .colright .field {
	height:16px;
	padding-bottom:4px;
}
#actualizacion_left .colright .field .leftf{float:left;width:140px;}
#actualizacion_left .colright .field .leftc{float:left;width:25px;padding-top: 12px;}
#actualizacion_left .colright .field .rightf{ width:150px; float:left;}
#actualizacion_left .colright .field .rightc{width:265px;float:left;color: #AAAAAA;}
#actualizacion_informes { width:400px; clear:both;}
#actualizacion_informes .leftf{width:111px;float:left;}
#actualizacion_informes .rightf{ width:200px; float:left;}
#actualizacion_left_button2 {
	clear:both;
	color: #cc00cc;
	margin-top:52px;
}

/*************************************/
/*  MIS PEDIDOS                      */
/*************************************/

#pedidos_left {width:685px;padding:17px 2px 18px 13px;background:url(../img/carro_compra/bg_block.jpg) repeat-y;clear: both;} 
#pedidos_left .titulos {padding-bottom:8px;clear: both;color: #cc00cc;font-size: 12px;}
#pedidos_left .titulos .left{ width:300px; float:left;}
#pedidos_left .titulos .right{width:200px;float:right;text-align: right;}
#pedidos_left .lines {
	padding-bottom:4px;
	padding-top: 4px;
	background-image: url(../img/others/line_borde.jpg);
	background-repeat:  repeat-x;
	background-position: left bottom;
}
#pedidos_left .lines .col1 {border-right:1px solid #cc00cc; text-align:center; color:#999999; float:left; width:78px;}
#pedidos_left .lines .col2 {border-right:1px solid #cc00cc;text-align:center;color:#999999;float:left;width:73px;}
#pedidos_left .lines .col3 {border-right:1px solid #cc00cc; text-align:center; color:#999999;float:left; width:70px;}
#pedidos_left .lines .col4 {border-right:1px solid #cc00cc;color:#999999;float:left;width:245px;padding-left: 10px;}
#pedidos_left .lines .col5 {border-right:1px solid #cc00cc; text-align:center; color:#999999;float:left; width:96px;}
#pedidos_left .lines .col6 {border-right:1px solid #cc00cc;text-align:center;color:#999999;float:left;width:62px;}

#pedidos_left .lines2 {
	padding-bottom:4px;
	background-image: url(../img/others/line_borde.jpg);
	background-repeat:  repeat-x;
	background-position: left bottom;
	margin-bottom: 1px;
	/*height: 18px;*/
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	line-height: 20px;
}
#pedidos_left .lines2 .col1 {text-align:center;float:left; width:78px; color:#000;}
#pedidos_left .lines2 .col2 {text-align:center;float:left;width:75px; color:#000;}
#pedidos_left .lines2 .col3 {text-align:center;float:left; width:70px; color:#000;}
#pedidos_left .lines2 .col4 {float:left;width:245px;color:#000;padding-left: 10px;}
#pedidos_left .lines2 .col5 {text-align:center;float:left; width:96px; color:#000;}
#pedidos_left .lines2 .col6 {text-align:center;float:left;width:70px;color:#000;}
#pedidos_left .lines2 .col7 {
	text-align:center;
	float:left;
	width:40px;
	color:#000;
	margin-top: 2px;
}
.button_pedidos { width:36px; height:16px; border:0; color:#000; background:#cc00cc; font-family:"Times New Roman", Times, serif}

.areafield_enviar {
	width:230px;
	border:1px solid #bfbfbf;
	overflow:auto;
	height:60px;
}
/*************************************/
/*  Buscador                         */
/*************************************/

#buscador_left {width:679px;padding:17px 8px 18px 13px;background:url(../img/carro_compra/bg_block.jpg) repeat-y;clear: both;margin-bottom: 9px;} 

.buscador_left_block { padding-bottom:30px;}
.buscador_left_block .titulo { padding-bottom:5px;}
.buscador_left_block .texto { padding-bottom:5px;}
.buscador_left_block .imagen { padding-bottom:5px;}
.buscador_left_block .video { padding-bottom:5px;}

#buscador {
	padding-bottom:2px;
}
#buscador #search {
	width:151px;
	clear:both;
}
#buscador #search #field{
	width:127px;
	float:left;
	padding-top: 3px;
}
#buscador #search #boton{width:22px;float:left;padding-top: 2px;}


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}