@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	background:#ffffff;
	font-size: 13px;
	color: #666666;
	font-family: Arial, helvetica, sans-serif;
}
ol, ul {
	list-style: none;
	margin: 0;
}
ul li {
	margin: 0;
	padding: 0;
}
h1 {
	margin-bottom: 10px;
	color: #111111;
}
a, img {
	outline: none;
	border:none;
	color: #000;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
.contenidoInfo {
	border-top: thin dashed #EB5146;
	float:left;
	width:100%;
	padding-top:60px;
}
.tituloColumnas {
	float:left;
	width:100%;
	color: #EB5146;
	padding:0 8% 15px 8%;
	font-size:13px;
}
.columnaUno {
	float:left;
	width:38%;
	color: #F18D78;
	padding:0 8%;
}
.columnaDos {
	width:38%;
	float:left;
	color: #F18D78;
	padding:0 8% 0 0;
}
.columnaTres {
	float:left;
	width:38%;
	color: #F18D78;
	padding:0 8%;
}
.columnaCuatro {
	width:38%;
	float:left;
	color: #F18D78;
	padding:0 8% 0 0;
}
.pieColumna4 {
	float:left;
	width:100%;
	color: #EB5146;
	padding:0 8% 15px 0;
	font-size:13px;
	text-align:right;
}
p {
	font-size: 1em;
	line-height: 1.4em;
	text-align: justify;
}
img {
	display: block;/*margin-bottom: 10px;*/
}
aside {
	font-style: italic;
	font-size: 0.9em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* CSS Document */
Body {
	background-color:#ffffff;
	background-position:0px 0px;
	background-image:url(../images/webpage-fondo.jpg);
	background-size:100% auto;
	background-repeat:repeat-y;
}
#Contenedor {
	width: 98%;
	max-width: 1024px;
	background-color:transparent;
	margin: auto;
	background-image:url(../images/lateral.png);
	background-position:0px 0px;
	background-repeat:repeat-y;
	background-size:14.5% auto;
	margin-top:15px;
}
#ContenedorHome {
	width: 98%;
	max-width: 1024px;
	background-color:transparent;
	margin: auto;
}
#ContenidoIlustracion, #ContenidoStoryboard, #ContenidoInformacion {
	float:right;
	width:85.5%;
	background-color:#2a0500;
}
h1 {
	/*height: 50px;*/
	width: 30%;
	/*height:160px;*/
	float: left;
	display: block;
	background-color:#2a0500;
}
#menusup {
	margin-bottom: 30px;
	float:right;
	width:70%;/*background-color:#960;*//*background: url("../images/superior.jpg") no-repeat scroll -255px 0 rgba(0, 0, 0, 0);*//*height:160px;*/
}
#titulo {
	border-bottom: thin dashed #EB5146;
	border-top: thin dashed #EB5146;
	color: #EB5146;
	float: right;
	padding: 6px 0px;
	margin: 0 1% 12px;
	width: 98%;
}
#imagen, #vimeo {
	float:right;
	width:98%;
	margin:0 1%;
	background-color:#000;
}
#imagenHome {
	width:65%;
	margin:auto;
}
#video {
	text-align:left;
	color: #EB5146;
	float: left;
	padding: 10px 0 65px 0;
	margin: 0 1%;
	width: 48%;
}
#pie {
	text-align:right;
	color: #EB5146;
	float: right;
	padding: 10px 0 65px 0;
	margin: 0 1%;
	width: 48%;
}
.clear {
	clear:both;
}
/* Nav */
 nav {
	float:right;/*	margin-top: 40px; */
	width: 475px;
	padding-left: 16%;
}
nav li {
	display: inline;/*margin-left: 15px;*/
}
.ilustraciones {
	width:90px;
	float: right;
	display: block;
	background-image:url(../images/botones.png);
	background-position:-486px 0px;
	height:160px;
}
.storyboards {
	width:95px;
	float: right;
	display: block;
	background-image:url(../images/botones.png);
	background-position:-578px 0px;
	height:160px;
}
.info {
	width:50px;
	float: right;
	display: block;
	background-image:url(../images/botones.png);
	background-position:-675px 0px;
	height:160px;
}
.contacto {
	width:90px;
	float: right;
	display: block;
	background-image:url(../images/botones.png);
	background-position:-727px 0px;
	height:160px;
}
.blog {
	width:50px;
	float: right;
	display: block;
	background-image:url(../images/botones.png);
	background-position:-333px 0px;
	height:160px;
}
.DeviantArt {
	width:53px;
	float: right;
	display: block;
	background-image:url(../images/botones.png);
	background-position:-385px 0px;
	height:160px;
	display:none;/*OCULTAR EL BOTON DE DEVIANT ART*/
}
.behance {
	width:47px;
	float: right;
	display: block;
	background-image:url(../images/botones.png);
	background-position:-439px 0px;
	height:160px;
}
navMovil {
	display:none;
}
/*HOVER*/
.ilustraciones:hover, .storyboards:hover, .info:hover, .contacto:hover, .blog:hover, .DeviantArt:hover, .behance:hover, #ContenidoInformacion #menusup .info, #ContenidoIlustracion #menusup .ilustraciones, #ContenidoStoryboard #menusup .storyboards {
	background-image:url(../images/botones-over.png);
}
/**/
#footer {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	color: #F18D78;
	/*	background-color:#2a0500;*/
padding:20px 0 20px 0;
}
	/**/
/*@media screen and (max-width: 480px) {*/
	@media screen and (max-width: 574px) {
#ContenedorHome {
 width: 98%;
}
#Contenedor, #Contenido, #ContenidoInformacion, #ContenidoIlustracion, #ContenidoStoryboard {
 width: 100%;
}
h1 {
 width: 100%;
}
 #menusup {
 width:100%;
}
 navMovil, #main, aside {
 float: left;
 clear: left;
 margin: 0 0 10px;
 width: 100%;
}
 navMovil li {
 margin: 0;
 background: #efefef;
 display: block;
 margin-bottom: 3px;
}
 navMovil a {
 display: block;
 padding: 10px;
 text-align: center;
 background-color:#eb5146;
 text-decoration:none;
 color:#421300;
}
 navMovil a:hover {
 color:#ffffff;
}
 nav {
display:none;
}
 navMovil {
 display:block;
}
#imagenHome {
 width:95%;
 margin:auto;
}
.tituloColumnas {
 padding: 0 5% 15px;
}
.columnaUno, .columnaDos {
 width:90%;
 padding:0 5% 15px 5%;
}
.columnaTres {
 padding:0 5% 15px 5%;
 width:42%;
}
.columnaCuatro {
 padding:0 5% 15px 0;
 width:43%;
}
.pieColumna4 {
 padding:0 5% 15px 0;
}
}

	/**/
@media only screen and (min-width: 768px) {
/* tablets and desktop */
}
 @media only screen and (max-width: 767px) {
/* phones */
}
 @media only screen and (max-width: 767px) and (orientation: portrait) {
/* portrait phones */
}

/**/

/* Smartphones */
@media screen and (max-width: 479px) {
/* The styles for this breakpoint go here */
}

/* Tablets */
@media screen and (min-width: 768px) and (max-width: 1023px) {
/* The styles for this breakpoint go here */
}

/* Desktops and Laptops */
@media screen and (min-width: 1280px) {
/* The styles for this breakpoint go here */
}
/*- See more at: http://www.lunarpages.com/blog/basics-of-responsive-design-using-media-queries#sthash.7VEau1EV.dpuf
*/