/*-----acciones segun tamaño------*/
@media (max-width: 439px) {
	
	#contenedor{width: 220px;}
   #portada-productos {height: 295px;}
   #controles{height: 40px;}
   #controles h3{font-size:.8em;}
   #portada-productos #anterior{font-size:1em;}
   #portada-productos #siguiente{font-size: 1em;}
   #pie .cuardros{width: 99%;}
   #iconos-aplicaciones{height: 280px;margin:30px auto 30px auto;width:275px;}
   #iconos-aplicaciones ul li{
		background-size: 70px 70px;
		display:inline-block;
		margin:0px;
		margin-top:10px;
		margin-left:5%;
		padding:0px;
		width: 100px;
		padding-left:5px;
		padding-right:5px;
		height: 45%;	
	}
	#iconos-aplicaciones ul li a{font-size:.85em;font-weight: bold;}
	#cuatro-secciones ul  li{margin-left:30px;padding:5px;width: 250px;height: 99%;}
	
	#cuatro-secciones{padding-top:20px;width:240px;}
	#cuatro-secciones ul  li{margin-left:1%;margin-bottom:1%;width: 220px;height: 390px;}
}

@media (min-width: 440px) and (max-width: 659px) {
	
   #contenedor{width: 440px;}
   #portada-productos {height: 305px;}
   #controles{height: 50px;}
   #controles h3{font-size:1em;}
   #portada-productos #anterior{font-size: 1.5em;margin-left:30px;margin-top:11px;}
   #portada-productos #siguiente{font-size: 1.5em;margin-left:10px;margin-top:11px;}
   #pie .cuardros{width: 45%;}
   #iconos-aplicaciones{height: 140px;margin:30px auto 30px auto;width:440px;}
   #iconos-aplicaciones ul li{
		background-size: 70px 70px;
		display:inline-block;
		margin:0px;
		margin-left:0.5%;
		padding:0px;
		width: 100px;
		padding-left:1px;
		padding-right:1px;
		height: 99%;	
	}
	#iconos-aplicaciones ul li a{font-size:.85em;}					
	#cuatro-secciones{padding-top:20px;width:440px;}
	#cuatro-secciones ul li{margin-left:1%;width: 205px;height: 390px;}
	
}

@media (min-width: 660px) and (max-width: 929px) {
  
   #contenedor{width: 660px;}
   #portada-productos {height: 305px;}
   #controles{height: 50px;}
   #controles h3{font-size:1em;}
   #portada-productos #anterior{font-size: 1.5em;margin-left:30px;margin-top:11px;}
   #portada-productos #siguiente{font-size: 1.5em;margin-left:10px;margin-top:11px;}
   #pie .cuardros{width: 45%;}
    #iconos-aplicaciones{height: 160px;margin:40px auto 40px auto;width: 600px;}
    #iconos-aplicaciones ul li{
		background-size: 100px 100px;
		display:inline-block;
		margin:0px;
		margin-left:4%;
		padding:0px;
		width: 95px;
		padding-left:10px;
		padding-right:10px;
		height: 99%;}
	#iconos-aplicaciones ul li a{font-size:.9em;}
	#cuatro-secciones{padding-top:20px;width:480px;}
	#cuatro-secciones ul  li{margin-left:1%;width: 220px;height: 390px;}
	
}
@media (min-width: 930px) {
	
	#contenedor{width: 880px;}
    #portada-productos {height: 315px;}
    #controles{height: 60px;}
    #controles h3{font-size:1.5em;}
    #portada-productos #anterior{font-size: 2em;margin-left:40px;margin-top:11px;}
    #portada-productos #siguiente{font-size: 2em;margin-left:10px;margin-top:11px;}
    /*  #pie .cuardros{width: 23%;} */
    
    #iconos-aplicaciones{height: 200px;margin:60px auto 50px auto;}
    #iconos-aplicaciones ul{width: 100%;
		
    }
    #iconos-aplicaciones ul li{
		display:inline-block;
		margin:0px;
		margin-left:3%;
		padding:0px;
		width: 170px;
		padding-left:10px;
		padding-right:10px;
		height: 99%;}
	#iconos-aplicaciones ul li a{font-size:1.4em;}
	cuatro-secciones{padding-top:20px;width: 100%;}
	#cuatro-secciones ul{width: 780px;}
	#cuatro-secciones ul  li{width: 220px;height: 390px;margin-left:10px;}
	
}
@media (min-width: 1200px) {
	#contenedor{width: 1100px;}
	#iconos-aplicaciones ul{width: 90%;}
	#cuatro-secciones ul{width: 1200px;}
	#cuatro-secciones ul  li{margin-left:10px;width: 220px;height: 390px;}
}
@media (min-width: 1400px) {
	#contenedor{width: 1320px;}
	#iconos-aplicaciones ul{width: 70%; }
}
/*------------productos de portada-----------------*/

#portada-productos {
	position:relative;
	overflow:hidden;
	width: 99%;
	text-align: center;
	font-size: 0.9em;
	margin:0px auto 20px auto;
	padding-top: 0px;	
	padding-bottom: 30px;	
	border-top: 1px solid #ff9a00;
	border-bottom: 1px solid #ff9a00;
	
}
#controles{
	position:relative;
	width: 100%;
	margin:0px auto 10px auto;
	border-bottom: 1px solid #ff9a00;
}

#controles h3{
	color:#444;
	margin:0 10px 0 10px;
	padding:4px;
	display:inline-block;	
}

#portada-productos #anterior{
	font-family: 'WebSymbolsRegular', cursive;
    color: #030303;
    text-shadow: 1px 0px 1px rgba(255,255,255,0.8);
    padding-top:0px;
	opacity:0.3;
	cursor:pointer;
	display:inline-block;
}
#portada-productos #siguiente{
	font-family: 'WebSymbolsRegular', cursive;
    color: #030303;
    text-shadow: 1px 0px 1px rgba(255,255,255,0.8);
	opacity:0.3;
	cursor:pointer;
	display:inline-block;
}

#portada-productos #contenedor{
	overflow:hidden;
	margin:0px auto 10px auto;
	padding: 0px;	
	position: relative;
	border-left: 1px #444;
	border-left-style:solid;
	border-right: 1px solid #444;
	
}
#portada-productos #carrusel{
	width:2800px;
	height: 260px;	
	margin: 0px;
	padding: 0px;
	list-style:none;
	position: relative;
}
#portada-productos #carrusel li{
	position:relative;
	width: 200px;
    height: 250px;
    overflow: hidden;
    float:left;
    margin:5px 10px 5px 10px;
    padding:5px 0px 5px 0px;
    background: #fff;
      -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
}


#portada-productos #carrusel li:hover{
	/*border-left: 10px solid #ff9a00;*/	
	color:#ff9a00;	
	
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;	
}

#portada-productos #carrusel li a{
	color: #5A5A5A;
	text-decoration:none;
	font-weight:bold;
}
#portada-productos #carrusel li:hover a{
	color:#ff9a00;
}
#portada-productos #carrusel li img.img-borde{
	width: 100px;
    height: 150px;
	margin: 2px;
	margin-top: 5px;
	border: 2px solid #f6f6f6;
	border-radius: .3em;
}
#portada-productos #carrusel li img.dispo{
	position:absolute;
	width:50px;
	top:130px;
	left:130px;
	
}
p.nombre{
	text-align:center;
}
/*------------fin productos de portada----------------*/
/*--------------portadada-iconos-aplicaciones -------------*/
#iconos-aplicaciones{
	position: relative;
	padding:0px;
}
#iconos-aplicaciones ul{
	
	height: 100%;
	display:block;
	margin:0px auto 0px auto;
	padding:0px;
	position: relative;
	
}
#iconos-aplicaciones ul li{
	background-color: #fff;
	background-repeat:no-repeat;
	text-align: center;
	overflow: hidden;
	border-right: 1px solid;
	border-bottom: 1px solid #ff9a00;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	box-shadow: 10px 10px 5px #888888;
	background-position: center;
}

#iconos-aplicaciones ul li:hover{
	  -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;	
	
}

#iconos-aplicaciones ul li a{
	display:block;
	text-decoration: none;
	color: #5A5A5A;
	width: 90%;
	height: 99%;
	margin-top:10px;
}
#iconos-aplicaciones ul li:hover a{
	color:#ff9a00;
	text-shadow: 1px 1px 1px #888888;
}
/*---------------fin portadada-iconos-aplicaciones-------------*/
/*--------------portadada-texto -------------*/
#portada-texto{
	position: relative;
	margin:0 auto 0 auto;
	min-height: 180px;	
	padding:20px;
}

/*---------------fin portadada-texto-------------*/
/*--------------portadada-cuatro-secciones -------------*/
#cuatro-secciones{
	margin:2px auto 40px auto;
	position: relative;
}
#cuatro-secciones ul{
	height: 100%;
	display:block;
	margin:0 auto 0 auto;
	padding:0px;
	position: relative;
}
#cuatro-secciones ul  li{
	display:inline-block;	
	text-align: center;
	overflow: hidden;	
	background: rgba(252,234,187,1);
	background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(255,154,0,1) 73%, rgba(248,181,0,1) 91%, rgba(251,223,147,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(73%, rgba(255,154,0,1)), color-stop(91%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1)));
	background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(255,154,0,1) 73%, rgba(248,181,0,1) 91%, rgba(251,223,147,1) 100%);
	background: -o-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(255,154,0,1) 73%, rgba(248,181,0,1) 91%, rgba(251,223,147,1) 100%);
	background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(255,154,0,1) 73%, rgba(248,181,0,1) 91%, rgba(251,223,147,1) 100%);
	background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(255,154,0,1) 73%, rgba(248,181,0,1) 91%, rgba(251,223,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 );
	
	-webkit-box-shadow: 2px 6px 26px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 6px 26px -6px rgba(0,0,0,0.75);
	box-shadow: 2px 6px 26px -6px rgba(0,0,0,0.75);
	
}

#cuatro-secciones ul li a{
	text-align: left;
	text-decoration: none;
	color:#fff;
}
#cuatro-secciones ul li h3{
	text-align: center;
	text-decoration: none;
	color: #5A5A5A;
	max-width: 100%;
	padding:15px;
}
#cuatro-secciones ul li p{
	text-align: justify;
	text-decoration: none;
	font-size:0.8em;
	padding-left:10px;
	padding-right:10px;
	
}
#cuatro-secciones ul li img{
	text-align: center;
	border:2px solid #f0f0f0;
	width: 180px;
	-webkit-box-shadow: 3px 3px 3px  rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 3px  rgba(0,0,0,0.2);
}

/*---------------fin portadada-cuatro-secciones-------------*/
/*---------------fin portadada------------------------------------------*/