/* Reset & generic styles
----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clrfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clrfix {display: inline-block;}

/* IE-mac no lee \*/
* html .clrfix {height: 1%;}
.clrfix {display: block;}
/* IE-mac vuelve a leer */


hr { display : none; }
.none { display : block !important; position : absolute !important; top : -3000em !important; }
acronym, abbr { cursor : help; }
.hidden{display:none;}




/* Common
----------------------------------------------------------------------------------------------*/
body {
	background  :#000;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	line-height: 1.6em;
	opacity : .99999;
	font-size: 12px; 
	color : #333;
}
body a:link,
body a:visited{
	color:#EBA500;
	text-decoration:none;
	border-bottom : 1px dotted #EBA500;
}
body a:hover{
	color:#e7e7e7;
	border: none;
	text-decoration : underline;
}

body a.icon:link,
body a.icon:visited,
body a.icon:hover{
	border: none;
	text-decoration : none;
	padding-left  :25px;
}
body a.icon:link span,
body a.icon:visited span{
	color:#EBA500;
	text-decoration:none;
	border-bottom : 1px dotted #EBA500;
}

body a.icon:hover span{
	color:#e7e7e7;
	text-decoration : underline;
	border: none;
}

* html body a:link,
* html body a:visited{
	text-decoration:underline;
	border-bottom : none;
}


/* Content
----------------------------------------------------------------------------------------------*/
div.torsion{
	width : 900px;
 	margin : 40px auto 0 auto;
	height : 568px;
	background : #000 url(img/fnd.main.jpg) no-repeat center center;
}
div.header{
	height : 48px;
	padding : 0;
}
div.header h1{
	text-indent : -300em;
}


div.content{
	height : 460px;
}

ul.menu li{
	margin : 0 0 5px 0;
	font-weight  :bold;
}
ul.menu li a{
	display : block;
	height : 29px;
	line-height : 24px;
	width : 115px;
	border : none !important;
	text-align  :center;
	color  :#8d9876 !important;
	text-decoration : none !important;
	background : url(img/btns.jpg) no-repeat 0 0;
	font-family : Verdana, sans-serif;
	font-size : 11px;
	margin : 0 auto;
}
* html ul.menu li a{
	height : 29px;
	line-height : 26px;
}
ul.menu li a:hover{
	background-position : 0 -29px;
	color  :#000 !important;
	text-decoration  :none;
}
ul.menu li a.selected,
ul.menu li a.selected:hover{
	cursor  :default !important;
	background-position : 0 -58px !important;
	color  :#000 !important;
}
div.content div.left_side{
	float : left;
	width  :190px;
	padding-top : 219px;
}
div.content div.right_side{
	float : left;
	width  :666px;
	padding-top  :40px;
	color : #8fd300;
}
div.content div.right_side div.inner{
	height  :100%;
	padding-right  :1px;
}

div.content div.right_side div.inner_portada,
div.content div.right_side div.inner_contacto{
	height  :400px;
	padding : 0;
	font-size :11px;
	line-height :1.4em;
}

div.content div.right_side div.text{
	width : 141px;
	padding : 14px 14px 0 14px;
	text-align : left;
	height : 359px;
	background : #2e3125;
	color : #7f8f5b;
	margin : 0 0 0 3px;
}
div.content div.right_side div.inner_portada div.text{
	display : none;
}
div.content div.right_side div.inner_contacto div.text{
	background : #2e3125 url(img/contacto.jpg) no-repeat bottom center;
	text-align : left;
}
div.content div.right_side div.text .cite{
	font-style : italic;
}
div.content div.right_side div.text h2{
	font-size : 17px;
	padding : .5em 0;
	color :#fff;
}
div.content div.right_side div.inner_portada p{
	margin-bottom : 1em;
}
div.content div.right_side p.houdini {
	display : block;
	height  :20px;
	width : 103px;
	background : url(img/houdini.png) no-repeat 0 0; 
}
div.content div.right_side p.houdini a{
	display : block;
	height  :100%;
	width : 100%;
	text-indent : -300em;
	border : none;
}

div.footer{
	text-align  :center;
	color : #93a078;
	width : 100%;
	font-size : 10px;
	margin-top : 40px;
}
div.footer strong{
	margin-left  :15px;
}

ul.sliding_panel {
	background:#000 none repeat scroll 0 0;
	margin:0 0 0 3px;
	padding:0;
	display:block;
	height:373px;
	overflow:hidden;
	position:relative;
	font-weight  :bold;
	width : 665px;
}
div.gallery ul.sliding_panel {
	width : 663px;
}


ul.sliding_panel li {
	display:block;
	height:100%;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:0;
}

ul.sliding_panel li a{
	display : block;
	height : 100%;
	width : 100%;
	border : none !important;
	text-decoration : none !important;
	position : relative;
}
ul.sliding_panel li a span{
	display : block;
	padding : 10px 0;
	width  :100%;
	font-size : 1.2em;
	text-indent : -300em;
	position : absolute;
	bottom : 0;
}
ul.sliding_panel li a:hover span{
	text-indent : 12px;
	opacity : .8;
	color  :#000;
	border-top  : 3px solid #333;
}




div.overlay {
	background:url(img/overlay/video.png) no-repeat;
	padding:40px;	
	width:576px;  
	display:none;
}

div.image_overlay {
	width : 752px;
	height : 424px;
	background:url(img/overlay/imagen.png) no-repeat !important;
}

div.overlay div.close {
	background:url(img/overlay/close.png) no-repeat 0 0;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}
div.overlay div.close:hover {
	background-position:0 -36px;
}


a.player { 		
	display:block;
	height:450px;
	border : none !important;			
}

* html div.overlay 					{ background:url(img/overlay/video.gif) no-repeat !important;  }
* html div.image_overlay 			{ background:url(img/overlay/imagen.gif) no-repeat !important; }

* html div.overlay div.close,
* html div.image_overlay div.close 		{ background:url(img/overlay/close.gif) no-repeat 0 0 !important; }
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }