/* 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}
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
body {background:url(../images/bg_top2.gif) top repeat-x #e2e2e2;border:0;font:13px Arial,Helvetica,sans-serif;color:#323232;line-height:17px}
.inner_copy, .inner_copy a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.4);-moz-box-shadow:0 0 4px rgba(0,0,0,.4);-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);behavior:url(js/PIE.htc);position:relative}
.main {	margin:0 auto;	width:920px}
a {color:#009dd5;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:16px 0 0 0}
h2 {font-size:35px;font-weight:600;color:#000;line-height:44px;padding:16px 0 9px 0;letter-spacing:-1px}
.box h2 {padding:29px 0 16px 0}
p {padding-bottom:17px}
/* header */
header { margin-bottom:10px;}
#logo {display:block;background:url(../images/logo.png) no-repeat;width:408px;height:130px;text-indent:-5000px}
h1 a#logo{ margin-top:-11px;}
#search {float:right;padding:35px 0 0 0}
#search .bg {background:url(../images/search.gif) no-repeat;width:193px;height:36px}
#search .submit {float:right;height:36px;width:40px;background:none;cursor:pointer}
#search .input {float:right;background:none;font:13px Arial,Helvetica,sans-serif;color:#323232;height:16px;width:143px;padding:10px;padding-right:0}
.text1 span {display:block;font-size:40px;line-height:50px;margin-top:-17px;letter-spacing:-1px;padding-bottom:20px}
.text .button {
		display:inline-block;
		font-size:30px;
		font-weight:700;
		color:#fff;
		line-height:53px;
		padding:0 37px;
		background:#009dd5;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		behavior:url(js/PIE.htc);
		position:relative;
		text-decoration:none}
.text .button:hover {background:#696969}
/* content */
#content {
		margin-right:4px;background:url(../images/bg_cont.gif) bottom repeat-x #fff;
		border:1px solid #ccc;border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		box-shadow:1px 1px 2px #cfcfcf;
		-moz-box-shadow:1px 1px 2px #cfcfcf;
		-webkit-box-shadow:1px 1px 2px #cfcfcf;
		behavior:url(js/PIE.htc);
		position:relative;
}
.pad {padding:0 30px 0 35px}
.pad_left1 {padding-left:55px}
.pad_left2 {padding-left:45px}
.marg_right1 {margin-right:12px}
.marg_right2 {margin-right:18px}
.pad_bot1 {padding-bottom:35px}
.pad_bot2 {padding-bottom:49px}
.pad_bot3 {padding-bottom:7px}
.pad_bot4 {padding-bottom:17px}
.marg_top {margin-top:17px}
.marg_top2 {margin-top:7px}
.box {background:#f5f5f5;behavior:url(js/PIE.htc);position:relative;width:100%;overflow:hidden}
.box.top {border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;behavior:url(js/PIE.htc)}
.box.bot {border-radius:0 0 11px 11px ;-moz-border-radius:0 0 11px 11px;-webkit-border-radius:0 0 11px 11px;behavior:url(js/PIE.htc)}
/* PARA PRODUCTOS */
.banners {padding:10px 0 19px 0;overflow:hidden;} 
.banners li {width:200px; float:left; padding:2px; margin:0 3px 6px 3px; background:#dededd; border:1px solid #009dc3; height:250px;}
.banners li:hover{ background:#FFF;}
.banners li img{ border:1px solid #696969;}
.banners li a,.banners li a:hover{ float:right; margin:auto 0 3px auto;}
.banners p {padding-bottom:7px}
.banners p.font1 {font-weight:bold;color:#009dd5;padding:16px 0 7px 0}
.banners .marker {background:url(../images/marker_1.png) no-repeat}
.banners .marker:hover {background:url(../images/marker_3.gif) no-repeat}
.banners .pad {padding:0 10px 0 15px}
.rubros li {line-height:23px;}
.rubros li a{ padding-left:20px;background:url(../images/marker_2.gif) 5px 5px no-repeat; color:#000; }
/* FIN PRODUCTOS */

/* RESPONSABILIDAD SOCIAL Y CONSERVACIÓN AMBIENTAL */
ul.renglones li{
	float:left;
	border:1px solid #009dc3; padding:5px;
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	width:631px; height:auto;
	margin:2px 3px 0 0;
}

ul.renglones li img, ul.renglones li iframe{ float:left; border:1px solid #000; margin:0 5px 5px 0; padding:1px; }
ul.renglones li h2{ color:#009dc3; font-size:22px; margin:-21px 0 0px 0; line-height:24px; }
ul.renglones li .link{ position:relative;}
ul.renglones li .link a{ float:right; margin:3px 3px 2px 0;}

/* end RESPONSABILIDAD SOCIAL Y CONSERVACIÓN AMBIENTAL */

.marker{ display:inline-block; background:url(../images/marker_3.gif) no-repeat; width:auto; padding-left:20px; margin-top:5px; height:auto;}
.rubros{ margin-left:10px;}
.marker:hover{ display:inline-block; background:url(../images/marker_1.png) no-repeat;width:auto; padding-left:20px; margin-top:5px; height:auto;}
.line1 {background:url(../images/line_ver1.gif) 250px 0 repeat-y;padding:7px 0}
.under {padding-bottom:17px;border-bottom:1px solid #ddd;margin-bottom:17px}
.color1 {color:#009dd5}
.list1 li {line-height:23px}
.list1 li a{ padding-left:20px;background:url(../images/marker_2.gif) 5px 5px no-repeat; }
/* footer */
footer { padding:25px 0 28px 0;width:100%;overflow:hidden;text-align:center;line-height:18px; }
footer a {}
footer a:hover {}
/* forms */
#ContactForm {font-weight:bold;color:#323232;line-height:28px}
#ContactForm .wrapper {padding-bottom:6px}
#ContactForm .bg {background:url(../images/bg_input.gif) top repeat-x #e6e6e6;float:right;margin-right:150px;border:1px solid #ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:1px 1px 2px #e3e3e3;-moz-box-shadow:1px 1px 2px #e3e3e3;-webkit-box-shadow:1px 1px 2px #e3e3e3;behavior:url(js/PIE.htc);position:relative;height:26px}
#ContactForm .bg2 {background:url(../images/bg_textarea.gif) top repeat-x #e6e6e6;float:right;margin-right:2px;border:1px solid #ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:1px 1px 2px #e3e3e3;-moz-box-shadow:1px 1px 2px #e3e3e3;-webkit-box-shadow:1px 1px 2px #e3e3e3;behavior:url(js/PIE.htc);position:relative;height:191px}
#ContactForm .button,#ContactForm input[type=submit],#ContactForm input[type=reset]{
	cursor:pointer;
	margin-left:8px;margin-top:9px;float:right;
	margin-right:2px;font-size:20px;font-weight:700;color:#fff;line-height:35px;width:100px;text-align:center;
	background:url(../images/button_form.gif) top repeat-x #009dd5;border-radius:10px;-moz-border-radius:10px;
	-webkit-border-radius:10px;behavior:url(js/PIE.htc);position:relative;text-decoration:none}
#ContactForm .input {width:205px;height:16px;background:none;padding:5px 10px;color:#323232;font:13px Arial,Helvetica,sans-serif;margin:0}
#ContactForm textarea {overflow:auto;width:353px;height:181px;background:none;padding:5px 10px;color:#323232;font:13px Arial,Helvetica,sans-serif;margin:0}
#ContactForm .button:hover,#ContactForm input[type=submit]:hover,#ContactForm input[type=reset]:hover {background:#696969}
ul.redes{ float:right; margin:-33px 0 0 0; list-style:none; }
ul.redes li{ float:left; margin-right:3px;}
ul.redes li img{ border:none;}
/* para el menu */
#menu {width:100%;overflow:hidden;margin-top:3px}
#menu li {float:left; width:183px; text-align:center;}
#menu a {display:block;font-size:20px;font-weight:400;color:#000; background:#dededd;line-height:55px;text-decoration:none;}
#menu li span{display:block;}
#menu .alpha a:hover span{
	border:1px solid #009dd5;
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	height:53px;
}
#menu .alpha#menu_active a span{
	border:1px solid #009dd5;
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	height:53px;
}
#menu .alpha a{
	border:1px solid #dededd;
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	height:53px;
}
#menu .omega a:hover,#menu .omega#menu_active a{
	border:1px solid #009dd5; 
	border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	height:53px;
	width:auto;
	padding:0 60px;
}
#menu .omega a{
	border:1px solid #dededd; 
	border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	height:53px;
	width:auto;
	padding:0 60px;
}
#menu a:hover,#menu #menu_active a { color:#fff; background:#009dd5;}
#menu a:hover span span,#menu #menu_active a span span,#menu .alpha#menu_active a span span,#menu .alpha a:hover span span {
	border:1px solid #009dd5;
	background:#009dd5;
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	height:53px;	
}
/* fin del menu */
/* BANNER */
.gallery_navigation{ display:none; position:absolute; margin-top:-20px; padding-right:10px; }
	.gallery_navigation_left, .gallery_navigation_right{ float:left; width:10px; height:40px; }
	.gallery_navigation_center{ float:left; padding:9px 10px 0px 10px; height:31px; }
	.gallery_navigation a{ display:block; float:left; padding:0px; width:15px; height:15px; text-indent:-9999px; }
	.gallery_navigation .button_play_pause{ display:block; float:right; margin:2px 0px 0px 0px; padding-left:30px; width:10px; height:10px; cursor:pointer; }
	/* SMALL GALLERY */
	.small_gallery .gallery_items{ width:916px; height:325px; z-index:9; }
	.small_gallery .gallery_items .item{ display:none; position:absolute; margin:0px auto; width:570px; height:282px; overflow:hidden; }
	.small_gallery .gallery_items .current{ display:block; }
	.small_gallery .gallery_items .over{ position:absolute; margin-top:222px; padding:0px 30px 20px 30px; width:510px; height:40px; }
	.small_gallery .gallery_items .over .title{ margin:0px; padding:10px 0px 0px 0px; }
	.small_gallery_borders { width:916px; height:325px; }
	.small_gallery_borders .gallery_items .item{ padding:5px; }
	.small_gallery_borders .gallery_navigation{ margin-top:-10px; }
/* slide banner jopin */
#slideshow{position:relative; top:8px;}
#slider{ 
	height:322px;
	width:916px;
	background-color:#fff;
	border:solid 1px #fff;
	overflow:hidden;
}
.slidetext{
	position:absolute;
	top:250px;
	left:81px;
	width:735px;
	padding:10px;
	color:#fff;
	background-image:url(../images/opacity.png);
	background-repeat:repeat;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#slideprev{ background-image:url(../images/slide-prev.png); background-repeat:no-repeat; height:50px; width:50px; position:absolute; bottom:20px; left:10px; z-index:20; cursor:pointer}
#slidenext{background-image:url(../images/slide-next.png); background-repeat:no-repeat; height:50px; width:50px; position:absolute; bottom:20px; right:10px; z-index:20; cursor:pointer}
/* //slide banner jopin */
.detalle_producto{ padding:10px;}
a.aqui{ text-decoration:none; font-weight:bold; cursor:default;}
/* PAGINACION */
div.pagination a,div.pagination span.disabled,div.pagination span.current,div.pagination a:hover, div.pagination a:active{
	width:132px;
	height:119px;
	text-align:center;
	border:         2px solid #e0e0e0;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px;
	position:relative;
}
div.pagination {
	width:870px;
	padding:20px 5px 5px 5px;
	margin:5px;
	text-align:center;
	float:left;
	clear:both;
	font-size:10px;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #35bce2;
	width:auto;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #35bce2;
	color: #fff;
	background-color: #35bce2;
}
div.pagination a.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #35bce2;
	font-weight: bold;
	background-color: #35bce2;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
/* formulario de contacto */
#contacto span.error{ color:red;text-align:left; font-size:11px; padding-top:3px; }
#message{ margin-left:0px;}
#message h2	{}
#message p{margin:6px 0px; }