/* AGMarketing */

/********************************    ETIQUETAS    ********************************/
body{
	/*font-family:"Noto Sans", Verdana, sans-serif;*/
	font-size:12px;
	/*color:black;*/
	background:#E6EBF1 url(../images/background.jpg) repeat-x top;
	margin:0px;
	padding:0px;
}

input, textarea{
	font-family:"Noto Sans", Verdana, sans-serif;	
}

img{
	border:none;
}
hr{
	height:0px;
	width:100%;
	border:none;
	border-bottom:1px solid silver;
}

.clear{
	display:block;
	clear:both;
}

.titulo{
	padding: 5px 10px;
	margin:0px;
	margin-bottom: 5px;
	font-size: 14px;
	background: #3e3e3e url(../images/titulo.png) top repeat-x;
	color: white;
	border-radius: 10px;
}
.subtitulo{
	margin:0px;
	padding:5px 0px;
	color:black;
	font-size:16px;
	font-weight:bold;
}

.vermas{
	float:right;
}
.vermas, .boton{
	margin:5px 0px;
	padding:5px 10px;
	background:#0000C6 url(../images/vermas.jpg) top repeat-x;
	color:white;
	border-radius:2px;
	text-decoration:none;
	border:1px solid #0000C6;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
	cursor:pointer;
	
	transition: box-shadow 0.2s;
	-o-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	-webkit-transition: box-shadow 0.2s;
}
.vermas:hover, .boton:hover{
	text-decoration:none;
	color:white;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px, inset rgba(255, 255, 255, 0.2) 0px 5px 5px 0px;
	
	transition: box-shadow 0.1s;
	-o-transition: box-shadow 0.1s;
	-moz-transition: box-shadow 0.1s;
	-webkit-transition: box-shadow 0.1s;
}
.vermas:active, .boton:active{
	box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 5px 0px, inset rgba(0, 0, 0, 0.4) 0px 5px 5px 0px;
	color:#CCC;
}
.boton:disabled{
	border: 1px solid gray;
	box-shadow: inset rgba(100, 100, 100, 0.6) 0px 0px 0px 20px;
	color: #CCC;
	cursor:default;
}
.bg{
	padding-left: 30px;
	background-position: 5px center;
	background-repeat: no-repeat;
}
.bg.horario{ background-image:url(/images/iconos/horario.png); }
.bg.telefono{ background-image:url(/images/iconos/telefono.png); }
.bg.direccion{ background-image:url(/images/iconos/direccion.png); }
.bg.correo{ background-image:url(/images/iconos/correo.png); }

/********************************    FORM    ********************************/
form input, form textarea{
	padding:2px;
	border-radius:5px;
	border:1px solid gray;
	outline:none;
	resize:none;
	width:170px;
	box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 5px 0px;
}
form input:disabled, form textarea:disabled{
	box-shadow:none;
}
form textarea{
	width: 390px;
	min-height: 50px;
	font-family: Arial,Sans-serif;
	padding:5px;
	margin:5px auto;
}
form input:hover, form textarea:hover{
	box-shadow:rgba(0,51,255,0.5) 0px 0px 5px 0px;
}
form input:focus, form textarea:focus{
	box-shadow:rgba(0,51,255,0.8) 0px 0px 5px 0px;
}
form td, form th{
	border-bottom: 1px dashed silver;
	margin-bottom:5px;
	/*padding:5px;*/
}
form label {
	display: block;
	cursor: pointer;
}

form input.cantidad{
	width:auto;
	text-align:center;
	padding:5px;
	border-radius:5px 0px 0px 5px;
}



/********************************    SITIO    ********************************/
#sitio{
	width:930px;
	padding:10px;
	margin:10px auto;
	background:white;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 10px 0px;
	border-radius:5px;
}


/********************************    CABECERA    ********************************/
#header{
}
#header #logo{
	margin-bottom:5px;
	background:white;
}
#header #logo img.logo{
	height:100px;
	margin-top: 10px;
}
/*#header #informacion{
	float:right;
	text-align:right;
	padding-right:50px;
	background:url(../images/informacion.png) no-repeat center right;
	height:130px;
}
#header #informacion p{
	margin:0px;
	padding:0px;
	font-weight:normal;
}*/


/********************************    ANIMACION    ********************************/
#banner{
	float:left;
	width:720px;
	height:300px;
	overflow:hidden;
	margin-bottom:10px;
}
#banner img{
	width:720px;
	height:300px;
}


/********************************    CARRITO    ********************************/
/*#carrito{
	width:200px;
	min-height:300px;
	
	padding-top:0px;
	background:#EEE;
	
	margin-bottom:10px;
}

#carrito table tr td{
	border:none;
}
#carrito table tr td label{
	display:block;
	padding:2px 20px;
	color:#039;
}
#carrito table tr td input{
	width:90%;
}

*/

/********************************    MENU    ********************************/
#header #menu #buscador{
	display: block;
	float: left;
	margin-left: 10px;
	margin-right:20px;
}
#header #menu #buscador form{
	float: left;
}
#header #menu #buscador form input{
	padding: 1px;
	box-shadow: none;
	background: rgba(200, 200, 200, 0.3) url(../images/buscar.png) 10px center no-repeat;
	border: 1px inset gainsboro;
	color: white;
	padding-left:32px;
	width:145px;
	margin-bottom:2px;
}
/*
#header #menu{
	background:#07619d url(../images/menu.jpg) top repeat-x;
	padding:5px 0px;
	margin-bottom:5px;
	font-size:16px;
	text-align:center;
	border-radius:5px;
	padding-bottom: 2px;
}*/
#header #menu div{
	display:inline-block;
}

#header #menu span{
	float:left;
	width:10px;
	margin:5px 0px;
	border-left:1px solid white;
	opacity:0;
}
#header #menu a{
	float:left;
	display:block;
	width:100px;
	margin:0px 0px;
	margin-top:2px;
	color:white;
	text-decoration:none;
	text-align:center;
	border-radius:5px;
	
	transition: background 0.1s;
	-webkit-transition: background 0.1s;
}
#header #menu a:hover{
	background:rgba(0, 0, 0, 0.5);
	border-radius:5px;
}

#header #menu a.carrito{
	background:url(/images/iconos/carrito-chico.png) no-repeat 10px center rgba(255,255,255,0.3);
	padding-left:35px;
	padding-right:10px;
	font-size:12px;
	text-align:left;
	width:auto;
	height: 22px;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
}
#header #menu a.carrito:hover{
	background:url(/images/iconos/carrito-chico.png) no-repeat 10px center rgba(0, 0, 0, 0.5);
}

#header #menu a.carrito strong{
	margin-top: 2px;
	display: block;
	font-weight: normal;
}

/********************************    CONTENIDO    ********************************/

#contenido{
	float:right;
	width:725px;
}
#contenido .bloque{
	/*width:610px;*/
	margin-bottom:10px;
}
#contenido .bloque:last-child{
	margin:0px;
}

.bloque a.imagen{
	display:block;
	float:left;
	margin:0px 7px 7px 0px;
	padding: 5px 5px 2px 5px;
	background:#EAEAEA;
	border:1px solid gray;
	border-radius:0px;
	
	transition: box-shadow 0.2s;
	-o-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	-webkit-transition: box-shadow 0.2s;
}
.bloque a.imagen:hover{
	background:#FAFAFA;
	border:1px solid silver;
	box-shadow:rgba(0, 0, 0, 0.2) 5px 5px 5px 0px;
}
.bloque a.imagen div{
	position:absolute;
	width:145px;
	background:rgba(0, 0, 0, 0.8);
	padding:5px 15px;
	margin-top:-31px;
}

.bloque h2.titulo a{
	color:white;
	text-decoration:none;
}
.bloque h2.titulo a:hover{
	text-decoration:underline;
}
.bloque .detalle{
	margin:0px;
	padding:10px;
	padding-top:0px;
	background:#F0F0F0 url(../images/detalle.png) top repeat-x;
}
.bloque .detalle p{
	margin-top:0px;
	padding-top:0px;
	margin-left:5px;
}
.bloque .detalle .texto{
	/*float:right;
	width:360px;*/
}
.bloque .detalle .texto p{
	text-align:justify;
}

.bloque .detalle.contacto{
	/*background:url(/images/contacto.jpg) no-repeat top center;*/
	background-position:top center;
	background-repeat:no-repeat;
}
.bloque .detalle.contacto div{
	width:auto;
	background:rgba(255, 255, 255);
	background:rgba(255, 255, 255, 0.8);
	box-shadow:rgba(255, 255, 255, 0.8) 0px 0px 5px 5px;
	padding:10px;
	margin-top:30px;
	margin-left:180px;
	margin-right:10px;
}
.bloque .detalle.contacto div p{
	margin:0px;
	padding:0px;
}
.bloque .detalle .formulario-contacto .enviarFormulario{
	text-align:center;
	display:none;
}
#pagina .bloque .detalle .consultas-ejemplo{
	width:430px;
	overflow-y:scroll;
}
.bloque .detalle .ticker{
	padding:0px;
	margin:0px;
}
.bloque .detalle .ticker li{
	list-style:none;
	padding:0px;
	margin:0px;
}


.bloque .galeria{
	text-decoration:none;
}
.bloque a.imagen.galeria{
	margin:0px 5px 5px 0px;
}
.bloque a.imagen.galeria img{
	width: 100px;
	height:75px;
}

/********************************    BARRA LATERAL    ********************************/
#sidebar{
	float:left;
	width:200px;
}
/*#sidebar strong{
	background:url(../images/top_categorias.jpg) center no-repeat;
	padding:5px 0px;
	text-align:center;
	display:block;
	color:white;
	margin-bottom:5px;
	text-transform:uppercase;
	border-radius:5px;
}*/

/*************    CATEGORIAS    *************/
#sidebar ul{
	padding:0;
	margin:0;
	background:#F0F0F0 url(../images/detalle.png) top repeat-x;
}
#sidebar ul li{
	list-style:none;
	margin:0;
	padding:0;
}
/*#sidebar ul li a{
	display:block;
	text-align:center;
	padding:6px 0px;
	height:17px;
	color:#009;
	text-decoration:none;
	background-image:url(../images/item_categoria.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}*/
#sidebar ul li a div{
	float:right;
	width:16px;
	height:16px;
	margin-right:5px;
	background:url(../images/flechas.png) top no-repeat;
}
#sidebar ul li a:hover{
	background-position:bottom center;
}
#sidebar ul li a:hover div{
	background:url(../images/flechas.png) center no-repeat;
}
#sidebar ul li.open a div{
	background:url(../images/flechas.png) bottom no-repeat;
}

/*************    SUBCATEGORIAS    *************/
#sidebar ul li ul{
	padding:0;
	margin:0;
	display:none;
}
#sidebar ul li ul li{
	padding:0;
	margin:0;
	text-align:center;
	background:#F0F0F0;
	border:1px solid #e1eff6;
	border-top:none;
}
#sidebar ul li ul li:hover{
	background:#EAEAEA;
}
#sidebar ul li ul li a{
	background:none;
	display:block;
	padding:5px 0px;
	color:black;
	text-decoration:none;
}
#sidebar ul li ul li a:hover{
	background:none;
	color:#333;
}



/********************************    FOOTER    ********************************/
#footer{
	margin-top:10px;
	text-align:center;
}
#footer .agm{
	position:absolute;
	margin-left:350px;
	padding:0px;
	margin-top:10px;
	margin-right:20px;
}
#footer span{
	display:block;
	border-radius:5px;
	background:#07619d;
	background:#656565;
	padding:10px;
	color:white;
}
#footer span a{
	color:white;
	text-decoration:none;
}
#footer span a:hover{
	text-decoration:underline;
}


/********************************    FICHA    ********************************/
.ficha{
	width:550px;
	border-bottom:1px dashed silver;
	padding-bottom:5px;
	margin-bottom:5px;
}
.titulo-ficha{
	display:block;
	/*font-family: 'Abel', sans-serif;*/
	font-weight: 400;
	display: block;
	margin-bottom: 15px;
	font-size: 18px;
	color: #000;

}
.ficha span{
	margin-left:10px;
	font-size:16px;
}
.ficha p{
	padding:0px;
	margin:0px;
	margin-left:10px;
	font-size:16px;
}

/********************************    PAGINADOR    ********************************/
.paginador{
	padding:10px;
	/*border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
	background:#EAEAEE;*/
	text-align:center;
	color:silver;
}
.paginador a{
	color:#069;
}

/********************************    PRODUCTOS    ********************************/
.detalle.productos{
	background:white;
	padding-left:20px;
}
.productos .producto{
	float:left;
	width:140px;
	max-height:280px;
	overflow:hidden;
	border:5px solid #EAEAEA;
	border-bottom:none;
	margin:10px;
	margin-bottom:10px;
	box-shadow:rgba(0,0,0,0.1) 0px 5px 5px 0px;
	
	transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
	-moz-transition: box-shadow 0.3s;
}
.productos .producto:hover{
	box-shadow:rgba(0,0,0,0.2) 5px 5px 5px 0px;
}
.productos.categorias .producto{
	height:auto;
}
.productos .producto table{
	max-height:280px;
}
.productos.categorias .producto table{
	height:auto;
}
.productos .producto td{
	border-bottom:5px solid #EAEAEA;
}
.productos .producto td.foto-producto{
	background: url(/favicon.png) center no-repeat;
	width:140px;
	height:140px;
}
.productos .producto td.foto-producto a{
	display:block;
	width:140px;
	height:140px;
	overflow:hidden;
	background-position:center;
	background-repeat:no-repeat;
	/*background-color:white;*/
}
.productos .producto td.titulo-producto{
	height:70px;
	background-color:rgb(223, 223, 223);
}
.productos .producto:hover td.titulo-producto{
	background-color:rgb(233, 233, 233);
}
.productos .producto td.titulo-producto a{
	display:block;
	color:black;
	text-decoration:none;
	margin:5px 10px;
}
.productos .producto td.precio-producto{
	padding:5px;
	/*background-color:rgb(233, 233, 233);*/
	text-align:center;
	font-weight:bold;
}
.productos .producto td.precio-producto span{
	padding:2px;
	background-color:#FFF;
	border:1px solid silver;
}
.productos .producto td.detalle-producto{
	vertical-align:bottom;
	text-align:center;
	background-color:rgb(233, 233, 233);
}
.productos .producto td.detalle-producto a{
	text-decoration:none;
	padding:5px;
	border-radius:5px;
}
.productos .producto td.detalle-producto a img{
	border-radius:5px;
	width:50px;
	opacity:0.3;
	
	transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
.productos .producto td.detalle-producto a img:hover{
	opacity:1;
}

/********************************    PRODUCTO    ********************************/
/**********    FOTOS    **********/
.articulo .fotos-articulo{
	float:left;
	width:170px;
	/*height:370px;*/
	overflow:hidden;
}
.articulo .fotos-articulo a{
	display:block;
	width:170px;
	height:170px;
	overflow:hidden;
}
.articulo .fotos-articulo a img{
	width:150px;
	height:150px;
	margin:10px;
	border:1px solid silver;
}
.articulo .fotos-articulo a div{
	text-align:center;
	position:absolute;
	background:rgba(0, 0, 0, 0.8);
	width:130px;
	height:20px;
	padding:5px 10px;
	color:white;
	margin-top:-45px;
	margin-left:10px;
	border:1px solid black;
	opacity:0.5;
	overflow:hidden;
	
	transition: opacity 0.3s, margin-top 0.3s, height 0.3s, padding 0.3s;
	-o-transition: opacity 0.3s, margin-top 0.3s, height 0.3s, padding 0.3s;
	-moz-transition: opacity 0.3s, margin-top 0.3s, height 0.3s, padding 0.3s;
	-webkit-transition: opacity 0.3s, margin-top 0.3s, height 0.3s, padding 0.3s;
}
.articulo .fotos-articulo a:hover div{
	opacity:0;
	margin-top:-15px;
	height:0px;
	padding:0px 10px;
}

/**********    DETALLE    **********/
.articulo .detalle-articulo{
	float:left;
	background:#F0F0F0 url(../images/detalle.png) top repeat-x;
	width:550px;
	/*min-height:490px;*/
	margin-top:10px;
}
.articulo .detalle-articulo span.titulo-detalle-articulo{
	display:block;
	padding:5px 15px;
	border-bottom:1px dashed silver;
	font-weight:bold;
	font-size:14px;
}
.articulo .detalle-articulo div.texto-detalle-articulo{
	padding:10px;
}
.articulo .detalle-articulo div.precio-articulo{
	padding:10px;
	font-weight:bold;
	font-size:18px;
}
.articulo div.video-articulo{
	margin:10px;
}