html, body { height: 100%; margin: 0;}


body {margin: 0 auto; Width: 100%; height: auto; overflow: auto; text-align: center; font-size: 1.1em; line-height: 120%; font-family: Verdana; color: #444444; border: 0px solid #000}


a, a:hover, option, select, img {
    outline:0;
	border: 0px;
	text-decoration: none;
}

.raleway {font-family: 'Raleway', sans-serif;}
.verdana {font-family: 'Verdana', sans-serif;}


@font-face {
  font-family: 'Roboto-Medium';

  src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium.woff2') format('woff2'), url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'), url('fonts/Roboto-Medium.svg') format('svg');
}

@font-face {
  font-family: 'Roboto-Regular';

  src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg') format('svg');
}


.Roboto-Medium {font-family: 'Roboto-Medium'}
.Roboto-Regular {font-family: 'Roboto-Regular'}

h4 {color: #000;}



header {
background: #000;
height: auto;
z-index: 99;
width: 100%;
position: fixed;
z-index: 100
						
}

#sliders_2 {

	
	width: 100%;
	height: auto;
	
	
	
}
.titulo_slider {
	
	/*font-size: 2.0em; */
	margin:0 auto;
	font-weight: bold; 
	color: #fff; 
	width: 100%; 
	font-family: 'Raleway', sans-serif;
	line-height: 2.5vw;
	/*text-transform: uppercase;*/
	text-shadow: 2px 2px 5px #000;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 2s; /* Firefox < 16 */
	-ms-animation: fadein 2s; /* Internet Explorer */
	 -o-animation: fadein 2s; /* Opera < 12.1 */
		animation: fadein 2s;
}

#sliders_2 #titulo_slider a{
	
	font-size: 1vw; 
	line-height: 1vw;
	
}




.buscador_r {color: #fff; border: 0px; background: none; text-align:left; }
.buscador_r:focus {outline:none;}

.buscador_r::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}

.buscador_r:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

.buscador_r::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}




.botonera_r {display: inline; padding:26px 5px; height:80px; width: 80px; float: left; text-align: center; border: 1px solid red; background: #999; cursor: pointer; color: #fff }

.botonera_r:hover {background: #fff; color: #000;}

#ul_botonera_m {width:100%;}
#ul_botonera_m li {list-style-type: none; width:100%; padding: 12px 5px; border-top: 1px solid #666; color: #fff}
#ul_botonera_m li:hover {background: #666}
#ul_botonera_m li a {color: #fff; display: block; width: 100%}


#div_botonera_productos {background: #fff; color: #000; overflow-x: scroll; height: 180px;  display: block}
#div_botonera_productos_container {width: 6000px;}
.botonera_r_rubros {width: 200px; height:160px; border: 1px solid red; float: left}


/*Top*/





#top {margin: 0px auto; width:100%; height: 90px; background: #2D2D2D; border: 0px solid; clear: both }



#cont_top {width: 100%; height: 90px; margin: 0 auto; position: relative; border: 0px solid white }

#logo_im {float: left; width: 180px; border: 0px solid red; margin: 20px 40px 0 0;}
#logo_im img{width: 180px;}







#tablero {width: 100%; height: 80px; border: 0px solid red; position: fixed; bottom:0; background: rgba(0,0,0, 0.8)}
.cierre_tablero, .apertura_tablero {position: absolute; color: white;  width: 100px; height: 20px; right: 0; top: -20px; border: 0px solid blue; cursor: pointer; background: rgba(0,0,0, 0.8)}


#botonera_top {margin: 0px auto; width:100%; height: 30px; background: #000; border: 0px solid red; clear: both; float: left; }
#pais_distribuidor {margin: 0px auto; width:100%; height: auto; background: #000; border-bottom: 1px solid #333; }
#pais_distribuidor_cont {margin: 0px auto; width:100%; height: 30px; background: #000; border: 0px solid red; padding: 2px 5px }
#export_only {width: 120px; height: 30px; top: 8px; left: 170px; border: 0px solid #fff; position: absolute}

#musico_top {position: absolute; top: 0px; right: 0px; z-index: 0 }


#country_selected {position: absolute; right: 160px; top: 72px; width: auto; border: 0px solid; text-align: center; width: 200px; color: #ccc; font-size: 0.65em;}

#seleccion_idioma {position: absolute; right: 30px; top: -3px; width: 70px; height: 45px; border: 0px solid #fff; color: #ccc; font-size: 0.65em; z-index: 999}
#idiomas_txt{position: absolute; right: 39px; top: 12px; width: 56px; height: 10px; border: 0px solid #fff; color: #999; font-size: 0.65em}


#data_visitante_top {color: #fff; }



.cont_botonera_new {width: 100%; height: 20px; border: 0px solid #fff; margin: 0 auto; position: relative }
.botonera_new {width: 100%; height: 20px; top: 8px; border: 0px solid #fff; position: absolute}


a.boton_new, a.boton_new:hover, .boton_new:hover, .boton_articulos_marcas, .boton_marcas_ud, .boton_marcas_outlet, a.boton_marcas_outlet, a.boton_marcas_outlet:hover, .boton_new , .boton_marcas_rubro{font-size: 0.9em; font-family: 'Raleway', sans-serif; width: auto;  padding: 2px; float: left; color: #fff; margin: 0 10px 0 0; position: relative; padding: 0px 4px; text-transform: uppercase; cursor: pointer; border: 0px solid white; white-space: nowrap; display: block  }

.boton_articulos_marcas {color: yellow;}
a.boton_new:visited, .boton_articulos_marcas:visited, .boton_marcas_ud:visited, a.boton_marcas_outlet:visited{color: #ddd;}
a.boton_marcas_outlet, a.boton_marcas_outlet:visited  {color: yellow; z-index: 9999;}

a.boton_new:hover, a.boton_marcas_outlet:hover {color: #999; text-decoration: none;}



.boton_articulos_marcas_new {color: yellow;}
.boton_articulos_marcas_new:hover {color: black; background: #fff}

a.boton_new:visited, .boton_articulos_marcas_new:visited, .boton_marcas_ud:visited, a.boton_marcas_outlet:visited{color: #ddd;}
a.boton_marcas_outlet, a.boton_marcas_outlet:visited  {font-size: 0.85em; color: yellow; z-index: 9999;}

a.boton_new:hover, a.boton_marcas_outlet:hover {color: #999; text-decoration: none;}



#botonera_listado_media {width: 120px; height: auto; border: 0px solid #666; padding: 3px; background: url(../imagenes/bg_botonera_listado_marcas.png); z-index: 9999; position: absolute; top: 25px; left: 170px;

 }
 
 
 @-moz-document url-prefix() {
   
	 a.boton_new, a.boton_new:hover, .boton_new:hover, .boton_articulos_marcas, .boton_marcas_ud, .boton_marcas_outlet, a.boton_marcas_outlet, a.boton_marcas_outlet:hover, .boton_new , .boton_marcas_rubro {
		 
		 margin: 0 23px 0 0; 
		 
	 } 
 }

#div_listado_productos_marcas {background:#fff}
 
 
 .botonera_listado, .botonera_listado_marcas3, .botonera_listado_outlet3, .botonera_listado_rubro3, .botonera_listado_marcas4, .botonera_listado_outlet4, .botonera_listado_rubro4  {width: 260px; max-height: 500px; padding: 3px; background: url(../imagenes/bg_botonera_listado_marcas.png); z-index: 9999; position: absolute; top: 25px; left: 0px; overflow-y: auto; overflow-x: hidden }
 
 
.botonera_listado_marcas3, .botonera_listado_outlet3, .botonera_listado_rubro3, .botonera_listado_marcas4, .botonera_listado_outlet4, .botonera_listado_rubro4  {max-height: 300px; }


.botonera_marca, .botonera_marca_outlet, .botonera_rubro, .botonera_marca_d, .botonera_marca_ud, .link_ajax3, .link_ajax_outlet3, .link_ajax_rubro3, a.desctitulobot, .link_menu, .link_menu_reverse, a.botonera_login, .botonera_media { font-family: 'Raleway', sans-serif; width: 250px; padding: 8px ; height: auto;  margin: 0; cursor:pointer; color: #fff; text-align: left; display: block; text-transform:uppercase; clear: both; line-height: 150%;  }

.link_menu, .link_menu_reverse {width: 120px}
 

.link_menu, .link_menu:hover  {background: #fff; color: #000 }
.link_menu:hover  {background: #000; color: #fff }


.link_menu_reverse, .link_menu_reverse:hover  {background:#777 url(../imagenes/item.png) no-repeat 0 0px; color: #fff }
.link_menu_reverse:hover  {background:#aaa url(../imagenes/item.png) no-repeat 0 0px; }

.botonera_marca:hover, .botonera_marca_outlet:hover, .botonera_rubro:hover, .botonera_marca_d:hover, .botonera_marca_ud:hover, .link_ajax3:hover, .link_ajax_outlet3:hover, .link_ajax_rubro3:hover, a.botonera_login:hover, .botonera_media:hover{font-family: 'Raleway', sans-serif; width: 250px; padding: 8px; height: auto;  margin: 0; cursor:pointer; color: #fff; text-align: left; display: block; text-transform:uppercase; clear: both; line-height: 150%;  }




.listado_botones_desplegable {display: none; position: absolute; z-index: 9999; top: 25px; left: 0; border: 0px solid red; background: url(../imagenes/bg_botonera_listado_marcas.png);}



.link_ajax3, .link_ajax_outlet3, .link_ajax_rubro3  {height: auto}
a.desctitulobot {color: #000; }



.desctitulobot:hover {font-weight: 400} 

/*a.botonera_login {width: 178px; padding: 2px 3px 2px 20px; }*/

.botonera_marca_d a, .botonera_marca_d a:hover, .botonera_marca_d a:visited {color: yellow; font-size: 1.0em; text-decoration: none} 

.marca_codtitulo_botonera {margin: 0 5px 0 0; vertical-align: middle}

/*.botonera_rubro  {cursor:url(images/go_white.gif), auto}*/
/*.botonera_rubro  {cursor:crosshair}*/













/*ABM*/


.area_form_abm {width: 100%; padding: 20px; border:0px solid red}

.left_abm {width: 200px; height: auto; border: 0px solid; padding: 5px; border-right: 0px solid #999; float: left}

.abm_result {border-left: 0px solid #999; width: 100%; height: auto; min-height: 300px; float: left; padding: 0px; margin: 20px 0 0 0px}

.contenido_abm { margin: 50px auto 0 auto; padding: 0px 0 0 0; width: 100%; height: auto; border: 0px solid; min-height: 700px;
 text-align: left; background: url(../imagenes/bg_cont.png) no-repeat; position: relative; background: #fff}
 
.contenido_abm .boxinputerror { background: #ddd}
 
.cont_abm_result {width: 700px; height: auto; min-height: 300px; overflow-y: hidden; position: relative; border: 0px solid; padding: 0 0 25px 0; margin: 0 0 25px 0 } 



.check_abm{ border: 1px solid #999; width: 180px; height: auto; min-height: 100px; float: none; margin: 0 0 20px 0; -moz-border-radius: 5px; border-radius: 5px; padding: 10px}
}



.boxinput_abm {width: 150px; border: 1px solid #999; margin: 10px 0 3px 0 }


.formline_abm, .formline_abm_small {width: 700px; height: auto; min-height: 30px; overflow: hidden; margin: 15px 0 ; border: 0px solid; float: left}
.formline_abm_small {width: 200px;}
.boxforms_abm {width: 100%; font-weight: bold; border: 0px solid; }
#header_formline_abm {width: 700px; height: 70px; margin: 60px 0 10px 0; border-top: 1px solid #999; float: left}

.formline2_abm {width: 600px; height: 150px; overflow: hidden; margin: 0 0 0px 0; border: 0px solid; float: left}
.formline_send {width: 98%; height: 30px; margin: 5px 0; border: 0px solid; float: left; clear: both}

.cont_mail_alfredo{width: 900px; height: auto; min-height: 600px; border: 1px solid #999;  -moz-border-radius: 5px; border-radius: 5px; padding: 10px;}

#email_results{ width: 900px; height: 100px; border: 1px solid #999;  -moz-border-radius: 5px; border-radius: 5px; padding: 10px;}
.inicio_abm {position: absolute; top: 35px; right: 100px;}

#variables {position: absolute; top: 67px; right: 87px; width: 270px; height: 60px; padding: 3px; border: 1px solid #bbb}
#upload_img_1, #upload_img_2 {position: absolute; top: 67px; left: 620px; width: 500px; height: 600px; padding: 3px; border: 1px solid #bbb}
#upload_img_2 {top: 470px;}


input.subir {width: 100%; height: 19px; text-align: center; background: url(../imagenes/boton_subir.png) no-repeat 50% 0; border: 0; margin: 0 5px; vertical-align: top; cursor: pointer}










 
#animain {width: 580px; height: 395px; float: left; margin: 20px 0 0 0; border: 0px solid }
.marcas {width: 390px; height: auto; min-height: 430px; float: left; margin: -10px 5px 0 0; padding: 0; border: 0px solid}


.marcas_home {width: 150px; height: 170px; float: left; margin: 20px 0 10px 10px; border: 0px solid;}

.marcas_home a {margin: 0px 20px ; border: 0px solid blue}
/*.imgbanners_home {border: 1px solid #999; text-align: center; width: 73px; height: 30px; margin: 5px 10px 10px 0px; padding: 0px 0 0 0}*/



#buscador_vendedores {border: 0px solid; width: 300px; height: auto; min-height: 50px; margin: 20px auto 0 auto; position: relative }
 
 #results, #resultsvend {overflow-x: hidden; overflow-y: auto; height:auto; max-height: 350px; width: 255px;
 background: #fff;
 border-left: 1px dotted #999;
 border-right: 1px dotted #999;
 z-index: 9999;
 padding: 0px; 
 }
 
 #resultsvend { width: 255px; height: auto; background: #d1d1d1; border: 0px solid; text-align: left; margin: 0 auto}
 
 
 #results a, #resultsvend a {display: block; width: 100%; padding: 5px; margin: 0px 0; border: 0px solid}
 #results a:hover, #resultsvend a:hover {background: #5ECBFF; background: #eee; text-decoration: none;}
 
 #results .resultado, #resultsvend.resultado {color: #000}
 #results .haystock, #resultsvend.haystock {color: #666; font-weight: bold; font-weight: 0.7em; margin: 1px 0 0 0 }
 
 
 
 a.list_busc {display: block; width: 100%; height: auto; min-height: 30px; padding: 10px 0 5px 40px;
 margin: 0 0 0px 20px; border: 0px dotted #999; float: left; background: url(../imagenes/go2.png) 10px 40% no-repeat}
 a.list_busc:hover {background: #f1f1f1 url(../imagenes/go2.png) 10px 40% no-repeat; text-decoration: none}
 
 #results a.vertodosresultados {width: 100%; height: 15px; padding: 5px 0 3px 5px; margin: 0px 0 0 0; text-align: left; background: #FFBBBB; color: #000}
 #results a.vertodosresultados:hover {background: #FFdddd}
 
 
 
#destac_main {width: 250px; height: auto; min-height: 200px; padding-right: 5px; text-align: left;
float: left; margin: 10px 10px 10px 0; border: 0px solid; position: relative }

p.destacados {position: relative; border: 0px solid; width: 100%; height: 150px; }
p.destacados .marca_destacados{position: absolute; top: -10px; left: 20px; border: 0px solid}
p.destacados .modelo_destacados{position: absolute; top: 5px; left: 110px; font-weight: bold; width: 140px; height: auto; border: 0px solid}
p.destacados .img_destacados{position: absolute; top: 35px; left: 0px; right: 0px; margin: 0 auto; border: 0px solid}
p.destacados .txt_destacados{position: absolute; top: 115px; left: 20px; width: 215px; height: auto; border: 0px solid; text-align: center}


.nuevas_oficinas_madero {width: 100%; height: 120px; border: 0px solid; float: left; margin: 10px 0}

.img_madero {width: 150px; float: left; margin: 0 5px 5px 0}

.img_dest_main {margin: 10px auto 10px 0px; border: 0px solid }

 
#marcas_exclusivas a, #marcas_nuevas a, #marcas_ultimos_disponibles a {margin: 10px; padding: 3px; width: 80px; height: 50px; display: block; float: left}
 
 #news_main, #media_main{width: 100%; height: 380px; float: left; text-align: left; padding: 0px; border: 0px solid; margin: 0px 0 40px 0;}
.slider_news {height: 200px; float: left; padding: 0px 0px; margin: 10px 30px 0 30px; background: none; border: 0px solid;}

.div_imgs_news_media_home {border: 0px solid green; width: 300px; height: 340px; margin: 20px 0;}
.imgs_news_media_home, .play_img_media_home {width: 300px; height: 200px; border: 0px solid; margin: 10px auto}

.play_img_media_home {background: #ccc; z-index: 99999; border: 2px solid red;}



p.vid-main { float: left; margin: 0 20px 10px 0; text-align: left; }
 



 
#scrollbar1 {}
#scrollbar1 div {border: 0px solid }
#scrollbar1 .viewport { width: 90%; height: 600px; overflow: hidden; position: relative; border: 0px solid}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../imagenes/bg-scrollbar-track-y.png) no-repeat 0 0px; position: relative;
 background-position: 0 0; float: right; width: 15px; }
/*#scrollbar1 .track { background: transparent url(../imagenes/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }*/
#scrollbar1 .thumb { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; 
cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar1 .thumb .end { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }


#scrollbar2 {}
#scrollbar2 div {border: 0px solid }
#scrollbar2 .viewport { width: 90%; height: 600px; overflow: hidden; position: relative; border: 0px solid}
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar2 .scrollbar{ background: transparent url(../imagenes/bg-scrollbar-track-y.png) no-repeat 0 0px; position: relative;
 background-position: 0 0; float: right; width: 15px; }
/*#scrollbar2 .track { background: transparent url(../imagenes/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }*/
#scrollbar2 .thumb { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; 
cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar2 .thumb .end { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar2 .disable { display: none; }





#somba_main {width: 100%; height: 20px;}


#scrollbar_float { width: 920px; margin: 10px 0 0 0; float: left; padding: 0 0 0px 0px; border: 0px solid red}
#scrollbar_float div {border: 0px solid }
#scrollbar_float .viewport { width: 90%; height: 400px; overflow: hidden; position: relative; border: 1px solid red;}
#scrollbar_float .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;  padding-bottom: 50px }
#scrollbar_float .scrollbar{ background: transparent url(../imagenes/bg-scrollbar-track-y.png) no-repeat 0 0px; position: relative;
 background-position: 0 0; float: right; width: 15px; }
/*#scrollbar_float .track { background: transparent url(../imagenes/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }*/
#scrollbar_float .thumb { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; 
cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#scrollbar_float .thumb .end { background: transparent url(../imagenes/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar_float .disable { display: none; }

#somba_main {width: 100%; height: 20px;}



a.box_main_news { width: 98%; display: block; font-size: 1.0em; height: auto; min-height: 45px; max-height: 60px; margin: 0px; padding: 5px; border-bottom: 1px dotted; background: #fff;}
a.box_main_news:hover {background: #f6f6f6; font-size: 1.0em; text-decoration: none} 

a.box_main_news2 {width: 98%; display: block; font-size: 1.0em; height: auto; min-height: 25px; margin: 0px; padding: 10px 0 0 15px; 
background: #fff url(../imagenes/go2.png) no-repeat 0px 13px; border-bottom: 1px dotted; color: #000}
a.box_main_news2:hover {background: #f6f6f6 url(../imagenes/go2.png) no-repeat 0px 13px; font-size: 1.0em; text-decoration: none;  color: #000} 

a.box_media_list {width: 129px; float: left; font-size: 1.0em; height: 180px; margin: 0 20px 20px 0; padding: 10px 0 0 5px; border: 0px dotted; font-weight: normal}
a.box_media_list:hover {font-size: 1.0em; text-decoration: none} 
a.box_media_list img{margin-bottom: 5px} 

.marca_main {font-weight: bold; padding: 0 0 0 10px; text-transform: capitalize; background: url(../imagenes/go2.png) no-repeat 0px 3px; }

.txt_main_news {width: 84%; margin: 10px 0 0 0; height: 40px; text-transform: lowcase; font-size: 0.7em; color: #666; border: 0px solid}
.txt_main_news:hover {text-decoration: none; font-size: 0.7em}







/*area comercios*/

#news_comercios {width: 280px; height:300px; border: 0px solid; float: left; margin: 40px 0 0 40px; background: url(../listas_precio/area_comercios/imagenes/bg-news-.png) no-repeat; }



#news_comercios p {color: #000; font-size: 1.3em}
#news_comercios p.fecha {color: #666; font-size: 0.7em; padding: 1px 3px; width: 150px; margin: 0 0 0px 0 }
#news_comercios .noticia {color: #444; line-height: 135%}


form.updatedata {width: 100%; height: 450px; border: 0px solid}

#izq-areacomercios {width: 650px; height: auto; min-height: 200px; float: left; margin: 0px 0px 0 0; padding: 0 0 0 5px; border: 0px solid}
#der-areacomercios {width: 530px; height: auto; min-height: 200px; float: left; margin: -50px 0 0 0; padding: 0 0 0 5px; border: 0px solid}


.botones_comercio {width: 120px; margin: 0px 20px 0px; height: auto; min-height: 35px; float: left; overflow: hidden; border: 2px solid; text-align: center}

.menucli, .menuvend, .menucli_gris{border: 0px solid; margin: 20px 8px 0 0; float: left; 
text-transform: capitalize; 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF7D7D), color-stop(100%, #AD4040));
 background-image: -webkit-linear-gradient(top, #FF7D7D, #AD4040);
 background-image: -moz-linear-gradient(top, #FF7D7D, #AD4040);
 background-image: -ms-linear-gradient(top, #FF7D7D, #AD4040);
 background-image: -o-linear-gradient(top, #FF7D7D, #AD4040);
 background-image: linear-gradient(top, #FF7D7D, #AD4040);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF7D7D, endColorstr=#AD4040);
border-radius: 5px;
box-shadow: 0px 5px 5px #bbb;
color: #fff; text-align: center; padding: 7px 20px; font-weight: bold; cursor: pointer; position: relative}

.menuvend{
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404063), color-stop(100%, #9399C5));
 background-image: -webkit-linear-gradient(top, #9399C5, #404063);
 background-image: -moz-linear-gradient(top, #9399C5, #404063);
 background-image: -ms-linear-gradient(top, #9399C5, #404063);
 background-image: -o-linear-gradient(top, #9399C5, #404063);
 background-image: linear-gradient(top, #9399C5, #404063);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#404063, endColorstr=#9399C5);
color: #fff
}

.menucli_gris{
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #BBBBBB));
 background-image: -webkit-linear-gradient(top, #BBBBBB, #999999);
 background-image: -moz-linear-gradient(top, #BBBBBB, #999999);
 background-image: -ms-linear-gradient(top, #BBBBBB, #999999);
 background-image: -o-linear-gradient(top, #BBBBBB, #999999);
 background-image: linear-gradient(top, #BBBBBB, #999999);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#999999, endColorstr=#BBBBBB);
color: #666
}

.menucli a, .menucli a:hover, .menucli a:visited , .menuvend a, .menuvend a:hover, .menuvend a:visited {color: #fff; text-align: center; font-size: 1.0em; font-weight: bold; text-decoration: none; text-transform: capitalize}




.menuclidesp{width: 100px; height: auto; position: absolute; z-index: 9999; top: 25px; left: 0px; padding: 5px; margin: 10px 0 0 0px;  border: 0px solid; background: rgba(0,0,0, 0.8); -moz-border-radius: 5px; border-radius: 5px; font-size: 0.8em }

.menuclidesp hr{border: 1px dotted #666 }

a.a_menu, a.a_menu:hover, a.a_menu:visited  {display: block; width: 85%; height: auto; color: #999; border: 0px dotted #000; margin: 0px auto; padding: 8px 0px 8px 14px; text-align: left; background: url(../imagenes/item_white.png) no-repeat -4px 7px; font-size: 0.7em }

a.a_menu:hover, a.a_menu:visited {background: url(../imagenes/item_white.png) no-repeat -4px 6px; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; padding: 7px 0 7px 14px; color: #fff; text-decoration: none}


.cerrarmenucompras{cursor: pointer; height: 10px; margin: 0 5px 0 0; color: #fff; font-weight: bold; float: right;}


#carromonitorfloat{position: fixed; width: 100px; max-width: 140px !important; height: auto; max-height: 50px; right: 0px; top: 360px; border: 0px solid; padding: 3px}
/*

#carromonitorfloat, #abrircerrarseries, #filtro_solo_stock, #filtro_solo_stock_lap,  #filtro_solo_stock_lap_buscador {position: fixed; width: auto; max-width: 100px !important; height: auto; max-height: 50px; top: 200px; right: 0px; border: 0px solid; padding: 3px; z-index: 999;}
#abrircerrarseries {top: 300px; right: 25px; cursor: pointer; width: 50px; border: 0px solid; line-height: 180%}
#filtro_solo_stock_lap, #filtro_solo_stock_lap_buscador {top: 400px; right: 20px; border: 0px solid; width: 50px; color: #000; padding: 5px 5px 10px 5px; height: 100px}
#filtro_solo_stock {top: 480px; right: 20px; border: 0px solid; width: 50px; color: #000; padding: 5px 5px 20px 5px; height: 100px}
*/


.iconocarro_cont2 {width: auto; min-width: 110px; height:100px; border: 0px solid; color: #00699B; cursor: pointer }
.iconocarro_cont2 a, .iconocarro_cont2 a:hover, .iconocarro_cont2 a:visited {text-align: center; color: #00699B; text-decoration: none}





.error { color: #FF0000; font-weight: bold; float: right; border: 0px solid;
 position: absolute; width: 300px; top: 100px; left: 947px}

#headerpendientes {width: 900px; height: 120px; margin: 0 auto; border: 0px solid #999; padding: 10px; position: relative; float: left}



table.pend { border-collapse: collapse; border: 0px dotted; color: #555; font-weight: 400; font-size: 0.9em; width: 98%; height: auto; line-height: 1.3em; margin: 0 auto 5px auto; }


table.pend tr.titulo {text-transform: capitalize}
table.pend tr.titulo td.left{text-align: left; padding: 10px;}

table.pend td.titulos, table.pend td.titulosleft {border: 0px dotted; padding: 5px; text-align: center; background: #bababa; }
table.pend td.titulosleft {text-align: left;}

table.pend td.right {text-align: right; }
table.pend td.left {text-align: left; }

table.pend td {border: 1px solid #ccc; height: 50px; padding: 10px; text-align: center; position: relative }
table.pend tr.titulo td{color: #333; font-weight: bold; height: 30px; background: #E2E6F1;}



table.ord_fact{ border-collapse: collapse; color: #555; font-weight: 400; width: 100%; height: auto;  }

table.ord_fact tr.titulos {background: #F5F5F6; color: #666; font-weight: 700}
table.ord_fact tr:hover {background: #f6f6f6}


table.ord_fact td {border-top: 1px solid #ccc; border-bottom: 0px solid #ccc; padding: 15px; height: auto; text-align: center; position: relative; }




 
.pend_DE, .pend_SB, .pend_AC  {position: absolute; width: 20px; height: 20px; top: 12px; left: 3px; border:0px solid; padding: 0px 0 0 0; font-size: 1.2em; float: left; color: #000; text-align: center; font-weight:bold}
.pend_SB, .pend_AC {padding: 2px; width: 8px; height: 8px; margin: 4px 0 0 0; font-size: 0.9em; color: #0066CC; top: 0; left: 60%; }
.pend_SB {color: red; top: 15px; }

.txt_pend_SB, .txt_pend_AC, .txt_pend_DE {color: #000; font-size: 0.8em}

.txt_pend_AC {color: #0066CC; }

.txt_pend_SB {color: red;}


.icons_prod {width: 98%; border: 0px solid; padding: 2px 0}
.icons_prod img{width: 11px; height: 11px; }


 /*producthd*/
 #cont_img_hd {width: 815px; height: 430px; border: 0px solid; position: relative}
 
.headerprodhd {width: 795px; height: 110px; border: 0px solid; margin: 10px 0 20px 10px; background: #fff}

.logoprodhd {position: absolute; left: 0px; top: 5px; height:110px; padding: 0px 0 0 0; width: 150px; border-right: 1px dotted #666;}
#tipo_media {position: absolute; left: 0px; top: 50px; height:20px; width: 190px; border: 0px solid; font-size: 0.9em; font-weight:bold; color: #000}
#nav_tipo_media {position: absolute; left: 0px; top: 400px; height:20px; width: 190px; border: 0x solid; text-align: center; z-index: 9999}
.icon_nav_tipo_media {width: 80px; height: 30px; border: 0px solid;}
.icon_nav_tipo_media a {font-size: 0.8em;}
.icon_nav_tipo_media a:hover {text-decoration: none}
.icon_nav_tipo_media img {border: 0px}
.hist_compra {margin: 5px}


.modeloprodhd {position: absolute; left: 180px; top: 10px; width: 700px; height: auto; text-align: left; font-size: 1.2em; font-weight: bold; line-height: 120%; border: 0px solid}

.itemsprodhd {position: absolute; left: 180px; top: 70px; width: 700px; height: auto; text-align: left; border: 0px solid}
.mediaprodhd {position: fixed; left: 20px; bottom: 0px; width: 570px; height: auto; text-align: left; border: 0px solid; z-index: 9999}
.mediaprodhd_item {width: auto; height: 16px; padding: 4px 10px 0 0; margin: 0 15px 0 0; border: 0px solid; float: left;}

.desc_analitica_products_media {width: 700px; height: 10px; padding: 5px 0px 15px 2px; border-top: 0px dotted #666; background: none; text-align: left; color: #000; position: absolute; left: 180px; top: 30px; color: #666; border-bottom: 1px solid #999}

/*.item {min-width: 50px; width: auto; height: 15px; color: #666; margin: 0 20px 5px 0; padding: 0 0 0 12px;
 background: url(../imagenes/li_black.png) no-repeat 0px 3px; border: 0px solid; float: left;}*/
 


.titulo3hd {width: 125px; height: 20px; padding: 0; border: 0px solid; position: absolute; top: 63px; left: 12px; z-index: 99999; text-align: center; font-size: 1.4em; color: #000; font-weight: bold;}
.social_products_media {width: 100px; height: 20px; padding: 0; border: 0px solid; position: absolute; top: 95px; left: 25px; z-index: 99999; text-align: left}



.sound_files {width: 180px; height: 100px; padding: 20px; border: 0px solid; float: left; margin: 0 20px 20px 0px; text-align: left; background: #eee }





 
 /*listado videos float*/
 
 .cont_videos_float {position: absolute; width: 795px; height: 270px; border: 0px solid; top: 120px; left: 10px; overflow: auto; }
 
 .listado_videos_float {width: 760px; height: 240px; border: 0px solid; margin: 0 0 30px 0; border-bottom: 1px dotted }
 
 .listado_videos_float embed, .listado_videos_float iframe {float: left; border: 8px solid; margin: 0 30px 20px 0}
 
 .cont_news_media_float  {float: left; width: 380px; margin: 20px 0px 0 30px; padding: 0 20px 0 0; height: 296px; border: 0px solid; overflow-x: auto; }
 
 




/*Garantias*/

#izq_cont {width: 350px; height: 400px; border: 0px solid; float: left; font-weight: 400; line-height: 135%; position: relative}

#img_garantias {position: absolute; top:200px; left: 20px; width: 315px; height: 206px;}
.error_garantias, .ok_garantias, .error_login, .olvido_clave {position: absolute; color: red; top: 130px; left: 1px; font-weight: bold}
.error_garantias {top: -20px; left: 0px}
.ok_garantias {color: #000; font-weight: 400; left: 10px}
.error_login {left: 10px; top: 10px}
.olvido_clave {width: 100%; left: 0px; top: 220px; border: 0px solid; text-align: center}
.olvido_clave a {color: red; }

.boxradio {text-align: left; padding: 1px 0 0 10px; float: left; border: 0px solid; width: 150px; color: #333}

.formline {width: 280px; height: 40px; min-height: 30px; margin: 0 10px 10px 0; border: 0px solid; float: left; text-align: left}
.formline2 {width: 600px; height: 150px; overflow: hidden; margin: 0 0 0px 0; border: 0px solid; float: left}




/*floats*/

.header{width: 99%;height: 65px; border: 0px solid #777; padding:0px;margin: 0px 0 20px 0;position: relative}


h1 {text-transform: uppercase}




p.det {position: absolute;top: 20px;right: 25px; font-size: 0.9em; color: #999;text-align: right;width: 300px;border: 0px solid;}

.nota {position: absolute;top: 60px;left: 0px;width: 98%;height: auto;font-size: 0.9em;min-height: 40px;clear: both;font-size: 0.8em;color: #666;border: 0px solid}

p.t6, p.t6r {font-size: 0.85em; color: #333; line-height: 1.4em; font-weight: bold; text-align: center}
p.t6r {text-align: right}

p.dolares, p.dolaresbig  {font-weight: bold; color: #009900; line-height:0.8em; text-align: center}
p.dolaresbig  {font-size: 0.8em;}
p.pesos  {font-weight: bold; color: #000; line-height: 0.8em; text-align: center}	


#contenedor_carrofloat { margin: 5px; width: 1915px; height: 540px; border: 0px solid; position: relative; text-align: left}

#detallecompra { width: 947px; height: auto; min-height: 400px; border: 0px solid; margin: 0px 10px 0 0px; padding: 0 0 0 0px; float: left; overflow: hidden;}
#formcompra {width: 947px; height:400px; border: 0px solid; float: left; padding: 0 0 0 0px;}


#contareaclientes{width: 98%; min-height: 270px; overflow: auto; margin: 10px; border: 0px solid #000; text-align: left; position: relative}
#cerrarcarro {width: 46px; height: 23px; position: fixed; border: 0px solid; bottom: -5px; right: 25px; z-index: 9999}


#volvercompra {width: 69px; height: 25px; position: absolute; top: 562px; left: 975px; border: 0px solid; background: url(../imagenes/boton-volver3.png) no-repeat 0 2px}

#volvercompra a { color: #BF2323; font-size: 0.9em; margin: 15px 0 0 20px; font-weight: bold}


#ingresarmisdatos {position: absolute; width: 70px; text-align: center; border: 0px solid; height: 25px; left: 850px; top: 545px; text-align: right;}

#cerrarcompra {position: absolute; width: 70px; text-align: center; border: 0px solid; height: 25px; left: 1813px; bottom: -38px; text-align: center;}
.cerrarorden { width: 69px; height: 25px; cursor:pointer; border: 0px; background: url(../imagenes/boton-cerrarpedido.png) no-repeat}


#reccookie {width: 150px; height: 40px; position: absolute; bottom: -5px; left: 1680px; border: 0px solid}
#reccookie p, #reccookie a {font-size: 0.7em; color: #666}

.borrarpedido {position: absolute; width: 89px; height: 25px; left: 663px; top: 547px;}

#seguircomprando {position: absolute; width: 79px; height: 25px; left:5px; top: 470px; border: 0px solid	}

.comprapendiente {width: 69px; height: 25px; position: absolute; top: 546px; left: 760px; border: 0px solid}
.ordenpendiente { width: 69px; height: 25px; cursor:pointer; border: 0px; background: url(../imagenes/boton-ordenpendiente2.png) no-repeat}

#volverprodhd { width: 110px; height: 40px; cursor:pointer; position: absolute; bottom: 0px; left: 0px; border: 0px solid}

#seguircomprando_marcas {width: 510px; height: auto; max-height: 160px; position: absolute; bottom: 0; left: 20px; border: 0px solid; text-align: left}


/*#detallecarrofloat {width: 930px; height: 360px; margin: -15px 0 10px 5px; padding: 5px; background: #f3f3f3; border: 1px solid #ccc; overflow-y: auto; }*/
#detallecarrofloat {width: 100%; height: auto; margin: 0px 0 10px 5px; padding: 25px 5px 5px 5px; border: 0px solid #ccc; overflow-y: auto; background: #fff; }


#tmiami, #tdirecto {position: absolute; top: 28px; left:405px; border: 0px solid; z-index: 999; padding: 0 0 0 20px; background: url(../imagenes/arrow_directo.png) no-repeat; color: #0099FF; font-weight: bold}

#tmiami {background: url(../imagenes/arrow_miami.png) no-repeat; color: red; font-weight: bold}

table.carrofloat .tmiami_det, table.carrofloat .tdirecto_det {color: #000; font-weight: bold; margin: 0 0 0px 10px; width: 300px; height: 20px; border: 0px solid red; text-align: left; font-size: 1.2em}
table.carrofloat .tmiami_det {color: red}



a.ver_directo, a.ver_directo:hover {
position: absolute; top: 45px; left: 425px; width: 85px; z-index: 999; border:1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 2px 5px; margin: -5px 0 0 0;  text-align: center; color: #0099FF; background-color: #fff; display: block; line-height: 1.0em; letter-spacing: 0.5px; font-weight: bold; position: relative;
 /*
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0099FF), color-stop(100%, #191919));
 background-image: -webkit-linear-gradient(top, #0099FF, #191919);
 background-image: -moz-linear-gradient(top, #0099FF, #191919);
 background-image: -ms-linear-gradient(top, #0099FF, #191919);
 background-image: -o-linear-gradient(top, #0099FF, #191919);
 background-image: linear-gradient(top, #0099FF, #191919);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0099FF, endColorstr=#191919);
 */
 cursor: pointer;
}

a.ver_miami, a.ver_miami:hover {
position: absolute; top: 45px; left: 425px; width: 75px; z-index: 999; border:1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 2px 5px; margin: -5px 0 0 0; text-align: center; color: #FF6666; background-color: #fff; display: block; line-height: 1.0em; font-weight: bold; position: relative;
/*
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF6666), color-stop(100%, #790B0B));
 background-image: -webkit-linear-gradient(top, #FF6666, #790B0B);
 background-image: -moz-linear-gradient(top, #FF6666, #790B0B);
 background-image: -ms-linear-gradient(top, #FF6666, #790B0B);
 background-image: -o-linear-gradient(top, #FF6666, #790B0B);
 background-image: linear-gradient(top, #FF6666, #790B0B);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF6666, endColorstr=#790B0B);
 */
 cursor: pointer;
}

#modificar_lista {position: absolute; left: 200px; top: 13px}
 
 


.eliminar_orden {
width: auto; height: auto; float: left; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; margin: 0 20px 20px 0; padding: 10px 30px;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF4242), color-stop(100%, #ff0000));
 background-image: -webkit-linear-gradient(top, #FF4242, #ff0000);
 background-image: -moz-linear-gradient(top, #FF4242, #ff0000);
 background-image: -ms-linear-gradient(top, #FF4242, #ff0000);
 background-image: -o-linear-gradient(top, #FF4242, #ff0000);
 background-image: linear-gradient(top, #FF4242, #ff0000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF4242, endColorstr=#ff0000);
 font-size: 1.2em; 
}



.seguircomprando {
width: auto; height: auto; float: left; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; margin: 0 0 20px 0; padding: 10px 30px;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25AF03), color-stop(100%, #187302));
 background-image: -webkit-linear-gradient(top, #25AF03, #187302);
 background-image: -moz-linear-gradient(top, #25AF03, #187302);
 background-image: -ms-linear-gradient(top, #25AF03, #187302);
 background-image: -o-linear-gradient(top, #25AF03, #187302);
 background-image: linear-gradient(top, #25AF03, #187302);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#25AF03, endColorstr=#187302);
 font-size: 1.2em; 
}



 
 

table.carrofloat {border-collapse: collapse; width: 98%; background: #fff; height: auto; border: 0px solid; margin: 0 0 10px 10px; font-size: 1.0em }
table.carrofloat td {border-top: 1px solid #cdcdcd; vertical-align: middle; min-height: 15px; text-align: center; padding: 4px}

table.carrofloat tr.titulo td{font-family: Verdana; color: #333; height: 30px; text-align: center; background: url(../imagenes/bg-carro-td-titulos.jpg) repeat-x; border: 0px solid #999}
table.carrofloat tr.titulo td.left{text-align:left; padding: 0 0 0 10px}


table.carrofloat tr.titulo_hibrido td{font-family: 'Raleway', sans-serif; font-size: 1.2em; font-weight: bold; color: #333; height: 50px; text-align: center; 
 border-bottom: 2px solid #000; border-top: 0}
 
table.carrofloat tr.titulo_hibrido td.left{text-align:left; padding: 0 0 0 10px}

table.carrofloat tr td.left{height: 30px; text-align:left; padding: 0 0 0 10px}
table.carrofloat tr td.upline, table.carrofloat tr td.rightupline{ border: none }

table.carrofloat tr.titulo_miami td, table.carrofloat tr.titulo_directo td, table.carrofloat tr.titulo_bta td{font-family: Verdana; color: #333; height: 30px; text-align: center; background: #C6ECFF repeat-x; border: 0px solid #999}
table.carrofloat tr.titulo_directo td{background: #FFD0D0 repeat-x;}
table.carrofloat tr.titulo_bta td{background: #FFB380 repeat-x;}

table.carrofloat tr.titulo_miami td.left, table.carrofloat tr.titulo_directo td.left, table.carrofloat tr.titulo_bta td.left{text-align:left; padding: 0 0 0 10px}

textarea.compra {width: 98%; height: 150px; font-size: 0.9em; padding: 5px 0px 0 5px; float: left; text-align: left;
 color: #000; margin: 0 10px 10px 0; border: 1px solid #999; background: #f3f3f3;}
 
.totales_clientes {width: 160px; height: 60px; background-image:-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.1, #ddd),
    color-stop(0.3, #eee),
    color-stop(0.9, #fff)
);
-moz-border-radius: 5px; border-radius: 5px;
border: 1px solid #ccc;
margin: 10px 10px 10px 0; float: left; padding: 5px; cursor: pointer; position: relative}

.totales_mensuales {width: 180px; height: 60px; background: url(../imagenes/bg_compras_web.png) no-repeat; margin: 10px; float: left; padding: 5px; font-size: 1.1em; cursor: pointer; position: relative}


.contenedor_mes_year {position: relative; width: auto; height: auto; border: 0px solid #000}
.estadisticas_mes_year {position: absolute; cursor: pointer; right: 10px; top: 5px; width: 450px; height: 20px; padding: 2px 5px; border: 0px solid; font-size: 0.9em; text-align: right }

/*Mapa USA*/

.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-container path {
cursor: pointer;


}


.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    top: 10px;
	left: 180px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
}

.jvectormap-zoomout {
    left: 200px;
}



#data_mapa {position: absolute; border: 0px solid red; top: 340px; left: 20px; height: 130px; width: 550px; text-align: left; }
#nombre_pais {font-size : 1.1em; margin: 0; font-weight: bold; color: #000}
#link_pais {font-size : 0.9em; color: #777; margin: 0}

/*Media*/




/*eventos*/
.fecha {color: #888; border: 0px solid; margin: 5px 0 0 0}
.img_eventos {float: left; margin: 10px 10px 0px 0; border: 7px solid #444; z-index: 9999;
-moz-box-shadow: 0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
box-shadow: 0px 0px 5px #888;
-moz-border-radius: 5px;
border-radius: 5px;
}



/*downloads*/
 
#izq-downloads {width: 300px; float: left; margin: 30px 20px 0 70px; border: 0px solid}
  
#resultsdw {height: 450px; width: 500px; margin: 30px 0 0 0px; border: 0px solid; float: left}
 
 
/*
#resultsdw a {display: block; width: 510px; padding: 7px 0 7px 10px;}
#resultsdw a:hover {background: #5ECBFF; background: #ddd; text-decoration: none;}
*/ 
#resultsdw .resultado {color: #000}
#resultsdw .haystock {color: #666; font-weight: bold; font-weight: 0.7em; margin: 1px 0 0 0 }

.file_download {color: #CC0000; font-size: 1.0em; font-weight: bold}

a.link_descarga, a.link_descarga:visited, a.link_descarga:hover {margin: 10px 0; display: block; border: 0px solid; padding: 0 0 0 0px; text-decoration: none; color: #000}







li {font-family: Verdana; color: #000; text-align: left; line-height: 1.5em; margin: 5px 0; border: 0px solid}
li {margin: 0; color: #666;}
p.comercios {width: 700px; font-size: 11px; font-family: Verdana; color: #000; text-align: left; margin: 0 20px 20px 0; }
select.provincias {width: 250px}
p.exp {font-size: 16px; font-family: Verdana; color: #000; text-align: left; margin: 0 0 0 75px; text-transform: capitalize;}


p.tit-main2 { font-family: Verdana; font-size: 1.0em; height: 1.5em; font-weight: bold; text-align: left; margin-bottom: 30px;}





p.destacadas {text-align: center}
p.main {text-align: left}
p.cont {text-align: left; font: 0.9em/130% Verdana; color: #666}


fieldset {border: 0px}

.contenido { margin: 0px auto 30px auto; width: 100%; height: auto; border: 0px solid red; min-height: 540px;
 text-align: left; overflow:hidden; position: relative; padding: 0px; background: #fff}


object {}
object.vid-main {margin-left: 5px; float: right; text-align: right; }


blockquote {text-align: left; font-family: Verdana; color: #444444; font-size: 1.0em; width: 400px;}
ul {padding: 0 0 0 20px}
/*li {text-indent: 0px; line-height: 15px; min-width: 200px; margin: 5px 2px }*/

li.eventos {text-indent: 0px; line-height: 15px; margin: 0 0 0 20px }

/*
select {width: 220px; height: 20px; background: #fff; border: 1px solid; border-color: #999; font-family: Verdana; color: #000; margin: 0 0 15px 0}
select.-downloads {width: 200px; height: 20px; background: #fff; border: 1px solid; border-color: #ddd; font-family: Verdana; font-size: 0.9em; color: #000}
select.cantidades {width: 40px; height: 20px; background: #fff; border: 1px solid; border-color: #ddd; font-family: Verdana; font-size: 0.9em; color: #000}
select.inp-forms {width: 272px; height: 20px; background: #fff; border: 1px solid; border-color: #555; font-family: Verdana; color: #000}
select.selectuno{margin: 0 0px 10px 0}
*/



input.inp-forms {width: 270px; height: 20px; background: #D5CDCA; border: 1px solid; border-color: #555; font-family: Verdana; font-size: 0.9em; color: #000; margin: 0 0 7px 0}
input.ver {width: 56px; height: 19px; background: url(../imagenes/boton_ver.png) no-repeat; cursor: pointer; border: 0; margin: 0 5px; vertical-align: top}

/*
input.enviar, input.enviarlogin {width: 100%; height: 19px; text-align: center; background: url(../imagenes/boton_enviar.png) no-repeat 50% 0; border: 0; margin: 0 5px; vertical-align: top; cursor: pointer}
*/

input.enviar {width: 100%; height: 19px; text-align: center; background: url(../imagenes/boton_enviar.png) no-repeat 50% 0; border: 0; margin: 0 5px; vertical-align: top; cursor: pointer}


input.cancelar{width: 60px; height: 17px; background: url(../imagenes/boton-cancelarform.png) no-repeat; font-family: Verdana; border: 0; margin: 0 5px; vertical-align: top; cursor: pointer}

input.confirmar{width: 88px; height: 17px; background: url(../imagenes/boton_confirmar.png) no-repeat; font-family: Verdana; border: 0; margin: 0 5px; vertical-align: top; cursor: pointer}



.formg {width: 600px; height: auto; min-height: 400px; border: 0px solid green; float: left; margin: 10px 0 0 30px; position: relative}
.enviarform {width: 100%; height: 30px; border: 0px solid; clear: both; text-align: center}

form.garantias { text-align: right; padding: 0px 0 0 0px;}
form.form-uno {text-align: left;  margin: 0 0 0 0}
form.carrito {text-align: left; }

.boxforms {width: 95px; height: auto; min-height: 24px; padding: 0px 2px 0px 0px; float: left;
text-align: right; color: #333; margin: 0 0px 0px 0; border: 0px dotted; font-weight: bold}

.boxinput, .boxinputerror, .boxinputsmall, textarea.txt-forms, textarea.txt-formserror {width: 165px;
 height: 25px; text-align: left; color: #000; float: left; margin: 0px; padding: 0 0 0 5px; border: 1px solid #ababab; background: #f3f3f3; }

 textarea.txt-forms, textarea.txt-formserror {padding: 10px;}
 
.boxinputcheckbox {width: 13px; height: 13px; padding: 8px 0 0 0}
.p_inputs {line-height: 100%; font-weight: normal}

.select_boxinput select, .select_boxinputerror select{
 background-color: rgba(0,0,0,0);
   width: 168px;
   height: 28px; 
   padding: 0 0 0 5px;
   font-size: 0.8em;
   border: 1px solid #ababab;
   background: url(../imagenes/down.png) no-repeat 140px 5px #f3f3f3;
   -webkit-appearance: none;
   float: left}
   
 .select_boxinputerror {border: 1px solid #FF0000; background: #FFD7D7 }
 
 

textarea.txt-forms, textarea.txt-formserror {width: 475px; height: 100px;  background: #f3f3f3;}
textarea.txt-formserror {border: 1px solid #FF0000; background: #FFD7D7 }
select.boxinput {width: 170px; height: 25px; text-align: left; color: #000; float: left; margin: 0px; padding: 0 0 0 5px;
 border: 1px solid #ababab; background: #fff;}
.boxradioerror, .boxinputerror {border: 1px solid #999; background: #FFD7D7}


/* OPTION */
.optionbox * {
	outline: 0;
}
.optionbox {
	display: inline-block;
	position: relative;
	cursor: default;
	font-size: 0.9em;
	line-height: 125%;
	border: 0px solid;
	width: 170px;
}
.optionbox .selected {
	height: 25px;
	width: 170px !important; 
	border: 0px solid;
	
	
}
.optionbox .selected .selected-inner {
	white-space: nowrap;
	overflow: hidden;
	width: 150px; 
	border: 1px solid #c0c0c0;
	padding: 3px 15px 3px 5px;
	background: url(../imagenes/down.png) no-repeat 147px 1px #fff;
	text-align: left;
	font-size: 0.9em;
}
.optionbox .options {
	border: 1px solid #c0c0c0;
	position: absolute;
	left: 0;
	background: #f1f1f1;
	z-index: 9999;
	width: 170px !important;
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	top: 23px;
}
.optionbox .options a.option {
	padding: 3px 25px 3px 5px;
	display: block;
	color: #333333 !important;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	

}
.optionbox .options a.option:hover {
	background: #c0c0c0;
	color: white !important;
}
.optionbox .options a.option-selected {
	border: 0;
	background: #e1e1e1;
	height: auto;
	color: #333333 !important;
	font-weight: bold;
	font-size: 0.9em;
	padding: 3px 25px 3px 5px;
	display: block;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
}
.optionbox .options a.option-selected:hover {
	background: #c0c0c0;
}
.optionbox .options a.option-disabled {
	color: #aaaaaa !important;
	
	padding: 3px 25px 3px 5px;
	display: block;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
}
.optionbox .options a.option-disabled:hover {
	background: #eeeeee !important;
	color: #aaaaaa !important;
}
.optionbox .options a.option-selected-disabled {
	color: #aaaaaa !important;
	
	padding: 3px 25px 3px 5px;
	display: block;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
}
.optionbox .options a.option-selected-disabled:hover {
	background: #eeeeee !important;
	color: #aaaaaa !important;
}

/*titulos*/

#titulo, #titulo2 {width: 100%; height: 40px; font-size: 1.8em; color: #000000; text-align: left; float: left;
 clear: both; font-weight: bold; margin: 20px 0 0 0; border: 0px solid; text-transform: uppercase}
#titulo2 {height: 30px; font-weight: 400; margin: 10px 0; color: #333; font-weight: bold}
.titulo3, .titulo_more {font-size: 1.2em; color: #000; font-weight: bold; width:100%; border: 0px solid; margin: 0 0 15px 0}
.titulo_more {padding: 0 0 0 0px; font-weight: bold; color: #666 }



.titulo4 {font-size: 1.0em; color: #333; width:100%; border: 0px solid;}
.titulo5 {color: #666; width: 100%; border: 0px solid; margin: 0 0 5px 0}
.titulo6 {font-size: 0.85em; color: #444; font-weight: bold; width:100%; border-bottom: 1px solid #ccc; margin: 15px 0}

.titulof {font-size: 1.4em; color: #333; width: 100%; border: 0px solid; margin: 0 0 5px 0; font-weight:bold}


#cont_news_media {float: left; width: 984px; height: auto; min-height: 300px; border-bottom: 1px solid #999; padding: 0 0 20px 0; margin: 0px 0 60px 0}

#botonera {width: 100%; height: 20px; text-align: left; margin: 20px 0px; border:1px solid }

.imgs_cont_news_media, #text_cont_news_media, #botones_right {float: left; height: auto; min-height: 200px; border: 0px solid; margin: 0 30px 10px 0;text-align: center}

#text_cont_news_media {background:none; width: 765px; text-align: left; padding: 0 10px 0 0; border: 0px solid;}
#text_cont_news_media a {color: blue; font-size: 1.1em;}
#botones_right {background:none; width: 160px; text-align: left; padding: 0 0 0 10px; margin: 0; border-left: 1px solid #ccc}



#img_princ_news_media {margin: 20px 18px 20px 2px; border: 0px solid; width: 780px }
.img_news_media, #img_princ_news_media iframe, #img_princ_news_media embed{
border: 0px solid #444; z-index: 999;
/*
-moz-box-shadow: 0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
box-shadow: 0px 0px 5px #888;
-moz-border-radius: 5px;
border-radius: 5px;
*/
}


.fotos_extra {width: 100%; height: 100px; margin: 20px 0; border: 0px solid red;}


.det_media_news {line-height: 140%}



.fb2, .tw2 {border: 0px solid; width: 110px; height: 20px; margin:3px 0; float: left;}

.art_link_news_media {width: 100%; border: 0px solid; font-weight: bold; padding: 10px; background: #f1f1f1; margin: 0 0 10px 0}
.art_link_news_media a {color: #000}





.a_bt_bottom {border: 0px solid; width: auto; min-width: 50px; height: auto; min-height: 20px; color: #333;  background: url(../imagenes/go2.png) no-repeat 5px 6px; padding: 2px 0 2px 18px; text-align: left; margin: 5px 0 }
 
.a_bt_bottom a {font-size: 1.0em; color: #666	}
 

.more {width: 150px; height: auto; cursor: pointer; border: 0px solid; margin: 15px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #999 }
.moredesp {width: 150px; height: auto; max-height: 300px; overflow-x: hidden; overflow-y:scroll ; border: 0px solid; margin: 10px 0 0 0 }

a.bt_list {display: block; width: 75%; height: auto; min-height: 25px; border: 0px solid; text-decoration: none; margin: 5px 0;
background: url(../imagenes/item.png) no-repeat 0 9px; padding: 10px 0 0 18px; 
}
a.bt_list:hover {background: #d9d9d9 url(../imagenes/item.png) no-repeat 0 9px;}

form.login {padding: 40px 0 0 0px; height: auto; min-height: 180px; border: 0px solid; position: relative}



/*carrolistas*/

.flags {vertical-align: middle; padding: 0 0 2px 0}

#login_comercios_float {width: 36px; height: 36px; position: fixed; top: 0; left: 0; border: 0px solid red; z-index: 9999999999999999999999999999999999; padding: 4px;}

#login_vendedores_float {width: 36px; height: 36px; position: fixed; bottom: 0; right: 0; border: 0px solid blue; z-index: 9999999999999999999999999999999999; padding: 4px;}

#login_proveedores_float {width: 36px; height: 36px; position: fixed; top: 0; right: 0; border: 0px solid green; z-index: 9999999999999999999999999999999999; padding: 4px;}

#ir_arriba {position: fixed; bottom: 105px; right: 5px; border: 0px solid red; z-index: 99}


.headerlistas {width: 100%; height: 170px; margin: 10px 0 30px 0; position: relative; border-bottom: 1px solid #ababab; z-index: 999;}

.buscadorprods {width: 240px; height: 50px; position: absolute; z-index: 9999999; top: 85px; left: 0px; border:0px solid; float: left;}

.formbusccod {width: 200px; height: 40px; border-left: 0px dotted #666; padding-left: 20px; position: absolute; bottom: 55px; left: 280px; z-index: 9999  }
.formbusccod form {position: absolute; top: 20px; left: 20px  }
.boxinputcod {width: 168px; height: 16px; text-align: left; color: #666; margin: 0px; padding: 2px 5px; border: 1px solid #bbb; background: #fff}
.lupa_buscador {width: 25px; height: 22px; margin: 0 0 0 5px; float: left; border: 0px; background: url(../imagenes/lupa_buscador.png) no-repeat 0 0px; cursor: pointer}

/*.buscar {cursor: pointer; width: 52px; height: 17px; float: right; background: url(../imagenes/boton_buscar.png) no-repeat; border: 0px solid}*/

.send, a.send, input.send {
border:0px solid #df0909; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 2px 7px; font-weight:bold; text-align: center; color: #FFFFFF; background-color: #f62b2b;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f62b2b), color-stop(100%, #d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(top, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
 cursor: pointer;
}

.send:hover, a.send:hover{
 border:0px solid #b30808; background-color: #e40a0a;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e40a0a), color-stop(100%, #9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(top, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
 text-decoration: none
}

input.send, a.send, a.send:hover{
 font-size: 0.7em;
 }
 
 
.add, a.add{
border:0px solid #df0909; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 2px 7px; font-weight:bold; text-align: center; color: #FFFFFF; background-color: #7AA5FF;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7AA5FF), color-stop(100%, #1049F5));
 background-image: -webkit-linear-gradient(top, #7AA5FF, #1049F5);
 background-image: -moz-linear-gradient(top, #7AA5FF, #1049F5);
 background-image: -ms-linear-gradient(top, #7AA5FF, #1049F5);
 background-image: -o-linear-gradient(top, #7AA5FF, #1049F5);
 background-image: linear-gradient(top, #7AA5FF, #1049F5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7AA5FF, endColorstr=#1049F5);
 cursor: pointer;
}

.add:hover, a.add:hover{
 border:0px solid #b30808; background-color: #4884FF;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4884FF), color-stop(100%, #0731AB));
 background-image: -webkit-linear-gradient(top, #4884FF, #0731AB);
 background-image: -moz-linear-gradient(top, #4884FF, #0731AB);
 background-image: -ms-linear-gradient(top, #4884FF, #0731AB);
 background-image: -o-linear-gradient(top, #4884FF, #0731AB);
 background-image: linear-gradient(top, #4884FF, #0731AB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4884FF, endColorstr=#0731AB);
 text-decoration: none
}

 a.add, a.add:hover{
 font-size: 0.7em;
 }



 
 
.link_red, a.link_red{
border:0px solid #812B2B; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 3px 10px; font-weight:400; text-align: center; color: #fff; background-color: #FF6666; line-height: 1.0em; max-height: 30px; margin: 0 auto;  float: left; 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF6666), color-stop(100%, #790B0B));
 background-image: -webkit-linear-gradient(top, #FF6666, #790B0B);
 background-image: -moz-linear-gradient(top, #FF6666, #790B0B);
 background-image: -ms-linear-gradient(top, #FF6666, #790B0B);
 background-image: -o-linear-gradient(top, #FF6666, #790B0B);
 background-image: linear-gradient(top, #FF6666, #790B0B);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF6666, endColorstr=#790B0B);
 cursor: pointer;
 
}


.seguir_comprando, a.seguir_comprando{
border:0px solid #812B2B; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 8px 12px 8px 8px; font-weight:bold; text-align: center; color: #fff; background-color: #FF6666; display: block; line-height: 1.0em;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF6666), color-stop(100%, #790B0B));
 background-image: -webkit-linear-gradient(top, #FF6666, #790B0B);
 background-image: -moz-linear-gradient(top, #FF6666, #790B0B);
 background-image: -ms-linear-gradient(top, #FF6666, #790B0B);
 background-image: -o-linear-gradient(top, #FF6666, #790B0B);
 background-image: linear-gradient(top, #FF6666, #790B0B);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF6666, endColorstr=#790B0B);
 cursor: pointer;
}

.seguir_comprando:hover, a.seguir_comprando:hover{
 border:0px solid #812B2B; background-color: #FF3737;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3737), color-stop(100%, #540707));
 background-image: -webkit-linear-gradient(top, #FF3737, #540707);
 background-image: -moz-linear-gradient(top, #FF3737, #540707);
 background-image: -ms-linear-gradient(top, #FF3737, #540707);
 background-image: -o-linear-gradient(top, #FF3737, #540707);
 background-image: linear-gradient(top, #FF3737, #540707);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF3737, endColorstr=#540707);
 text-decoration: none
}

 a.seguir_comprando, a.seguir_comprando:hover{
 letter-spacing: 0.5px
 }
 
 
 #inputguardarcompra {
border:0px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 2px 7px; font-weight:bold; text-align: center; color: #fff; background-color: #7C7C7C; line-height: 1.0em; width: 90px; height: 30px; letter-spacing: 0.5px; margin: 0 2px;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7C7C7C), color-stop(100%, #191919));
 background-image: -webkit-linear-gradient(top, #7C7C7C, #191919);
 background-image: -moz-linear-gradient(top, #7C7C7C, #191919);
 background-image: -ms-linear-gradient(top, #7C7C7C, #191919);
 background-image: -o-linear-gradient(top, #7C7C7C, #191919);
 background-image: linear-gradient(top, #7C7C7C, #191919);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7C7C7C, endColorstr=#191919);
 cursor: pointer;
}


#inputcerrarcompra {
border:0px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 2px 7px; font-weight:bold; text-align: center; color: #fff; background-color: #7C7C7C; display: block; line-height: 1.0em; width: 90px; height: 30px; letter-spacing: 0.5px; margin: 0 2px;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF6666), color-stop(100%, #790B0B));
 background-image: -webkit-linear-gradient(top, #FF6666, #790B0B);
 background-image: -moz-linear-gradient(top, #FF6666, #790B0B);
 background-image: -ms-linear-gradient(top, #FF6666, #790B0B);
 background-image: -o-linear-gradient(top, #FF6666, #790B0B);
 background-image: linear-gradient(top, #FF6666, #790B0B);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF6666, endColorstr=#790B0B);
 cursor: pointer;
}

 
.borrar_pedido, a.borrar_pedido{
border:0px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 2px 7px; font-weight:bold; text-align: center; color: #000; background-color: #FFE234; display: block; line-height: 1.0em; width: 90px; height: 26px; float: left; margin: 0 2px;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFE234), color-stop(100%, #FF9039));
 background-image: -webkit-linear-gradient(top, #FFE234, #FF9039);
 background-image: -moz-linear-gradient(top, #FFE234, #FF9039);
 background-image: -ms-linear-gradient(top, #FFE234, #FF9039);
 background-image: -o-linear-gradient(top, #FFE234, #FF9039);
 background-image: linear-gradient(top, #FFE234, #FF9039);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFE234, endColorstr=#FF9039);
 cursor: pointer;
 
}

.borrar_pedido:hover, a.borrar_pedido:hover{
 border:0px solid #DB7233; background-color: #F2CE00;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2CE00), color-stop(100%, #FF7709));
 background-image: -webkit-linear-gradient(top, #F2CE00, #FF7709);
 background-image: -moz-linear-gradient(top, #F2CE00, #FF7709);
 background-image: -ms-linear-gradient(top, #F2CE00, #FF7709);
 background-image: -o-linear-gradient(top, #F2CE00, #FF7709);
 background-image: linear-gradient(top, #F2CE00, #FF7709);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F2CE00, endColorstr=#FF7709);
 text-decoration: none;
  
}


 .guardar_compra {
border:0px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 2px 7px; font-weight:bold; text-align: center; color: #fff; background-color: #7C7C7C; display: block; line-height: 1.0em; width: 75px; height: 23px; letter-spacing: 0.5px;  position: absolute; top: 546px; left: 756px;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7C7C7C), color-stop(100%, #191919));
 background-image: -webkit-linear-gradient(top, #7C7C7C, #191919);
 background-image: -moz-linear-gradient(top, #7C7C7C, #191919);
 background-image: -ms-linear-gradient(top, #7C7C7C, #191919);
 background-image: -o-linear-gradient(top, #7C7C7C, #191919);
 background-image: linear-gradient(top, #7C7C7C, #191919);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7C7C7C, endColorstr=#191919);
 cursor: pointer;
}

.guardar_compra:hover {
 border:0px solid #000; background-color: #646464;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(100%, #0F0F0F));
 background-image: -webkit-linear-gradient(top, #646464, #0F0F0F);
 background-image: -moz-linear-gradient(top, #646464, #0F0F0F);
 background-image: -ms-linear-gradient(top, #646464, #0F0F0F);
 background-image: -o-linear-gradient(top, #646464, #0F0F0F);
 background-image: linear-gradient(top, #646464, #0F0F0F);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#0F0F0F);
 text-decoration: none
}

 

 
/*#errornocod, #errornoresults {position: absolute; top: 3px; left: 20px; color: red; font-weight: bold; z-index:9999999}*/
#errornoresults  {position: absolute; bottom: 0px; left: 25%; color: red; font-weight: bold; border: 0px solid; height: 15px; min-width: 180px}




.tcambiostock {position: absolute; right: 130px; bottom: 5px; width: auto; height: 20px; border: 0px solid; }
	
/*.logolistas {width: 180px; height: auto; position: absolute; top: -10px; left: 260px}
.logolistas img{width: 100px; height: auto;}
*/
.logolistas2 {height: auto; position: absolute; top: 25px; left: 300px; width: 10vw; }
/*.logolistas img{width: 150px; height: auto;}*/


#select_tip_list {position: absolute; top: 10px; left: 440px; height: 20px; border: 0px solid }
#display_tip_list {position: absolute; top: 60px; left: 0px; height: 20px; border: 0px solid; text-align: left }
#display_tip_list .btn {margin: 3px 0 }
#icons_multimedia_marca {position: absolute; top: 75px; left: 270px; width: 250px; height: 20px; border: 0px solid; }

.tip_list {float: left; font-size: 1.1em; border: 0px solid; color: black;  margin: 0px 10px 0 0}

a.a_select_tip_list, a.a_select_tip_list:hover { width: auto; height: auto; min-height: 5px;
border:1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 4px 10px; text-align: center; color: #fff;  border:0px solid #812B2B; background-color: #FF3737;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3737), color-stop(100%, #540707));
 background-image: -webkit-linear-gradient(top, #FF3737, #540707);
 background-image: -moz-linear-gradient(top, #FF3737, #540707);
 background-image: -ms-linear-gradient(top, #FF3737, #540707);
 background-image: -o-linear-gradient(top, #FF3737, #540707);
 background-image: linear-gradient(top, #FF3737, #540707);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF3737, endColorstr=#540707);
 cursor: pointer;
 float: left;
 margin: 0px 10px 0 0
}


a.a_select_tip_list_esp, a.a_select_tip_list_esp:hover  {
 width: auto;
border:1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 2px 4px; text-align: center; color: #000; background-color: #fff; display: block; line-height: 125%; position: relative;
 clear: both; display: block; line-height: 125%; font-size: 0.7em; float: left; margin: 15px 0 0 0; cursor: pointer}


.clientecomercio, .nombrecomercio {font-size: 16px; color: #000; margin: 3px 0 5px 0; text-transform: capitalize; text-align: right; line-height: 120%; border:0px solid red; }
p.clientecomercio {font-size: 12px; color: #666;}

.pl, .pr, .fechaini {padding: 2px 5px 2px 18px; background: red url(../imagenes/item.png) no-repeat 0 0px; color: #000; margin:5px 0px; text-align: right; width: auto}
.pr {background: #E7FF9D url(../imagenes/item.png) no-repeat 0 0px;}
.fechaini {background: #ff0000 url(../imagenes/item.png) no-repeat 0 0px; color: #fff}
.txt_outlet {background: #000; color: yellow; padding: 2px 5px; font-size: 0.9em; font-weight: bold; text-align: center; line-height: 150% }

#botonescomercio {width: 100px; height: 105px; border-left: 1px solid #999; float: left; text-align: right; padding: 5px 0 0 0; margin: 0 5px 0 0}
#botonescomercio2 {width: 160px; height: auto; border-left: 0px solid #999; float: left; padding: 0px 0 0 0; margin: 0 px 0 0}
.data_carrolistas {width: 100%; height: 15px; position: absolute; bottom: 2px; left: 0px; border: 0px solid; line-height: 150%;color: #666; text-align: left}

.data_carrolistas a {color: #000}

#helpicons2 {width: 180px; height: 20px; position: absolute; bottom: 5px; right: 0px; border: 0px solid; line-height: 150%;color: #666; text-align: right}
.helpicons_float2{width: 900px; height: 25px; position: absolute; top: 45px; left: 15px; border: 0px solid; line-height: 150%;color: #666; text-align: left}

.helpicons_float2 a{color: #666;}

.detalle_cantidades_carro {width: 110px; height: 57px; position: fixed; top: 285px; right: 0px; border: 0px solid;}
#ayuda_web {position: fixed; width: 110px; height: auto; right: 0px; top: 280px; border: 0px solid; display: block}
#ayuda_web2 {position: absolute; width: 110px; height: auto; left: 480px; top: 0px; border: 0px solid;}


.btclientesfloat {width: 72px; height: 30px; float: left; margin: 0 0 3px 15px; border: 0px solid; position: relative}
.btclientesfloat_txt1, .btclientesfloat_txt2 {width: 55px; height: 10px; position: absolute; border: 0px solid; top: 5px; left: 28px; text-align: left; font-size: 0.8em}
.btclientesfloat_txt2 {top: 14px; font-weight: bold; font-size: 1.0em }


.btclientesfloat2 {width: 74px; height: 24px; float: left; margin: 0 0 3px 15px; padding: 6px 0 6px 26px; border-bottom: 1px dotted #999; text-align: left}


.tc, .tcb, .ordentxt, .nroorden {font-size: 11px; color: #777; margin: 0}
.tcb, .nroorden {color: #000; margin: 0 0 0 5px; font-family: Verdana black; font-size: 13px} 
.ordentxt, .nroorden {color: #00699B}

.stock {font-size: 10px; color: #000; margin: 0 0 0 10px;}



/*marcas*/

.listadomarcas2 {display:flex; display:-webkit-flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; justify-content:center;-webkit-justify-content: center;}


/*tabla series*/

table.carrobymarca {border-bottom: 1px solid #ccc; width: 100%; height: 45px; margin: 0px 0 0px 0px; border-collapse: collapse; z-index: 10}

table.carrobymarca td.descrubro {font-weight: bold; text-align: left; text-transform: uppercase; color: #000; font-family: 'Raleway', sans-serif;}
table.carrobymarca td.descrubro h4, table.carrobymarca td.descrubro h5  {background: rgba(255,255,255, 0.8); width: auto; padding: 6px 16px; margin: 0; display:inline-block; font-size: 2.6em;  }
table.carrobymarca td.descrubro h5 { font-size: 2.3em;  }


table.carrobymarca td.descsubrubro {
background: -webkit-linear-gradient(#BCC9D9, white);
background: -o-linear-gradient(#BCC9D9, white); 
background: -moz-linear-gradient(#BCC9D9, white);
background: linear-gradient(#BCC9D9, white);
text-align: left; padding: 0 20px; font-size: 1.3em; color: #000; font-family: 'Raleway', sans-serif; font-weight: bold}


tr.desctitulo {
/*
background: -webkit-linear-gradient(#c3c3c3, white);
background: -o-linear-gradient(#c3c3c3, white); 
background: -moz-linear-gradient(#c3c3c3, white);
background: linear-gradient(#c3c3c3, white); 
font-weight: bold;

*/
background: rgba(255,255,255, 0.8)}

tr.desctitulo:hover {
/*
background: -webkit-linear-gradient(#c3c3c3, white);
background: -o-linear-gradient(#c3c3c3, white); 
background: -moz-linear-gradient(#c3c3c3, white);
background: linear-gradient(#c3c3c3, white); 
font-weight: bold;

*/
background: #fff}


tr.selectedtr {
/*
background: -webkit-linear-gradient(#c3c3c3, white);
background: -o-linear-gradient(#c3c3c3, white); 
background: -moz-linear-gradient(#c3c3c3, white);
background: linear-gradient(#c3c3c3, white); 
font-weight: bold;

*/
background: #fff}


table.carrobymarca td.clicked {background: #dadada; background-image: none}



/*Div Marcas Discontinuadas*/

.divmarcadisc, .divmarcadisc_selected {border-top: 1px solid #ccc;  width: 100%; height: 40px; padding: 15px 0 0px 0; width: 990px; height: 50px; cursor: pointer; font-size: 0.9em; font-weight: bold; color: #666; background: url(../imagenes/listas/bckgrnd.jpg) repeat-x;}
.divmarcadisc_selected {background: url(../imagenes/listas/bckgrnd_gris_largebuy.jpg) repeat-x;}
.divmarcadisc img {margin: 0 10px -3px 10px}







.contenido_carrobymarca {position: relative; width: 100%; height: 100%; border: 0px solid}

.titcarro, .titcarroleft  {font-family: Verdana; color: #333; font-weight: bold}
.titcarroleft {text-align: left; margin: 0 0 0 10px;}

.subcatalogimg{border: 1px solid; border-color: #ababab; background: #ffffff; padding: 1px; float: left; margin: 10px; height: 50px; width: 50px }



.div_fecha_futura {color: blue;}
.haypendientes {color: #009933;}
/*.haystock {color: #333;}*/
.new_arts {color: red; font-weight: bold; text-align: left }
.oferta {color: #A7211A; font-weight: bold; text-align: left }
.list_videos {border: 0px solid; width: 20px; height: 13px}
.codtitulo_comprado, .desctitulo_text {width: auto; border: 0px solid; color: #444 }
.codtitulo_comprado {width: 100%; border: 0px solid; text-align: right}






/*tabla lista productos*/

.descrubro {width: 100%; height: 35px; font-size: 0.9em; border: 0px solid }
.descrubro_l {width: 20px; height: 35px; float: left; background: url(../imagenes/bg_descrubro_l.png) 0 0px no-repeat}
.descrubro_data {width: auto; height: 25px; padding: 10px 0 0 0px;  float: left; background: url(../imagenes/bg_descrubro.png) 0 0px repeat-x}
.descrubro_r {width: 20px; height: 35px; float: left; background: url(../imagenes/bg_descrubro_r.png) 0 0px no-repeat}

.foto_prod {max-width: 75px; }
table.carro {border-top: 0px solid #999; width: 100%; height: auto; border-collapse: collapse; margin: 0 0 0 0px; display: table; }

table.carro tr.trtc {background: #F4F4F4; background-image: none; border-top: 1px solid #999; border-bottom: 1px solid #999;}
table.carro tr.clicked {background: #dadada; background-image: none}
/*table.carro tr:hover {background: #D2F0FF; background-image: none}*/
table.carro a {font-size: 1.1em; color: #990000}

table.carro td, table.carro td.left {text-align: center; border: 0px solid; height: 60px; padding: 6px 3px}
table.carro td.left {text-align: left; padding-left: 10px; word-wrap: break-word;}

tr.desctitulo td {padding: 35px 10px; cursor: pointer}



table.carro td a {color: #555}

table.carro td.descrubro {background: url(../imagenes/listas/bckgrnd_azul.jpg) repeat-x}
table.carro td.descsubrubro {background: url(../imagenes/listas/bckgrnd_celeste.jpg) repeat-x}
table.carro td.desctitulo {background: url(../imagenes/listas/bckgrnd-.jpg) repeat-x}

table.carro td.titcodigo {background: #E0E0E0; border:0px;}
table.carro td.titimagen {background: #fafafa; border:0px;}
table.carro td.titcolorpub {background: #cacaca; border:0px;}
table.carro td.titcolor, table.carro td.color {background: #cacaca; border:0px;}
table.carro td.color {background: none}
table.carro td.titdescripcion {background: #A0D0D0; text-align: left; padding-left: 10px; border:0px;}
table.carro td.titpreciop {background: #FFD0D0; border:0px;}
table.carro td.titprecioc {background: #C6ECFF; border:0px;}
table.carro td.titprecio3ros {background: #DFFFBF; border:0px;}
table.carro td.titprecioconsfab {background: #FFCC99; border:0px;}

table.carro td.titentrega, table.carro td.titstock{background: #C6ECFF; border:0px;}
table.carro td.titmargen, table.carro td.titiva {background: #e9e9e9; border:0px;}
table.carro td.titdirecto {background: #FFD0D0; border:0px;}
table.carro td.titprecio_mvd {background: #61CAF1; border:0px;}
table.carro td.titprecio_bta {background: #FFB380; border:0px;}
table.carro td.titcomprar {background: #ececec; border:0px;}
table.carro td.imagen {background: #ffffff;}
table.carro td.left a {
font-size: 0.7em;
color: #006699;
}

table.carro td.left a:hover {
color: #000000;
text-decoration: none;
}




.link_clear {font-family: verdana; color: #666; text-align: center}
.tcarro, .univta, .tcarro_desc {font-family: verdana; color: #666; text-align: center}
.tcarrob, .tcarrovoltaje {font-family: verdana; font-size: 0.7em; color: #333; font-weight: bold; text-align: center}
.tcarrovoltaje {color: #333; font-size: 0.6em; font-weight: bold; color: red}
.tcarrosm, .tcarrobsm  {font-family: verdana; font-size: 0.7em; color: #666; font-weight: bold; text-align: center;}
.tcarrosm {font-weight: 400}
.univta {color: red}

/*.codigo_video img, .ext_link img, .imghd {border: 0px; height: 10px; width: 10px}*/

.tcarrosmcolor, .tcarrobsmcolor {font-family: verdana; font-size: 0.7em; color: #666; font-weight: bold;  float: center; border: 0px solid;  margin: 10px auto -10px auto}
.tcarrosmcolor {font-weight: 400}

input.qtty, input.quantity, input.qtty2, input.qtty0, input.qtty_hoy, input.qttydir, input.qttydirecto, input.qtty0dir, input.qttymia, input.qttyimusa, input.qtty0mia, input.qttybta, input.qtty0bta, input.qttymvd, input.qtty0mvd, input.qttyconsfab, input.qtty0consfab, input.qtty3ros, input.qtty03ros, .pend, p.qttym, .cantcarro, .cantcarrocolor, .cantcarrocolor_imusa, .cantcarrocolor_cant, input.qtty_readonly { background: #C6ECFF; text-align: center; padding:1px; height: 22px; width: 38px; margin: 0px 2px; border: 1px solid #bbb; z-index: 9999 }
input.qtty0 { background: #fff;}
input.qtty2 { background: none; color: #000}
input.qtty_hoy { background: #C6ECFF;}

input.qtty0mia { background: #C6ECFF;}
input.qttymia { background: #C6ECFF;}
input.qttyimusa { background: #C6ECFF;}
input.qtty0bta { background: #FFB380;}
input.qttybta { background: #FFB380;}
input.qtty0mvd { background: #C6ECFF;}
input.qttymvd { background: #C6ECFF;}
input.qtty0dir { background: #FFD0D0;}
input.qttydir { background: #FFD0D0;}
input.qttydirecto { background: #FFD0D0;}
input.qtty0consfab { background: #FFD0D0;}
input.qttyconsfab { background: #FFD0D0;}

input.qtty_readonly { background: url(../imagenes/bg_input_readonly.png);}


/*input.qtty0consfab, input.qttyconsfab { background: #FFCC99;}*/
input.qtty03ros, input.qtty3ros { background: #C6ECFF;}

p.qttym {color: #006699; font-size: 0.9em; line-height: 1.2em;}
.cantcarro, .cantcarrocolor, .pend, .cantcarrocolor_cant, .cantcarrocolor_imusa{background: none; color: red; border: 0px solid; font-weight: bold; font-size: 0.8em}
.pend {color: #009933;}
.cantcarrocolor {height: auto;}


.totalesxmes {font-size: 0.65em; border-right: 0px solid #bbb; border-bottom: 0px solid #bbb; border-top: 0px}


.comprarnew, .comprarnew2, .comprarnew2dist, .comprarnew2_art_clienteid {width: 20px; height: 25px; background: url(../imagenes/boton_buy_2018.png) no-repeat; border: 0px solid; margin: 0; cursor: pointer; float; left}
.comprarnew2, .comprarnew2_art_clienteid {background: url(../imagenes/boton_buy_2018.png) no-repeat;}
.comprarnew2dist {background: url(../imagenes/boton-buy1dist-modif.png) no-repeat;}
 


.tcarrovacio {font-family: verdana; font-size: 8pt; color: #666; text-align: left}
.tcarror, .tcarrov, .tcarron {font-family: verdana; font-size: 8pt; color: #ff0000}
.tcarron {color: #000}
.tcarrov {color: #669900}

.avisofincompra {Width: 900px; height: 200px; text-align: center; font-size: 0.9em; margin: 60px auto 0 auto; border: 0px solid; line-height: 140%}


table.bancos {width:400px; border: 1px dotted; margin: 10px auto 0 auto; text-align: center; font-size: 0.85em}
table.bancos td{ padding: 3px; height: 20px;text-align: center}






/*carousel*/
.jcarousel-skin-tango {
z-index: 9999;
border: 0px solid;
width: 780px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 780px;
    padding: 0px 20px;
	border: 0px solid;
}


.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

/*ancho del contenedor de fotos*/

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  700px;
    height: 75px;
	padding: 0 0 0 0px;
	border: 0px solid
	
	
}

/*ancho de las fotos*/
.jcarousel-skin-tango .jcarousel-item {
    
    height: 105px;
	
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	width: 105px;
    height: 75px;
	margin: 0 0px 0 0;
	border: 0px solid #000
	
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0px;
	border: 0px solid
	
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 18px;
    left: 720px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background:url(../imagenes/next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    /*left: 5px;
    right: auto;
    */
	background-image: url(../imagenes/next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 19px;
    left: -10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(../imagenes/prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/*ayuda float*/


#cont_ayuda_web {width: 800px; height: 420px; overflow-y: auto; border: 0px solid; margin: 0 auto; padding: 0 10px 30px 0; position:relative}

.bloque_ayuda_web {width: 750px; height: auto; min-height: 25px; margin: 10px auto; border: 1px solid #999999; position: relative; padding: 5px 0 0 0;}


.titulo_ayuda {font-size: 1.0em; color: #333; font-weight: bold; width:auto; text-align: left; height: 20px; border: 0px solid; margin: 0px 0 0 0; padding: 0px 0 0 40px; cursor: pointer;}


.txt_ayuda {width: 670px; height: auto; margin: 10px auto; padding: 10px; border: 0px solid; line-height: 170%; text-align: left; background: #ffffff;}

.img_ayuda_carro {width: 100px; height: auto; margin: 0px 10px 10px 0; border: 0px solid #999; float: left; padding: 5px; background: #ffffff }

.bloque_ayuda_web .up{position: absolute; top: 5px; left: 10px; width: 20px; height: 20px; border: 0px solid; background: url(../imagenes/go2.png) no-repeat}
.bloque_ayuda_web .down {position: absolute; top: 5px; left: 10px; width: 20px; height: 20px; border: 0px solid; background: url(../imagenes/down.png) no-repeat}



/*exclusivo comercios*/
#izq-login {width: 400px; margin: 90px 0px 20px 50px; height: 200px; overflow: hidden; float: left; border: 0px solid; text-align: center}
#der-login {width: 400px; margin: 90px 50px 20px 50px; height: 200px; overflow: hidden; float: left; border: 0px solid; text-align: center;}

#imprimirpend {position: absolute; width: 100px; height: 35px; left: 530px; top:20px; border: 0px solid}
#imprimirpend {position: absolute; width: 100px; height: 35px; left: 530px; top:20px; border: 0px solid}

a.print {background: url(../imagenes/bg_boton_imprimir.png) no-repeat; text-align: left; width: 200px; height: 14px; color: #2B4C55; border: 0px solid; padding: 2px 5px 2px 25px; font-weight: bold}
a.print:hover {text-decoration: none}


#enviarmailpend {position: absolute; width: 100px; height: 35px; left: 630px; bottom: -13px; border: 0px solid}


.alta_autorizados {width: 74px; height: 25px; position: absolute; border: 0px solid; top: 210px; right: 10px}
.inicio_autorizados {width: 74px; height: 25px; position: absolute; border: 0px solid; top: 210px; right: 0px}
.alertlogin { position: absolute; top: 30px; left: 40px; font-size: 0.9em; line-height: 1.8em; font-weight: bold; text-align: left; color: #D42E12; }

input.input_autorizados, select.input_autorizados {border: 1px solid #999; font-size: 1.0em; color: #666; padding: 1px; width: 90% }






/*area vendedores*/

#buscadorvendedores {position: absolute; border: 0px solid; top: 220px; right: 50px; width: 400px; }

/*bottom*/
#cont_redes_bottom, #cont_dataim_bottom {width: 100%; height: 35px; top: 50px; position: absolute; border: 0px solid; text-align: center }
#cont_dataim_bottom {top: 90px; height: 60px}

.bottom_data_empresas {width: 860px; height:50px; color: #777777;text-align: center; line-height: 120%;padding: 10px 0; border: 0px solid; margin: 0 auto }



p.small-bottom {font-family: Verdana; color: #fff; line-height: 1.4em; text-align: center}
p.small-bottom-white {font-family: Verdana; color: #fff; line-height: 1.4em; text-align: center}

/*red comercios*/
.det_comercios {width: 300px; height: 300px; margin: 0px 20px 70px 0px; border-left: 1px dotted; padding-left: 10px; float: left; text-align: left; position: relative}
p.prov_selec {width: 100%; font-size: 1.2em; font-weight: bold; color: #000; margin: 5px 0; padding: 0 0 5px 18px;
background: url(../imagenes/go2.png) no-repeat 0 4px; border-bottom: 0px solid #ababab}

a.a_comercios, a.comercios:hover{color: #000}
#listado-comercios .titulo3

/*Cta Cte*/

input.enviar {width: 60px; height: 17px; background: url(../imagenes/boton-enviar.png) no-repeat; font-family: Verdana; border: 0; margin: 0 5px; vertical-align: top; cursor: pointer}

.nota {
margin: 0px 0 5px 15px;
width: 95%;
height: 40px;
clear: both;
font-size: 0.9em;
color: #999;
border: 0px solid
}
.enviarform {width: 100%; height: 30px; border: 0px solid; clear: both; text-align: center}


.TDatePicker_default
{
	border: 1px solid #919EA9;
	background-color: White;
	text-align: center;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	cursor: default;
	border: 0px solid;
	width: 260px;
	
}

.TDatePicker_default select
{width: 80px; margin: 1px 0 0 0;
}


.TDatePickerButton
{
	width: 30px;
}

.TDatePickerImageButton
{
	padding: 2px;
	border: 1px solid #919EA9;
	vertical-align: top;
	margin-left: 1px;
}


.TDatePickerImageButton:hover
{
	border-color: #ddd;
}

.TDatePicker_default select
{
	font-size: 11px;
}

.TDatePicker_default input.button
{
	font-size: 11px;
	width: 32px;
}

.TDatePicker_default .date
{
	padding: 4px 0;
	border: 1px solid white;
	text-align: center;
}
.TDatePicker_default .hover
{
	border: 1px solid blue;
}
.TDatePicker_default .selected 
{
	background-color: blue;
	border: 1px solid blue;
	color: white;
}
.TDatePicker_default .today
{
	font-weight: bold;
}

.TDatePicker_default td.empty
{
	border: 1px solid white;
	cursor: default;
	height: 22px;
}

.TDatePicker_default th
{
	width: 28px;
}

.TDatePicker_default .calendarBody
{
	text-align: center;
	width: 210px;
	margin: 3px 6px;
}

.TDatePicker_default .grid
{
	border-spacing: 0px;
	font-size: 0.8em;
}

.TDatePicker_default .calendarFooter
{
	margin: 2px;
	border-top: 1px solid #919EA9;
	padding-top: 2px;
}
.TDatePicker_default .todayButton
{
	font-size: 11px;
	margin: 4px;
	padding-left: 1em;
	padding-right: 1em;
}






/*Informo Pago*/
.div_informar_pago {height: 70px; width: 30%; padding: 5px 10px; border-bottom: 0px solid #ccc; float: left}
.input_informar_pago {float: left; width: 150px; height: 20px; background: #fff}


.tit_info_pagos {font-weight: bold; padding: 0 0 0 10px; background: url(../imagenes/go2.png) no-repeat 0px 3px}
.tit_info_pagos2 {font-weight: bold; font-size: 0.8em}
p.tit_info_pagos_select {font-weight: bold; padding: 0 20px 0 0px; background: url(../imagenes/go2-.png) no-repeat 0px 3px; float: left}



#input_borrarpago {width: 90px; height: 20px; border: 0px; padding: 0 20px 0 0px; background: url(../imagenes/boton-borrarpago.png) no-repeat; float: left}
#input_agregarpago {width: 132px; height: 20px; border: 0px; padding: 0 20px 0 0px; background: url(../imagenes/boton-agregarpago.png) no-repeat; float: left}
#input_finalizarpago {width: 75px; height: 20px; border: 0px; padding: 0 20px 0 0px; background: url(../imagenes/boton-finalizar.png) no-repeat; float: left}







/*mails y reportes*/


.bodycompra {font-family: Verdana; font-size: 0.9em; }
.header_mails_reportes{width: 910px; height: 140px; border: 1px solid #777;background: #E6F2FF;padding: 0 0 0px 10px;margin: 20px 20px 20px 0; position: relative}


.tit_mails {font-size: 1.4em; font-weight: bold; color: #0066cc; width: 545px; float: left; padding: 10px 0 0 5px; text-align: left  }
.logo {width: 260px; height: 50px; border: 0px solid;float: right}
.nota_mails {width: 100%;height: 20px; border: 1px solid;float: left; font-size: 0.9em; text-align: left}

/*
.detallecliente { width: 830px; height: auto; float: left; background: #E6F2FF; border: 0px solid; margin: 5px auto 0px auto; color: #444;
font-family: Verdana; line-height: 150%;}
.detallecliente a {color: #0066ff; text-decoration: none;}
.detallecliente a:hover {color: #999;}
.detallecliente p{line-height: 160%}
.detallecliente b{text-transform: uppercase}
*/

.detallecliente { width: 99%; height: 80px; float: left; background: #E6F2FF; border: 0px solid; margin: 5px auto 0px auto; color: #444;
font-family: Verdana; font-size: 0.85em; line-height: 150%;}
.detallecliente a {color: #0066ff; text-decoration: none;}
.detallecliente a:hover {color: #999;}
.detallecliente p{line-height: 160%}
.detallecliente b{text-transform: uppercase}


.detallecompra {width: auto;height: auto;margin: 0px auto 0 auto}

.detallecompra h3 {font-size: 0.8em;margin: 0px 0 5px 0;}

table.carromail {border: 0px Solid; width: auto; height: auto; text-align: center; font-size: 1.1em; border-collapse: collapse; background: #fff; margin: 0 20px 0 0;}
table.carromail td {border: 1px solid #ddd;  padding: 10px}

table.carromail tr.titulo td, table.carromail tr.titulo td.left{font-family: Verdana; color: #333; font-weight: bold; height: 30px; text-align: center; background: #BDCDDD}
table.carromail tr.titulo td.left {text-align: left; padding: 0 0 0 10px}
table.carromail td, table.carromail td.left{font-family: Verdana; font-size: 0.7em; color: #333; height: 30px; text-align: center; }
table.carromail td.left {text-align: left; padding: 0 0 0 10px}
table.carromail td.right {text-align: right; border: 0px solid; padding: 0 10px 0 0}

.pesos, .totalp, .dolares, .totald  {font-weight: bold; color: #009900; line-height: 1.0em; text-align: center;}
.pesos, .totalp  {color: #000000;}



.observ {margin: 20px 20px 20px 0; width: auto; min-height:50px;clear: both;font-style: italic;font-size: 0.8em;border-top: 1px solid #bbb;padding: 10px;background:#E6F2FF; text-align: left}

.observ p {font-weight: bold;font-size: 1.3em;margin: 0 0 5px 0;font-style: normal}
.titpagos {width: 830px;height: 20px;text-align: center}
.titpagos p {font-size: 0.9em;font-weight: bold;color: #CC3300;margin: 0 0 10px 0;margin: 0 auto}
.foto_prod {width: 50px}
.tcarrocc,.tcarroccb {font-weight: normal; font-size: 0.9em; color: #666}
.tcarroccb {font-weight: bold;}




#logo_footer_mails {width: auto; height: 60px; border: 0px solid; text-align: center; margin: 0px 20px 0 0}
/*.bottom_data_empresas {width: 100%;height: 60px;color: #fff;border: 0px solid;text-align: center;font-size: 0.8em;line-height: 120%;padding: 10px 0; position: absolute; top: 90px}
*/



/* PowerTip Plugin */
#powerTip {
	cursor: default;
	background-color: #333;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	display: none;
	padding: 5px;
	position: absolute;
	white-space: nowrap;
	z-index: 999999999999999999999999999;
	font-size: 0.8em;
	
}
#powerTip:before {
	content: "";
	position: absolute;
}

#powerTip.n:before, #powerTip.s:before {
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -5px;
	top: 50%;
	
}
#powerTip.n:before {
	border-top: 10px solid #333;
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.e:before {
	border-right: 10px solid #333;
	border-right: 10px solid rgba(0, 0, 0, 0.8);
	left: -10px;
}
#powerTip.s:before {
	
	border-bottom: 10px solid #333;
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}
#powerTip.w:before {
	border-left: 10px solid #333;
	border-left: 10px solid rgba(0, 0, 0, 0.8);
	right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
	border-right: 10px solid transparent;
	border-left: 0;
	left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
	border-left: 10px solid transparent;
	border-right: 0;
	right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
	border-top: 10px solid #333;
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
	border-bottom: 10px solid #333;
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}
#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
	border-top: 10px solid #333;
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	left: 10px;
}
#powerTip.ne-alt:before {
	left: auto;
	right: 10px;
}
#powerTip.sw-alt:before, #powerTip.se-alt:before {
	border-top: none;
	border-bottom: 10px solid #333;
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	bottom: auto;
	top: -10px;
}
#powerTip.se-alt:before {
	left: auto;
	right: 10px;
}

.margintop {top: 200px}






/*.total_carro_usa {position: absolute; top: 60px; right: 10px; width: 400px; height: 20px; border: 0px solid; text-align: right}*/

/*Spinner*/
.spinner, .spinnercont {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 1px;
  padding: 0px;
  border: 0px solid red;
  /*display: none*/
}
.spinnercont {position: relative; top: -10px; left: -10px; width: 1px; height: 1px; }
.spinnertext {position: absolute; bottom: 10px; left:0; width: 100%; font-size: 0.9em; font-weight: bold; text-align: center; border: 0px solid red}

.note {
  background-color: #fff8f0;
  padding: 5px 10px 5px 10px;
  border: 1px solid green;
  left: -10px
}


/*Resizeimages*/
.resizedImageContainer {
    margin: 10px 0;
}
.resizedImageContainer div {
    cursor: pointer;
    background: #fffbcd;
    padding: 10px;
    border: 1px solid #c6cd00;
    box-sizing: border-box;
    margin-bottom: 1px;
    font-size: .7em;
}




/*reproductor jquery*/

/*

 SoundManager 2: Basic MP3 player CSS
 ------------------------------------

 Clicks on links to MP3s are intercepted via JS, calls are
 made to SoundManager to load/play sounds. CSS classes are
 appended to the link, which are used to highlight the
 current play state and so on.

 Class names are applied in addition to "sm2_button" base.

 Default:

 sm2_button

 Additional states:

 sm2_playing
 sm2_paused

 eg.

 <!-- default -->
 <a href="some.mp3" class="sm2_button">some.mp3</a>

 <!-- playing -->
 <a href="some.mp3" class="sm2_button sm2_playing">some.mp3</a>


 Note you don't require ul.graphic / ul.flat etc. for your use
 if only using one style on a page. You can just use .sm2_button{}
 and so on, but isolate the CSS you want.

 Side note: Would do multiple class definitions eg.

 a.sm2_default.sm2_playing{}

 .. except IE 6 has a parsing bug which may break behaviour,
 applying sm2_playing {} even when the class is set to sm2_default.


 If you want to make your own UI from scratch, here is the base:

 Default + hover state, "click to play":

 a.sm2_button {}
 a.sm2_button:hover {}

 Playing + hover state, "click to pause":

 a.sm2_playing {}
 a.sm2_playing:hover {}

 Paused + hover state, "click to resume":

 a.sm2_paused {}
 a.sm2_paused:hover {}

*/

a.sm2_button {
 position:relative;
 display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */
 width:18px;
 height:18px;
 text-indent:-9999px; /* don't show link text */
 overflow:hidden; /* don't draw inner link text */
 vertical-align:middle;
 /* and, a bit of round-ness for the cool browsers. */
 border-radius:2px;
 margin-top:-1px; /* vertical align tweak */
 /* safari 3.1+ fun (/W3 working draft extension, TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, "all" for now) */
 -o-transition-property: background-color; /* opera 10.5 */
 -o-transition-duration: 0.15s;
 /* weird IE 6/7 display fixes, and/or I'm doing it wrong */
 *text-indent:0px;
 *line-height:99em;
 *vertical-align: top;
}

a.sm2_button:focus {
 outline:none; /* maybe evil, but don't show the slight border outline on focus. */
}

a.sm2_button,
a.sm2_button.sm2_paused:hover {
 /*background-color:#3399cc;*/
 background-color:#000;
 background-image:url(../imagenes/arrow-right-white.png);
 /* where possible, use data: and skip the HTTP request. Fancy-pants. Would use short-hand background: for above, but IE 8 doesn't override background-image. */
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAbklEQVQY02NgQAL//v1jZMAF/v//vwuIs9HEUBUBTbj4HwIeA3EGVsVAxtn/qOAVUGM8uknIiv4hsV8A5ZKxKfoLVvnvHwifAzLtMKwDSQLBVSBti27dJajkcSD2RJODO3wtkOOMz/tMSJJYAxMA5dmsL0IfubQAAAAASUVORK5CYII=);
 background-image: none, url(../imagenes/arrow-right-white-2x.png);
 background-size: 9px 10px;
 *background-image:url(../imagenes/arrow-right-white.gif); /* IE 6+7 don't do DATA: URIs */
 background-repeat:no-repeat;
 background-position:5px 50%;
 *background-position:5px 4px; /* IE 6 again */
}

a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 background-color:#cc3333;
}

a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
}

a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
 background-color:#666;
}


/*Botones Modo Compra USA*/

a.prog_modo_miami {
background: #C6ECFF;
font-weight: bold;
font-size: 0.6em;
color: #000;
padding: 5px 10px;
/*float: left;*/
border-radius: 5px;
margin: 0 20px 0 0
}


a.prog_modo_mvd {
background: #61CAF1;
font-weight: bold;
color: #000;
padding: 5px 10px;
/*float: left;*/
border-radius: 5px;
margin: 0 20px 0 0
}


a.prog_modo_bta {

background: #FFB380;
font-weight: bold;
font-size: 0.6em;
color: #000;
padding: 5px 10px;
/*float: left;*/
border-radius: 5px;
margin: 0 20px 0 0
}

a.prog_modo_dir {
background: #FFD0D0;
font-weight: bold;
font-size: 0.6em; 
color: #000;
padding: 5px 10px;
border-radius: 5px;
margin: 0 20px 0 0
} 




.mas_precios {width: 50px; height: 25px; margin: 0 0 5px 0; padding: 5px; border: 0px solid blue; position: relative; font-size: 0.9em; cursor: pointer}

.mas_precios_data {padding: 20px; border: 0px solid red; z-index: 999999999999999999999; position: fixed; top: 0; left: 0px; width: 100%; height: auto; display: none; color: white; background: rgba(0,0,0, 1.0); font-size: 1.0em;}
.mas_precios_data p {line-height: 2.0em}



.arrow_up_busc {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow_down_busc {
  left: 32px;
  top: 30px;
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #000;
  margin: 0 auto;
}

.arrow_right_busc {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.arrow_left_busc {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}






/*
.iframe_charlie, .iframe_charlie_blanco , .iframe_charlie_blanco_full, .class_iframe_general, .class_iframe_black, .class_iframe_white, .iframe_fotos, .class_iframe_black_botonera, .class_iframe_proyeccion {position: fixed; z-index: 9999999999999; top: 0; left: 0; bottom: 0; right: 0; display: none; width: 100%; height: 100%; border: 0px solid red; background: rgba(0,0,0, .7); padding: 0 2%; }

.class_iframe_proyeccion {position: fixed; z-index: 999999999999; top: 0; left: 0px; display: none; width: 100%; height: 100%; border: 0px solid red; background: rgba(0,0,0, .3);}

.iframe_charlie_blanco, .iframe_charlie_blanco_full {background: rgba(255,255,255, .7); padding: 0; width: 100%;}

.class_iframe_white {background: white; border: 5px solid red; }

.iframe_charlie_blanco_full {background: rgba(255,255,255, .1)}
.class_iframe_general {width: 70%; height: 100%; padding: 0 15%}
.class_iframe_black, .class_iframe_black_botonera {background: rgba(0,0,0, .3)}
.class_iframe_black_botonera {top: 110px; z-index: 9999999999999}
.iframe_fotos {padding: 0}
*/


.iframe_charlie, .iframe_charlie_blanco , .iframe_charlie_blanco_full, .class_iframe_general, .class_iframe_black, .class_iframe_white, .iframe_fotos, .class_iframe_black_botonera, .class_iframe_proyeccion {position: fixed; z-index: 9999999999999; top: 0; left: 0; bottom: 0; right: 0; display: none; width: 100%; height: 100%; border: 0px solid red; background: rgba(0,0,0, .7); padding: 0 2%; }


#iframe_productid_imghd { width: 100%; height: 100%; border: 0; -webkit-overflow-scrolling:touch;}






.demo-iframe-holder iframe {
  height: 100%;
  width: 100%;
}

/*.espere, .operacion_demora , .series_abiertas  {padding: 2px 10px; background: #000; color: #fff; width: auto; margin: 0 auto}*/

/*.operacion_demora {width: 280px;}
.series_abiertas {width: auto;}
*/

.messages_float {border: 0px solid red; position: fixed; top: 54%; left: 22%; right: 22%; width: auto; height: auto; z-index: 9999999999999999999999999999999}
.messages_float p {padding: 3px 10px; background: #000; color: #fff; margin: 0 auto}

.div_loading_ima, .div_loading_ima_abrir_series, .div_loading_pbm  {width: 100%; height: 100%; position: fixed; top: 0; left: 0; border: 0px solid #999; border-radius: 2px; padding: 20px; z-index: 999999999999999999999999999999; margin: 0 auto; background: rgba(0,0,0, 0.5) url(../imagenes/loading_ima_4.gif) no-repeat center center}

.div_loading_ima_abrir_series  {background: rgba(0,0,0, 0.0) url(../imagenes/loading_ima_4.gif) no-repeat center center}

.div_loading_pbm  {position: absolute; z-index: 999;}





#media_area {padding: 0px 0; border: 0px solid blue}

.icon_yt_videos {width: 20px; height: 15px; position: absolute; z-index: 1; top: 46%; left: 46%; z-index: 10; cursor: pointer; background: #fff; border: 0px solid green }

.fotos-eventos {max-width: 24%}

.productid_imghd, .productid_imghd_bycolor {cursor: pointer}
.productid_imghd img, img.productid_imghd, .productid_imghd_bycolor img {


    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;
}

.productid_imghd:hover img, img.productid_imghd:hover, .productid_imghd_bycolor:hover img {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}


.lnc, .lnc2, .lnc_blank {cursor: pointer}





footer {background: #000}

/*.btn_lista {margin: 4px 10px 0 15px}*/

.bg_celeste {background: rgba(19, 158, 210, 0.2)}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

option:selected {color: #fff}

.div_bloque_media {margin-bottom: 20px; border-bottom: 0px solid #999}

.logo_bloque_media {height: 80px;}

.contenido_bloque_media {border: 1px solid #ccc; }

.bloque_media_zocalo {width: 100%; height: 120px; border: 0px solid red; color: #000; padding: 10px}

.bloque_media_zocalo h5 {line-height: 26px;}

.zoom_xs {opacity: 0.5; width: 40px; height: 40px; border: 0px solid blue}


.art_resultado_buscador_inside {background: #fff; border: 1px solid #ccc; border-radius: 5px;}
.art_resultado_buscador_inside:hover {box-shadow: 2px 2px 15px #c1c1c1;}

.shadow_hover:hover {box-shadow: 2px 2px 15px #c1c1c1;}


.catalog_marca:hover, .download_marca:hover, .download_modelo:hover {background: #f1f1f1}


.total_ventas_web_detalle_sin_marca {padding: 2px}
.total_ventas_web_detalle_sin_marca:hover {background: #000; border: 0px solid #fff; padding: 2px; color: #fff}

.narrow {font-family: Verdana narrow; line-height: 0.8em}

.input_hibrido_comercio {width: 30%; border: 0; border-bottom: 1px solid #ccc; height: 40px; padding: 0 0 0 5px}
.input_hibrido_comercio:focus {
    outline-width: 0;
}


.rotate {

/* Safari */
-webkit-transform: rotate(-4deg);

/* Firefox */
-moz-transform: rotate(-4deg);

/* IE */
-ms-transform: rotate(-4deg);

/* Opera */
-o-transform: rotate(-4deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.zoomover {width: 100%; height: 100%; background: rgba(0,0,0, 0.3); display: none; position: absolute; top: 0; left: 0; cursor: pointer}

.monto_cuota {border-bottom: 1px solid #c1c1c1; padding: 15px; text-align: left; cursor: pointer; font-size: 1.1em}
.monto_cuota:hover {background: #f7f7f7; }




.monitor_compra {position: fixed; border: 0px solid #ccc; top: 20px; right: 0px; height: auto; width: auto; z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999; }
.monitor_compra_xs {border-top: 1px solid #666; height: 50px; padding: 10px; background: #d1d1d1; width: 100%; z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999; }

.liston_opciones_final_compra {text-align: left;  padding: 15px 15px 15px 25px; margin: 0; cursor: pointer;  border: 1px solid #ccc; background: white}
.titulo2_opciones_final_compra {font-size: 1.2em; text-align: left; text-transform: none; font-weight: 600; margin: 25px 0 5px 0; padding: 0}
.titulo2_opciones_final_compra

.titulo3_opciones_final_compra {color: #777;  margin: 0; padding: 0; font-size: 1.3em; font-weight: 200 }


@keyframes pulse {
  0% {
    background-color: #919191;
  }
  100% {
    background-color: #d1d1d1;
  }
}
	
.ui-autocomplete {
  position: absolute;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 3px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 1.2em;
  text-align: left;
  /*background-color: #000;*/
  border: 0px solid #cccccc;
  border: 0px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.ui-autocomplete > li > div {
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626;
  background-color: #666;
  cursor: pointer;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


/*Pell Editor de texto*/
.pell {
  border: 1px solid rgba(10, 10, 10, 0.1);
  box-sizing: border-box; }

.pell-content {
  box-sizing: border-box;
  height: 300px;
  outline: 0;
  overflow-y: auto;
  padding: 10px; }

.pell-actionbar {
  background-color: #FFF;
  border-bottom: 1px solid rgba(10, 10, 10, 0.1); }

.pell-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 30px;
  outline: 0;
  width: 30px;
  vertical-align: bottom; }

.pell-button-selected {
  background-color: #F0F0F0; }




.bg_parpadeo {
		background-color: grey;
		animation: parpadeo 1s;
		-webkit-animation: parpadeo 3s;
		-moz-animation: parpadeo 3s;
		animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	}


	@keyframes parpadeo {
		0% {background-color: grey}
		100%{background-color: black}
	}

	@-webkit-keyframes parpadeo {
		0% {background-color: grey}
		100%{background-color: black}
	}
	

.bg_parpadeo_filtros {
		background-color: #006600;
		animation: parpadeo 1s;
		-webkit-animation: parpadeo 3s;
		-moz-animation: parpadeo 3s;
		animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	}


	@keyframes parpadeo {
		0% {background-color: #006600}
		100%{background-color: black}
	}

	@-webkit-keyframes parpadeo {
		0% {background-color: #006600}
		100%{background-color: black}
	}
	
	
.product-thumb-wrap {
	position: relative;
	width: 76px;
	height: 76px;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 8px;
}

.product-thumb-img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 8px;
	display: block;
}

.product-qty-badge {
	position: absolute;
	top: 2px;
	right: 2px;
	background: #111;
	color: #fff;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	box-shadow: 0 1px 4px rgba(0,0,0,.25);
}


.product-line-info {
	width: 70%;
	line-height: 18px;
	padding-top: 20px;
}


.verde_ima {color: #22C55E}
.bg_verde_ima {background-color: #22C55E}

.hr_short {
	
	border: 0;
	height: 4px;
	width: 100px;
	background: #22C55E;
	border-radius: 999px;
	margin: 20px auto;
}


.card_publico {
	background: #fff;
	border-radius: 14px;
	padding: 35px;
	box-shadow: 0 4px 18px rgba(0,0,0,.06);
	max-width: 60%;
	margin: 0 auto; 
}


.cliente_header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	margin-bottom: 25px;
}

.icono_usuario {
	width: 70px;
	height: 70px;
	background: #e9e9e9;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.icono_usuario i {
	font-size: 34px;
	color: #22C55E;
}

.cliente_datos h3 {
	margin: 0 0 8px 0;
	font-size: 28px;
}

.cliente_extra {
	font-size: 14px;
	color: #444;
}

.separador {
	margin: 0 12px;
	color: #bbb;
}
	
	
/*	
.alta_cliente_box {
	max-width: 660px;
	margin: 35px auto 0 auto;
	padding: 25px 30px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 4px 18px rgba(0,0,0,.06);
	text-align: center;
}

.alta_cliente_icono {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #e8f7ee;
	color: #22C55E;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px auto;
	font-size: 16px;
}

.alta_cliente_texto h4 {
	margin: 0 0 5px 0;
	font-weight: 700;
}

.alta_cliente_texto p {
	margin: 0 0 18px 0;
	color: #666;
}

.btn_alta_cliente {
	display: inline-block;
	background: #2f80c3;
	color: #fff;
	padding: 10px 22px;
	border-radius: 8px;
	font-weight: 600;
	text-decoration: none;
}

.btn_alta_cliente:hover {
	background: #2469a3;
	color: #fff;
	text-decoration: none;
}
	
	
*/	
.bradius10 {border-radius: 10px;}
.bradius15 {border-radius: 15px;}
.bradius20 {border-radius: 20px;}