@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600);
@import url(//fonts.googleapis.com/css?family=Josefin+Sans:300,400);
*{margin:0; padding:0;}
html{height:100%}
body { margin:0; font-family: 'Source Sans Pro', sans-serif; font-weight:400; color:#333; font-size:14px ;background:#fff; overflow-y:scroll;  background: rgba(255,255,255,1) url(../img/canvas.jpg);}
img{border:0;}
a{text-decoration:none;}
strong{font-weight:500}
p{line-height:28px}


::-webkit-scrollbar {
    width: 8px;

}
::-webkit-scrollbar-track-piece{height:20px;}
::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-left: 1px solid #d1d1d1;
	
}
::-webkit-scrollbar-thumb {
    background-color: #000;
	width:12px
}
::-webkit-scrollbar-thumb:hover {
    background-color: #b00;
}

/* animaciones por opacidad;*/
.opacityanim{-webkit-transition:opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;}
.backanim{-webkit-transition:background 0.2s ease-in-out;transition: background 0.2s ease-in-out;}
.heightanim{-webkit-transition:height 0.2s ease-in-out;transition: height 0.2s ease-in-out;}
.a05{-webkit-transition:all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}

.noview{display:none !important}
.nofloat{clear:both}
.zonenoimg{}


#teatrobig{position:fixed; top:0; left:0; bottom:0; right:0; z-index:9999; display:none;background: rgba(255,255,255,0.25); }
#loaddata{text-align:center; font-size:20px; color:#b00; font-weight:400; margin:0 auto; background: rgba(255,255,255,0.90); width:300px; padding:40px}

/*centro de contenidos de la página*/
.cnt{width:992px; margin:0 auto;}

#vrfull{position:fixed; top:0; left:0; bottom:0; right:0; z-index:1200; display:none; background:#000}

#allcontent{min-height:800px;}

#top{background:rgba(40,40,40,0.95);; height:60px; width:100%; top:0px; left; 0px;}
#top .cnt{ padding-top:15px}

#header{height:152px; width:100%; background:rgba(40,40,40,0.95); box-shadow:0px 2px 5px rgba(0,0,0,0.8)}
#logo{width:100%;text-align:center;margin:0px 0 10px 0; padding:10px}
#logo h1{display:none}

#MenuZone #Menu{
	width:992px;
	font-size:18px;
	margin:0;
	float:right;
	font-weight:400;
	display:table;
}



#MenuZone #Menu ul{margin:0; padding:0;display:table-row;}
#MenuZone #Menu a {color:#fff; text-decoration:none; font-size:23px; font-weight:100 !important;}
#MenuZone #Menu ul li{list-style:none; display:table-cell; text-align:center;width:12.33%}
#MenuZone #Menu a img{opacity:0 ; -webkit-transition:opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;}
#MenuZone #Menu a:hover img{opacity:0.5}


#language{float:right; margin:-90px 25px 0 0; display:block}
#language a{background: url(../img/flags-lang.png) no-repeat;margin-left:10px; display:inline-block; width:35px; height:40px; opacity:0.5}
#language a span{ display:none; font-size:12px}
#language a.esp{background-position:0px 0px}
#language a.eng{background-position:-35px 0px}
#language a.chn{background-position:-70px 0px;}
#language a:hover, #language a.active{opacity:1}

#footer{ width:100%; background: rgba(0,0,0,1);}
#footer #address{text-align:center; margin:25px 0; color:#fff; font-size:16px;border-top:1px solid #333; padding-top:5px; letter-spacing:2px}
#footer .right{float:right; margin:20px 0 0 15px;}
#footer .right h2{font-size:15px; color:#555; margin:0px; line-height:23px;border-bottom:1px solid #555;  font-weight:400}

#footer .wineinmoderation{clear:both; max-width:200px; margin:0 auto;}
#footer .wineinmoderation img{width:100%;}

#normativa ul {margin-top:6px}
#normativa ul li{list-style:none; text-align:left; margin:1px 0px; padding:0; line-height:14px}
#normativa a{font-size:13px; color:#555; -webkit-transition:color 0.2s ease-in-out;transition: color 0.2s ease-in-out;}
#normativa a:hover{ color:#fff;}


#social ul {margin-top:6px}
#social ul li{list-style:none; float:left; margin:0 7px 0 0}
#social li:last-child{margin:0px !important}
#social a span{display:none}
#social a img{ ;opacity:0.8; -webkit-transition:color 0.2s ease-in-out;transition: color 0.2s ease-in-out;}

#social a img:hover{ opacity:1}

.fullback{ width:100%; background-repeat:none; background-position:50% 50%; background-repeat: no-repeat; background-size:100% auto; height:638px; z-index:0; opacity:0; box-shadow:1px 1px 2px rgba(0,0,0,0.5)}
.fullback .animtext{font-family: 'Josefin Sans', sans-serif;position:absolute; z-index:25px; top:400px; width:500px; font-size:60px; font-weight:100;opacity:0; color:#fff; text-shadow:2px 2px 3px rgba(0,0,0,1); line-height:50px; margin-left:200px}


.imgcoment{width:892px; padding:25px 50px; text-align:left; color:#222; font-size:18px; letter-spacing:2px; word-spacing:2px; font-weight:200; text-shadow:1px 1px 2px rgba(255,255,255,0.8); line-height:25px;}

.mediumback{width:100%; background-repeat:none; background-position:50% 50%; background-repeat: no-repeat; background-size:100% auto; height:400px; z-index:0; opacity:0; box-shadow:1px 1px 2px rgba(0,0,0,0.5)}
.mediumback .animtext{font-family: 'Josefin Sans', sans-serif;position:absolute; z-index:25px; top:300px; width:600px; font-size:60px; font-weight:100;opacity:0; color:#fff; text-shadow:2px 2px 3px rgba(0,0,0,1); line-height:50px; margin-left:200px}

.cntsized{width:992px; margin:0px auto; background-size:100% 100%;background-position: 50% 50%;}


.bottombtn{position:absolute; margin-top:550px; margin-left:466px; height:60px; width:60px; background: no-repeat url(../img/btn_plusinfo.png); cursor:pointer; opacity:0.8}
.bottombtn:hover{opacity:1}
.bottombtn a{display:block; width:60px; height:60px;}
.bottombtn span{display:none}

#newsletter{margin-top:40px; position:absolute; color:#fff}
#newsletter input{border: 1px solid #ccc; background: #222; border-radius:2px; padding:2px 5px ; color: #888; margin: 5px 0 0 20px; }
#newsletter input:focus{color: #fff;}
#newsletter div.accion{display:inline-block; margin-left:5px; color:#666; border:1px solid #666; padding:2px 5px; font-size:13px; font-weight:700; cursor:pointer;}
#newsletter div.accion:hover{color:#EEE; background:#000; border:1px solid #fff}

#newsletter #Accept{margin:0 10px 0 220px; vertical-align:-3px;}
#newsletter span a{font-size:11px; color:#bbb}
.contentfull{
	padding:20px 50px 40px 50px;
	font-size:20px;
	font-weight:100;
	color:#222;
}

.contentfull h2{
	font-family: 'Josefin Sans', sans-serif;
	font-size:42px; margin:0 0 20px 0;
	color:#800;
	font-weight:100;
	text-align:right;
	text-shadow:1px 1px 2px rgba(0,0,0,0.2)
}

.contentfull p{
	font-size:18px; margin:0 0 10px 0;
	color:#222;
	font-weight:300;
	text-align:justify;
}
.contentfull li{
	font-size:18px; margin:0 0px 10px 60px;
	color:#222;
	font-weight:300;
	text-align:justify;
}

.snippet{
	height:600px;
	width:100%;
	font-size:16px;
	font-weight:100;
	color:#222;
	font-weight:300;
	margin:100px 0;
	text-align:justify
	}
.snippet .imagecrop{height:400px; overflow:hidden;box-shadow: 0px 0px 5px rgba(0,0,0,0.8)}
.snippet .imagecrop img{width:100%; height:800px; }

.snippet .text{width:892px; margin:10px auto 10px auto; z-index:10;}
.snippet h2{
	font-family: 'Josefin Sans', sans-serif;
	font-size:36px; margin:0 0 20px 0;
	color:#800;
	font-weight:300;
	text-align:right;
	text-shadow:1px 1px 2px rgba(0,0,0,0.2)
}
.snippet a{
		text-align:center;padding:10px 20px;background:#800; color:#fff; float:right;
		font-weight:300;
		margin:20px 0 0 0; font-size:20px; -webkit-transition:background 0.2s ease-in-out;transition: background 0.2s ease-in-out;
		text-shadow:1px 1px 1px rgba(0,0,0,0.8);
		box-shadow:0px 1px 1px rgba(0,0,0,0.8)}
.snippet a:hover{background:#C00;}

/*menu vinos*/
.backvinos{ width:100%; height:420px; margin-bottom:0px}
#menuvinos{margin: 40px auto; display:table;border-spacing: 10px 5px; height:380px;position: absolute;z-index:90; width:980px}
#menuvinos ul{margin: 0 auto;display:table-row; z-index:20 }
#menuvinos ul li{list-style:none; display:table-cell; width:180px; text-align:center; vertical-align:middle; height:100% !important}
#menuvinos img{opacity:1; height:320px;
	;-webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.5));
    filter:drop-shadow(3px 3px 3px #222);
	 }
#menuvinos img:hover{
	opacity:1; height:320px;-webkit-filter: drop-shadow(0px 0px 15px rgba(255,255,255,0.8));
    filter:drop-shadow(0px 0px 15px  rgba(255,255,255,0.8));}

.woodwines{position:absolute; margin-top:348px; height:50px; width:100%; background:url(../img/madera-botellas.jpg) #fff; background-size:cover; z-index:15; display:none}
.woodline{position:absolute; margin-top:180px; height:135px; width:100%; background:url(../img/fondobotellas.jpg); background-size:cover; z-index:15; box-shadow: inset 0 0 10px rgba(0,0,0,0.8)}

/*Vr*/
#vriframe{background:#000}
#fullscreen{position:absolute; top:5px; right:5px; width:27px; height:21px; background:url(http://www.donjacobo.es/img/img.fullscreen.gif) no-repeat ;background-size:cover; z-index:5000; cursor:pointer}
#fullscreen:hover{background-position: bottom left}
#fullscreen.big{width:54px; height:44px;}



/*Ficha de vinos*/



.vinefull{
	padding:20px 50px 40px 50px;
	font-size:16px;
	font-weight:300;
	color:#222;
}


.vinefull h2{
	font-family: 'Josefin Sans', sans-serif;
	font-size:42px; margin:0 0 20px 0;
	color:#800;
	font-weight:300;
	text-align:left;
	text-shadow:1px 1px 2px rgba(0,0,0,0.2)
}
.vinefull h3{
	font-size:22px; margin:0 0 20px 0;
	color:#555;
	font-weight:300;
	text-align:justify}

.vinefull h4{
	font-size:22px; margin:0 0 20px 0;
	color:#800;
	font-weight:300;
	text-align:justify;
	border-bottom:1px dotted rgba(120,0,0,0.5)}
.vinefull .imgwine{
	height:200px;
	overflow:hidden;
	margin-bottom:25px;
}

.vinefull .imgwine img{
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	margin:-33% 0 0 35%;}


.txtwine{float:left; width: 60%}
.txtwine strong{line-height:24px}

.wineright{float:right; width: 36%; padding-top:70px}
.vinefull {}
.vinefull .winebtn{ display:table; width:100%; height:70px;}
.winebtn a{display:table-cell; text-align:center; vertical-align:middle}
.winebtn a img{width:60px;
	 opacity:0.8
	}
.winebtn a img:hover{
	opacity:1

}
.premios li{list-style:none;; padding:5px 0px; color:#666; font-weight:300; line-height:16px; clear:both; margin:5px 0; display:table}
.premios li div{display:table-cell; vertical-align:middle}
.premios li img{
	display:table-cell;
	padding-right:20px;
	width:50px;
	-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}

.newswine li{list-style:none;; padding:5px 0px; font-weight:400}
.newswine li a{color:#666; padding:0 0 0 0px; -webkit-transition:color 0.2s ease-in-out;transition: color 0.2s ease-in-out; -webkit-transition:padding 0.5s ease-in-out;transition: padding 0.5s ease-in-out;}
.newswine li a:hover{color:#800;  padding:0 0 0 10px;}
.newswine li a span{font-size:12px;}

.wineecomm{}
.wineecomm li{list-style:none;}
.wineecomm .ecommprod{margin:3px; background:#fff; height:40px;; padding:10px 5px; cursor:pointer; width:310px;}
.wineecomm .ecommprod img{width:40px}
.wineecomm .ecommprod .ecommimg{float:left; margin-right:15px;}
.wineecomm .ecommprod .titleprod{font-size:14px; color:#000; width:190px;float:left;}
.wineecomm .ecommprod .priceprod{float:right; margin-top:10px; font-weight:700; color:#222; display:none}
.ecommprod .add{opacity:0; position:absolute;background:rgba(180,0,0,0.80); color:#fff; width:315px; height:60px;; margin-top:-10px;margin-left:-5px; text-align:center; line-height:60px; font-weight:700;
-webkit-transition:opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out; text-shadow: 1px 1px 2px rgba(0,0,0,0.8)}
.ecommprod:hover .add{opacity:1}

.ecommprod .add:active {background:rgba(255,0,0,0.80);}


/*menu vinos inferior*/
#subwines{margin: 40px auto; display:table;border-spacing: 10px 5px;}
#subwines ul{margin: 0 auto;display:table-row;  }
#subwines ul li{list-style:none; display:table-cell; text-align:center; vertical-align:middle; max-height:100px;background:#000; overflow:hidden}
#subwines ul li>div{width:140px; text-align:center; max-height:200px;overflow:hidden}

#subwines img{opacity:0.9; margin-top:-150px; margin-left:-30px;-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);}
#subwines li:hover img{opacity:1;}
#subwines li:hover .enotitle{background:rgba(150,0,0,0.8)}

#subwines .enotitle{position:absolute; margin-top:150px; padding:5px; height:40px; color:#fff;z-index:1; background:rgba(0,0,0,0.8); width:130px;}



/*Noticias*/

.listnews {margin-top:50px;}
.notblk{width:100%;  height:135px;  margin:10px 0px 10px 40px;}

.notblk img.thumb{cursor:pointer; opacity:0.8;  -webkit-transition:opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out; float:left; margin-right:0px;-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.3));}
.notblk img.thumb:hover{opacity:1}

.notblk .listcont{ padding-top:5px; color: rgba(115,107,74, 1); height:100px; margin-left:150px}
.notblk .listcont p.date{font-size:10px; color: #800; font-weight:600; margin-bottom:5px}
.notblk .listcont h3{font-size:18px; color: #800; line-height:14px; font-weight:300}
.notblk .listcont p{font-size:16px; color: #222; line-height:18px}
.notblk  img.opennews{width:40px; float:left; cursor:pointer; z-index:10; margin:30px 10px 30px 10px;-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
    filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.3));}


.newsfull{width:560px; float:left;}
.newsfull img{width:100%;}
.newslist{width:280px; float:right;  padding:10px; border:1px solid #eee; background:rgba(255,255,255,0.5)}
.newslist ul{ margin:0}
.newslist ul li{list-style:none; margin:0 0 10px 0; border-bottom: 1px dotted #ddd; padding:0 2px 5px 2px; min-height:60px}
.newslist ul li:hover{background:rgba(255,255,255,0.8)}
.newslist ul li a{color:#222; font-size:16px; font-weight:300; clear:both}
.newslist ul li div{text-align:right; color:#000; font-size:12px; font-weight:800}
.newslist h3{color:#800; font-weight:300; margin-bottom:25px; text-align:right}


a.bigbtn{
		text-align:center;padding:10px 0;background:#800; color:#fff;
		display:block;
		width:100%;
		font-weight:300;
		margin:20px 0 0 0; font-size:20px; -webkit-transition:background 0.2s ease-in-out;transition: background 0.2s ease-in-out;
		text-shadow:1px 1px 1px rgba(0,0,0,0.8);
		box-shadow:0px 1px 1px rgba(0,0,0,0.8)}
a.bigbtn:hover{background:#C00;}


#social-icons{float:right; margin-top:5px;}
	#social-icons a{display:inline-block; width:20px; height:20px; margin-left:6px; border-radius:2px; background-image:url(../img/social-icons-20.png);-webkit-filter: brightness(10) drop-shadow(1px 1px 2px rgba(0,0,0,0.5)); opacity:0.9}
	#social-icons a:hover{opacity:1}
	#social-icons a.icon-bl{background-position:0px 0px;}
	#social-icons a.icon-fb{background-position:-20px 0px;}
	#social-icons a.icon-gp{background-position:-40px 0px;}
	#social-icons a.icon-ln{background-position:-660px 0px;}
	#social-icons a.icon-yt{background-position:-80px 0px;}
	#social-icons a.icon-tw{background-position:-100px 0px;}
	#social-icons a.icon-in{background-position:0px -40px;}
	#social-icons a.icon-pt{background-position:-20px -40px;}

#contact-icons{float:left; margin-top:4px;}
	#contact-icons a{font-size:16px; color:#fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); margin-left:20px; font-weight:100 !important; opacity:0.8}
	#contact-icons a:hover{opacity:1}
	#contact-icons a:before{margin-right:2px; vertical-align:-5px;content:'';display:inline-block; width:20px; height:20px; border-radius:2px; background-image:url(../img/social-icons-20.png);-webkit-filter: brightness(10) drop-shadow(1px 1px 2px rgba(0,0,0,0.5)); opacity:0.9} 
	#contact-icons a.icon-te:before{background-position:-40px -20px;}
	#contact-icons a.icon-sk:before{background-position:-20px -20px;}
	#contact-icons a.icon-em:before{background-position:0px -20px;}
	#contact-icons a.icon-loc:before{background-position:-60px -20px;}

/*Enoturnsmo*/
#menueno{margin: 40px auto; display:table;border-spacing: 10px 5px; height:380px; }
#menueno ul{margin: 0 auto;display:table-row;  }
#menueno ul li{list-style:none; display:table-cell; width:180px; text-align:center; vertical-align:middle; height:180px !important; background:#000; overflow:hidden}
#menueno img{opacity:0.4; width:180px}
#menueno li:hover img{opacity:1;}
#menueno li:hover .enotitle{background:rgba(150,0,0,0.8)}
h3.enoinfo{ padding:10px; font-size:20px; color:#800; font-weight:300; background:rgba(255,255,255,0.6); border: 1px solid #800; text-align:center}
h3.enoinfo a{color:#800;}
#menueno .enotitle{position:absolute; margin-top:135px; padding:5px; height:38px; color:#fff;z-index:1; background:rgba(0,0,0,0.8); width:170px;}

/*Varieltas*/
.varietal{width:100%; display:table; margin-bottom:10px}
.varietal div{display:table-cell;vertical-align:middle;}
.varietal .varietalimg{width:40%; vertical-align:middle; padding-top:50px}
.varietal p{ font-size:16px !important; line-height:20px}
.varietal .varietalimg img{;-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.2));
    filter:drop-shadow(1px 1px 1px  rgba(0,0,0,0.2));}
.varietal h3{font-family: 'Josefin Sans', sans-serif;
	font-size:38px; margin:0 0 20px 0;
	color:#800;
	font-weight:300;
	text-align:right;
	text-shadow:1px 1px 2px rgba(0,0,0,0.2)}

/*Tienda Online*/


#prcol{width:540px;float:left; clear:both}
#alcol{width:320px; float:right; padding:10px; background:rgba(255,255,255,0.5); box-shadow:1px 1px 3px rgba(0,0,0,0.5);}

.noselect{font-size:18px; text-align:center; margin-top:30px; color:#000; font-weight:400}
.noselect>div{font-size:16px; text-align:center; margin-top:30px; color:#800; font-weight:400}

.noportes{font-size:14px; text-align:center; margin:20px 0; color:#d00; font-weight:400; background:#eee; padding:10px 0}
.noportes span{font-size:16px}

.pro{width:100%; background:rgba(255,255,255,1); border:1px solid rgba(0,0,0,0.1); margin:0 0 10px 0;}
.pro h3{ float:right; margin:10px; font-weight:300; font-size:18px}
.pro .imgpr{ float:left; margin:10px; width:200px; text-align:center; background:#fff}


.articles{float:right;}
.articles li{list-style:none;margin:0 5px 0 0;}
.articles .ecommprod{margin:3px; background:#fff; height:20px;; padding:5px 5px; cursor:pointer; width:280px; border:1px solid rgba(0,0,0,0.05) }
.articles .ecommprod img{width:20px}
.articles .ecommprod .ecommimg{float:left; margin-right:10px;}
.articles .ecommprod .titleprod{font-size:14px; color:#000; width:170px;float:left;}
.articles .ecommprod .priceprod{float:right; margin-top:-5px; font-weight:700; color:#222}
.articles .ecommprod .addecomm{
opacity:0; position:absolute;background:rgba(180,0,0,0.80); color:#fff; width:290px; height:30px;; margin-top:-5px;margin-left:-5px; text-align:center; line-height:30px; font-weight:400;
-webkit-transition:opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
.articles .ecommprod:hover .addecomm{opacity:1}
.articles .ecommprod .addecomm:active {background:rgba(255,0,0,0.80);}


.articles .ecommprod .plusinfo{opacity:0; position:absolute;background:rgba(0,0,0,0.80); color:#fff; width:60px; height:30px;; margin-top:-5px;margin-left:-65px; text-align:center; line-height:30px; font-weight:400;
-webkit-transition:opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out; text-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
.articles .ecommprod:hover .plusinfo{opacity:1}
.articles .ecommprod .plusinfo a{color:#fff}



.articles .nostock{; cursor: default}
.articles .nostock .nono{position:absolute;background:rgba(255,255,255,0.8); color:#c00;border:1px dotted #c00; width:290px; height:26px; margin-top:-5px;margin-left:-5px; text-align:center; line-height:25px; font-weight:400;}




.alheader{width:320px; margin:-10px 0 0 -10px; background:#AAA; padding:5px 10px 10px 10px; font-size:16px; color:#FFF; font-weight:300; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); text-align:right; margin-bottom:20px}
.alheadermin{width:320px; margin:0px 0 0 -10px; background:#AAA; padding:5px 10px 10px 10px; font-size:16px; color:#FFF; font-weight:300; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); text-align:right; margin-bottom:20px}

.allist{
	min-height:200px;
	min-width:320px;
	background: no-repeat 50% 60px ;
	-webkit-transition: background 1s; /* Safari */
    transition: background 1s;
	}
.allist >div{
	opacity:0.8;
	-webkit-transition: opacity 1s; /* Safari */
    transition: opacity 1s;
	}
.alitem {font-size:15px; width:310px; margin:5px; background:#fff; padding:2px 5px; font-weight:400  !important}
.alitem .alname{ width:225px; float:left; color:#000; font-weight:400}
.alitem .alprice{ width:60px; float:left;  text-align:right;  font-weight:400}
.alitem .prerase{width:18px; height:18px; background:url(../img/close.cross.png) no-repeat 50% 50% #000; background-size:200%;cursor:pointer; float:right}
.alitem .prerase span{display:none}
.alitem .prerase:hover{background-color:#b00;}

.altotal {font-size:15px; width:310px; margin:5px;  padding:2px 5px; margin-top:25px; border-top:2px solid #ddd;}
.altotal .alname{ width:215px; float:left;; text-align:right; padding-right:10px}
.altotal .alprice{ width:85px; float:left;  text-align:right; font-weight:400}

.algastos {font-size:15px; width:310px; margin:5px; color:#000; padding:2px 5px; margin-top:5px;  border-top:2px solid #ddd;}
.algastos .alname{ width:215px; float:left; text-align:right; padding-right:10px}
.algastos .alprice{ width:85px; float:left;  text-align:right;  font-weight:400}

.altotales {font-size:15px; width:310px; margin:5px; color:#000; padding:2px 5px; margin-top:5px;  border-top:2px solid #ddd;font-weight:400}
.altotales .alname{ width:215px; float:left; text-align:right; padding-right:10px}
.altotales .alprice{ width:85px; float:left;  text-align:right !important; }

.btncap{width:100%; text-align:center; padding:10px 0; margin:10px 0}
.ecommacc{
		text-align:center;
		padding:10px 20px;
		background:#800 !important; 
		color:#fff;
		font-weight:300;
		margin:20px 0 0 0;
		font-size:20px;
		-webkit-transition:background 0.2s ease-in-out;
		transition: background 0.2s ease-in-out;
		text-shadow:1px 1px 1px rgba(0,0,0,0.8);
		box-shadow:0px 1px 1px rgba(0,0,0,0.8);
	}
.ecommacc:hover{background:#C00 !important;}


.ecommacc2{
		text-align:center;
		padding:3px 20px;
		background:#800 !important; 
		color:#fff;
		font-weight:400;
		margin:0;
		font-size:16px;
		-webkit-transition:background 0.2s ease-in-out;
		transition: background 0.2s ease-in-out;
		text-shadow:1px 1px 1px rgba(0,0,0,0.8);
		box-shadow:0px 1px 1px rgba(0,0,0,0.8);
	}
.ecommacc2:hover{background:#C00 !important;}

.allist.loading{background:url(../img/ajax-loader-noticia.gif) no-repeat 50% 60px}
.allist.loading  div{opacity:0.5}

.formecomm {display:none;}
.formecomm .line{margin-bottom:10px}
.formecomm label{font-size:14px; display:block; width:100%; font-weight:400; line-height:12px; margin-bottom:-5px}
.formecomm input{font-size:14px;width:99%; font-weight:400; margin-top:-10px}
.formecomm input.sort{width:40%;}
.formecomm .errormessage{position:absolute; margin:-25px 0 0 180px; background:#f00; box-shadow:1px 1px 2px rgba(0,0,0,0.8); color:#fff; font-weight:800; font-size:14px; padding:2px 5px; display:none}

.formecomm input .error{border:1px solid #f00}
.formecomm textarea{font-size:14px;width:99%; height:80px}
.formecomm .paytype{text-align:center; font-weight:300; font-size:16px; border:1px solid #eee; margin-bottom:5px; padding:5px; cursor:pointer}
.formecomm .paytype img{ margin-top:10px;opacity:0.8}

.formecomm .active{border:1px solid #B00; background:rgba(255,0,0,0.1)}
.formecomm .active img{opacity:1}

.legal{/*la aceptcion*/
	text-align:center;
	margin-bottom:20px;
	}
.legal label{/*la aceptcion*/
	font-size:12px;
	font-weight:600;
	}
.legal label a{color:#800}
.legal a:hover{color:#B00}
.legal input{width:20px; vertical-align:-3px}


/*Ficha de producto ecomm*/
.prodfull{width:500px;float:left; clear:both}
.prodfull h3{font-weight:400}
.prodfull h4{font-weight:400; padding-left:10px; border-bottom:1px dashed #ccc; padding-bottom:10px}
.prodfull .resume {margin-top:20px}
.prodfull .resume p{font-size:15px; line-height:16px; margin:0px}
.prodfull .price {margin-top:20px; font-family:arial, sans-serif; color:#800; font-size:40px;}
.prodfull .price span{ font-family: 'Source Sans Pro', sans-serif;; color:#000; font-size:15px; vertical-align:10px}
.prodfull img{margin:20px auto; display:block; border:1px solid #d1d1d1; box-shadow:0px 0px 2px rgba(0,0,0,0.2)}

.prodfull .btn{
	font-family:arial, sans-serif; 
	color:#fff;
	font-size:20px;
	background: #222;
	display:inline-block;
	width:150px;
	padding:5px 10px;
	float:right;
	text-align:center;
	cursor:pointer;
	margin:5px 0;
	border:1px solid #000;
	text-shadow:1px 1px 0px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.8)
	}
.prodfull .btn:hover{background:#800; border:1px solid #600;}

.prodfull .btn.out{background:#DDD; border:1px solid #CCC; font-size:16px; font-weight:600; color:#888; text-shadow:none}
.prodfull .btn.out:hover{background:#FFF; border:1px solid #EEE; color:#000}