@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;
	}

section h1{font-family: 'Quicksand', sans-serif; font-weight: 700; color: #FFF; font-size: 20px; text-transform: none; text-align: left; line-height: 30px;}



#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: 100%; max-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;}

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: 280px; background: url(../img/sombra.png) no-repeat bottom transparent;  margin: 0 auto;}

#cajasection{width: 950px; height: 100%; min-height: 355px; margin: 0 auto; background: transparent; margin-top: 0px;}
/*#cajasection{width: 100%; max-width: 900px; height: 100%; min-height: 380px; margin: 0 auto; background: url(../img/lineas.png) no-repeat transparent; margin-top: 5px;}*/

#cajasection h1{font-family: 'Raleway', sans-serif; text-align: center; font-weight: 800; font-size: 20px; line-height: 22px; padding-top:;}
#digital{width: 280px; height: 290px; float: left; background: #FFF; box-shadow: 0px 0px 10px #797979;}
/*#iconodigital {width: 85px; height: 100px; background: url(../img/digital-iconA.) no-repeat center; margin: 0 auto; margin-top: 16px;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;

transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
}

#iconodigital:hover{
transform: scale(1.1);
-webkit-transform:  scale(1.1);
-moz-transform:  scale(1.1);
-o-transform:  scale(1.1);
-ms-transform:  scale(1.1);
cursor: pointer; cursor: hand;
}*/

#textil{width: 280px; height: 290px; float: left; background: #FFF; margin-left: 55px; box-shadow: 0px 0px 10px #797979; }
/*#iconotextil {width: 85px; height: 100px; background: url(../img/textil-iconA.) no-repeat center; margin: 0 auto; margin-top: 16px;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;

transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
}
#iconotextil:hover{transform: scale(1.1);
-webkit-transform:  scale(1.1);
-moz-transform:  scale(1.1);
-o-transform:  scale(1.1);
-ms-transform:  scale(1.1);
cursor: pointer; cursor: hand;}*/

#tarjeteria{width: 280px; height: 290px; float: left; background: #FFF; margin-left: 55px; box-shadow: 0px 0px 10px #797979;}
/*#iconocandy {width: 85px; height: 100px; background: url(../img/candy-iconA.) no-repeat center; margin: 0 auto; margin-top: 16px;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;

transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
}
#iconocandy:hover{transform: scale(1.1);
-webkit-transform:  scale(1.1);
-moz-transform:  scale(1.1);
-o-transform:  scale(1.1);
-ms-transform:  scale(1.1);
cursor: pointer; cursor: hand;}*/

#digital, #textil, #tarjeteria{margin-top: 10px;}

#cajatitulo p{font-family: 'Oxygen', sans-serif; font-weight: 400; font-size: 14px; color: #000; text-align: center; padding-left: 18px; padding-right: 18px; margin-top: 5px;}

#digital h1, #textil h1, #tarjeteria h1{font-family: 'Oxygen', sans-serif; font-weight: 400; font-size: 12px; color: #000; line-height: 14px; text-transform: uppercase; text-align: center;}
 #textil h1, #tarjeteria h1{margin-top: 41%;}
#digital h2, #textil h2, #tarjeteria h2{font-family: 'Raleway', sans-serif; text-align: center; font-weight: 800; font-size: 20px; line-height: 22px; margin-top: -10px;}

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

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

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

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

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

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

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

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

#botony{margin:0 auto; margin-top: 12px;}

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

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

div#botony a.boton-yellow:active{
	background: url(../img/boton-yellow.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;}

#slider-wrapper {
	width:100%;
	margin:0px auto;
	margin-top: 0px;
    position: relative;
}
 
/*
Luego posiciono a la derecha el botón de Next
*/
 
#nextBtn, #slider1next{ 
    right: 0px;
}
 
/*
Y posiciono a la izquierda el botón de Previous
*/
 
#prevBtn, #slider1prev{ 
    left: 0px;
}   
 
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
    display:block;
    position:absolute;
    width:43px;
    height:45px;
    background: url(images/btn_prev.png) no-repeat 0 0; 
    text-indent: -9999px;
}   
#nextBtn a, #slider1next a{ 
    background: url(images/btn_next.png) no-repeat 0 0; 
}

/*===========*/
/*=Slider*/
/*===========*/
 
#slider{
   margin: 0 auto;
}
 
#slider ul, #slider li,
#slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
    /* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
    */
    width:950px;
    height:255px;
    overflow:hidden; 
}
 
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
    display:block;
    width:43px;
    height:45px;
    position:absolute; /* Posiciono de forma absoluta a los botones, absoluta con respecto a su elemento padre, osea el slider-wrapper */
    top:40%; /* Mitad vertical del slider */
    z-index:1000;
}
 
/*
Aquí como pueden ver hago lo que les comentaba
*/
 
 
/*
Luego posiciono a la derecha el botón de Next
*/
 
#nextBtn, #slider1next{ 
    right: 0px;
}
 
/*
Y posiciono a la izquierda el botón de Previous
*/
 
#prevBtn, #slider1prev{ 
    left: 0px;
}   
 
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
    display:block;
    position:absolute;
    width:43px;
    height:45px;
    background:url(../images/btn_prev.png) no-repeat 0 0; 
    text-indent: -9999px;
}   
#nextBtn a, #slider1next a{ 
    background:url(../images/btn_next.png) no-repeat 0 0; 
}

/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		#nav-shadow {
			margin: 0 auto 0px auto;
			padding: 20px 0 0 100px;
			width: 1010px;
			min-height: 30px;
			text-align: center;
			list-style: none;
			}
			
		#nav-shadow li {
			margin-right: 255px;
			width: 81px;
			height: 92px;
			position: relative;
			float: left;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 79px;
			height: 79px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../img/digital-icon.png) no-repeat;
			display: block;
			position: relative;
			z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
			background-position: 0px 0px;
			}
			
		#nav-shadow li.button-color-2 a {
			background-position: -150px 0px;
			}
			
		#nav-shadow li.button-color-3 a {
			background-position: -305px 0px;
			}
			
			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}

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