@import url(jquery.jcarousel.css);
@import url(skin.css);

*{margin:0; padding:0}
ul, li{list-style:none}
a{text-decoration:none}
img{border:none}
body{background:url(../imagenes/bg.jpg) repeat-x #282C30; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#58585A}
div#wrapper{width:780px; margin:auto; background:url(../imagenes/bg-wrapper.jpg) repeat-y #C4C4C4}
div#contenedor{background:url(../imagenes/bg-contenedor.jpg) no-repeat; min-height:550px; height:auto !important; height:550px}
p{margin-top:5px}
h1{color:#66C0E8; font-size:26px}
h2{margin-bottom:10px; padding-bottom:10px; color:#252525; font-size:18px; border-bottom:solid 2px #BFC0C1}
h3{color:#646464; font-size:13px; text-transform:uppercase; padding-top:5px; padding-bottom:33px; text-align:center}
h4{color:#FFF; text-transform:uppercase; font-size:12px}
input, textarea, select{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:solid 2px #BBB; padding:4px}
label{display:block; text-transform:capitalize; font-weight:normal; font-size:11px; margin-bottom:2px}
.error{float:right; width:550px; padding-top:5px}

/* cabecera / menu */
div#cabecera{overflow:hidden}
div#cabecera a{color:#FFF}
div#info{text-align:right; color:#FFF; margin-top:115px; margin-right:30px}
ul#menu{margin-top:24px; font-size:15px; text-transform:uppercase}
		ul#menu li{display:inline; height:47px; line-height:48px}
		ul#menu li a{font-weight:bold; color:#FFF; margin:6px; padding:15px}
		ul#menu li a:hover, ul#menu li a#actual{color:#253378; background:url(../imagenes/bg-menu-hover.jpg) repeat-x}

/* parte central */
div#centro{overflow:hidden; margin:auto; margin-top:22px; width:754px; text-align:left}
	/* left / menu secudario */
	div#left{float:left; width:190px; overflow:hidden}
		div#left-submenu{float:left; width:190px; background:url(../imagenes/bg-menu-sec.jpg) repeat-y}
			div#left-submenu img.icono{width:15px; height:15px; margin-right:10px}
			div#left-submenu1{background:url(../imagenes/bg-menu-sec1.jpg) no-repeat}
			div#left-submenu2{background:url(../imagenes/bg-menu-sec2.jpg) no-repeat}
			div#left-submenu4{width:190px; height:52px; background:url(../imagenes/bg-menu-sec4.jpg) no-repeat}
			div#left-submenu5{width:190px; height:31px; background:url(../imagenes/bg-menu-sec5.jpg) no-repeat}
			div#left-submenu ul{margin-left:10px; background:url(../imagenes/bg-menu-sec3.jpg) repeat-y}
			div#left-submenu ul li{margin-left:15px; margin-top:15px}
			div#left-submenu ul li.m0{margin-top:0}
			div#left-submenu ul li a{color:#8ADCFF; position:relative; top:-4px}
			div#left-submenu ul li a:hover, div#left-submenu ul li a.activo{color:#C8C8C8}
		div#left div.formas-contacto{width:190px; height:75px; margin-top:10px; float:left; background:url(../imagenes/box-left-prodampli.jpg); text-align:center}
		div#left div.formas-contacto h2{color:#FFF; padding:0; padding-top:1px; margin:0; border:none; text-transform:uppercase; font-size:12px}
		div#left div.formas-contacto p{color:#333; font-size:10px; margin-top:5px}
		div#left div.formas-contacto strong{color:#253378}

	/* right / contenido */
	div#right{width:556px; float:right; background:url(../imagenes/bg-contenido2.jpg) repeat-y}
		img.img-seccion{border:solid 2px #CCC; margin-left:5px; margin-bottom:5px}
		div#right ul{padding-left:15px}		
		div#right li{margin-bottom:10px; list-style-image: url(../imagenes/li-item.gif)}
		div#right-border-top{background:url(../imagenes/bg-contenido1.jpg) no-repeat}
		div#right-border-bottom{background:url(../imagenes/bg-contenido3.jpg) no-repeat 0 bottom; padding:20px; padding-bottom:25px; overflow:hidden}
		div#right-border-bottom img{float:right}
	/* right / producto ampliado */
	div#right-prod{float:right; overflow:hidden; width:556px; background:url(../imagenes/bg-prod2.jpg) repeat-y}
		div#prod-desc div#desc-detalle h1{margin-bottom:10px}
		div#right-prod1{background:url(../imagenes/bg-prod1.jpg) no-repeat}
		div#right-prod2{background:url(../imagenes/bg-prod3.jpg) no-repeat 0 bottom; min-height:325px; height:auto !important; height:325px}
		div#prod-desc{overflow:hidden; width:526px; margin-top:5px; padding:15px}
		div#prod-desc img{float:right; border:solid 2px #66C0E8}
		div#desc-detalle{width:270px}
		div#desc-detalle h2{text-transform:capitalize}
		div#prod-desc div#detalle-prod{background-color:#DADADA; margin-top:15px; padding:5px; line-height:18px}
		div#consulte-prod{background:url(../imagenes/bg-consulta-prod.jpg) no-repeat 0 5px #C4C4C4; height:185px; overflow:hidden}
		div#consulte-prod form {padding-top:12px}
		div#consulte-prod form p{padding-top:12px}
		div#consulte-prod input{width:200px}
		div#consulte-prod textarea{width:265px; height:64px; margin-right:20px; overflow:auto}
		div#consulte-prod input.boton{width:80px; display:block; margin-top:5px; padding:2px; margin-left:195px; text-transform:capitalize; background:url(../imagenes/enviar.jpg); border:none; color:#484A4A}
		div#consulte-prod input.boton:hover{cursor:pointer}
		div#consulte-prod p{margin:0; padding-top:23px; padding-left:20px; font-size:13px; font-weight:bold}
		div#consulte-prod p#form-prod-cons{float:right}
		div#error{text-transform:uppercase; width:555px; float:right}
		#cargando{display:none}
	/* contacto */
	div#contacto{overflow:hidden; width:516px}
		/* contacto / left */
		#contacto-left{float:left}		
		div#contacto input, div#contacto textarea, div#contacto select{width:200px; margin-top:2px; margin-bottom:5px; background-color:#E2E2E2}
		div#contacto select{width:212px}
		div#contacto textarea{height:70px; overflow:auto}
		div#contacto #pbotones{width:210px; text-align:right}
		div#contacto #pbotones input{width:80px; padding:2px; margin:0; text-transform:capitalize; background:url(../imagenes/enviar.jpg); border:none; color:#484A4A}
		div#contacto #pbotones input:hover{cursor:pointer}
		/* contacto / right */
		#contacto-right{float:right; width:290px; height:319px; margin-top:20px; text-align:center; overflow:hidden}
		#contacto-right strong{color:#797979}
		#contacto-right a{color:#58585A}
		.formas-contacto-box{width:139px; height:319px; float:left; background:url(../imagenes/box-contacto-mapa.jpg) no-repeat; color:#000; font-size:10px; margin-left:4px; overflow:hidden}
		.formas-contacto-box p{width:130px; height:47px; margin:5px auto 0 auto}
		.formas-contacto-box h2{color:#FFF; text-transform:uppercase; border:none; font-size:13px; margin:0; padding:0; padding-top:2px; padding-bottom:4px}
		.mapa{width:122px; margin:auto; margin-top:9px}
			.mapa a{display:block; padding-bottom:2px}
			.mapa a:hover{background-color:#DDD; border-bottom:solid 1px #CDCDCD}
		#mapa-right{float:right}

/* footer */
div#foot{background:url(../imagenes/bg-foot.jpg) no-repeat #282C30; color:#FFF; line-height:18px; height:85px}
	div#foot p#foot-left{float:left; text-align:left; padding:20px; padding-top:28px}
	div#foot p#foot-right{float:right; text-align:right; padding:20px; padding-top:28px}
	div#foot a{color:#009EE0}
	div#foot a:hover{color:#C8C8C8}