@charset "utf-8";
/* CSS Document */

/* MICROSITIO SERVICIOS VIAMAGICA 2013 */
/* 23/12/2012 */
/* DESARROLLO Y DISEÑO WEB POR WWW.VIAMAGICA.COM */

/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

/*body{
	margin: 0;
	width: auto;
	padding: 0;
}*/

img{
	border: 0;
}

.head{
	background: #000 url(http://www.viamagica.cl/imagenes/bg_head.jpg) repeat-x !important;
	height: 109px;
	width: 100% !important;
	margin: 0 auto;
/*	bottom: 0;*/
	clear: both;
	position:fixed;
	z-index:99;
}

.logo{
	width:251px;
	height:48px;
	float:left;
	margin:35px 0 0 20px;}
	
.logo a{}
.logo a:hover{filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#nav li{
	margin: 0 0 15px 0;	
}

#header, #intro, #second{
	width: 100%;
}

/***********************************************/

#s1{
	background:url(../imagenes/bg-1.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 710px;
	margin: 0 auto;
	padding: 0;
}


#s1 .bg{
	/*background:#F00;*/
	background: url(../imagenes/bg-negro-transparente.png) 50% 0 repeat fixed;
	height: 420px;
	padding: 0;
	position: absolute;
	width: 100%;
	margin-top:290px;
/*	z-index: 200;*/
}

/***********************************************/

#s2{
	background: url(../imagenes/bg-2.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#s2 .bg{
	/*background:#F00;*/
	background: url(../imagenes/bg-negro-transparente.png) 50% 0 repeat fixed;
	height: 420px;
	padding: 0;
	position: absolute;
	width: 100%;
	margin-top:290px;
/*	z-index: 200;*/
}

/***********************************************/

#s3{
	background: url(../imagenes/bg-3.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#s3 .bg{
	/*background:#F00;*/
	background: url(../imagenes/bg-negro-transparente.png) 50% 0 repeat fixed;
	height: 420px;
	padding: 0;
	position: absolute;
	width: 100%;
	margin-top:290px;
/*	z-index: 200;*/
}

/***********************************************/

#s4{
	background: url(../imagenes/bg-4.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#s4 .bg{
	/*background:#F00;*/
	background: url(../imagenes/bg-negro-transparente.png) 50% 0 repeat fixed;
	height: 420px;
	padding: 0;
	position: absolute;
	width: 100%;
	margin-top:290px;
/*	z-index: 200;*/
}

/***********************************************/

#s5{
	background: url(../imagenes/bg-5.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#s5 .bg{
	/*background:#F00;*/
	background: url(../imagenes/bg-negro-transparente.png) 50% 0 repeat fixed;
	height: 420px;
	padding: 0;
	position: absolute;
	width: 100%;
	margin-top:290px;
/*	z-index: 200;*/
}

/***********************************************/

#s6{
	background: url(../imagenes/bg-6.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#s6 .bg{
	/*background:#F00;*/
	background: url(../imagenes/bg-negro-transparente.png) 50% 0 repeat fixed;
	height: 420px;
	padding: 0;
	position: absolute;
	width: 100%;
	margin-top:290px;
/*	z-index: 200;*/
}

/***********************************************/

#s7{
	background: url(../imagenes/bg-7.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 710px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#s7 .bg{
	/*background:#F00;*/
	background: url(../imagenes/bg-negro-transparente.png) 50% 0 repeat fixed;
	height: 420px;
	padding: 0;
	position: absolute;
	width: 100%;
	margin-top:290px;
/*	z-index: 200;*/
}

/***********************************************/

#s8{
	background: url(../imagenes/bg-8.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 710px;
	padding: 0;
}

#s8 .bg{
	/*background:#F00;*/
	background: url(../imagenes/bg-negro-transparente.png) 50% 0 repeat ;
	height: 420px;
	padding: 0;
	position: absolute;
	width: 100%;
	margin-top:290px;
/*	z-index: 200;*/
}

/***********************************************/


/*#fifth{
	background: #ccc;
	height: 400px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}*/
.centro{
	margin:0 auto;
	width:960px;}

.story{
	margin: 0 auto !important;
	/*width: 980px;*/
	overflow: auto;
	width: 100%;
}

.story .float-left, .story .float-right{
	padding: 310px 0 0 0;
	position: absolute;
	width: 350px;	
}

.story .float-center{
	margin:0 auto;
	padding: 310px 0 0 0;
/*	position: absolute;*/
	position:relative;
	width: 960px;
	overflow:hidden;
	height:430px;	
}

/***********************************************/


/* --- box1 --- */

.box-servicio-001{background:url(../imagenes/01.png) no-repeat; width:780px; /*960px*/ height:430px; margin-top:-60px; float:left; padding:0 50px 0 130px;}

.contenido-001{ width:640px; height:75px; float:left; margin-top:30px; padding-top:15px;}
	.contenido-001 h1{color: #fff; font-family: Georgia,"Times New Roman",Times,serif; font-size: 35px; font-style: italic; font-weight: normal; letter-spacing:-1px;}
	.contenido-001 h2{color: #fff; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 15px; font-weight: normal;}

.contenido-002{ width:670px; height:170px; float:left; margin-top:40px;}
	.contenido-002 p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; line-height:24px;}

.contenido-003{float: right; height: 20px; margin-top: 49px; min-width: 110px !important; padding-left: 20px;}

	.contenido-003 a{ background:url(../imagenes/flecha.png) right no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding-right:12px;}
	.contenido-003 a:hover{ text-decoration:underline;}
	.contenido-003 a:active{ position: relative; top: 1px;}	

/* --- box2 --- */

.box-servicio-002{background:url(../imagenes/02.png) no-repeat; width:780px; /*960px*/ height:430px; margin-top:-60px; float:left; padding:0 50px 0 130px;}

.box-servicio-002 .contenido-001{ width:640px; height:75px; float:left; margin-top:30px; padding-top:15px;}
	.box-servicio-002 .contenido-001 h2{color: #fff; font-family: Georgia,"Times New Roman",Times,serif; font-size: 35px; font-style: italic; font-weight: normal; letter-spacing:-1px;}
	.box-servicio-002 .contenido-001 h3{color: #fff; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 15px; font-weight: normal; margin: 0 !important;}

.box-servicio-002 .contenido-002{ width:670px; height:170px; float:left; margin-top:40px;}
	.box-servicio-002 .contenido-002 p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; line-height:24px;}

.box-servicio-002 .contenido-003{float: right; height: 20px; margin-top: 49px; min-width: 110px !important; padding-left: 20px;}

	.box-servicio-002 .contenido-003 a{ background:url(../imagenes/flecha.png) right no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding-right:12px;}
	.box-servicio-002 .contenido-003 a:hover{ text-decoration:underline;}
	.box-servicio-002 .contenido-003 a:active{ position: relative; top: 1px;}	

/* --- box3 --- */

.box-servicio-003{background:url(../imagenes/03.png) no-repeat; width:780px; /*960px*/ height:430px; margin-top:-60px; float:left; padding:0 50px 0 130px;}

.box-servicio-003 .contenido-001{ width:640px; height:75px; float:left; margin-top:30px; padding-top:15px;}
	.box-servicio-003 .contenido-001 h2{color: #fff; font-family: Georgia,"Times New Roman",Times,serif; font-size: 35px; font-style: italic; font-weight: normal; letter-spacing:-1px;}
	.box-servicio-003 .contenido-001 h3{color: #fff; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 15px; font-weight: normal; margin: 0 !important;}

.box-servicio-003 .contenido-002{ width:670px; height:170px; float:left; margin-top:20px;}
	.box-servicio-003 .contenido-002 p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; line-height:24px;}

.box-servicio-003 .contenido-003{float: right; height: 20px; margin-top: 69px; min-width: 110px !important; padding-left: 20px;}

	.box-servicio-003 .contenido-003 a{ background:url(../imagenes/flecha.png) right no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding-right:12px;}
	.box-servicio-003 .contenido-003 a:hover{ text-decoration:underline;}
	.box-servicio-003 .contenido-003 a:active{ position: relative; top: 1px;}	

/* --- box4 --- */

.box-servicio-004{background:url(../imagenes/04.png) no-repeat; width:780px; /*960px*/ height:430px; margin-top:-60px; float:left; padding:0 50px 0 130px;}

.box-servicio-004 .contenido-001{ width:640px; height:75px; float:left; margin-top:30px; padding-top:15px;}
	.box-servicio-004 .contenido-001 h2{color: #fff; font-family: Georgia,"Times New Roman",Times,serif; font-size: 23px; font-style: italic; font-weight: normal; letter-spacing:-1px; line-height:25px;}
	.box-servicio-004 .contenido-001 h3{color: #fff; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 15px; font-weight: normal; margin: 0 !important;}

.box-servicio-004 .contenido-002{ width:670px; height:170px; float:left; margin-top:20px;}
	.box-servicio-004 .contenido-002 p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; line-height:24px;}

.box-servicio-004 .contenido-003{float: right; height: 20px; margin-top: 69px; min-width: 110px !important; padding-left: 20px;}

	.box-servicio-004 .contenido-003 a{ background:url(../imagenes/flecha.png) right no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding-right:12px;}
	.box-servicio-004 .contenido-003 a:hover{ text-decoration:underline;}
	.box-servicio-004 .contenido-003 a:active{ position: relative; top: 1px;}	

/* --- box5 --- */

.box-servicio-005{background:url(../imagenes/05.png) no-repeat; width:780px; /*960px*/ height:430px; margin-top:-60px; float:left; padding:0 50px 0 130px;}

.box-servicio-005 .contenido-001{ width:640px; height:75px; float:left; margin-top:30px; padding-top:15px;}
	.box-servicio-005 .contenido-001 h2{color: #fff; font-family: Georgia,"Times New Roman",Times,serif; font-size: 35px; font-style: italic; font-weight: normal; letter-spacing:-1px;}
	.box-servicio-005 .contenido-001 h3{color: #fff; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 15px; font-weight: normal; margin: 0 !important;}

.box-servicio-005 .contenido-002{ width:670px; height:170px; float:left; margin-top:20px;}
	.box-servicio-005 .contenido-002 p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; line-height:24px;}

.box-servicio-005 .contenido-003{float: right; height: 20px; margin-top: 69px; min-width: 110px !important; padding-left: 20px;}

	.box-servicio-005 .contenido-003 a{ background:url(../imagenes/flecha.png) right no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding-right:12px;}
	.box-servicio-005 .contenido-003 a:hover{ text-decoration:underline;}
	.box-servicio-005 .contenido-003 a:active{ position: relative; top: 1px;}	

/* --- box6 --- */

.box-servicio-006{background:url(../imagenes/06.png) no-repeat; width:780px; /*960px*/ height:430px; margin-top:-60px; float:left; padding:0 50px 0 130px;}

.box-servicio-006 .contenido-001{ width:640px; height:75px; float:left; margin-top:30px; padding-top:15px;}
	.box-servicio-006 .contenido-001 h2{color: #fff; font-family: Georgia,"Times New Roman",Times,serif; font-size: 35px; font-style: italic; font-weight: normal; letter-spacing:-1px;}
	.box-servicio-006 .contenido-001 h3{color: #fff; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 15px; font-weight: normal; margin: 0 !important;}

.box-servicio-006 .contenido-002{ width:670px; height:170px; float:left; margin-top:20px;}
	.box-servicio-006 .contenido-002 p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; line-height:24px;}

.box-servicio-006 .contenido-003{float: right; height: 20px; margin-top: 69px; min-width: 110px !important; padding-left: 20px;}

	.box-servicio-006 .contenido-003 a{ background:url(../imagenes/flecha.png) right no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding-right:12px;}
	.box-servicio-006 .contenido-003 a:hover{ text-decoration:underline;}
	.box-servicio-006 .contenido-003 a:active{ position: relative; top: 1px;}	

/* --- box7 --- */

.box-servicio-007{background:url(../imagenes/07.png) no-repeat; width:780px; /*960px*/ height:430px; margin-top:-60px; float:left; padding:0 50px 0 130px;}

.box-servicio-007 .contenido-001{ width:640px; height:75px; float:left; margin-top:30px; padding-top:15px;}
	.box-servicio-007 .contenido-001 h2{color: #fff; font-family: Georgia,"Times New Roman",Times,serif; font-size: 35px; font-style: italic; font-weight: normal; letter-spacing:-1px;}
	.box-servicio-007 .contenido-001 h3{color: #fff; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 15px; font-weight: normal; margin: 0 !important;}

.box-servicio-007 .contenido-002{ width:670px; height:170px; float:left; margin-top:20px;}
	.box-servicio-007 .contenido-002 p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000; line-height:24px;}

.box-servicio-007 .contenido-003{float: right; height: 20px; margin-top: 69px; min-width: 110px !important; padding-left: 20px;}

	.box-servicio-007 .contenido-003 a{ background:url(../imagenes/flecha.png) right no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; padding-right:12px;}
	.box-servicio-007 .contenido-003 a:hover{ text-decoration:underline;}
	.box-servicio-007 .contenido-003 a:active{ position: relative; top: 1px;}	

/* --- box8 --- */

.box-servicio-008{background:url(../imagenes/08.png) no-repeat; width:780px; /*960px*/ height:430px; margin-top:-60px; float:left; padding:0 50px 0 130px;}

.box-servicio-008 .contenido-001{ width:480px; height:150px; float:right; margin-top:30px; margin-right:10px; padding-top:15px;}
	.box-servicio-008 .contenido-001 h2{color: #000; font-family: Georgia,"Times New Roman",Times,serif; font-size: 33px; font-style: italic; font-weight: normal; letter-spacing:-1px;}
	.box-servicio-008 .contenido-001 h3{color: #fff; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 15px; font-weight: normal; margin: 0 !important;}

.box-servicio-008 .contenido-002{ float: left; height: 140px; margin-top: 40px; width: 690px;}
	.box-servicio-008 .contenido-002 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:20px;}

.box-servicio-008 .contenido-003{float: right; height: 20px; margin-top: 69px; min-width: 110px !important; padding-left: 20px;}

/* --- */

.box-opciones{ width:100%; text-align:center !important; margin:50px 0 50px 0 !important; height:35px;}

.subir-opcion{ background:url(../imagenes/icono-subir.png) left no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#373737; font-size:18px;
	line-height:18px; text-decoration:none; margin:0 15px; padding:10px 0 10px 43px;}
.subir-opcion:hover{ color:#767779;}
.subir-opcion:active{ position: relative; top: 1px;}

.brochure-opcion{ background:url(../imagenes/icono-brochure.png) left no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#373737; font-size:18px; line-height:18px; text-decoration:none; margin:0 15px; padding:10px 0 10px 43px;}
.brochure-opcion:hover{ color:#767779;}
.brochure-opcion:active{ position: relative; top: 1px;}

/* -- -- */
.icono-001-opcion{ background:url(../imagenes/ico-001.png) left no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#373737; font-size:18px; line-height:18px; text-decoration:none; margin:0 15px; padding:10px 0 10px 43px;}
.icono-001-opcion:hover{}
.icono-001-opcion:active{ position: relative; top: 1px;}
/* -- -- */
.icono-002-opcion{ background:url(../imagenes/ico-002.png) left no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#373737; font-size:18px; line-height:18px; text-decoration:none; margin:0 15px; padding:10px 0 10px 43px;}
.icono-002-opcion:hover{}
.icono-002-opcion:active{ position: relative; top: 1px;}
/* -- -- */
.icono-003-opcion{ background:url(../imagenes/ico-003.png) left no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#373737; font-size:18px; line-height:18px; text-decoration:none; margin:0 15px; padding:10px 0 10px 43px;}
.icono-003-opcion:hover{}
.icono-003-opcion:active{ position: relative; top: 1px;}
/* -- -- */
.icono-004-opcion{ background:url(../imagenes/ico-004.png) left no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#373737; font-size:18px; line-height:18px; text-decoration:none; margin:0 15px; padding:10px 0 10px 43px;}
.icono-004-opcion:hover{}
.icono-004-opcion:active{ position: relative; top: 1px;}
/* -- -- */
.icono-005-opcion{ background:url(../imagenes/ico-005.png) left no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#373737; font-size:18px; line-height:18px; text-decoration:none; margin:0 15px; padding:10px 0 10px 43px;}
.icono-005-opcion:hover{}
.icono-005-opcion:active{ position: relative; top: 1px;}
/* -- -- */
.icono-006-opcion{ background:url(../imagenes/ico-006.png) left no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#373737; font-size:18px; line-height:18px; text-decoration:none; margin:0 15px; padding:10px 0 10px 43px;}
.icono-006-opcion:hover{}
.icono-006-opcion:active{ position: relative; top: 1px;}
/* -- -- */
.icono-007-opcion{ background:url(../imagenes/ico-007.png) left no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#373737; font-size:18px; line-height:18px; text-decoration:none; margin:0 15px; padding:10px 0 10px 43px;}
.icono-007-opcion:hover{}
.icono-007-opcion:active{ position: relative; top: 1px;}


/***********************************************/