a:link {text-decoration:none; color: grey;} /* Link no visitado*/
	a:visited {text-decoration:none; color:#5b1ab6;} /*Link visitado*/
	a:active {text-decoration:none; color:#f64500;} /*Link activo*/
	a:hover {text-decoration:none; color:#f64500;} /*Mause sobre el link*/
*{
margin: 0;
padding: 0;


}

h1{
font-family:Architects Daughter; 
}

body{
	background-color:; 
	font-family: Architects Daughter;
	color: white;
	/*min-width: 800px;*/
}

.titulo
	{
	font-size: 25px;
	font-weight: bold;
	color:#5b1ab6;
	}

.titulo2
	{
	font-size: 20px;
	font-weight: bold;
	}

.sbtitulo
	{
	font-size: 15px;
	font-style: italic;
	}

.dos
	{
	font-family: arial;
	font-size: 5px;
	font-style: italic;
	}

#principal{
	margin:auto;
	width:100%;
	height:1500px;
	background-color:;
	color:white;
	font-family: ;
	text-align: center;
	min-width: 500px;
	position: relative;
	}
	
#menu{
	margin:0px auto;
	width:100%;
	height:100px;
	font-family:;
	font-weight:;
	font-size:;
	background-color:;
	z-index: 5;
	position: relative;
}

#menulogo{
	margin:0px auto;
	width:100%;
	height:100px;
	font-family:;
	font-weight:;
	font-size:;
	text-align: right;
	background-color:white;
	z-index: 4;
	position: absolute;
	position: fixed;
	padding-top: 10px;
}

	
#linea{
	margin: auto;
	width:100%;
	height:4px;
	background-color:#8f37e0;
	position: fixed;
	z-index: 6;
	}

#linea2{
	margin: auto;
	width:100%;
	height:4px;
	background-color:#8f37e0;
	}
		
#encabeza2{
	float: left;
	width:100%;
	height:300px;
	background-color:;
	z-index: 2;
	position: absolute;
	text-align: center;
	}
	
#encabeza1{
	float: left;
	width:100%;
	height:300px;
	background-color:;
	z-index: 1;
	position: relative;
	}
	
#encabeza1fijo{
	float: left;
	width:100%;
	height:300px;
	background-color:;
	z-index: 0;
	position: absolute;
	}

#barraizq{
	float: left;
	width:20%;
	height:100%;
	background-color:;
	font-family:;
	color:grey;
	text-align:center;
	line-height: 200%;
	}
	
#barraizq1{
	float: left;
	width:90%;
	height:100%;
	background-color:#e4e4e4;
	font-family:arial;
	color:grey;
	text-align:left;
   line-height: 200%;
   padding-left: 35px;
 	}
	
	
#barracentro{
	float:left;
	width:80%;
	height:1100px;
	background-color:;
	font-size: 25px;
	color:black;
	text-align:center;
	z-index: 2;
	position: relative;
	font-family: arial;
	}

#barracentrodescargas{
	float:left;
	width:80%;
	height:800px;
	background-color:;
	font-size: 18px;
	font-family: arial;
	color:black;
	text-align:center;
	z-index: 2;
	position: relative;
	
	}

#barracentroimagen{
	float:left;
	width:100%;
	height:800px;
	background-color:;
	color:#5b1ab6;
	text-align:center;
	font-family:;
	z-index: 3;
	position: absolute;
	}

#barracentrotexto{
	float:left;
	width:50%;
	height:800px;
	background-color:;
	color:#5b1ab6;
	text-align:justify;
	color: grey;
	font-size: 20px;
	font-family: ;
	z-index: 3;
	position: relative;
	padding-left: 105px;
	}



#pieinicio{
	float: left;
	width:100%;
	height:130px;
	background-color:;/*#5b1ab6*/
	text-align:center;
	z-index: 2;
	position: relative;
	}
	
#pietexto{
	float: left;
	width:97%;
	height:100%;
	font-family:;
	color: #5b1ab6;
	font-size: 13px;
	background-color:;
	text-align:right;
	z-index: 3;
	position: absolute;
/*	padding-right: 3%;*/
	}
	
#pieimagen{
	float:left;
	width:100%;
	height:100%;
	background-color:;
	text-align: left;
	font-family:;
	z-index: 4;
	position: absolute;
	}
/* página de productos */
	
#barracentroprod{
	float:left;
	width:80%;
	height:1100px;
	background-color:;
	font-size: 15px;
	font-family: arial;
	color:black;
	text-align:center;
	z-index: 2;
	position: relative;
	
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	overflow: auto;
	}
	

	
	
	p.titulo
{
font-size: 25px;
}

p.subtit
{
font-size: 15px;
}

p.precio
{
font-size: 20px;
font-weight: bold;
}

p.cod
{
font-size: 10px;
font-weight: bold;
}


#barracentrotecnicos{
	float:left;
	width:100%;
	height:90%;
	background-color:;
	color: black;
	font-size: 15px;
	text-align: center;
	font-family:arial;
	z-index: 6;
	position: relative;
	padding-top: 40px;
	}
	
#barracentroaprende{
	float:left;
	width:90%;
	height:90%;
	background-color:;
	color: grey;
	font-size: 18px;
	text-align: justify;
	font-family:arial;
	z-index: 6;
	position: relative;
	padding-top: 20px;
	padding-left: 5%;
	padding-right: 5%;
	overflow: auto;
	}
	
img.zoomcat {
    width: 90%;
    height: 50%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(1.3); 
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}