@charset "utf-8";

@font-face {
    font-family: 'bebas_neueregular';
    src: url('font/bebasneue_2-webfont.eot');
    src: url('font/bebasneue_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/bebasneue_2-webfont.woff') format('woff'),
         url('font/bebasneue_2-webfont.ttf') format('truetype'),
         url('font/bebasneue_2-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
        font-family: "DIN Alternate";
        src: url('font/611450196-DIN-Alternate-Bold.eot');
        src: url('font/611450196-DIN-Alternate-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/611450196-DIN-Alternate-Bold.svg#DIN Alternate') format('svg'),
        url('font/611450196-DIN-Alternate-Bold.woff') format('woff'),
        url('font/611450196-DIN-Alternate-Bold.ttf') format('truetype');
        font-weight: bold;
        font-style: bold;
    }
body {
background:#fcb910 !important;

margin:0; padding:0;

}




#main_page{width:100%;float:left; position:relative;z-index:100;}

/* marco comtiene toda el esqueleto web */
#marco{width:100%;height:auto;margin:0 auto; min-width:320px}
/* cuerpo todo el contenido menos pie*/
#cuerpo{width:100%;height:auto; float:left;}

/*-------Header------*/
#main_header{width:100%;float:left;height:auto;margin:0;
background:#000; 

    -moz-box-shadow: -1px 2px 5px #000000;
    -webkit-box-shadow: -1px 2px 5px #000000;
    box-shadow: -1px 2px 5px #000000;

position:relative;
z-index:1000;

}
header{
width:100%;margin:0 auto;height: auto;position:relative;
z-index:1000; background:url(../../images/public/textura_header.png) repeat; float:left
}
.t{font-family: 'bebas_neueregular'; letter-spacing: normal !important; color:#fff; font-size:2em; font-weight:normal; height: auto; line-height: normal; width:100%; margin:15px auto 0 auto; float:left; text-align:center}
.t a:link , .t a:hover, .t a {color: #fff; text-decoration:none;}



h1#logo{ padding:0; margin:0 auto; float: none; width:94px}
h1#logo a {
display:block; width:94px; 
height:97px; margin:0; position:relative; float:left;
}
h1#logo a img{ width:69px;height:97px;}


#info{ float: left; width:100%; color:#000000; font-size:1.125em; background:#FEF200;font-family: 'bebas_neueregular';}
#info p { float: left;margin:0;}
#info p a { width:172px; height:49px;display:block;text-indent:-5000em;background:url(../../images/public/icon_top.png) no-repeat;}
#info p.correo,  #info p.correo a{ display:none; visibility:hidden; opacity:0}
#info p.tel{  color:#000; text-align: left; font-size:0.875rem; margin:15px 0 15px 7px; letter-spacing: normal !important;  font-weight:normal}
.sub{ border-bottom:1px solid #000}
#info p.correo a{ background-position:0 0;}
#info p.ingresar a{  background-position: 0 -47px;}
#info p.soy-nuevo a{ background-position: 0 -92px;}
#info p.volver{ float:right;display:none}
#info p.volver a{ background-position: 10px -135px;}

.navmenu-p, #idiomas{ float:left;}



.accordionButton {	
 
	width: 28px;
	height:28px;
	background:url(../../images/public/menu.png) no-repeat;
	text-align:center;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	


	cursor: pointer;
	text-transform:uppercase;
	
	color:#23356C;
	font-size:2em;
	
	padding: 0;
	margin:0;
	position:absolute; right: 7px;
top: 18px;
display: block;
z-index: 99999;

	  
	
	}
	
.accordionContent {	
	width: 65%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background:#FFF100;
	margin:0;
	position:absolute;
	top:60px;
	right:0;
	z-index:9999; display:none
	
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on { color:#DA1179
	
	}
	
.over {
	 color:#DA1179
	
	}


.navmenu{ float: right;margin:0 10px 0 0}

.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}



.sf-menu li {float:left;position:relative;margin:0 0 0 15px;background-image:none; width:100%}

.sf-menu a {display:block;position:relative;color: #000; text-transform:uppercase; 
text-decoration:none;font-size:0.875em;text-align: left;padding:10px  15px;font-family: "DIN Alternate";}
.sf-menu a:hover, .sf-menu li.activo a { color:#F05A24;}






.btnTop { float:right; margin:-15px 0 0 0;} 
.btnTop div{width:124px; height:65px;background:url(../../images/public/top-botones.png) no-repeat 0 0;margin:0 0 0 10px;padding:0; float:left;}
.btnTop div p{ margin:0;}
.btnTop div.carrito{ background-position: 0 0;}
.btnTop div.moneda{ background-position: 0 -65px;}
.btnTop div.atCliente{ background-position: 0 -130px;}
.btnTop div.carrito a, .btnTop div.atCliente a{ width:100%; height:65px; text-indent:-5000em; display:block;}



/*-------Content------*/
section{ width:100%; float:left;}
article{float:left;}
#mainCol-p{ width:100%; float:left; background:url(../../images/public/bg_movil.jpg) no-repeat ; padding-bottom:15px; position:relative;background-size: 100%;}

.navmenu-p{ display:none;width:1193px; height:65px;background: url(../../images/public/bg-menu.png) no-repeat top; padding:0; margin:20px 0 0 40px; }
.navmenu-p ul{ padding:0;height:51px; margin:0 0 0 12px}
.navmenu-p ul li{ padding:0; float:left;height:51px;}
.navmenu-p ul li a{letter-spacing: 1px;  width:197px; height:31px; padding:10px 0;
float:left; display: block;text-transform:uppercase; color:#fff; 
text-decoration:none;font-family: 'DIN Alternate'; text-align:center; font-size:1em; font-weight:normal; line-height:0.9em}
.navmenu-p ul li.m a{height:21px; padding:15px 0;}
.navmenu-p ul li.inicio a{width:177px;-webkit-border-radius: 0 0 0 22px;
border-radius: 0 0 0 22px;}
.navmenu-p ul li.last a{width:177px; height:21px; padding:15px 0;}
.navmenu-p ul li a:hover, .navmenu-p ul li.active a{ color:#000; background: url(../../images/public/bg-menu_hover.png) no-repeat top left;}
#mainCol-p form, #mainCol-p div.ppal{ width:100%; float:left;font-family: 'DIN Alternate'; }
#mainCol-p form{ margin-top:20px}
#mainCol-p form h2 { color:#F15A29; background: url(../../images/public/titulo_form_movil.png) no-repeat top left;height: 40px;
padding: 15px 0px 0px 80px; margin:0;
font-size: 1em;}
#mainCol-p form fieldset{ float:left;}

#mainCol-p form fieldset.uno{ width:100%; margin:0}



#mainCol-p form fieldset.dos{ padding:14px 0 0 0; width:100%; }
#mainCol-p form fieldset.tres{ padding: 0; width:100%; margin:50px 0 30px 0;}
#mainCol-p form fieldset h3{ color:#000; text-transform:uppercase; font-size:1em; margin:7px 0;}
#mainCol-p form fieldset.uno h3,#mainCol-p form fieldset.dos h3 { background: url(../../images/public/titulo_form_02.png) no-repeat top left;height: 46px;
padding: 16px 0px 0px 48px;
}
/*#mainCol-p form fieldset.dos h3{ background: url(../../images/public/titulo_form_03_b.png) no-repeat top left;height: 28px;
padding: 7px 0px 15px 28px;
}*/
#mainCol-p form fieldset.dos  p.negro, #mainCol-p form fieldset.uno  p.negro{ 
margin:0 5%; 
background:#000; 
padding:0 5%; 
color:#fff;
position:relative; 
height:52px;
width:80%;
-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.5);
}
#mainCol-p form  p.negro input{ width:50px; height:50px; margin:0; text-align:center; color:#fff; float:left;
font-family: 'DIN Alternate'; font-size:1.5rem;text-shadow: 0 3px 0 #962015;

background:url(../../images/public/bg_textura-input.png) no-repeat
}
p#laminado{ position:relative}
#styled-select select {
   background: transparent;
   width: 170px;
   color:#fff; font-size:1em;
   padding:  5px ;


   text-transform:uppercase;
   
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 52px; 
   -webkit-appearance: none;line-height:40px; font-family: 'DIN Alternate';
   font-size:2em;text-shadow: 0 3px 0 #962015;
   }
 #styled-select {
width: 170px;
height: 52px;
overflow: hidden;
border: none; float:none;position: absolute;

/*left: 50%;
margin-left: -125px;*/

background:url(../../images/public/bg_textura-select.png) /*no-repeat*/repeat-x
}
 #styled-select  input{ text-align: left !important; padding-left:10px !important}
#mainCol-p form p.negro  #styled-select  input{width: 100% !important;}
#mainCol-p form input{ border: none}
#mainCol-p form fieldset.tres p{ background:none; height:30px; margin:0 20px 15px 10px;-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0);
box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0)}
#mainCol-p form  p.negro label{ padding:0;width:50%;float:left; line-height:0.9em; margin: 15px 0px 0px 20%;font-size:0.875rem !important;text-align: center;}
#mainCol-p form fieldset.tres input, #mainCol-p form fieldset.tres textarea{
width:96%;

-webkit-border-radius: 20px ; 
moz-border-radius: 20px;
border-radius:20px;

font-family: 'DIN Alternate'; font-size:1em;text-shadow:none;color:#808080;
text-align: left; /*text-transform:uppercase; */
height:20px; 
line-height:30px;
 
padding:5px 2% 5px 2%; 

background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top,rgba(206,206,206,1) 1%,rgba(255,255,255,1) 99%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(206,206,206,1)),color-stop(99%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(206,206,206,1) 1%,rgba(255,255,255,1) 99%);background:-o-linear-gradient(top,rgba(206,206,206,1) 1%,rgba(255,255,255,1) 99%);background:-ms-linear-gradient(top,rgba(206,206,206,1) 1%,rgba(255,255,255,1) 99%);background:linear-gradient(to bottom,rgba(206,206,206,1) 1%,rgba(255,255,255,1) 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#ffffff', GradientType=0);

}

#mainCol-p form fieldset.tres textarea{
height:85px;
}


#mainCol-p form fieldset.tres p.btn-p { margin:0 20px 15px 40px;}
#mainCol-p form fieldset.tres .btn-p input{ border:4px solid #e9e9ea; background:#221f1f; color:#fd4f00; height:45px; text-align:center;padding:5px 1% 5px 3%; }

#mainCol-p form fieldset.tres input::-webkit-input-placeholder{ color:#808080; opacity:  1; }
#mainCol-p form fieldset.tres input::-moz-placeholder { color:#808080; opacity:  1; } /* firefox 19+ */
#mainCol-p form fieldset.tres input:-ms-input-placeholder{ color:#808080; opacity:  1; } /* ie */
#mainCol-p form fieldset.tres input:-moz-placeholder { color:#808080; opacity:  1;}


.news{ width:100%; margin:10px 0 0 0;

border:none; color:#000;  -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; height: auto; overflow:hidden;
background: none !important; 

}
.sombra2{ display:none;background:url(../../images/public/sombra2.png) no-repeat;width:90%; height:47px; margin:0 5%; float:left;}
.news p{ margin:0; padding:0;}
.news form{ width:98%; background:#000; float:left; padding:10px 1%; -webkit-border-radius: 5px 0 0 5px ;
-moz-border-radius: 5px 0  0 5px;
border-radius: 5px 0  0 5px;
margin:0;
height:40px;
line-height:40px
}

.news form h3{ color:#fff; text-transform:uppercase;font-family: 'bebas_neueregular'; font-weight:normal; font-size:1em;
text-align:center; margin:0; float:left; width:30%}
.news form  p{ margin:7px 1%; float:left; width:30%}
.news form input{background:#fff;font-family: 'bebas_neueregular'; letter-spacing:1px;
color: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
float:left; width:98%;
font-size:0.75em; 
border:none; text-align:center; padding-left:0; padding-right:0 }
.news form input::-webkit-input-placeholder{ color:#000; opacity:  1; }
.news form input::-moz-placeholder { color:#000; opacity:  1; } /* firefox 19+ */
.news form input:-ms-input-placeholder{ color:#000; opacity:  1; } /* ie */
.news forminput:-moz-placeholder { color:#000; opacity:  1;}

.news form input.btnNews{ background:#F6B134; color:#000;float:left; width:98%; padding-left:0; padding-right:0  }

.news div.txtNews{width:98%;float:left; padding:15px 1%; /*text-align:justify;*/text-align: left; display:none}

.news div.txtNews a {
    font-family: 'bebas_neueregular';
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}


.navmenufootermovil{background:#FFF100;font-family: "DIN Alternate";width:96%; padding:10px 2%; display:block; float:left;}
.navmenufootermovil ul{ padding:17px 0}
.navmenufootermovil ul li{ float:left; margin:10px 0; border-bottom:1px solid #000; width:100%;    padding: 0px 0px 7px;
}

.navmenufootermovil a{ float:left; width:100%; color:#000; text-decoration:none; font-size:0.875em; text-transform:uppercase;}
.navmenufootermovil  a:hover{color:#F05A24;}
.navRedes{
	margin: 0px auto;
width: 132px;
float: none;
	}
.navRedes ul, .navRedes ul li{ padding:0;float:left }
.navRedes ul li a{ width:33px; height:28px; display:block;/* text-indent:-5000em; background:url(../../images/public/icon_redes.png) no-repeat; */}
/*.navRedes ul li#t a{ background-position:0 0;}
.navRedes ul li#f a{ background-position: 0 -28px;}
.navRedes ul li#b a{ background-position:0 -55px;}
.navRedes ul li#m a{ background-position:0 -82px;}*/
  
  .slider{background:#000; padding-bottom:0; margin:10px 0  0; }
/*-------Pie------*/



#mainFooter{width:100%; float:left; background:#58595B; margin: 0; letter-spacing: 0.9px;}

footer{/*width:1250px;*/width:100%; margin:0 auto;}

footer div{ float:left;}
footer div.col-d{ display:none;float:right ; margin-right:20px; margin-top:13px }
footer div.col-i{  display:none;width:33%;  color:#fff;font-family: 'bebas_neueregular'; }
footer div.col-i span{ float:right; margin:30px 0 0 0;}


footer div.col-c{ width:100%;  }
.txt_footer{font-size:0.875em; padding:20px 0 20px 0; text-align: center; color:#fff;font-family: 'bebas_neueregular'; text-transform:uppercase;}


.movil_footer{ width:100%; float:left; display:block}
.movil_footer div{width:23%; float:left;}
.movil_footer div.aling-c{ text-align:center;width:50%;}
.movil_footer div.aling-r{ text-align:right }


#carrusel{ display:none; width:90%; margin:40px 5% 0 5%; background:#eee; border:1px solid #CCCCCC;
}
.sombra{ display:none; background:url(../../images/public/sombra.png) no-repeat;width:90%; height:47px; margin:0 5%; float:left;}

#carrusel .headCarrusel{ width:96%; background:#000;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; margin:10px 2%; padding:5px 0}
#carrusel .headCarrusel nav ul{ padding: 0; margin:0 0 0 20px;}
#carrusel .headCarrusel nav ul li{ display:inline;}
#carrusel .headCarrusel nav ul li a{ text-transform:uppercase; color:#E6E6E6; padding:5px 17px;margin:0 0; outline: none;
text-decoration:none;font-family: 'Droid Sans', sans-serif; font-weight:700;	 border-right:1px solid #E6E6E6}
#carrusel .headCarrusel nav ul li.last a{border-right:none}
#carrusel .headCarrusel nav ul li a:hover,  #carrusel .headCarrusel nav ul li.on a{ color:#fff}

.tab_content{ display:none;}
/* Example wrapper */
.wrap {
	position: relative;
	margin: 1em 0;
	
}
.bordes{border-right:2px solid #999999;
	border-left:2px solid #999999; margin:0 20px;}
/* Frame */
.frame {
	height: 150px;
	line-height: 150px;
	overflow: hidden;
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 50px;
}
.frame ul li {
	float: left;
	width: 110px;
	height: 100%;
	margin: 0 5px 0 0;
	padding: 0;
	/*background: #333;*/
	color: #ddd;
	text-align: center;
	cursor: pointer;
}
.frame ul li.active {
	color: #fff;
	background: #F4F4F4;
}

/* Scrollbar */
.scrollbar {
	margin: 0 5px 1em 5px;
	height: 9px;
	background: #ccc;
	line-height: 0; -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px; 
}
.scrollbar .handle {
	width: 50px;
	height: 100%;
	background: #414042;
	cursor: pointer;-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px; 
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}


/* Controls */
.controls { margin: 0; }

.btn { border:none; text-indent:-5000em; width:18px; height:150px; background: url(../../images/public/navCarrusel.png)  no-repeat center left;}
.prev{ float:left;}
.next{ float: right; background-position:center right;}
p.link-p{ width:100%; float:left; margin: 20px 0 ; border-bottom:3px solid #fff;  padding-bottom:20px}
p.link-p a{ width:43px; height:43px; line-height:43px;display:block;color:#000; 
background:url(../../images/public/btn-link-movil@2x.png) no-repeat 0 0; background-size:100%;
/*background:url(../../images/public/btn-link-movil.png) no-repeat 0 0;*/
 text-decoration:none; font-family: 'Myriad Pro', Arial, Helvetica, sans-serif ; font-size:0.1em; margin:0 auto; text-align:center; text-indent:-5000em}
 p.link-p a:hover{ background-position:0 0; opacity:0.5}
 
 section#content{ width:100%; background:url(../../images/public/bg_internas.png) no-repeat right center;}
 section#content2{ width:100%; }
 .navmenu_carrito { margin:35px 0 30px 25px;float:left;}
 .navmenu_carrito ul li{ float:left;}
 .navmenu_carrito ul li a{ width:125px; height:22px; padding:5px 0; text-align:center; display: block;text-transform:uppercase; color:#fff; background:url(../../images/public/menu_carro.png) no-repeat  -153px -42px;
text-decoration:none;font-family: 'bebas_neueregular';}
 .navmenu_carrito ul li.menuProductos a{ width:140px;background-position:-11px -42px;}
 .navmenu_carrito ul li.menuPagos a{  width:140px;background-position:-407px -42px;}
.navmenu_carrito ul li a:hover, .navmenu_carrito ul li a.activo{  background-position:-150px -6px;}
 .navmenu_carrito ul li.menuProductos a:hover,  .navmenu_carrito ul li.menuProductos a.activo{ background-position:-11px -6px;}
 .navmenu_carrito ul li.menuPagos a:hover{ background-position:-407px -6px;}
  section#content h2#tituloMicarrito{
	 width: 381px;
	height: 127px;
	background: url(../../images/public/Seccion-Mi-Carrito.png) no-repeat;
	margin: 30px 0 30px 35px;
	padding: 0px;
	float: left;
	text-indent:-5000em;
	clear:both;
	 }
	 
	  section#content h2{text-transform:uppercase;font-family: 'bebas_neueregular'; font-weight:normal;
	
    font-style:1.5em;
	margin: 20px 0 10px 95px;
	clear:both;
	 }
	article.detallecompra{ width: 100%; float:left;margin:25px 0 0 45px;}
	.mainTitulos, .mainproductos{width: 95%; float:left;}
	.mainproductos { margin:5px 0 0 0;}
	.mainTitulos div{ background:#000; width: 70%;float:left; margin:10px 0 0 45px; padding:10px 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0; }
	.mainTitulos div div{width: 20%; float:left;margin:0 2%; padding:5px 0; text-align:center;font-family: 'bebas_neueregular';text-transform:uppercase;
	background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px ;border-radius: 5px;}
	.mainTitulos div.tramitarPedido{ width: 129px;
	height: 70px; background: none;margin:0 0 0 10px;
	padding: 0px; }
	
	.mainTitulos div.tramitarPedido a{
	width: 129px;
	height: 70px;
	background: url(../../images/public/btn_tramitar_pedido.png) no-repeat;
	margin:0 ;
	padding: 0;
	text-indent:-5000em;
	float: left
		}
		
		
	 .mainproductos div{ background:#FFF; width:17%;float:left; margin: 0; padding:20px 3px; color:#BE1E2D; 
	 text-align:center;font-family: 'bebas_neueregular';text-transform:uppercase;
	  } 
	  .mainproductos div.cdad{padding:15px 3px 15px 3px;}
	
	 .mainproductos div.minImagen{background:none; width: 45px; padding:0;}
	 .mainproductos div p{ margin:0; border-right:1px solid #000; }
	  .mainproductos div.cdad p{width:100px; padding:0 45px; }
	 .mainproductos div input#cantidad{ background:#939598; color:#fff; border:none;text-align:center;font-family: 'bebas_neueregular';
	 text-transform:  uppercase;  font-size:1.7em; }
	.linkCantidad{ width:39px; height:22px;float: right; padding:0;  }
	 a#menos, a#mas{ width:39px; height:16px; margin:0; padding:0; 
	 background: url(../../images/public/mas-menos-cantidad.jpg) no-repeat 0 0; text-indent:-5000em; display:block;
	  }
	  a#mas{ background-position: 0 -16px;}
	  .op{ float:left; clear:both; margin:30px 0;}
	  a#eliminar, a#guardar{  margin:0 0 0 55px; height:17px;padding:10px 0 10px 45px; font-family: 'bebas_neueregular';
	 text-transform:  uppercase; font-size:1.3m;
	 background: url(../../images/public/botones_carro.png) no-repeat  left 0; color:#000; text-decoration:none;
	  }
	  a#guardar{ background-position:0 -45px;
	  }
	  a:hover#eliminar, a:hover#guardar{color:#fff;}
	  .resumen_compra{background:#FFF; width:65%;float:left; clear: both; margin: 0 0 0 60px; padding:20px 0; color:#BE1E2D;
	 text-align:center;font-family: 'bebas_neueregular';text-transform:uppercase;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px}
	.resumen_compra div.total{ width:150px; height:33px; padding: 0;background: url(../../images/public/flecha-total.jpg) no-repeat 0 0; color:#fff;
	font-size:1.5em;float:left;
	 }
	 .resumen_compra div.cantidad{ width:50%; float:left; }
	 .resumen_compra div.cantidad p{width:36%; float:right; text-align:left; margin:0; padding:0 ; background:#000; color:#F7B234;font-size:1.2em}
	 .cant{ background:#939598; padding:0 10px;font-size:1.5em; color:#fff; margin:0 7px 0 0; line-height:1.1em;}
	 .resumen_compra div.totalPesos{width:20%; float: right; background:#8BDC65; color:#000; margin:0 20px 0 0; padding:5px 0;
	 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px}
	
	
 a#seguir_comprando{
		 width: 133px;
	height: 69px;
	background: url(../../images/public/btn_continuar_compra.png) no-repeat;
	margin:0 20px 0 320px;
	padding: 0;
	text-indent:-5000em;
	float: left
		}
		a#tramitar_pedido{
		 width: 132px;
	height: 69px;
	background: url(../../images/public/btn_tramitar_pedido_2.png) no-repeat;
	margin:0 ;
	padding: 0;
	text-indent:-5000em;
	float: left
		}
		
		.direccion p{ margin:5px 600px 5px 90px}
		.direccion_envio{ background:#fff;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; width:16%; float:left;margin:5px 0 5px 90px; padding:10px 0;}
	.direccion_envio p{ margin:10px 20px;}
	
	 a#btn01{
		 width: 208px;
	height: 22px; 
	background: url(../../images/public/btn_01.png) no-repeat;
	margin:0 20px 0 90px;
	padding:10px 0; text-align:center;
	color:#fff;
	float: left; text-decoration:none;font-family: 'bebas_neueregular';text-transform:uppercase;
	
		}
		a#btn2,a#btn3 {
		 width: 98px;
	height: 32px; 
	background: url(../../images/public/btn_03.png) no-repeat;
	
	padding:5px 0; text-align:center;
	
	float: left; text-decoration:none;font-family: 'bebas_neueregular';text-transform:uppercase;
	
		}
	a#btn2{ clear:both;margin:0 10px 0 90px;color:#000;}a#btn3 {margin:0 20px 0 0; background-position:-102px 0;color:#fff;}
	
	.direccion form { width:45%; margin:0 10px 0 90px; float:left;}
	.direccion form p{ width:100%; margin:10px 0;font-family: 'bebas_neueregular';text-transform:uppercase;}
	.direccion form p label, .direccion form p input{ float:left; padding:5px; margin:3px;}
	.direccion form p label{width:35%; text-align:center; background:#000; color:#fff;}
	.direccion form p input{width:52%; color:#939598}
	#styled-select-03 select {
   background: transparent;
   width: 333px;
   color:#000; font-size:1em;
   padding:  5px ;
  
   
   
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 33px;
   -webkit-appearance: none;color:#939598
   }
    
 span#styled-select-03 {
   width: 310px;
   height: 33px;
   overflow: hidden;
   background: url(../../images/public/mas-menos-cantidad.jpg) no-repeat right #fff;
   -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
  
	 border: none; float:left;margin:3px;
}
.direccion form p input#btn1{ float:right;width: 208px;
	height: 42px; border:none; 
	background: url(../../images/public/btn_01.png) no-repeat;
	
	padding:10px 0; text-align:center;
	color:#fff;
	 text-decoration:none;font-family: 'bebas_neueregular';text-transform:uppercase; margin-right:35px;}
	 .editarProductos a{
	width: 109px;
	height: 84px;
	background: url(../../images/public/btn_02.png) no-repeat;
	margin:70px 0 0 0 ;
	padding: 0;
	text-indent:-5000em;
	display:block; float:left;
		}
		
		.topBuscar{ width:100%; margin:30px 0;}
		.libros{ width:94%; margin:10px 3%; border-bottom:1px solid #D87900; padding:0 0 15px 0;}
		.topBuscar form{ float:left; width:45%;font-family: 'bebas_neueregular';text-transform:uppercase; margin:0 0 0 50px}
		.topBuscar form p{ background:#000; color:#F7B234; width:25%;; text-align:center; padding:6px 0; float:left; margin:0;}
		#styled-select-04 select {
   background: transparent;
   width: 300px;
   color:#000; font-size:1em;
   padding:  7px 5px ;
  
   
   
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 33px;
   -webkit-appearance: none;color:#939598;font-family: 'bebas_neueregular';text-transform:uppercase
   }
    
p#styled-select-04 {
   width: 270px;
   height: 33px;
   overflow: hidden;
   background: url(../../images/public/mas-menos-cantidad.jpg) no-repeat right #fff;
   -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
  
	 border: none; float:left;margin:0; padding:0;
}
.paginas{ float:right; margin-right:50px;}
.paginas ul { float:right;list-style:none;font-family: 'bebas_neueregular';text-transform:uppercase; font-size:1.8em; margin:0 0 5px 0; padding:0;}
.paginas ul li{ float:left; border-right:1px solid #000; padding:0 10px;}
.paginas ul li a{ color:#000; text-decoration:none;}
.paginas ul li a:hover{ color:#fff;}
.paginas p{ clear:both; font-size:0.875em; line-height:0.75em; color:#000;}
.libros div{ float:left;}
.libros div.foto{ width:150px;background:url(../../images/public/Libros-Busqueda-textura2.png) no-repeat right; padding:0 0 0 30px}
.libros div.foto p{float:left; margin:0;}
.libros div.foto p a{background: #F6B134; 
color: #000; text-decoration:none;font-family: 'bebas_neueregular';text-transform:uppercase; padding:1px 14px;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; float:left; margin:38px 3px 0 0;
}
.libros div.descripcion-libro{ width:456px; height:93px; margin: 0; font-size:0.75em; padding:5px 0;
 text-align:center;background:url(../../images/public/Libros-Busqueda-bg.png) no-repeat 0 0;color:#fff;
overflow:hidden; text-align:left;}
.libros div.descripcion-libro div{ width:45%; float: left; margin: 0 10px; border-right:1px solid #F7B234;}
.libros div.descripcion-libro div.center{ text-align:center;border-right: none}
.libros div.descripcion-libro div p{ margin:0;}
.libros div.descripcion-libro div p a{color:#F6B134;}
.libros div.descripcion-libro h3{ color:#F6B134; text-transform:uppercase;font-family: 'bebas_neueregular'; font-weight:normal; font-size:1.3em; margin:0;}
 .libros div.descripcion-libro h4{ color:#F6B134; text-transform:uppercase;font-family: 'bebas_neueregular'; font-weight:normal; font-size:1em;
 margin:0 0 5px 0;}
 
 .libros div.detallePrecio{width:256px; height:93px; float:right; background:#21409A; color:#fff;
 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
	.libros div.detallePrecio div{ width:45%; float: left; margin: 0 5px; font-size:0.75em; }
	.libros div.detallePrecio div p{ margin:0;}
	.libros div.detallePrecio div p.precio{font-family: 'bebas_neueregular'; font-weight:normal;font-size:2em;}
	.libros div.detallePrecio div p.link a {
    width: 101px;
    height: 23px;
    display: block;
    background: url('../../images/public/btn-comprar.png') no-repeat scroll 0px 0px transparent;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'bebas_neueregular';
    font-size: 1.5em;
    margin: 0px; text-align:center;
}
.libros div.detallePrecio div p.stock {
    width: 140px;
    height: 30px;
	margin:4px 0 0 0;
    display: block;
    background: url('../../images/public/Libros-Busqueda-enstock.png') no-repeat scroll 0px 0px transparent;
    color: #000; text-indent:-5000em;

}
.libros div.detallePrecio div p.nota{width: 116px;font-size:10px; background:#005CB9; margin:7px 0 0 0px; padding:5px;}
.libros div.detallePrecio div p.nota a{ color:#fff;}


/*/////*/
section#content h2#tituloCheck {
    width: 381px;
    height: 127px;
    background: url(../../images/public/Seccion-check.png) no-repeat scroll 0% 0% transparent;
    margin: 30px 0px 30px 35px;
    padding: 0px;
    float: left;
    text-indent: -5000em;
    clear: both;
}
.enviara{

   color:#000; font-size:1.5em;
   padding:  5px ;
   font-family: 'bebas_neueregular';
   text-transform:uppercase;


}
.enviara input{ border:2px solid #000; border-width:0 0 2px 0; background:none; padding:0 10px; width:50%}
a#editar {
    margin: 0px 0px 0px 55px;
    height: 17px;
    padding: 10px 0px 10px 45px;
    font-family: "bebas_neueregular";
    text-transform: uppercase;
    background: url(../../images/public/botones_carro_02.png) no-repeat left 0px ;
    color: #000;
    text-decoration: none;
}
a:hover#editar{ color:#fff;}
.txt_mp{ font-size:0.875em; font-weight:bold;}
.mainTitulos div.pagueaqui{ width: 129px;
	height: 70px; background: none;margin:0 0 0 10px;
	padding: 0px; }
.mainTitulos div.pagueaqui a {
    width: 129px;
    height: 70px;
    background: url(../../images/public/btn_pague_aqui.png) no-repeat ;
    margin: 0px;
    padding: 0px;
    text-indent: -5000em;
    float: left;
}

div.pagueaqui2{ width: 129px;
	height: 76px; background: none;margin:-110px 400px 0 10px;
	padding: 0px; float:right}
 div.pagueaqui2 a {
    width: 129px;
    height: 76px;
    background: url(../../images/public/btn_pague_aqui2.png) no-repeat ;
    margin: 0px;
    padding: 0px;
    text-indent: -5000em;
    float: left;
}
.mas{ width:90%}
#divLista{
padding:0;
}
#divLista ul{
list-style-type: none; margin:10px 0 0 0; padding:0 0 0 10px
}
#divLista ul li{ float:left; width:90px; height:122px; padding:0;
}
#divLista ul li:hover{ cursor:pointer

}
#divLista ul li.clsMarcado{

}

#divLista ul li p{
width:90px !important; height:122px !important; margin:0; padding:0; 

/*background:url(../../images/public/tapas_movil.png) no-repeat; */
background:url(../../images/public/tapas_movil@2x.png) no-repeat !important; background-size:300% auto !important
}

#divLista ul li p.t01{ background-position:0 0 !important;}

#divLista ul li p.t02{ background-position:-90px 0 !important;}
#divLista ul li p.t03{ background-position:-180px 0 !important;}

#divLista ul li.clsMarcado p.t01, #divLista ul li:hover  p.t01{ background-position:0 -122px !important;

}
#divLista ul li.clsMarcado p.t02, #divLista ul li:hover  p.t02 { background-position:-90px -122px !important;

}
#divLista ul li.clsMarcado p.t03, #divLista ul li:hover  p.t03{ background-position:-180px -122px !important;

}
#mainCol-p.blanco{ width:100%; float:left; background:#fff; padding:15px 0; position:relative; min-height:350px; }

#mainCol-p.blanco form h2,  #mainCol-p div.ppal h2{ color:#fff; background: url(../../images/public/titulo_form_2_movil.png) no-repeat top left;height: 40px;
padding: 14px 0px 0px 80px;
font-size: 1em; margin:0}
#mainCol-p form#presupuesto_form {
    background: url(../../images/public/bg_movil.jpg) no-repeat;background-size: 100%;
    margin-top: -40px;
    padding: 60px 0px 0 0;
}
#mainCol-p form fieldset.tabla{ width:100%; margin:0}
#mainCol-p form fieldset.tabla .tr{ width:100%; float:left;height: 40px;  background:#000; border-bottom:7px solid #fff}
#mainCol-p form fieldset.tabla .tr.btnSliderTabla{ border:none; background:none}
.controlSliderTabla{ float:right}
.slidertabla{ width:50%; max-width:110px}
.controlSliderTabla a{ width:20px; height:20px;color:#F15A29; text-decoration:none; margin:0 5px 0 0 }
.controlSliderTabla a.nextT:after {  content: "\25b6";}
.controlSliderTabla a.prevT:after {   content: "\25c0";}
.controlSliderTabla a:hover{ opacity:0.7}
#mainCol-p form fieldset.tabla .tr2{ width:100%; float:left;height: 35px; margin-top:-22px; display:none}
#mainCol-p form fieldset.tabla .tr .td{ white-space:nowrap;  float:left;background:none; height:40px; margin: 0; padding:0 ; width:12% }
#mainCol-p form fieldset.tabla .tr .td.last, #mainCol-p form fieldset.tabla .tr2 .td.last{  width:14%; }
#mainCol-p form fieldset.tabla .tr .td.tit,#mainCol-p form fieldset.tabla .tr2 .td.tit,#mainCol-p form fieldset.tabla .tr.totalEj .td.tit { background:none; width:34%; margin:0; padding:0; min-width:175px;}
#mainCol-p form fieldset.tabla .tr2 .td{ float:left;background: none; height:35px; margin:17px 0 0 0; padding:0 ; width:12% }
#mainCol-p form fieldset.tabla h3,#mainCol-p form fieldset.tabla h3.total{ background: #F15A29 none repeat scroll 0% 0%;
color: #000;
border-radius: 0px 40px 40px 0px;
padding: 0px 0.7em;
height: 40px;
line-height: 40px;
font-size: 0.75em;
margin:0;
}
#mainCol-p form fieldset.tabla .tr .slidertabla .td{width:100%; margin:0; padding:0}
#mainCol-p form fieldset.tabla .tr .slidertabla .td p{margin:0; padding:0}
#mainCol-p form fieldset.tabla .tr .td p{font-size:1.2rem; margin:0;height:40px; line-height:40px; text-align:center; color:#fff}
#mainCol-p form fieldset.tabla .tr2 .td p{background-color:none; margin:0 ;height: auto; line-height: normal; width:50%;

color: rgba(0, 0, 0, 0.7);}
#mainCol-p form fieldset.tabla .tr.totalEj{height:85px;background: url(../../images/public/der-02.png) no-repeat scroll right 21px;  margin-top:-4px}
#mainCol-p form fieldset.tabla .tr.totalEj .td{ float:left;background:#A7A9AC; height:47px; margin:21px 0 0 0; padding:0 ; }
#mainCol-p form fieldset.tabla .tr.totalEj .td p{font-size:1.2rem; margin:0 25%;height:47px; line-height:37px; width:50%; text-align:center}
#mainCol-p form  fieldset.tabla p{ -webkit-box-shadow:none;
box-shadow: none;}
.margen10{ margin:0}
.tablapc{ display:none}

 tbody td.title{-webkit-border-radius: 0 20px 20px 0;
border-radius: 0 40px 40px 0; background:#F15A29; color:#000; font-size:0.75rem; min-width:175px}
.tablesaw td{ text-align:center}
#mainCol-p form  .tablesaw  p{ 
margin:0 ; 
background:none; 
padding:0  ; 
color:#fff;
position:relative; 
height: auto;
/*width:285px;*/
-webkit-box-shadow:none;
box-shadow: none;
}
.moviltabla{ width:100%; margin:0}
.contenido-b{width:90%; margin:0 5%}
.post_coti{width: 90%;
margin: 25px 5%;
float: left;}
#mainCol-p form fieldset.tabla .tr .td p.mailpresu{font-size:0.7em}
img.foto50{ width: 46%;
margin: 5px 1%;}
img.foto100, img.fotoTwitter{     width: 96%;
    margin: 5px 2%;
}
.centerfoto{  text-align:center}
#contact_form{ margin:40px 0 0 0; top:0 !important}
.td.margen4{ margin-left:4% !important}