@charset "utf-8";
@import url("home.css");
/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
}
.logo{text-align:center;
}
body{
	background:none;
	background-image:url(../imagenes/I.-Crema-Marfil.jpg);
background-repeat:repeat;
height:100%;
width:100%;
margin:0px;
padding:0px;}
body h1{font-family:Arial, Helvetica, sans-serif;
font-size:36px;
color:#000;
text-align:center;
text-decoration: none;
text-transform:uppercase;}
body h2{font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#000;
text-align:center;
text-decoration: none;
text-transform:uppercase;}
body h3{font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#000;
text-align:center;
text-decoration: none;
text-transform:uppercase;}
body h4{font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000;
text-align:center;
text-decoration: none;
text-transform:uppercase;}
body h5{font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
text-align:left;
text-decoration: none;
text-transform:none;
}
body h6{font-family:Arial, Helvetica, sans-serif;
font-size:44px;
color:#000;
text-align:center;
text-decoration: none;
text-transform:uppercase;
text-decoration:underline;}
body h7{font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#000;
text-align:center;

text-transform:uppercase;}
body p{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
text-align:left;
text-decoration: none;
text-transform:none;}
.ul{font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
text-align:center;
text-decoration: none;
text-transform:none;
border:1px #FF0000 groove;
text-transform:uppercase;
margin-left:20px;
}
.titulo{
margin-top:10px;
margin-bottom:0px;
text-align:left;
margin-left:20px;
margin-right:0px;

}
.logo{
margin-top:10px;
margin-bottom:0px;
text-align:left;
margin-left:0px;
margin-right:0px;
}
#contenido{
	width: 960px;
	background-image: url(../imagenes/fondo%20contenido.gif);
	background-repeat: repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 20px;

}
#contacto{text-align:center;
margin-left:200px;}

header{
	width:780px;
	height:300px;
	float:right;
	margin-left:20px;
	
}
nav{ width:150px;
height:300px;
margin-top:0px;
}
ul{
	list-style: none;
	}	
nav a{width:150px;
height:40px;
background-image: url(../imagenes/fondo%20botones.jpg); 
text-decoration:none;
display:block;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
margin-bottom:10px;
text-align:center;
line-height:40px;
box-shadow:5px  6px  4px  #000000;
}
.menu{width:150px;
height:40px;
background-color:#F00;
text-decoration:none;
display:block;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
margin-bottom:10px;
text-align:center;
line-height:40px;

}

.classname {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform:  scale(1) skew(1deg) translate(10px);
-webkit-transform: scale(1) skew(1deg) translate(10px);
-moz-transform:  scale(1) skew(1deg) translate(10px);
-o-transform:  scale(1) skew(1deg) translate(10px);
-ms-transform:  scale(1) skew(1deg) translate(10px);
}
.classname:hover{
transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-ms-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
}
article{width:300px;
margin-left:auto;
margin-right:auto;
text-align:left;
font-family:"Times New Roman", Times, serif;
font-size:16px;}
.home{width:500px;
text-align:left;
padding:20px;
margin-bottom:20px;
  border:5px #FF0000 groove;
 /* margin-right:220px;*/
margin-left:180px;
}

footer{width:960px;
height:20px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
line-height:20px;
}
.imagen{ float:left;
padding:20px;}
.video{padding:20px;
padding-right:20px;
margin-left:160px;}
.izquierda{
	text-align:left;}
.ingles{margin:20px;
float:right;
padding-left:800px;}.ul {
	text-align: center;
}

.tecnica{width:500px;
text-align:left;
padding:20px;
margin-bottom:20px;
  border:5px #FF0000 groove;
 /* margin-right:220px;*/
margin-left:180px;
}