@charset "utf-8";
/* CSS Document */
*	{
	margin:0;
	padding:0;
}

body {
	/*background: url(../img/Dots3.png) repeat-x 0px 160px #ebebeb;*/
	background: url(../img/stripes.jpg) repeat 108px #ebebeb;
	font-family: Arial;
	font-size:12px;
	color:#000;
	}


#headercontainer{width: 100%; max-width: 1900px; height: 140px; margin-top: 0px; margin:0 auto; background: url(../img/Dots1.png) repeat-x top #000;}
header{width: 950px; height: 115px; margin-top: 0px; margin:0 auto;}
#logo {width: 300px; height: 100px; background: url(../img/logoweb.png) no-repeat left 25px; float: left;}
#titulo{float: left; width: 360px; height: 25px; margin-top: 50px;
}
header h1{font-family: 'Oxygen', sans-serif; font-weight: 400; font-size: 20px; color: #CCC; text-transform: uppercase; text-align: center;}
#lugar{float: right; width: 260px; height: 99px; background: url(../img/icon-arriba.png) no-repeat top left; margin-top: 34px;}
header p{font-family: 'tahoma', sans-serif; font-size: 12px; color: #8c8c8a; padding-left: 40px; text-align: justify; line-height:13px;}
#menucontainer{margin:0 auto; width: 100%; max-width: 1900px; height: 43px; background-color: #313130; box-shadow: 0px 10px 10px #b5b4b4; z-index: 5;}

nav {
	margin:0 auto;
	z-index: 1;
	width: 950px;
	height:43px;
	background: url(img/.png) no-repeat;
	background: #313130;
		
}

nav ul {
	width:900px;
	height:43px;
	margin: 0px;
	padding: 0px;
}

nav li {
	display: block;
	padding: 0px;

}

nav li a{
	font-family: arial, sans-serif;
	font-weight: 400;
    font-size: 12px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #120f12;
filter: dropshadow(color=#120f12, offx=1, offy=1);
	float:left;
	padding-left: 19px;
	padding-right: 21px;
	padding-top: 14px;
	padding-bottom: 12px;
	color: #FFF;
	text-transform: uppercase;
	border-right: solid 1px #4d4d4b;
	}

nav li a:hover {
	background: url(../img/borde-menu.png) no-repeat right #676766;
	padding-bottom:12px;
	padding-left: 19px;
	padding-right: 21px;
	color: #FFF;
	border-right: solid 1px #313130;
	}

nav li a:active {
	color:#FFF; 
	}
/*

#twitter {float: right;
		padding-right: 0px;
		padding-top: 2px;
}

div#twitter a.botontwitter {
	width:35px;
	height:35px;
	display: block;
	background: url(../img/twitter-a.png) no-repeat;
	}

div#twitter a.botontwitter:hover{
	background: url(../img/twitter-b.png) no-repeat;
	}

div#twitter a.botontwitter:active{
	background: url(../img/twitter-b.png) no-repeat;
	}

*/

.container{width: 950px; height: 100%; background: url(../img/sombra2.png) no-repeat top #fff;  margin: 0 auto; margin-top: 0;}

section {width: 800px; margin: 0 auto; height: 860px; margin-top: 20px; background: url(../img/pattern-titulo.png) repeat-x 0px 5px;}
.cajacandy {width: 800px; margin: 0 auto; height: auto; margin-top: 20px; background: url(../img/pattern-titulo.png) repeat-x 0px 5px;}
section h1{font-family: 'Quicksand', sans-serif; font-weight: 700; color: #FFF; font-size: 20px; text-transform: none; text-align: left; line-height: 30px;}
section h2{font-family: 'Raleway', sans-serif; text-align: center; font-weight: 800; font-size: 20px; line-height: 22px; padding-top: 26px; color: white;}

#imprenta {width: 800px; height: 160px; margin-top: 50px; background: url(../img/flecha.png) no-repeat 170px 33px; box-shadow: 0px 0px 10px #b5b4b4;}
#bajadas {width: 800px; height: 160px; margin-top: 20px; background: url(../img/flecha.png) no-repeat 170px 33px; box-shadow: 0px 0px 10px #b5b4b4;}
#laminado {width: 800px; height: 160px; margin-top: 20px; background: url(../img/flecha.png) no-repeat 170px 33px; box-shadow: 0px 0px 10px #b5b4b4;}
#papeles {width: 800px; height: 180px; margin-top: 20px; background: url(../img/flecha.png) no-repeat 170px 33px; box-shadow: 0px 0px 10px #b5b4b4;}
#subcaja {float: right; width: 600px; height: 130px; margin-top: 5px; }

#textil {width: 800px; height: 300px; margin-top: 50px; background: url(../img/flecha.png) no-repeat 170px 33px; box-shadow: 0px 0px 10px #b5b4b4;}
#bordado {width: 800px; height: 170px; margin-top: 40px; background: url(../img/flecha.png) no-repeat 170px 33px; box-shadow: 0px 0px 10px #b5b4b4;}

#social {width: 800px; height: 560px; margin-top: 50px; background: url(../img/flecha.png) no-repeat 170px 33px; box-shadow: 0px 0px 10px #b5b4b4;}
#candy {width: 800px; height: 175px; margin-top: 40px; background: url(../img/flecha.png) no-repeat 170px 33px; box-shadow: 0px 0px 10px #b5b4b4; margin-bottom: 5%;}

#servicios1{width: 230px; height: 305px; margin-top: 60px; float: left;  background: url(../img/flecha2.png) no-repeat 18px 160px; border: solid 2px #e6e3e3; -webkit-box-shadow: 0px 0px 10px #b5b4b4; -moz-box-shadow: 0px 0px 10px #b5b4b4;
	     box-shadow: 0px 0px 10px #b5b4b4;}
#servicios2{width: 230px; height: 305px; margin-top: 60px; background: url(../img/flecha2.png) no-repeat 18px 160px; float: left; margin-left: 50px; border: solid 2px #e6e3e3; -webkit-box-shadow: 0px 0px 10px #b5b4b4; -moz-box-shadow: 0px 0px 10px #b5b4b4;
	     box-shadow: 0px 0px 10px #b5b4b4;}
#servicios3{width: 230px; height: 305px; margin-top: 60px; float: right; background: url(../img/flecha2.png) no-repeat 18px 160px; border: solid 2px #e6e3e3; -webkit-box-shadow: 0px 0px 10px #b5b4b4; -moz-box-shadow: 0px 0px 10px #b5b4b4;
	     box-shadow: 0px 0px 10px #b5b4b4;}
#servicios4{width: 230px; height: 320px; margin-top: 40px; background: url(../img/flecha2.png) no-repeat 18px 160px;  float: left; border: solid 2px #e6e3e3; -webkit-box-shadow: 0px 0px 10px #b5b4b4; -moz-box-shadow: 0px 0px 10px #b5b4b4;
	     box-shadow: 0px 0px 10px #b5b4b4;}
#servicios5{width: 230px; height: 320px; margin-top: 40px;  background: url(../img/flecha2.png) no-repeat 18px 160px; float: left; margin-left: 50px; border: solid 2px #e6e3e3; -webkit-box-shadow: 0px 0px 10px #b5b4b4; -moz-box-shadow: 0px 0px 10px #b5b4b4;
	     box-shadow: 0px 0px 10px #b5b4b4;}
#servicios6{width: 230px; height: 320px; margin-top: 40px; float: right; background: url(../img/flecha2.png) no-repeat 18px 160px; border: solid 2px #e6e3e3; -webkit-box-shadow: 0px 0px 10px #b5b4b4; -moz-box-shadow: 0px 0px 10px #b5b4b4;
	     box-shadow: 0px 0px 10px #b5b4b4;}

#servicios7{width: 230px; height: auto; margin-top: 60px; padding-left: 15px; padding-top: 15px; float: left; border: solid 2px #e6e3e3; -webkit-box-shadow: 0px 0px 10px #b5b4b4; -moz-box-shadow: 0px 0px 10px #b5b4b4;
	     box-shadow: 0px 0px 10px #b5b4b4;}
#servicios8{width: 230px; height: auto; margin-top: 60px; padding-left: 15px; padding-top: 15px; float: left; margin-left: 25px; border: solid 2px #e6e3e3; -webkit-box-shadow: 0px 0px 10px #b5b4b4; -moz-box-shadow: 0px 0px 10px #b5b4b4;
	     box-shadow: 0px 0px 10px #b5b4b4;}
#servicios9{width: 230px; height: auto; margin-top: 60px; padding-left: 15px; padding-top: 15px; float: right; border: solid 2px #e6e3e3; -webkit-box-shadow: 0px 0px 10px #b5b4b4; -moz-box-shadow: 0px 0px 10px #b5b4b4;
	     box-shadow: 0px 0px 10px #b5b4b4;}

.magenta {font-family: 'arial', sans-serif; font-weight: 400; font-size: 10px; color: #ED0092; line-height: 20px; text-transform: uppercase;}
a.magenta{text-decoration: none;}
a.magenta:hover{text-decoration: underline;}

.magenta2 {font-family: 'arial', sans-serif; font-weight: 700; font-size: 14px; color: #ED0092; line-height: 20px; text-transform: uppercase;}

#imprenta, #bajadas, #laminado, #papeles {border: solid 2px #e6e3e3;}

#ladoizq {width: 300px; height: 400px; float: left; margin-top: 50px;}
#ladoder { width: 400px; height: 350px; background: black; float: right; margin-top: 50px;}

.listaproductos{font-family: 'Oxygen', sans-serif; font-weight: 400; font-size: 14px; list-style: none;}
.textocaja {font-family: 'Oxygen', sans-serif; font-weight: 400; font-size: 13px; padding-left: 38px;}
.textolaser {font-family: 'Oxygen', sans-serif; font-weight: 400; font-size: 14px; padding-left: 10px;}

#contacto { margin-left: 30px; margin-top: 30px;}

input {border: none;}

form p {font-family: 'Oxygen', sans-serif; font-weight: 400; font-size: 14px; color: #fff; line-height: 18px;
}
 
#nombre {height: 22px;}
#empresa {height: 22px;}
#mail {height: 22px;}

article h2{font-family: 'Oxygen', sans-serif; font-weight: 700; font-size: 17px; line-height: 19px; padding-top: 8px; display: block; text-align: left; padding-left: 38px; color: black;}
article h3{font-family: 'Oxygen', sans-serif; font-weight: 700; font-size: 18px; line-height: 25px; padding-top: 26px; display: block;}
article p{font-family: 'Oxygen', sans-serif; font-weight: 400; font-size: 14px; color: #000; padding-left: px; padding-right: 18px; margin-top: 5px;}

article h6{font-family: 'Oxygen', sans-serif; font-weight: 700; font-size: 17px; line-height: 19px; padding-top: 8px; display: block; text-align: left; padding-left: 5px; color: black;}

#fotoa{width: 150px; height: 140px; background: url(../img/foto_a.gif) no-repeat 0px center; float: left; margin-top: 10px; margin-left: 10px;}
#fotob{width: 150px; height: 140px; background: url(../img/foto_b.gif) no-repeat 0px center; float: left; margin-top: 10px; margin-left: 10px;}
#fotoc{width: 150px; height: 140px; background: url(../img/foto_c.gif) no-repeat 0px center; float: left; margin-top: 10px; margin-left: 10px;}
#fotod{width: 150px; height: 140px; background: url(../img/foto_d.gif) no-repeat 0px center; float: left; margin-top: 10px; margin-left: 10px;}
#fotoe{width: 150px; height: 216px; background: url(../img/foto_e.gif) no-repeat 0px center; float: left; margin-top: 35px; margin-left: 15px;}
#fotof{width: 150px; height: 140px; background: url(../img/foto_f.gif) no-repeat 0px center; float: left; margin-top: 15px; margin-left: 15px;}
#fotog{width: 150px; height: 442px; background: url(../img/foto_g.gif) no-repeat 0px center; float: left; margin-top: 25px; margin-left: 15px;}
#fotoh{width: 150px; height: 140px; background: url(../img/foto_h.gif) no-repeat 0px center; float: left; margin-top: 15px; margin-left: 15px;}

#imagen1{width: 200px; height: 140px; background: url(../img/foto-1.png); margin: 0 auto; margin-top: 10px;}
#imagen2{width: 200px; height: 140px; background: url(../img/foto-2.png); margin: 0 auto; margin-top: 10px;}
#imagen3{width: 200px; height: 140px; background: url(../img/foto-3.png); margin: 0 auto; margin-top: 10px;}
#imagen4{width: 200px; height: 140px; background: url(../img/foto-4.png); margin: 0 auto; margin-top: 10px;}
#imagen5{width: 200px; height: 140px; background: url(../img/foto-5.png); margin: 0 auto; margin-top: 10px;}
#imagen6{width: 200px; height: 140px; background: url(../img/foto-6.png); margin: 0 auto; margin-top: 10px;}


#botonmchico{margin:0 auto; margin-top: 15px;}

div#botonmchico a.boton-mag-chico {
	margin-left: 110px;
	width:101px;
	height:41px;
	display: block;
	background: url(../img/boton-mag-chico.png) no-repeat;
	}

div#botonmchico a.boton-mag-chico:hover{
	background: url(../img/boton-magb-chico.png) no-repeat;
	}

div#botonmchico a.boton-mag-chico:active{
	background: url(../img/boton-mag-chico.png) no-repeat;
	}

#botoncchico{margin:0 auto; margin-top: 15px;}

div#botoncchico a.boton-cian-chico {
	margin-left: 110px;
	width:101px;
	height:41px;
	display: block;
	background: url(../img/boton-cian-chico.png) no-repeat;
	}

div#botoncchico a.boton-cian-chico:hover{
	background: url(../img/boton-cianb-chico.png) no-repeat;
	}

div#botoncchico a.boton-cian-chico:active{
	background: url(../img/boton-cian-chico.png) no-repeat;
	}



#botonychico{margin:0 auto; margin-top: 15px;}

div#botonychico a.boton-yellow-chico {
	margin-left: 110px;
	width:101px;
	height:41px;
	display: block;
	background: url(../img/boton-yellow-chico.png) no-repeat;
	}

div#botonychico a.boton-yellow-chico:hover{
	background: url(../img/boton-yellowb-chico.png) no-repeat;
	}

div#botonychico a.boton-yellow-chico:active{
	background: url(../img/boton-yellow-chico.png) no-repeat;
	}


footer{width: 100%; max-width: 1900px; height: 100%; min-height: 200px; margin: 0 auto; background: #000; clear: both;}
#contenedorfooter{width: 950px; height: 100%; min-height: 200px; margin: 0 auto; background: url(../img/Dots2.png) repeat-x bottom #313130; clear: both;}

#col1{float: left; width: 125px; height: 124px;}

#col2{float: left; width: 125px; height: 124px;}

#col3{float: left; width: 125px; height: 124px;}

#col4{float: left; width: 125px; height: 124px;}

#col5{float: left;  width: 185px; height: 135px; text-align: right; margin-top: 25px; margin-left: 80px;}

#col1, #col2, #col3, #col4 {margin-top: 25px; margin-left: 35px;}

#socialmedia{
	width: 185px;
	height:50px;
}

#face {float: right;
	}

#face a.botonface {
	width:40px;
	height:40px;
	display: block;
	background: url(../img/face-a.png) no-repeat;
	}

#face a.botonface:hover{
	background: url(../img/face-b.png) no-repeat;
	}

#face a.botonface:active{
	background: url(../img/face-b.png) no-repeat;
	}

#copyright{width: 185px; height: 40px; margin-top: 25px; text-align: right; }

h4.titleup {font-family: 'Oxygen', sans-serif; font-weight: 400; font-size: 10px; color: #FFF; line-height: 10px; text-transform: uppercase; text-align: left;}

h4.titledown1 {font-family: 'Raleway', sans-serif; text-align: left; font-weight: 800; font-size: 14px; line-height: 18px; margin-top: -10px; color: #FFF; display: block; border-bottom: solid 1px #000;}
h4.titledown2 {font-family: 'Raleway', sans-serif; text-align: left; font-weight: 800; font-size: 14px; line-height: 18px; margin-top: -10px; color: #FFF; display: block; border-bottom: solid 1px #e10585;}
h4.titledown3 {font-family: 'Raleway', sans-serif; text-align: left; font-weight: 800; font-size: 14px; line-height: 18px; margin-top: -10px; color: #FFF; display: block; border-bottom: solid 1px #01aaeb;}
h4.titledown4 {font-family: 'Raleway', sans-serif; text-align: left; font-weight: 800; font-size: 14px; line-height: 18px; margin-top: -10px; color: #FFF; display: block; border-bottom: solid 1px #fcc900;}

ul.listapie {
  list-style: none;
}

a.linkpie { font-family:Arial; font-size: 11px; color: #fff; text-decoration: none;}

a.linkpie:hover { text-decoration: underline;}

a.linkpie:active {text-decoration: none;}

.textoblanco{font-family:Arial; font-size: 11px; color: #fff;}


@media screen and (max-width: 830px) {
	
	}