@import url('layout-principal.css');

body {
	background-image: url('../bg/img_fondo-8.jpg');
	background-color: #ce7700;
}
#capa1 {
	background: url('../logotipos/img-log/cab1-logos.png') no-repeat top center
}
#capa1b {
	background: url('../images/fondo_2x.png') no-repeat top center
}
#capa2 {
	background: url('../logotipos/img-log/fondo_logos1.png') no-repeat top center
}
#capa3 {
	background: url('../logotipos/img-log/fondo_logos1-bajo.png') no-repeat top center
}
#capa2a {
	background: url('../logotipos/img-log/fondo_logos2a.png') no-repeat top center
}
#capa2b {
	max-width: 1170px;
	margin: auto;
	background: url('../logotipos/img-log/fondo_logos2.png') top center
}
#capa3b {
	background: url('../logotipos/img-log/fondo_logos2-bajo.png') no-repeat top center
}

.es {
	max-width: 534px; /*-------------- ( +102px ) --------------*/
}
.en {
	max-width: 402px;
} 
.fr {
	max-width: 0px; 
}
#escritorio {
	position: relative;
	top: 60px;
 	max-width: 810px;
 	height: 912px; 	
	text-align: center; 
	margin: auto;
	overflow: auto;
	z-index: 1
}

#box {
	position: relative;
 	max-width: 980px;
 	height: 895px; 	
	margin: auto;
	overflow: visible;
}
#escritorio3 {
	position: relative;
	bottom: 18px;
	text-align: center; 
	margin: auto;
	overflow: hidden;
	z-index: 1
}
#box2 {
	position: relative;
	max-width: 480px;
	height: 70px;
	margin: auto;
	overflow: visible;
	border: 0px #0F6 solid;
}
#log-sojo {
	position: relative;
	margin-left: 17px;
	height: 70px;
	z-index: 2
}
.log-fr {
	left: -7px;
}
#log-sojo img {
	margin-top: 13px;
	margin-left: 240px;
}
#escritorio2 {
	position: relative;
	height: 100%;
	min-height: 874px;
	max-width: 760px;
	text-align: center; 
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	z-index: 1
}
#box3i {
	position: relative;
 	padding: 0px 5%;
	width: 300px;
 	height: 874px; 	
	margin: auto;
}
#box3i img:hover {
	border: solid #2673ff 2px;
	margin: -2px;
}
#box3i img:active {
	border: solid #FF0 3px;
	margin: -3px;
}
.btn {
	position: absolute;
	left: 37px;
	top: 3px;
	width: 324px;
	height: 188px;
}.btn:hover {
	border: solid #2673ff 2px;
	margin: -2px;
}
.btn:active {
	border: solid #FF0 3px;
	margin: -3px;
}

#box3d {
	position: relative;
	padding: 0px 5%;
 	width: 360px;
 	height: 874px; 	
	margin: auto;
	overflow: hidden;
}

/* Estilos de exploracion */

.s-clk {
	position: absolute;
	left: 0px;
	width: 230px;
	height: 66px;
	background: url('../logotipos/clk/btm_sojodibujos.png') top;
}.s-clk:hover {
	background: url('../logotipos/clk/btm_sojodibujos.png') center;
}.s-clk:active {
	background: url('../logotipos/clk/btm_sojodibujos.png') bottom;
}
.s-clkoff {
	position: absolute;
	width: 230px;
	height: 66px;
	background: url('../logotipos/clk/btm_sojodibujos2.png') top;
}.s-clkoff:hover {
	background: url('../logotipos/clk/btm_sojodibujos2.png') center;
}.s-clkoff:active {
	background: url('../logotipos/clk/btm_sojodibujos2.png') bottom;
}


/* Estilos de exploracion (Eng-Fr) */

.s-clk2 {
	position: absolute;
	width: 230px;
	height: 66px;
	background: url('../logotipos/clk/eng/btm_sojodibujos.png') top;
}.s-clk2:hover {
	background: url('../logotipos/clk/eng/btm_sojodibujos.png') center;
}.s-clk2:active {
	background: url('../logotipos/clk/eng/btm_sojodibujos.png') bottom;
}
.s-clkoff2 {
	position: absolute;
	width: 230px;
	height: 66px;
	background: url('../logotipos/clk/eng/btm_sojodibujos2.png') top;
}.s-clkoff2:hover {
	background: url('../logotipos/clk/eng/btm_sojodibujos2.png') center;
}.s-clkoff2:active {
	background: url('../logotipos/clk/eng/btm_sojodibujos2.png') bottom;
}

.s-clk3 {
	position: absolute;
	width: 230px;
	height: 66px;
	background: url('../logotipos/clk/fr/btm_sojodibujos.png') top;
}.s-clk3:hover {
	background: url('../logotipos/clk/fr/btm_sojodibujos.png') center;
}.s-clk3:active {
	background: url('../logotipos/clk/fr/btm_sojodibujos.png') bottom;
}
.s-clkoff3 {
	position: absolute;
	width: 230px;
	height: 66px;
	background: url('../logotipos/clk/fr/btm_sojodibujos2.png') top;
}.s-clkoff3:hover {
	background: url('../logotipos/clk/fr/btm_sojodibujos2.png') center;
}.s-clkoff3:active {
	background: url('../logotipos/clk/fr/btm_sojodibujos2.png') bottom;
}
/* ________________________________________ */



.lg1 {
	position: absolute;
	width: 227px;
	height: 134px;
	background: url('../logotipos/clk/btn_lg-1.png') top;
	opacity: 0;
}.lg1:hover {
	opacity: 1;
}.lg1:active {
	background: url('../logotipos/clk/btn_lg-1.png') bottom;
}
.lg2 {
	position: absolute;
	width: 201px;
	height: 144px;
	background: url('../logotipos/clk/btn_lg-2.png') top;
	opacity: 0;
}.lg2:hover {
	opacity: 1;
}.lg2:active {
	background: url('../logotipos/clk/btn_lg-2.png') bottom;
}
.lg3 {
	position: absolute;
	width: 296px;
	height: 144px;
	background: url('../logotipos/clk/btn_lg-3.png') top;
	opacity: 0;
}.lg3:hover {
	opacity: 1;
}.lg3:active {
	background: url('../logotipos/clk/btn_lg-3.png') bottom;
}
.lg4 {
	position: absolute;
	width: 174px;
	height: 161px;
	background: url('../logotipos/clk/btn_lg-4.png') top;
	opacity: 0;
}.lg4:hover {
	opacity: 1;
}.lg4:active {
	background: url('../logotipos/clk/btn_lg-4.png') bottom;
}
.lg5 {
	position: absolute;
	width: 194px;
	height: 164px;
	background: url('../logotipos/clk/btn_lg-5.png') top;
	opacity: 0;
}.lg5:hover {
	opacity: 1;
}.lg5:active {
	background: url('../logotipos/clk/btn_lg-5.png') bottom;
}
.lg6 {
	position: absolute;
	width: 353px;
	height: 98px;
	background: url('../logotipos/clk/btn_lg-6.png') top;
	opacity: 0;
}.lg6:hover {
	opacity: 1;
}.lg6:active {
	background: url('../logotipos/clk/btn_lg-6.png') bottom;
}
.lg7 {
	position: absolute;
	width: 388px;
	height: 78px;
	background: url('../logotipos/clk/btn_lg-7.png') top;
	opacity: 0;
}.lg7:hover {
	opacity: 1;
}.lg7:active {
	background: url('../logotipos/clk/btn_lg-7.png') bottom;
}
.lg8 {
	position: absolute;
	width: 178px;
	height: 174px;
	background: url('../logotipos/clk/btn_lg-8.png') top;
	opacity: 0;
}.lg8:hover {
	opacity: 1;
}.lg8:active {
	background: url('../logotipos/clk/btn_lg-8.png') bottom;
}
.lg9 {
	position: absolute;
	width: 272px;
	height: 104px;
	background: url('../logotipos/clk/btn_lg-9.png') top;
	opacity: 0;
}.lg9:hover {
	opacity: 1;
}.lg9:active {
	background: url('../logotipos/clk/btn_lg-9.png') bottom;
}
.lg10 {
	position: absolute;
	width: 182px;
	height: 188px;
	background: url('../logotipos/clk/btn_lg-10.png') top;
	opacity: 0;
}.lg10:hover {
	opacity: 1;
}.lg10:active {
	background: url('../logotipos/clk/btn_lg-10.png') bottom;
}
.lg11 {
	position: absolute;
	width: 199px;
	height: 150px;
	background: url('../logotipos/clk/btn_lg-11.png') top;
	opacity: 0;
}.lg11:hover {
	opacity: 1;
}.lg11:active {
	background: url('../logotipos/clk/btn_lg-11.png') bottom;
}
.lg12 {
	position: absolute;
	width: 357px;
	height: 82px;
	background: url('../logotipos/clk/btn_lg-12.png') top;
	opacity: 0;
}.lg12:hover {
	opacity: 1;
}.lg12:active {
	background: url('../logotipos/clk/btn_lg-12.png') bottom;
}
.lg13 {
	position: absolute;
	width: 170px;
	height: 187px;
	background: url('../logotipos/clk/btn_lg-13.png') right;
	opacity: 0;
}.lg13:hover {
	opacity: 1;
}.lg13:active {
	background: url('../logotipos/clk/btn_lg-13.png') left;
}
.lg14 {
	position: absolute;
	width: 174px;
	height: 171px;
	background: url('../logotipos/clk/btn_lg-14.png') top;
	opacity: 0;
}.lg14:hover {
	opacity: 1;
}.lg14:active {
	background: url('../logotipos/clk/btn_lg-14.png') bottom;
}
.lg15 {
	position: absolute;
	width: 388px;
	height: 112px;
	background: url('../logotipos/clk/btn_lg-15.png') top;
	opacity: 0;
}.lg15:hover {
	opacity: 1;
}.lg15:active {
	background: url('../logotipos/clk/btn_lg-15.png') bottom;
}
.lg16 {
	position: absolute;
	width: 374px;
	height: 129px;
	background: url('../logotipos/clk/btn_lg-16.png') top;
	opacity: 0;
}.lg16:hover {
	opacity: 1;
}.lg16:active {
	background: url('../logotipos/clk/btn_lg-16.png') bottom;
}
.lg-draocco{
	position: absolute;
	width: 302px;
	height: 258px;
	background: url('../logotipos/clk/btn_lg-draocco.png') top;
	opacity: 0;
}.lg-draocco:hover {
	opacity: 1;
}.lg-draocco:active {
	background: url('../logotipos/clk/btn_lg-draocco.png') bottom;
}


/* Tipografi­a del sitio */

.txt1 {
	margin-top: -10px;
	margin-bottom: -32px;
	max-width: 360px;
	height: 350px;
	padding: 0px 10px;
	text-align: justify;
	font-family: FuturaStd-Light;
	font-size: 18px;
	color: #fff;	
}
.style2 {
	color: #945601;
}