@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;}
.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:100%; margin:0 auto;}

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

#allcontent{min-height:568px;}

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

#header{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 img{width:200px}
#logo h1{display:none}

#MenuZone #Menu{
	width:100%;
	font-size:18px;
	margin:0;
	font-weight:400;
	display:table;
}



#MenuZone #Menu ul{margin:0; padding:0; width: 100%; max-width:480px}
#MenuZone #Menu a {color:#fff; text-decoration:none; font-size:16px; font-weight:300 !important; padding:5px 0px; border:1px solid #000; display:block; width:100%;}
#MenuZone #Menu ul li{list-style:none;text-align:center;float:left;;width:33%; min-width:33%}



#language{ margin:5px auto; color:rgb(115,107,74);width:135px;}
#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{height:106px; width:480%; background: rgba(0,0,0,1); display:none}
#footer #address{float:left; ;  margin-top:65px; color:#color; font-size:13px}
#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}

#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:cover; height:200px; z-index:0; opacity:0; box-shadow:1px 1px 2px rgba(0,0,0,0.5)}
.fullback .animtext{display:none}


.imgcoment{width:480px; 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:cover; height:200px; 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:200px; font-size:10px; font-weight:100;opacity:0; color:#fff; text-shadow:2px 2px 3px rgba(0,0,0,1); line-height:50px; margin-left:200px;display:none}

.cntsized{width:100%; 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; display:none}
.bottombtn:hover{opacity:1}
.bottombtn a{display:block; width:60px; height:60px;}
.bottombtn span{display:none}

#newsletter{margin-top:20px; position:absolute; color:#fff}
#newsletter input{border: 1px solid #ccc; background: transparent; border-radius:2px; padding:2px 5px ; color: #fff; margin: 5px 0 0 20px}
.contentfull{
	padding:20px 10px 40px 10px;
	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{
	width:100%;
	font-size:16px;
	font-weight:100;
	color:#222;
	font-weight:300;
	margin:100px 0;
	text-align:justify
	}
.snippet .imagecrop{height:150px; overflow:hidden; box-shadow: 0px 0px 5px rgba(0,0,0,0.8)}
.snippet .imagecrop img{width:100%; height:300px; }

.snippet .text{width:300px; 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%; margin-bottom:0px}
#menuvinos{margin:0 auto 40px auto; display:table;border-spacing: 10px 5px; height:380px;position: absolute;z-index:90; width:100%}
#menuvinos ul{margin: 0 auto;display:table-row; z-index:20 }
#menuvinos ul li{list-style:none; display:table-cell; width:100px; text-align:center; vertical-align:middle; height:100% !important}
#menuvinos img{opacity:0.95; width:100%;
	;-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;-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:205px; width:100%; background:url(../img/fondobotellas-red.jpg); background-size:cover; z-index:15; box-shadow: inset 0 0 10px rgba(0,0,0,0.8);display:none}

/*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 2px 40px 2px;
	font-size:16px;
	font-weight:300;
	color:#222;
}


.vinefull h2{
	font-family: 'Josefin Sans', sans-serif;
	font-size:24px; 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:14px; margin:0 0 20px 0;
	color:#555;
	font-weight:300;
	text-align:justify}

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

.vinefull p{
	font-size:14px;
	line-height:16px
}

.vinefull .imgwine{
	width:30%;
	overflow:hidden;
	margin-bottom:25px;
	float:left;
	margin-right:5%;
}

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


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

.wineright{float:right; width: 36%; padding-top:70px; display:none}
.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;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(http://www.donjacobo.es/css/desaturate.svg#greyscale);
	}
.winebtn a img:hover{
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);

}
.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}
.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 2px;}
#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:150px;background:transparent; overflow:hidden}
#subwines ul li>div{width:40px; text-align:center; max-height:250px;overflow:hidden}

#subwines img{width:40px;opacity:0.9;}
#subwines li:hover img{opacity:1;}
#subwines li:hover .enotitle{background:rgba(150,0,0,0.8)}

#subwines .enotitle{position:absolute; margin-top:180px; padding:2px; height:90px; color:#fff;z-index:1; background:rgba(0,0,0,0.8); width:45px; font-size:12px}



/*Noticias*/

.listnews {margin-top:50px; width:100%;}
.notblk{width:100%;  height:200px;  margin:10px 0px 10px 0px; clear:both;}

.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));
	display:none;}
.notblk img.thumb:hover{opacity:1}

.notblk .listcont{ padding-top:5px; color: rgba(115,107,74, 1); height:100px; margin-left:20px}
.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:30px;
	float:right; cursor:pointer; z-index:10; margin:5px 0px 165px 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));}


.newsfull{width:100%;}
.newsfull img{width:100%;}
.newslist{width:100%;border:1px solid #eee; background:rgba(255,255,255,0.5);}
.newslist ul{ margin:0;; display:none}
.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; display:none}


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:left; margin-top:3px;width:60px; float:right}
	#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:3px;}
	#contact-icons a{font-size:16px; color:#fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); margin-left:5px; font-weight:100 !important; opacity:0.8; display:block; line-height:20px}
	#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;border-spacing: 10px 5px; height:380px; }
#menueno ul{margin: 0 auto; }
#menueno ul li{list-style:none; float:left; width:48%; text-align:center; vertical-align:middle; height:180px !important; background:#000; overflow:hidden; margin:1px}
#menueno img{opacity:0.8; width:100%}
#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 0; height:38px; color:#fff;z-index:1; background:rgba(0,0,0,0.8); width:48%;}

/*Varieltas*/
.varietal{width:100%; display:table; margin-bottom:10px}
.varietal div{}
.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:95%; clear:both; margin:10px auto}
#alcol{width:93%; clear:both; margin:10px auto; padding:2%; 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; text-align:center;}
.pro h3{margin:10px; font-weight:300; font-size:18px}
.pro .imgpr{ margin:10px auto; width:200px; background:#fff; text-align:center}


.articles{}
.articles li{list-style:none;margin:0 5px 0 0;}
.articles .ecommprod{margin:3px 3px 40px 3px; background:#fff; height:20px;; padding:5px 5px; cursor:pointer; width:96%; 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:150px;float:left;}
.articles.articles .ecommprod .priceprod{float:right; margin-top:-5px; font-weight:700; color:#222}
.articles .ecommprod .addecomm{opacity:1; position:absolute;background:rgba(180,0,0,0.80); color:#fff; width:45%; height:35px;; margin-top:25px;margin-left:40%; text-align:center; line-height:35px; 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)}
.articles .ecommprod:hover .addecomm{opacity:1}
.articles .ecommprod .addecomm:active {background:rgba(255,0,0,0.80);}

.articles .ecommprod .plusinfo{opacity:1; position:absolute;background:rgba(0,0,0,0.80); color:#fff; width:40%; height:35px;; margin-top:25px;margin-left:0px; 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:45%; height:35px;; margin-top:25px;margin-left:40%;  text-align:center; line-height:25px; font-weight:400; box-sizing:border-box}




.alheader{width:100%; 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:100%; 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;
	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;
	}

.allist .alname{ width:55%; float:left; }
.allist .alprice{ width:25%; float:left; }

.alitem {font-size:15px; width:100%; margin:5px; background:#fff; padding:2px 0px; font-weight:400  !important}
.alitem .alname{color:#000; font-weight:400}
.alitem .alprice{ 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:#b00;}

.altotal {font-size:15px; width:310px; margin:5px;  padding:2px 5px; margin-top:25px; border-top:2px solid #ddd;}
.altotal .alname{ text-align:right; padding-right:10px}
.altotal .alprice{ 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{text-align:right; padding-right:10px}
.algastos .alprice{ 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{text-align:right; padding-right:10px}
.altotales .alprice{ 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:100%; 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); width:100%}

.prodfull .btn{
	font-family:arial, sans-serif; 
	color:#fff;
	font-size:20px;
	background: #222;
	display:inline-block;
	width:100%;
	padding:15px 0px;
	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}