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

*{

	margin:0px;

}

body{
	
	background-color:#EC1C24;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	
	font-size:14px;
	font-weight:400;
	
}

h2 {
	
	font-size:20px;
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
}

h3 {
	
	font-size:16px;
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
}

h4 {
	
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	
}

h5 {
	
	font-size:16px;
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
}

#content {
	background-color:#EC1C24;
	height: 1326px;
	width: 1270px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#logo-top {
	height: 72px;
	width: 286px;
	margin-top: 56px;
	margin-left: 61px;
	position: absolute;
	background-image: url(../images/logo-zefyxa-top.png);
	background-repeat:no-repeat;
}
#blog {
	
	position: absolute;
	height: auto;
	width: 12px;
	margin-top: 18px;
	margin-left: 976px;
	color: #FFF;
	text-align: center;
	
}

.idioma {
	
	list-style-type:none;
	
}

#blog a {
	
	text-decoration: none;
}

#nav-rs {
	height: 66px;
	width: 206px;
	margin-top: 15px;
	margin-left: 1062px;
	position: absolute;
}

.rs {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.rs li {
	margin: 2px;
	padding: 2px;
	float: left;
	
}

.rs li a{
	
	text-decoration:none;
}

#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	width: 748px;
	height: 46px;
	margin-left: 402px;
	margin-top: 85px;
	position:absolute;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	
}

.general {
	
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
}

.general li {
	background-image:url(../images/barra-vert.png);
	background-repeat:no-repeat;
	padding: 13px;
	float:left;
}

.general li a {
	
	text-decoration:none;
	color:#000;
}

.general li a:hover {
	color:#f6b6a4;
}

#dimensiones {
	background-image:url(../images/innovacion.png);
	height: 130px;
	width: 210px;
	position: absolute;
	margin-top: 178px;
	margin-left: 98px;
}

#nuestros-eventos {
	height: 18px;
	width: 210px;
	position: absolute;
	margin-top: 326px;
	margin-left: 118px;
	text-align: center;
	text-transform: uppercase;
	
}

#eventos {
	
	height: 300px;
	width: 250px;
	position: absolute;
	margin-top: 350px;
	margin-left: 98px;
}

.eve {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.eve li {
	margin: 2px;
	padding: 2px;
	float: left;
	
}

.eve li a{
	
	text-decoration:none;
}

#text-video {
	
	width: 250px;
	height: auto;
	position:absolute;
	margin-top: 342px;
	margin-left: 90px;
	
}

.titulos {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform: uppercase;
	color:#f6b6a4;
	padding: 2px;
	
}

#video {
	width: auto;
	height: auto;
	margin-top: 144px;
	margin-left: 57px;
	position:absolute;
}

#central {
	
	width: 680px;
	height: 499px;
	margin-top: 142px;
	margin-left: 402px;
	position:absolute;
	
}

#direccion {
	width: 596px;
	height: auto;
	margin-top: 634px;
	margin-left: 436px;
	position:absolute;
}

#direccion2 {
	width: 300px;
	height: auto;
	margin-top: 224px;
	margin-left: 964px;
	position:absolute;
}

.contenido1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #f6b6a4;
}
.contenido1 a {
	text-decoration: none;
	color: #FFF;
}

#lateral-grande {
	width:208px;
	height:640px;
	position:absolute;
	margin-left:1062px;
	margin-top:170px;	
}

.lateral {
	
	width: 180px;
	height: 135px;
	padding-top:4px;
	
}

.lateral-tit {
	width: 208px;
	height: auto;
	background-image:url(../images/barra-hor.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-top: 5px;

}

.titulos-not {

	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#f6b6a4;
	font-weight: bold;
	text-align: center;

}

.lateral-content {
	width: 160px;
	height: auto;
	padding-left: 2px;
	padding-top: 4px;
	
}

.lat-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
	margin-top: 4px;
	
}
.mas {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFF;
	text-decoration: none;	
}

.mas a {
	
	text-decoration:none;
	color:#f6b6a4;
	
}

/**footer**/

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 418px;
	height: 16px;
	position:absolute;
	margin-top: 1032px;
	margin-left: 438px;
	text-transform: uppercase;
	
}

.footer-type {
	
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	
}

.footer-type li {
	padding: 2px;
	float:left;
}

.footer-type li a {
	
	text-decoration:none;
	color:#000000;
}

#info {
	width: 378px;
	height: 28px;
	position:absolute;
	margin-top: 1024px;
	margin-left: 885px;
	text-align:right;
	
}

.info-type {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

.info-type a {
	text-decoration:none;
	color:#000;
	
}

/* asociados */

#asociados {
	
	width: 380px;
	height: 56px;
	position:absolute;
	margin-top: 1000px;
	margin-left: 28px;
	background-color:#FFF;
	
}
	

/* zefyxa */

#integrantes {
	
	width: 393px;
	height: 126px;
	position:absolute;
	margin-top: 380px;
	margin-left: 44px;
	background-image:url(../images/img-integrantes.jpg);
	
}

#pensar {
	margin-left: 498px;
	margin-top: 140px;
	width: 453px;
	height: 68px;
	position:absolute;
	background-image:url(../images/pensar.png);
	background-repeat:no-repeat;
	z-index: 1;
}


#francis {
	width: 324px;
	height: 486px;
	margin-top: 142px;
	margin-left: 774px;
	position:absolute;
	background-image:url(../images/francis.png);
}

#texto-desc {
	
	width: 263px;
	height: auto;
	position:absolute;
	margin-top: 208px;
	margin-left: 495px;
	
}

.desc {
	
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	
}

/* stands para ferias */

#texto-stands {
	
	width: 450px;
	height:auto;
	position:absolute;
	margin-left: 496px;
	margin-top: 650px;
	
}

.textos-exp {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:justify;
	
}

#foto-desc {
	
	background-image:url(http://zefyxa.com/images/STANDS-2012a.jpg);
	width: 646px;
	height: 252px;
	margin-top: 380px;
	margin-left: 394px;
	position:absolute;
	
}

#tipos {

	width: 162px;
	height: auto;
	margin-top: 194px;
	margin-left: 1104px;
	position:absolute;
	text-align: center;
	
	
	
}

#premium {
	
	float:left;
	
}

#prem {
	
	width: 154px;
	height: 49px;
	
}

#lateral-tit-prem {
	
	width: 162px;
	height: 15px;
	padding-top: 2px;
}

#lateral-cont-textos {
	width: 152px;
	height:auto;
	padding-top:3px;
}

#vipe {
	
	
	position:relative;
	
}

#vip {
	
	width: 61px;
	height: 36px;
	margin-top: 4px;
	margin-left: 50px;
	
}

#cato {
	
    float:right;
	
}

#cat {
	width: 154px;
	height: 35px;
	margin-top: 4px;
	
}

/* contacto */

#contacto {
	
	width: 500px;
	height: 450px;
	position:absolute;
	margin-top: 160px;
	margin-left: 406px;
	
}

/* GALERIA */

.frame {
	
	width:640px;
	height:96px;
	padding:510px 50px 10px 50px;
	margin-top:150px;
	margin-left:360px;
	overflow:hidden;
	position:absolute;
	border-radius:5px;
	
	
	}

.frame div {margin-left:0; width:50000px;

-webkit-transition:1s;

-moz-transition:1s;

-ms-transition:1s;

-o-transition:1s;

transition:1s;

}

.frame img.large {position:absolute; width:640px; height:480px; top:10px; left:50px; opacity:0;

-webkit-transition:1s;

-moz-transition:1s;

-ms-transition:1s;

-o-transition:1s;

transition:1s;

}



.frame input {position:absolute; left:-9999px;}

.frame label.thumb {display:block; width:126px; height:94px; float:left; margin:1px;}

.frame label.thumb img {width:126px; height:94px; background:#fff; float:left;}

.frame label.thumb:hover img {opacity:0.8;}



.frame label.left {position:absolute; left:0; bottom:10px; width:50px; height:96px; background-color:#EA2127;}

.frame label.right {position:absolute; right:0; bottom:10px; width:50px; height:96px; background-color:#EA2127;}

.frame label.left img,

.frame label.right img {margin-top:0px;}

.frame label.one,

.frame label.two,

.frame label.three,

.frame label.four {z-index:90;}



.frame input#push1:checked ~ label.four,

.frame input#push3:checked ~ label.one,

.frame input#push5:checked ~ label.two,

.frame input#push7:checked ~ label.three,

.frame input#push2:checked ~ label.two,

.frame input#push4:checked ~ label.three,

.frame input#push6:checked ~ label.four,

.frame input#push8:checked ~ label.one {z-index:100;}



.frame input#push1:checked ~ div {margin-left:-1920px;}

.frame input#push3:checked ~ div {margin-left:0;}

.frame input#push5:checked ~ div {margin-left:-640px;}

.frame input#push7:checked ~ div {margin-left:-1280px;}

.frame input#push2:checked ~ div {margin-left:-640px;}

.frame input#push4:checked ~ div {margin-left:-1280px;}

.frame input#push6:checked ~ div {margin-left:-1920px;}

.frame input#push8:checked ~ div {margin-left:0;}



.frame input#pic1:checked ~ .lab1 img,

.frame input#pic2:checked ~ .lab2 img,

.frame input#pic3:checked ~ .lab3 img,

.frame input#pic4:checked ~ .lab4 img,

.frame input#pic5:checked ~ .lab5 img,

.frame input#pic6:checked ~ .lab6 img,

.frame input#pic7:checked ~ .lab7 img,

.frame input#pic8:checked ~ .lab8 img,

.frame input#pic9:checked ~ .lab9 img,

.frame input#pic10:checked ~ .lab10 img,

.frame input#pic11:checked ~ .lab11 img,

.frame input#pic12:checked ~ .lab12 img,

.frame input#pic13:checked ~ .lab13 img,

.frame input#pic14:checked ~ .lab14 img,

.frame input#pic15:checked ~ .lab15 img,

.frame input#pic16:checked ~ .lab16 img,

.frame input#pic17:checked ~ .lab17 img,

.frame input#pic18:checked ~ .lab18 img,

.frame input#pic19:checked ~ .lab19 img,

.frame input#pic20:checked ~ .lab20 img {opacity:0.5; float:left;}



.frame input#pic1:checked ~ img.p1,

.frame input#pic2:checked ~ img.p2,

.frame input#pic3:checked ~ img.p3,

.frame input#pic4:checked ~ img.p4,

.frame input#pic5:checked ~ img.p5,

.frame input#pic6:checked ~ img.p6,

.frame input#pic7:checked ~ img.p7,

.frame input#pic8:checked ~ img.p8,

.frame input#pic9:checked ~ img.p9,

.frame input#pic10:checked ~ img.p10,

.frame input#pic11:checked ~ img.p11,

.frame input#pic12:checked ~ img.p12,

.frame input#pic13:checked ~ img.p13,

.frame input#pic14:checked ~ img.p14,

.frame input#pic15:checked ~ img.p15,

.frame input#pic16:checked ~ img.p16,

.frame input#pic17:checked ~ img.p17,

.frame input#pic18:checked ~ img.p18,

.frame input#pic19:checked ~ img.p19,

.frame input#pic20:checked ~ img.p20 {opacity:1; z-index:100;}



.frame p {padding:0; margin:0; position:absolute; left:50px; width:640px; text-align:center; bottom:110px; font:normal 12px/12px arial, sans-serif; color:#666;}


/* BBDD */

#bbdd {
	
	width: 32px;
	height: 14px;
	position:absolute;
	margin-top: 320px;
	margin-left: 100px;
	
}

/* MUSEOGRAFIA */

#text-museografia {
	width: 250px;
	height: 152px;
	position: absolute;
	margin-left: 20px;
	margin-top: 320px;
}



/* ANIMACION INDEX*/

.gallery {width:600px; height:450px; padding:10px; position:relative; margin: 22px; background: url(../images/zefyxa-verde.jpg) no-repeat 10px 10px;}
.gallery img {display:block; position:absolute; top:0;}
.gallery .holder {position:absolute; width:0; height:450px; overflow:hidden; top:10px;}
.gallery .slide {width:0px; height:4px; position:absolute; top:463px; border-radius:4px;
-moz-transition: width 0s ease-in-out 0s;
-ms-transition: width 0s ease-in-out 0s;
-o-transition: width 0s ease-in-out 0s;
-webkit-transition: width 0s ease-in-out 0s;
transition: width 0s ease-in-out 0s;
}


.gallery .pic1 {left:10px;
-moz-transition: width 0s ease-in-out 0s;
-ms-transition: width 0s ease-in-out 0s;
-o-transition: width 0s ease-in-out 0s;
-webkit-transition: width 0s ease-in-out 0s;
transition: width 0s ease-in-out 0s;
}
.gallery .pic2 {right:10px;
-moz-transition: width 0s ease-in-out 0s;
-ms-transition: width 0s ease-in-out 0s;
-o-transition: width 0s ease-in-out 0s;
-webkit-transition: width 0s ease-in-out 0s;
transition: width 0s ease-in-out 0s;
}
.gallery .pic3 {left:10px;
-moz-transition: width 0s ease-in-out 0s;
-ms-transition: width 0s ease-in-out 0s;
-o-transition: width 0s ease-in-out 0s;
-webkit-transition: width 0s ease-in-out 0s;
transition: width 0s ease-in-out 0s;
}
.gallery .pic4 {right:10px;
-moz-transition: width 0s ease-in-out 0s;
-ms-transition: width 0s ease-in-out 0s;
-o-transition: width 0s ease-in-out 0s;
-webkit-transition: width 0s ease-in-out 0s;
transition: width 0s ease-in-out 0s;
}
.gallery .pic5 {left:10px;
-moz-transition: width 0s ease-in-out 0s;
-ms-transition: width 0s ease-in-out 0s;
-o-transition: width 0s ease-in-out 0s;
-webkit-transition: width 0s ease-in-out 0s;
transition: width 0s ease-in-out 0s;
}

.gallery .pic1 img {left:0; top:0;}
.gallery .pic2 img {right:0; top:0;}
.gallery .pic3 img {left:0; top:0;}
.gallery .pic4 img {right:0; top:0;}
.gallery .pic5 img {left:0; top:0;}

.gallery:hover {direction:ltr;}

.gallery:hover .pic1 {width:600px;
-moz-transition: width 1s ease-in-out 0s;
-ms-transition: width 1s ease-in-out 0s;
-o-transition: width 1s ease-in-out 0s;
-webkit-transition: width 1s ease-in-out 0s;
transition: width 1s ease-in-out 0s;
}
.gallery:hover .pic2 {width:600px;
-moz-transition: width 1s ease-in-out 2s;
-ms-transition: width 1s ease-in-out 2s;
-o-transition: width 1s ease-in-out 2s;
-webkit-transition: width 1s ease-in-out 2s;
transition: width 1s ease-in-out 2s;
}
.gallery:hover .pic3 {width:600px;
-moz-transition: width 1s ease-in-out 4s;
-ms-transition: width 1s ease-in-out 4s;
-o-transition: width 1s ease-in-out 4s;
-webkit-transition: width 1s ease-in-out 4s;
transition: width 1s ease-in-out 4s;
}
.gallery:hover .pic4 {width:600px;
-moz-transition: width 1s ease-in-out 6s;
-ms-transition: width 1s ease-in-out 6s;
-o-transition: width 1s ease-in-out 6s;
-webkit-transition: width 1s ease-in-out 6s;
transition: width 1s ease-in-out 6s;
}
.gallery:hover .pic5 {width:600px;
-moz-transition: width 1s ease-in-out 8s;
-ms-transition: width 1s ease-in-out 8s;
-o-transition: width 1s ease-in-out 8s;
-webkit-transition: width 1s ease-in-out 8s;
transition: width 1s ease-in-out 8s;
}

.gallery .pic1:hover ~ .slide {width:120px;
-moz-transition: width 0.5s ease-in-out 0s;
-ms-transition: width 0.5s ease-in-out 0s;
-o-transition: width 0.5s ease-in-out 0s;
-webkit-transition: width 0.5s ease-in-out 0s;
transition: width 0.5s ease-in-out 0s;
}
.gallery .pic2:hover ~ .slide {width:240px;
-moz-transition: width 0.5s ease-in-out 0s;
-ms-transition: width 0.5s ease-in-out 0s;
-o-transition: width 0.5s ease-in-out 0s;
-webkit-transition: width 0.5s ease-in-out 0s;
transition: width 0.5s ease-in-out 0s;
}
.gallery .pic3:hover ~ .slide {width:360px;
-moz-transition: width 0.5s ease-in-out 0s;
-ms-transition: width 0.5s ease-in-out 0s;
-o-transition: width 0.5s ease-in-out 0s;
-webkit-transition: width 0.5s ease-in-out 0s;
transition: width 0.5s ease-in-out 0s;
}
.gallery .pic4:hover ~ .slide {width:480px;
-moz-transition: width 0.5s ease-in-out 0s;
-ms-transition: width 0.5s ease-in-out 0s;
-o-transition: width 0.5s ease-in-out 0s;
-webkit-transition: width 0.5s ease-in-out 0s;
transition: width 0.5s ease-in-out 0s;
}
.gallery .pic5:hover ~ .slide {width:600px;
-moz-transition: width 0.5s ease-in-out 0s;
-ms-transition: width 0.5s ease-in-out 0s;
-o-transition: width 0.5s ease-in-out 0s;
-webkit-transition: width 0.5s ease-in-out 0s;
transition: width 0.5s ease-in-out 0s;
}
.back {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: underline;
	text-align: right;
}

/* FERIAS */

#texto-ferias {
	
	position:absolute;
	width:250px;
	height:auto;
	margin-top:320px;
	margin-left:70px;
	
}

/*extras*/

#novedad {
	width:710px;
	height:326px;
	position:absolute;
	margin-top:666px;
	margin-left:28px;
	background-image: url(../images/mapa-quito.jpg);	
}

#novedad-info {
	
	width:263px;
	height:294px;
	position:absolute;
	margin-top:666px;
	margin-left:740px;
	background-color:#e4bebe;
	padding:16px;

}

/*ENLACES*/

#inicio {
	
	position:absolute;
	width:154px;
	margin:200px 0px 0px 412px;
	
}

#info-enlaces {
	
	position:absolute;
	width:460px;
	margin:228px 0px 0px 432px;
	
}

#categorias {
	
	position:absolute;
	width:320px;
	margin:280px 0px 0px 432px;
	color:#FFF;
	
}

.cat-links {
	
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

#enlaces {
	
	width:300px;
	height:auto;
	position:absolute;
	margin:314px 0px 0px 428px;
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#enlaces a {
	
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	
}

#d1{

	width: 700px;
	height: auto;
	margin-top: 194px;
	margin-left: 390px;
	position:absolute;
	text-align: center;
    
}

#d1c{
    width: 200px;
    height: auto;
    
    
float:left;
}

#d2c{

    width: 200px;
    height: auto;
    margin: 0 auto;
    position:relative;
    text-align: center;
    
}

#d3c{
    width: 200px;
    height: auto;
    float:right;

}