@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}


body {
    	font-family:Arial, Helvetica, sans-serif;
        font-size: 11px;
       	background-color:#FFFFFF;
		margin:0 auto;
    	text-align: center; 
}

/* -------ESTILOS------- */

p {
	margin-top:10px;
}

li {
	list-style-image:url(../images/punto.gif);
	margin-left:16px;
}

.estilo1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color:#999999;
	line-height:16px;
}

.estilo2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight:bold;
	text-align:left;
	color:#999999;
	line-height:25px;
}

.estilo3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color:#999999;
	line-height:19px;
}

.estilo4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight:bold;
	text-align:left;
	color:#999999;
	line-height:25px;
}


.estilopie {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999999;
	margin:0 auto;
	text-align:center;
	padding-top:55px;
}

a.gris:link {color:#999999; font-weight:bold}
a.gris:visited {color:#999999; font-weight:bold}
a.gris:focus {color:#666666; font-weight:bold}
a.gris:hover {color:#666666; font-weight:bold}
a.gris:active {color:#666666; font-weight:bold}
a {text-decoration:none; font-weight:bold}
a:link {color:#FFFFFF; font-weight:bold}
a:visited {color:#FFFFFF; font-weight:bold}
a:focus {color:#666666; font-weight:bold}
a:hover {color:#666666; font-weight:bold}
a:active {color:#666666; font-weight:bold}
 
/* -------DIVS------- */
 
div#contenedor  {
	height:1100px;
	width:1220px;
	margin:0 auto;
	text-align: center;
} 

div#contenedor2  {
	height:740px;
	width:1220px;
	margin:0 auto;
	text-align: center;
}  

div#contenedor3  {
	height:880px;
	width:1220px;
	margin:0 auto;
	text-align: center;
}


div#top1  {
	height:100px;
	width:60px;
	margin:0 auto;
	float:left;
}  

div#toplogo  {
	height:100px;
	width:285px;
	margin:0 auto;
	float:left;
}  

div#top2  {
	height:100px;
	width:90px;
	margin:0 auto;
	float:left;
}  

div#topmenu  {
	height:100px;
	width:597px;
	margin:0 auto;
	float:left;
}  

div#topdesde  {
	background-image:url(../images/desde.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:138px;
	margin:0 auto;
	float:left;
}  

div#taco  {
	height:19px;
	width:1220px;
	margin:0 auto;
	background-color:#FFFFFF;
	float:left;
} 


div#sombraizq  {
	height: 900px;
	width:30px;
	margin:0 auto;
	float:left;
	background-image:url(../images/sombraizqG.jpg);
	background-repeat:no-repeat;
}

div#sombraizq2  {
	height: 520px;
	width:30px;
	margin:0 auto;
	float:left;
	background-image:url(../images/sombraizqG.jpg);
	background-repeat:no-repeat;
}

div#sombradcha2  {
	height: 520px;
	width:30px;
	margin:0 auto;
	float:left;
	background-image:url(../images/sombradchaG.jpg);
	background-repeat:no-repeat;
}

div#seccionescont  {
	height: 710px;
	width:1100px;
	margin:0 auto;
	float:left;
	text-align: center;
	margin-left:30px;
	margin-right:30px;
}

div#contactocont  {
	height: 680px;
	width:1100px;
	margin:0 auto;
	float:left;
	text-align: center;
	margin-left:30px;
	margin-right:30px;
}

div#mapa  {
	height: 700px;
	width:400px;
	margin:0 auto;
	float:left;
	text-align: center;
	margin-left:0px;
	margin-right:30px;
}

div#formulario  {
	height: 700px;
	width:600px;
	margin:0 auto;
	float:left;
	text-align: center;
	margin-left:0px;
	margin-right:0px;
}

div#contacto  {
	height: 680px;
	width:1100px;
	margin:0 auto;
	float:left;
	margin-bottom:20px;
}

div#productoscont  {
	height: 510px;
	width:1100px;
	margin:0 auto;
	float:left;
	text-align: center;
	margin-left:30px;
	margin-right:30px;
}

div#portfoliocont  {
	height: auto;
	width:1100px;
	margin:0 auto;
	float:left;
	text-align: center;
	margin-left:30px;
	margin-right:30px;
}

div#productos  {
	height: 510px;
	width:1100px;
	margin:0 auto;
	float:left;
	margin-bottom:20px;
}


div#productosfoto  {
	height: 500px;
	width:520px;
	margin:0 auto;
	float:left;
	background-image:url(../images/entrada.jpg);
}

div#productostexto  {
	height: 500px;
	width:450px;
	margin:0 auto;
	float:left;
	margin-left: 100px;
}

div#preimpresion  {
	height: 210px;
	width:1100px;
	margin:0 auto;
	float:left;
	margin-bottom:20px;
}

div#preimpresionimagen  {
	background-image:url(../images/preimpresion.jpg);
	height: 210px;
	width:410px;
	margin:0 auto;
	float:left;
}


div#preimpresiontexto  {
	height: 210px;
	width:600px;
	margin:0 auto;
	float:left;
	padding-left: 80px;
}

div#procesado  {
	height: 210px;
	width:1100px;
	margin:0 auto;
	float:left;
	margin-bottom:20px;
}

div#procesadoimagen  {
	background-image:url(../images/procesado.jpg);
	height: 210px;
	width:410px;
	margin:0 auto;
	float:left;
}


div#procesadotexto  {
	height: 210px;
	width:600px;
	margin:0 auto;
	float:left;
	padding-left: 80px;
}

div#impresion  {
	height: 210px;
	width:1100px;
	margin:0 auto;
	float:left;
	margin-bottom:20px;
}

div#impresionimagen  {
	background-image:url(../images/impresion.jpg);
	height: 210px;
	width:410px;
	margin:0 auto;
	float:left;
}

div#portfolio  {
	height: 272px;
	width:1100px;
	margin:0 auto;
	float:left;
	margin-bottom:20px;
}

div#librosimagen  {
	height: 272px;
	width:410px;
	margin:0 auto;
	float:left;
}

div#impresiontexto  {
	height: 210px;
	width:600px;
	margin:0 auto;
	float:left;
	padding-left: 80px;
}

div#acabado  {
	height: 210px;
	width:1100px;
	margin:0 auto;
	float:left;
	margin-bottom:20px;
}

div#acabadoimagen  {
	background-image:url(../images/acabado.jpg);
	height: 210px;
	width:410px;
	margin:0 auto;
	float:left;
}


div#acabadotexto  {
	height: 210px;
	width:600px;
	margin:0 auto;
	float:left;
	padding-left: 80px;
}

div#sombradcha  {
	height: 900px;
	width:30px;
	margin:0 auto;
	float:left;
	background-image:url(../images/sombradchaG.jpg);
	background-repeat:no-repeat;
}



div#pie  {
	height:30px;
	width:1220px;
	margin:0 auto;
	float:left;
} 


  


/* -------BOTON INICIO------- */

.boton1 {
	background-image:url(../images/btns/btnInicio_On.jpg);
	width:90px;
	height:45px;
	float:left;
}

.boton1 a {
	float:left;
	width:90px;
	height:45px;
	background-image:url(../images/btns/btnInicio_Off.jpg);
	text-decoration:none;
}	
	
.boton1 a:hover {
	background-image:url(../images/btns/btnInicio_Over.jpg);
}

/* -------BOTON SECCIONES------- */

.boton2 {
	background-image:url(../images/btns/btnSecciones_On.jpg);
	width:107px;
	height:45px;
	float:left;
}

.boton2 a {
	float:left;
	width:107px;
	height:45px;
	background-image:url(../images/btns/btnSecciones_Off.jpg);
	text-decoration:none;
}	
	
.boton2 a:hover {
	background-image:url(../images/btns/btnSecciones_Over.jpg);
}

/* -------BOTON PRODUCTOS------- */

.boton3 {
	background-image:url(../images/btns/btnProductos_On.jpg);
	width:192px;
	height:45px;
	float:left;
}

.boton3 a {
	float:left;
	width:192px;
	height:45px;
	background-image:url(../images/btns/btnProductos_Off.jpg);
	text-decoration:none;
}	
	
.boton3 a:hover {
	background-image:url(../images/btns/btnProductos_Over.jpg);
}

/* -------BOTON PORTFOLIO------- */

.boton4 {
	background-image:url(../images/btns/btnPortfolio_On.jpg);
	width:104px;
	height:45px;
	float:left;
}

.boton4 a {
	float:left;
	width:104px;
	height:45px;
	background-image:url(../images/btns/btnPortfolio_Off.jpg);
	text-decoration:none;
}	
	
.boton4 a:hover {
	background-image:url(../images/btns/btnPortfolio_Over.jpg);
}

/* -------BOTON CONTACTO------- */

.boton5 {
	background-image:url(../images/btns/btnContacto_On.jpg);
	width:104px;
	height:45px;
	float:left;
}

.boton5 a {
	float:left;
	width:104px;
	height:45px;
	background-image:url(../images/btns/btnContacto_Off.jpg);
	text-decoration:none;
}	
	
.boton5 a:hover {
	background-image:url(../images/btns/btnContacto_Over.jpg);
}