/* Normalizacion */

* {margin:0; padding:0; border:0}
.hide {display:none}
.clear {display:block; clear:both; height:0px; margin-top:-2px; font-size:1px}
img {border:none; margin:0; padding:0}

/* Titulares y clases de texto */

body {font-family:Arial; font-size:75%; background:url(../img/bg.gif) repeat-x #a7a7a7; color:#333}
body.interior { background:#a7a7a7}
a {text-decoration:none; color:#333}
a:hover {color:#000561;}

h1 {padding:10px 0 0 0;}
h2 { font-size:2.5em;}
h3 {font-size:2em; font-weight:normal;  margin:10px 0}
h2.seccion { font-style:italic}

p {padding:0}

ul li { list-style-type:none}


/* Ajustes */

.izq {float:left}
.der {float:right}

/* tablas */
caption { display:none}

/* Estructura general */
#general {width:850px; margin:0 auto 0 auto;}
.info { width:800px; text-align:center; margin:20px 0 0 0px}
.info p { width:600px; text-align:justify; color:#fff; font-size:1.3em; margin:18px 0 0 100px}


/* menu */
ul.menu {margin:-19px 0 0 320px}
ul.menu li { display:inline-table; margin-right:8px; font-size:1.5em; font-weight:bold}
ul.menu li a:hover {color:#fff;}

/* pie */
#pie { width:850px; text-align:center; margin-top:33px; font-size:1.2em}
#pie-interior { width:100%; text-align:center; padding:20px 0; margin-top:20px; font-size:1.2em; background:url(../img/bg-pie.gif) repeat-x}

/* interior */
.izda { width: 250px; float:left}
.dcha { background:#fff; width:600px; float:right;}
.dcha-portada { background:#fff; width:600px; float:right;}
.dcha-calidad { background:#fff; width:600px; float:right;}
.dcha-calidad img { margin-right:40px}
ul.menu-interior { margin-top:20px}
ul.menu-interior li { border-bottom:1px solid #cfcfcf; padding:10px; text-align:right; width:210px; font-size:1.2em; color:#fff}
ul.menu-interior li a {color:#000561}
ul.menu-interior li a:hover {color:#fff;}
ul.menu-interior li span { font-weight:bold; color:#000561;}
p.sello { text-align:right; margin:5px 20px 5px 0}
p.img { margin-left:20px;}
p.img-produccion { margin-left:20px; height:420px}
p.img-portada { margin-left:0px; margin:10px 0 10px 0}
.dcha-portada p.datos { font-size:1.4em; text-align:justify}
p.datos { padding:8px 20px}
p.datos2 { padding:0 20px 20px 25px}
p.datos img { margin-left:20px}
ul.submenu li { border-bottom:none; padding:3px; font-size:1em;}
ul.submenu li a { color:#fff}
ul.submenu li a:hover { text-decoration:underline}
ul.submenu li.on { font-weight:bold}

/*galeria matriceria*/
#gallery2 {
	width:550px;
	height:395px;
	margin:0 auto 20px auto;
	position:relative;
	font-family:arial; background:#666; border:1px solid #000;
	}
#gallery2 a.previous {display:block; height:34px; width:34px; background:url(../img/ic-izda.gif); position:absolute; left:40px; top:140px;}
#gallery2 a.next {display:block; height:34px; width:34px; background:url(../img/ic-dcha.gif); position:absolute; right:40px; top:140px;}
#gallery2 a b {display:none;}
#gallery2 #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:395px;
	width:550px;
	overflow:hidden;
	text-align:center; margin-top:20px;
}
#gallery2 #fullsize div {width:550px; height:400px; position:relative;}
#gallery2 #fullsize div img {clear:both; display:block; margin:0 auto; border:1px solid #fff}
#gallery2 #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:15px; color:#fff}
#gallery2 #fullsize div p {padding:5px 0; margin:0; font-size:12px; line-height:18px;}

/*galeria produccion*/

#gallery {width:550px; position:relative; height:80px; padding-top:356px; margin:0 0 0 20px;}

#gallery img.left {width:55px; height:62px; background:#444; float:left;cursor:pointer;}
#gallery img.right {width:55px; height:62px; background:#444; float:left;cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#444; border:2px solid #444; border-width:5px 2px 5px 4px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 5px; border:1px solid #000; cursor:pointer;}

#gallery ul li.hide {display:none;}

#gallery ul li.th1 {background:url(../img/prensa01.jpg);}
#gallery ul li.th2 {background:url(../img/prensa02.jpg);}
#gallery ul li.th3 {background:url(../img/prensa03.jpg);}
#gallery ul li.th4 {background:url(../img/prensa04.jpg);}
#gallery ul li.th5 {background:url(../img/prensa05.jpg);}
#gallery ul li.th6 {background:url(../img/prensa06.jpg);}
#gallery ul li.th7 {background:url(../img/prensa07.jpg);}
#gallery ul li.th8 {background:url(../img/prensa08.jpg);}
#gallery ul li.th9 {background:url(../img/prensa09.jpg);}
#gallery ul li.th10 {background:url(../img/prensa10.jpg);}
#gallery ul li.th11 {background:url(../img/prensa11.jpg);}
#gallery ul li.th12 {background:url(../img/prensa12.jpg);}
#gallery ul li.th13 {background:url(../img/prensa13.jpg);}
#gallery ul li.th14 {background:url(../img/prensa14.jpg);}
#gallery ul li.th15 {background:url(../img/prensa15.jpg);}
#gallery ul li.th16 {background:url(../img/prensa16.jpg);}
#gallery ul li.th17 {background:url(../img/almacen02.jpg);}
#gallery ul li.th18 {background:url(../img/almacen03.jpg);}
#gallery ul li.th19 {background:url(../img/almacen04.jpg);}
#gallery ul li.th20 {background:url(../img/vacio.jpg); border:1px solid #444}
#gallery ul li.th21 {background:url(../img/vacio.jpg); border:1px solid #444}
#gallery ul li.th22 {background:url(../img/planchisteria01.jpg);}
#gallery ul li.th23 {background:url(../img/planchisteria02.jpg);}
#gallery ul li.th24 {background:url(../img/planchisteria03.jpg);}
#gallery ul li.th25 {background:url(../img/planchisteria04.jpg);}
#gallery ul li.th26 {background:url(../img/planchisteria05.jpg);}
#gallery ul li.th27 {background:url(../img/planchisteria06.jpg);}
#gallery ul li.th28 {background:url(../img/planchisteria07.jpg);}





#gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:80px; top:300px; width:411px; font-family:arial; color:#fff; font-size:18px; text-align:center;}
#gallery ul li b {color:#fff;}

#gallery ul li.chosen {border-color:#fff; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:550px; height:355px; background:#444; border:1px solid #000; border-width:1px 0 0 0;}
#gallery ul li.chosen div i {width:550px; height:320px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;}
#gallery ul li.chosen span {display:block;}


#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: 58px;
    width: 100%;
    text-align:center;
    background-color: #eeeeee;
}
#infobox3 p {
    line-height:58px;
    font-size:12px;
    text-align:center;
}
#infobox3 p a {
    margin-right:5px;
    text-decoration: underline;
}