/* Nou Racó 2009 · Canales Corporativos - http://www.canalescorporativos.com */

/* Generales */

*{
	margin:0;
	padding:0;
}

html,body,#bg,#bg table,#bg td{width:100%;height:100%;overflow:hidden;}

body{
	color:#FFFFFF;
	background-color:#000000;
	font-family: Arial,Helvetica,Verdana;
}

ul{list-style-type:none;}

img{border:0;}

/* Logo */
img#logo{
	position:absolute;
	top:55px;
	left:34px;	
	z-index:5;
}
img#destacado{
	position:absolute;
	top:0;
	right:0;	
	z-index:5;
}

/* Intro */

div#intro{
	margin:273px auto 0 auto;
	width:600px;
}

div#intro img{float:left;display:inline;}

ul#idiomas{
	float:right;
	display:inline;
	margin:110px 15px 0 0;	
	width:90px;
}

ul#idiomas li{
	list-style-image:none;
	list-style-position:outside;
	position:relative;
	background-color:#000000;
	width:95px;
	margin-bottom:3px;
}

ul#idiomas li a{
	display:block;
	padding:2px 0 0 24px;
	font-size:10px;
	font-weight:bold;
	font-family:"Century Gothic", Arial,  "Lucida sans";
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFF;
}

ul#idiomas a:hover{
	background:#000000 url("/img/icon_arrow.gif") no-repeat 10px 6px;
}

/* Menú */

ul.menu{
	position:absolute;
	margin:0;
	padding:0;	
	z-index:5;
}

.superior{
	top:168px;
	left:34px;
}

.inferior{
	bottom:46px;
	left:34px;
}

ul.menu li{
	list-style-image:none;
	list-style-position:outside;
	position:relative;
	background-color:#000000;
	width:150px;
	padding-bottom:2px;
	
}

ul.menu li.selected{background-color:#87E53D;}

ul.menu li a, ul.menu li ul li a{
	display:block;
	padding:2px 0 0 24px;
	font-size:10px;
	font-weight:bold;
	font-family:"Century Gothic", Arial,  "Lucida sans";
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFF;
}

ul.menu a:hover{
	background:#000000 url("/img/icon_arrow.gif") no-repeat 10px 6px;
}

ul.menu li:hover ul { display: block; }

ul.menu li ul{
	position:absolute;
	left:150px;
	top:-1px;
	display:none;
	list-style-type:none;
	padding:0;
}

/* Home */
a.idioma{
	position:absolute;
	right:40px;
	top:30px;
	background:transparent url(/img/icon_lan.png) no-repeat scroll 0 3px;
	padding-left:15px;
	color: #FFFFFF;
	font-size:10px;
	font-weight:bold;
	font-family:"Century Gothic", Arial,  "Lucida sans";
	text-decoration:none;
	text-transform:uppercase;
	z-index:5;
}
a.idioma:hover{
	color: #9EED49;

}

div#destacado {
   	width:110px;
	height:120px;
	position:absolute;
	left:200px;
	top:55px;
        z-index: 4;
}

div#slideDestacados {
    
}

a.destacado{
	width:110px;
	height:110px;
        float: left;
	padding:37px 25px 0 0;
/*
	position:relative;
	left:200px;
	top:55px;
*/
	text-align:center;
	background:transparent url(/img/bg_destacado.png) no-repeat scroll 0 3px;
	color: #ffffff;
	font-size:0.55em;
	letter-spacing: 0.7px;
	font-weight:bold;
	font-family:"Century Gothic", Arial,  "Lucida sans";
	text-decoration:none;
	text-transform:uppercase;
	z-index:5;

}
a.destacado:hover{
	background:transparent url(/img/bg_destacadohover.png) no-repeat scroll 0 3px;

}
/*
a.destacado2{
	width:110px;
	height:110px;
	padding:40px 25px 0 0;
	text-align:center;
	position:absolute;
	left:320px;
	top:55px;
	background:transparent url(/img/bg_destacado2.png) no-repeat scroll 0 3px;
	color: #000000;
	font-size:9px;
	letter-spacing: 0.7px;
	font-weight:bold;
	font-family:arial;
	text-decoration:none;
	text-transform:uppercase;
	z-index:5;

}
a.destacado2:hover{
	background:transparent url(/img/bg_destacado2hover.png) no-repeat scroll 0 3px;
}*/



div#titulo{
	position:absolute;
	bottom:140px;
	right:90px;
	width:425px;
	z-index:5;
	position:absolute; 
}

div#titulo h1{
	float:left;
	display:inline;
	font-family: sans-serif, Helvetica, "Lucida sans";
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:normal;
	margin:8px 0 0;	
}
div#titulo p{
	font-size:12px;
	padding:30px;
	font-family:"Century Gothic", Arial,  "Lucida sans";
	text-transform:uppercase;
	background:#000;
	color:#fff;
}

ul.datos{
	position: absolute;
	bottom:70px;
	right:40px;
	margin:0;
	padding:0;
	width:320px;	
	z-index:5;
	font-size: 9px;
	color:#FFFFFF;
}

ul.datos li{
	list-style-image:none;
	list-style-position:outside;
	position:relative;
	float:left;
	display:inline;
	width:150px;
	margin:0 10px 5px 0;
}

.mail{
	background:url("/img/icon_mail.gif") no-repeat 0 1px;
	padding-left:15px;
}

.phone{
	background:url("/img/icon_tel.gif") no-repeat 0 1px;
	padding-left:15px;
}

ul.datos a{
	color:#FFFFFF;
	text-decoration:none;
}

ul.datos a:hover{
	text-decoration:underline;
}

/* Página sección (tipo 1) */

div#seccion{
	position:absolute;
	bottom:90px;
	right:90px;
	width:425px;
	z-index:5;
}

div#seccion h1{
	text-transform:uppercase;
	font-weight:normal;
	font-size:40px;
	font-family:"Century Gothic", Arial,  "Lucida sans";
}

div#seccion p{
	padding:30px;
	background:#000;
	font-size:12px;
	font-family:"Century Gothic", Arial,  "Lucida sans";
	text-transform:uppercase;
}

div.arriba{top:180px !important;}
/* Página apartado (tipo 2) */

div#apartado{
	position: absolute;
	right:90px;
	bottom:85px;
	width: 455px;
	z-index:5;	
}

div#apartado h1{
	text-transform:uppercase;
	font-weight:normal;
	font-size:40px;
	font-family:"Century Gothic", Arial,  "Lucida sans";
}

div.contenido{
	background-color:#FFFFFF;
	color:#000000;
	font-size:10px;
	padding:30px;
	line-height:15px;

}
div.contenido .volver{
float:right;
	font-size:10px;

}

div.contenido h4{
	font-weight:normal;
	font-size:10px;
	line-height:15px;
}

div.contenido h3{
	font-weight:normal;
	font-size:11px;	
}

div.contenido p{line-height: 14px;margin-bottom:10px;}

div.contenido img{
	display:block;
	margin:10pt auto;
}

div.contenido ul{margin:15px 0 0 0;}

div.contenido li{
	background: url("/img/canyas.gif") no-repeat 0 -2px;
	padding-left: 20px;
	line-height:20px;
	margin-bottom:5px;
}
div.contenido a{

	color: #000;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}
div.contenido a:hover{
	color: #9EED49;
}



/* Página galería (tipo 3) */

div#descripcion{
	position: absolute;
	right:90px;
	bottom:85px;
	width: 455px;
	z-index:5;	
}

div#descripcion h1{
	text-transform:uppercase;
	font-weight:normal;
	font-size:40px;
	font-family:"Century Gothic", Arial,  "Lucida sans";
}
div#descripcion li{
	background:#fff;;
	padding-left: 0;
	line-height:20px;
	margin-bottom:5px;
}

div#galeria{
	position:absolute;
	right:110px;
	bottom:0px;
	width:375px;
	height:35px;
	z-index:5;
}

a#anterior{
	position:absolute;
	background: url("/img/left_arrow.png") no-repeat 0 0;
	width:17px;
	height:35px;
	right:500px;
	bottom:86px;
	z-index:5;
}

a#anterior:hover{background:url("/img/left_arrow.png") no-repeat 0 -35px;}

a#siguiente{
	position:absolute;
	background:url("/img/right_arrow.png") no-repeat 0 0;
	width:17px;
	height:35px;
	right:95px;
	bottom:86px;
	z-index:5;
}

a#siguiente:hover{background:url("/img/right_arrow.png") no-repeat 0 -35px;}

/* Comunidad */
div#comunidades{
	position:absolute;
	right:90px;
	bottom:85px;
	z-index:5;
	height:28px;		
}

div#comunidades a{
	border:0;
	float:left;
	display:inline;
	margin-left:45px;
}

a#flickr{
	background:url("/img/flickr.png") no-repeat 0 0;
	width:90px;
	height:25px;
}

a#flickr:hover{background:url("/img/flickr.png") no-repeat 0 -25px;}

a#linkedin{
	background:url("/img/linkedin.png") no-repeat 0 0;
	width:112px;
	height:28px;
}

a#linkedin:hover{background:url("/img/linkedin.png") no-repeat 0 -28px;}

a#facebook{
	background:url("/img/facebook.png") no-repeat 0 0;
	width:110px;
	height:22px;
}

a#facebook:hover{background:url("/img/facebook.png") no-repeat 0 -22px;}

a#twitter{
	background:url("/img/twitter.png") no-repeat 0 0;
	width:94px;
	height:19px;
}

a#twitter:hover{background:url("/img/twitter.png") no-repeat 0 -19px;}

/* Contacto */

div#contacto{
	position:absolute;
	right:80px;
	top:150px;
	z-index:5;
	color:#FFFFFF;
	font-size:11px;	
}

div#contacto h3{
	margin:25px 0 5px 0;
	font-family:"Century Gothic", Arial,  "Lucida sans";
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

div#contacto a{text-decoration:none;color:#FFFFFF;}

div#contacto ul{font-size:9px;}

div#contacto li{margin-bottom: 5px;}

/* Fondos panorámicos */

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%; z-index: 0;}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

div {
	overflow: hidden;
}

.hiddenPic {
	display: none;
}