@charset "utf-8";
/*	=====================================================================================
	CSS Document Yal Publicidad 
	aderezos2banderas.com 2014
	===================================================================================== */
	
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Propiedades globales */
	html, body {width:100%; padding:0; margin:0; }
	
	
	body { 	 
		font-family:'PT Serif Caption', serif, Arial, Helvetica, sans-serif;
		font-size: small; 
		line-height:17px;
		color:#fff;
		min-width:1024px;
		/*background:url(images/bg_shape.png) center 0 repeat-x #f3f3f3; /**/	
		position:relative;
	}
	
	header, section, footer{width:100%; margin-left:auto; margin-right:auto; /*margin-top:10px; margin-bottom:10px; /*padding:10px;*/}
	
	img{border-radius:3px;border:none;}
	
	h1, h2, h3, h4 {color:#3c3c3c;font-family:'PT Serif Caption', sans-serif;}
	h1{font-size:36px;line-height:40px;} h2{font-size:30px;line-height:36px;}
	
	.main{
		width:100%;
		margin:0px auto;
		font-size:13px;line-height:24px;
		position:relative;
	}
	.idioma{
			width:180px;
			margin-left:422px;top:0px;
			position:absolute;
			background:url(images/trans-negro.png) 0px 0px repeat;
			color:#fff;text-align:center;
		}
		.idioma span{font-weight:600;margin:5px;}
		.idioma a{color:fff;margin:5px;text-decoration:none;}
		.idioma a:hover{text-decoration:underline;}
	
	#header {
		background:url(images/bg_shape.jpg) center 0 no-repeat #f3f3f3; 
		background-size: cover;
		height:665px;
	}
	
	#footer{
		background:#a5cc01;
	}
	
	.content {
		width:990px;
		margin:0px auto;
		line-height:24px;
		position:relative;
	}
	
	.logo{position:absolute;left:813px;top:15px;z-index:144;}
	
	.slogan{
		position:absolute;left:30px;top:430px;z-index:50;
		background:url(images/img-slogan.png) center 0 no-repeat;
		width:342px;
		height:208px;
	}
	
	.box-body{
		overflow:hidden;
		width:990px;
		margin:0px auto;
		line-height:24px;
		position:relative;
	}
		.box-body .btop{overflow:hidden;width:100%;padding:10px;}
		.box-body .bleft{width:700px;float:left;padding:10px;}
		.box-body .bright{width:240px;float:right;padding:10px;}
		.box-body .siguenos{
			width:240px;
			float:left;
			padding:60px 10px 10px 10px;
			text-align:center;
		}
		.box-body p{text-align:justify;color:#7e7e7e;}
		
	.box-recetas-v{display:block;width:100%;overflow:hidden;margin-bottom:15px;padding-bottom:15px;border-bottom:#ddd 1px solid;}
		.box-recetas-v a.boton{background:#4a4a4a;padding:10px 15px 10px 15px;color:#fff;margin:10px 15px 10px 0px;text-decoration:none;font-size:16px; border-radius:3px;}
		.box-recetas-v a.boton:hover{background:#e0ba00;}
		
		.box-recetas-v .titulo{display:block;margin-bottom:10px;}
		 .box-recetas-v .titulo a{font-size:medium;font-weight:bold;color:#3c3c3c;text-decoration:none;}
		.box-recetas-v .titulo a:hover{color:#e0ba00;}
		
		.box-recetas-v em{color:#888;}
		.box-recetas-v h3{color:#a5cc01;font-size:14px;}
		.box-recetas-v p{text-align:justify;}
		
		.box-recetas-v .cr{text-align:justify;margin:10px 0px 15px 0px;}
		.box-recetas-v .img{ 
			height:254px; width:100%;
		}
		
	ul.box-recetas-p{color:#5b5b5b;font-size:11px;list-style-image:url(images/list_icon1.png);}
		ul.box-recetas-p li a{color:#5b5b5b;text-decoration:none;}
		ul.box-recetas-p li a:hover{color:#9d9d9d;}
		
	.box-producto{display:block;width:300px;height:380px;background:#f3f3f3;border:#e3e3e3 1px solid;float:left;margin:0px 10px 15px 0px;}
		.box-producto .img{width:300px;height:270px;}
			.box-producto .img a{display:block;width:300px;height:270px;background:none;}
			.box-producto .img a:hover{background:url(images/icono_lupa_trans1.png) center center no-repeat;}
		.box-producto .texto{margin:7px;text-align:justify;color:#5b5b5b;}
		.box-producto .precio{margin:7px;text-align:right;color:#5b5b5b;font-size:18px;}
		.box-producto .precio em{color:#5b5b5b;font-size:14px;}
		
	.box-producto-ver{overflow:hidden;width:610px;min-width:300px;margin:15px;}
		.box-producto-ver .pleft{float:left;width:300px;}
		.box-producto-ver .pleft img{width:290px;margin-top:10px;margin-bottom:10px;}
		.box-producto-ver .pright{float:right;width:290px;text-align:left;}
		.box-producto-ver h4{color:#3E772D;}
		.box-producto-ver .texto{margin:7px;text-align:justify;color:#5b5b5b;}
		.box-producto-ver .precio{margin:7px;text-align:right;color:#5b5b5b;font-size:18px;}
		.box-producto-ver .precio em{color:#5b5b5b;font-size:14px;}
		
		
	.box-footer{
		overflow:hidden;
		width:990px;
		margin:0px auto;
		line-height:24px;
		position:relative;
	}
		.box-footer .ftleft{width:300px;float:left;margin:30px 5px 35px 5px;padding:10px;font-size:medium;}
		.box-footer ul.informes{list-style-image:url(images/icono-cont_icon1.png);}
		.box-footer ul.ubiquenos{list-style-image:url(images/icono-cont_icon2.png);}
	
/* Menu Nav */
	.menu-nav{
		z-index:45;
		position:absolute;left:334px;top:30px;
		background:url(images/bg_menu.png) center 0 no-repeat;
		width:512px;height:122px;
	}
		.menu-nav ul{list-style:none; overflow:hidden; margin-top:30px;}
			.menu-nav ul li{float:left;margin-right:10px;}
				.menu-nav ul a.activo{color:#e0ff63;}
				.menu-nav ul a{text-decoration:none;padding:10px 15px 10px 15px;color:#fff;}
				.menu-nav ul a:hover{color:#e0ff63;}

/* Slider */
	.slider-block { 
		background:url(images/bg_slider.png) center 0 no-repeat;
		position:absolute;left:30px;top:30px; 
		z-index:44;
		overflow:hidden;
		width:938px; height:603px;
	}
		.slider {position:relative;z-index:1;float:left;z-index:90;}
		.items {display:none;}
		.pags {	position:absolute;bottom:0px;left:370px;z-index:999;width:222px;height:21px;overflow:hidden;list-style:none;}
		.pags li {  margin-left:11px; margin-top:5px; height:11px;float:left;}
		.pags li a {  width:11px; display:inline-block; height:11px; background:url(images/pags.png) 0 0 no-repeat;}
		.pags li.current a , .pagination li:hover a { background-position:0 -11px;}
		
	
	.slider-block-2 {
		display:block;
		background:#f3f3f3;
		height:390px;
	}
		
/* Form */
	#Contacto{width:100%;color:#7e7e7e}
		#Contacto label{display:block;margin-bottom:5px;}
		#Contacto .q{display:block;width:98%;padding:5px;color:#5d5d5d;border:#999 1px solid;}
		#Contacto .t{display:block;width:98%;height:190px;padding:5px;color:#5d5d5d;border:#999 1px solid;}
		#Contacto .boton-f{padding:10px 15px 10px 15px;color:#fff;border:#999 1px solid;background:#5d5d5d;font-size:medium; border-radius:3px;}
			#Contacto .boton-f:hover{background:#000;}
	
/* Estilos Globales */

	.fleft{float:left;}
	.fright{float:right;}
	
	.align-justify{text-align:justify;}
	.align-right{text-align:right;}
	
	.padding10px {padding:10px;}
	.padding20px {padding:20px;}
	.padding30px {padding:30px;}
	
	.fsize10{font-size:10px;}
	.fsize11{font-size:11px;}
	.fsize12{font-size:12px;}
	.fsize14{font-size:14px;}
	.fsize16{font-size:16px;}
	.fsize18{font-size:18px;}
	.fsize20{font-size:20px;}
	
	.line-1 {background:#e5e5e5; height:1px; width:100%; margin-top:10px;}
	
	label {display:block;margin-top:7px;}	

	
	a{color:#e0ff63;outline:none;}
	a:hover{text-decoration:none;}
	
	a.r{color:#fff;outline:none;text-decoration:none;}
	a.r:hover{color:#FC0;font-size:medium;}
	
	.clear {clear:both;line-height:0; font-size:0;width:100%;}
	

/* CARROUSEL ********************************************************************* */
	.carrousel {
		width:990px;
		height:390px;
		/*overflow:hidden;*/
		margin:0px auto;
		position:relative;
		top:-20px;
	}
	
	.carrousel_a{overflow:hidden;display:block;height:30px;text-align:center;}
	
	.carrousel_inner{
		width:990px;
		height:345px;
		overflow: hidden;
	}
		
		.carrousel_inner ul{
			margin:0;
			padding:0;
			height:345px;
			width: 10000px;
			overflow:hidden;
		}
		.carrousel_inner ul li{
			float:left;
			list-style: none;
			margin: 0;
			margin-right:3px;
			width:245px;
			height:345px
		}
			.carrousel_inner ul li img{width:245px; height:345px /*height:301px;*/}
			/*.carrousel_inner ul li img{margin-right:10px;margin-left:10px;}*/
		
	.carrousel_left, .carrousel_right{
		display:block; float:left;
		height:30px;
		width:30px;
		vertical-align:middle;
	}
	.carrousel_left{
		background: url("images/nav_left.png") no-repeat -40px top;margin-left:445px;
	}
	.carrousel_left:hover{
		background:url("images/nav_left.png") no-repeat scroll -5px top transparent
	}
	.carrousel_right{
		background: url("images/nav_right.png") no-repeat -40px top;
	}
	.carrousel_right:hover{
		background: url("images/nav_right.png") no-repeat -75px top;
	}
	.left_inactive, .left_inactive:hover{
		background: url("images/nav_left.png") no-repeat -75px top;
	}
	.right_inactive, .right_inactive:hover{
		background: url("images/nav_right.png") no-repeat -5px top;
	}
	
/* LightBoxDiv ********************************************************************* */
	.fadebox {
		display: none;
		position: absolute;
		top: 0px; left: 0px; right:0px;
		background-color: black;
		z-index:1001;
		-moz-opacity: 0.8;
		opacity:.80;
		filter: alpha(opacity=80);
	}
	.overbox {
		display: none;
		position: absolute;
		top:0px; left:0px; bottom:0px; right:0px;
		z-index:1002;
	}
	
	.btnClose{
			display:none;position:absolute;z-index:1003;left:19%;
	}
	#content-overbox {
		background: #FFF;		
		padding: 5px 20px 10px 20px;
		color:#333;
		width: 780px;
		border: solid 3px #CCC;
		text-align:left;
	}