body {
	background:#23303D;
	/*background:url("../images/fondo-negro.jpg") repeat 0 0;*/
	width:9000px;
	overflow-x:hidden;
	font-family: Arial;
	}

/*----HEADER----*/	
	
#cabecera {
	padding-top:15px;
}
	
#indice{
	position:relative;
	top:-10px;
	}
	
#logo{
	margin-left:19px;
	margin-top:10px;
	font-size:20px;
	word-spacing:5px;
	color:white;
	font-family: Arial;
	}

#menu {
	margin-top:-10px;
}
	
ul#menu{
	font-family: Arial;
	font-size: 35px;
	margin-left:16px;
	height:40px;
	display:block;  
	position:relative;
	z-index:998;
	}
	
ul#menu li {
	font-family: Arial;
	font-size: 35px;
	display:block;
	margin: 0;
	padding:0;
	color:#4F647E;
	/*color:#45566b;*/
	letter-spacing:-2px;
	float:left;
	} 

ul#menu a {
	margin: 0px;
	padding:0px;
	color:#4F647E;
	/*color:#45566b;*/
	text-decoration:none;
	}
	
ul#menu a:hover{
	color:#FFF;
	text-decoration:none;
	}	

	
/*----FIN HEADER----*/
	

/*----CONTENIDO----*/

#contenido {

}

#content1 {
	left:0px;
	width:2200px;
	height:700px;
	background:url(../images/carretera01.png) no-repeat 0px 160px #23303D;
	transition:margin-left 1.5s;
	-moz-transition:margin-left 1.5s;
	-webkit-transition:margin-left 1.5s;
	-o-transition:margin-left 1.5s;
}	

#presentacion {
	display:block;
	margin-top:8px;
	font-size:65px;
	font-weight:bold;
	line-height:70px;
	word-spacing:5px;
	color:#4F6179;
	/*color:#45566b;*/
	font-family: "Franklin Gothic Medium", Arial;
}

#content2 {
	/*border:1px dashed white;*/
	left:2200px;
	width:2200px;
	height:700px;
	background:url(../images/carretera02.png) no-repeat 0px 160px #23303D;
	transition:margin-left 1.5s;
	-moz-transition:margin-left 1.5s;
	-webkit-transition:margin-left 1.5s;
	-o-transition:margin-left 1.5s;
	}

#content3 {
	/*border:1px dashed white;*/
	position:absolute;
	left:4400px;
	/*top:130px;*/
	width:2200px;
	height:700px;
	background:url(../images/carretera03.png) no-repeat 0px 160px #23303D;
	transition:margin-left 1.5s;
	-moz-transition:margin-left 1.5s;
	-webkit-transition:margin-left 1.5s;
	-o-transition:margin-left 1.5s;
	}

#content4 {
	position:absolute;
	left:6600px;
	/*top:130px;*/
	width:2200px;
	height:700px;
	background:url(../images/carretera04.png) no-repeat 0px 84px #23303D;
	transition:margin-left 1.5s;
	-moz-transition:margin-left 1.5s;
	-webkit-transition:margin-left 1.5s;
	-o-transition:margin-left 1.5s;
	}

#content5 {
	left:8800px;
	width:2200px;
	height:700px;
	background:url(../images/carretera05.png) no-repeat/*rgb(27, 35, 43)*/ 0px 160px #23303D;
	transition:margin-left 1.5s;
	-moz-transition:margin-left 1.5s;
	-webkit-transition:margin-left 1.5s;
	-o-transition:margin-left 1.5s;
	}

#content5 p{
	position:relative;
	top:-7px;
	}

#content5 p a{
	font-size:12px;
	color:#FFF;
	width:888px;
	height:20px;
	padding-left:12px;
	margin:1px 0 0 0px ;
	text-decoration:none;
	display:block;
	background-color:#3f5065;
	text-align:left;
	line-height:20px;
	}
	
#content5 p a:hover{
	color:#1b232b;
	}
/*
#accordion h3:hover{
	background-color:#3f5065;
	color:#fff;
	}

#accordion2 h3:hover{
	background-color:#3f5065;
	color:#fff;
	}
	*/
#texto{
	width:200px;
	height:592px;
	float:left;
	margin-top:-18px;
	/*margin-left:5px;*/
	padding:10px;
	background:url(../images/fondo.png) top left;
	}

#texto p{
	padding-top:5px;
	}	

#catalogo_01 {
	/*border:1px dashed white;*/
	position:relative;
	width:250px;
	height:350px;
	top:-20px;
	left:-10px;
	color:white;
	text-shadow: 2px 2px 4px #45566B;
	cursor:pointer;
	background: url(../images/silla-01.png) bottom center no-repeat;
}

#catalogo_01:hover {
	background: url(../images/silla-01-hover.png) bottom center no-repeat;
	color:#45566B;
	text-shadow: 2px 2px 4px #45566B;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}

#catalogo_01 h2 {
	padding:70px 0px 0px 40px;
	font-size:1.8em;
	transform: rotate(24deg);
	-moz-transition: rotate(24deg);
	-webkit-transform: rotate(24deg);
	-o-transition: rotate(24deg);
	-ms-transition: rotate(24deg);
}

#catalogo_02 {
	/*border:1px dashed white;*/
	position:relative;
	width:300px;
	height:300px;
	top:-355px;
	left:380px;
	color:white;
	text-shadow: 2px 2px 4px #45566B;
	cursor:pointer;
	background: url(../images/mesa-01.png) bottom center no-repeat;
}

#catalogo_02:hover {
	opacity:1;
	background: url(../images/mesa-01-hover.png) bottom center no-repeat;
	color:#45566B;
	text-shadow: 2px 2px 4px #45566B;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}

#catalogo_02 h2 {
	padding:28px 0px 0px 4px;
	font-size:1.8em;
	transform: rotate(-21deg);
	-moz-transition: rotate(-21deg);
	-webkit-transform: rotate(-21deg);
	-o-transition: rotate(-21deg);
	-ms-transition: rotate(-21deg);
}

#catalogo_03 {
	/*border:1px dashed white;*/
	position:relative;
	width:300px;
	height:300px;
	top:-570px;
	left:875px;
	color:white;
	text-shadow: 2px 2px 4px #45566B;
	cursor:pointer;
	background: url(../images/vajilla-01.png) bottom center no-repeat;
}

#catalogo_03:hover {
	opacity:1;
	background: url(../images/vajilla-01-hover.png) bottom center no-repeat;
	color:#45566B;
	text-shadow: 2px 2px 4px #45566B;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}

#catalogo_03 h2 {
	padding:60px 0px 0px 160px;
	font-size:1.8em;
	transform: rotate(-9deg);
	-moz-transition: rotate(-9deg);
	-webkit-transform: rotate(-9deg);
	-o-transition: rotate(-9deg);
	-ms-transition: rotate(-9deg);
}

#catalogo_01 a, #catalogo_02 a, #catalogo_03 a {
	display:block;
	width:100%;
	height:100%;
	color:white;
	text-shadow: 2px 2px 4px #45566B;
}

#catalogo_01 a:hover, #catalogo_02 a:hover, #catalogo_03 a:hover {
	display:block;
	width:100%;
	height:100%;
	color:#45566B;
	text-shadow: 2px 2px 4px #45566B;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}

#eventos_01 {
	/*border:1px dashed white;*/
	position:relative;
	width:210px;
	height:210px;
	top:145px;
	left:7px;
	color:white;
	text-shadow: 2px 2px 4px #45566B;
	cursor:pointer;
	background: url(../images/cartel-01.png) bottom center no-repeat;
}

#eventos_01:hover {
	background: url(../images/cartel-01-hover.png) bottom center no-repeat;
	color:#45566B;
	text-shadow: 2px 2px 4px #45566B;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}

#eventos_01 h2 {
	padding:70px 0px 0px 35px;
	font-size:1.8em;
	transform: rotate(-21deg);
	-moz-transition: rotate(-21deg);
	-webkit-transform: rotate(-21deg);
	-o-transition: rotate(-21deg);
	-ms-transition: rotate(-21deg);
}

#eventos_02 {
	/*border:1px dashed white;*/
	position:relative;
	width:210px;
	height:210px;
	top:-120px;
	left:447px;
	color:white;
	text-shadow: 2px 2px 4px #45566B;
	cursor:pointer;
	background: url(../images/cartel-02.png) bottom center no-repeat;
}

#eventos_02:hover {
	background: url(../images/cartel-02-hover.png) bottom center no-repeat;
	color:#45566B;
	text-shadow: 2px 2px 4px #45566B;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}	

#eventos_02 h2 {
	padding:85px 0px 20px 0px;
	font-size:1.6em;
	transform: rotate(-38deg);
	-moz-transition: rotate(-38deg);
	-webkit-transform: rotate(-38deg);
	-o-transition: rotate(-38deg);
	-ms-transition: rotate(-38deg);
}

#eventos_03 {
	/*border:1px dashed white;*/
	position:relative;
	width:210px;
	height:210px;
	top:-435px;
	left:857px;
	color:white;
	text-shadow: 2px 2px 4px #45566B;
	cursor:pointer;
	background: url(../images/cartel-03.png) bottom center no-repeat;
}

#eventos_03:hover {
	background: url(../images/cartel-03-hover.png) bottom center no-repeat;
	color:#45566B;
	text-shadow: 2px 2px 4px #45566B;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}

#eventos_03 h2 {
	padding:63px 0px 0px 75px;
	font-size:1.8em;
	transform: rotate(33deg);
	-moz-transition: rotate(33deg);
	-webkit-transform: rotate(33deg);
	-o-transition: rotate(33deg);
	-ms-transition: rotate(33deg);
}

#eventos_01 a, #eventos_02 a, #eventos_03 a {
	display:block;
	width:100%;
	height:100%;
	color:white;
	text-shadow: 2px 2px 4px #45566B;
}

#eventos_01 a:hover, #eventos_02 a:hover, #eventos_03 a:hover {
	display:block;
	width:100%;
	height:100%;
	color:#45566B;
	text-shadow: 2px 2px 4px #45566B;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
}
	
.cont{
	width:980px;
	float:left;
	padding-left:20px;
	position:absolute;
	top:110px;
	}

.about h1{
	color: #797B7E;
	font-size: 25px;
	 margin-bottom: 10px;
    width: 700px;
	 line-height: 30px;
	}	
	
.about p{
	color: #FFFFFF;
	font-size: 13px;
    line-height: 16px;
    text-align: justify;
    width: 700px;
	margin-bottom:15px;
	}

.about a{
	color: #797B7E;
    text-decoration: none;
	}

.about a:hover{
	color:#3f5065;
	}

/*----FIN CONTENIDO----*/	

/*----FOOTER----*/
	
#footer{
	position:absolute;
	top:590px;
	left:20px;
	transition:margin-top 1s;
	-moz-transition:margin-top 1s;
	-webkit-transition:margin-top 1s;
	-o-transition:margin-top 1s;
	}	
	
#footer p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#797B7E;
}

#footer a{
	color:#FFF;
	text-decoration:none;
	}
	
#footer a:hover{
	color:#45566b;
	text-decoration:none;
}	

.blanco{
	color:#FFF;
}

.transicion {
opacity:1;
transition-property: opacity;
transition-duration: 2s;
transition-timing-function: linear;
transition-delay: 0s;
-moz-transition-property:opacity;
-moz-transition-duration:2s;
-moz-transition-timing-function:linear;
-moz-transition-delay:0s;
-webkit-transition-property:opacity;
-webkit-transition-duration:2s;
-webkit-transition-timing-function:linear;
-webkit-transition-delay:0s;
-o-transition-property:opacity;
-o-transition-duration:2s;
-o-transition-timing-function:linear;
-o-transition-delay:0s;
}