/*--------------------------------------------------------------

	CSS general
    www.lima-limon.com
    
-------------------------------------------------------------- */
html * { /* Reseteamos */
    margin: 0;
    padding: 0;
}
html { font-size:100.01%; }
body { font-size:0.8em; }
img {
    border: 0;
    text-decoration: none;
    vertical-align: middle;
}

/* ////////////////////////////////////////////
Estilos generales */

html, body {
    background-color: #00080E;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { margin: 1em 0; }
h1 { font-size: 2.8em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.05em; }
h6 { font-size: 1em; }
big { font-size: 1.5em; }
li, dd, blockquote { margin-left: 1.5em; }
q { quotes: "" ""; }
kbd {
    border: 2px solid #ccc;
    border-right: 2px solid #888;
    border-bottom: 2px solid #888;
    padding: 0 0.5em;
    background-color: #fff;
    font-family: Arial, sans-serif;
    font-size: 1em;
}
hr {
    padding: 0;
    margin: 1em 0;
    border: 1px solid #00213C;
    border-top: 1px solid #000;
    clear: both;
}
a { color: #81BFE0; }

/* ///////// id /////////// */

#menu {
	margin-top: -15px;
	background: #00080E url("../images/bg_menu.png") center center repeat-y;
}
	#menu .menu_principal {
		margin-left: 120px;
	}
	#menu .menu_principal li {
	    display: block;
	    margin: 15px 0 0 3px;
	    list-style-type: none;
	    float: left;
	}
	#menu .menu_principal li a {
	    text-decoration: none;	
		outline:none;
	}
	#menu .menu_principal li a span.etiqueta {
	    display: block;
		margin-left: 7px;
	    padding: 10px 10px 10px 3px;
	    color: #fff;
		text-align: center;
		text-transform:uppercase;
		font-size: 1.1em;
		font-weight: bold;
	}
	#menu .menu_principal li.activo a .lat_izq {
		display: block;
		width: 7px;
		height: 7px;
		float: left;
		background: transparent url("../images/mn_lat_izq.png") left top no-repeat;
	}
	#menu .menu_principal li.activo a .lat_der {
		display: block;
		width: 7px;
		height: 7px;
		float: right;
	}
	#menu .menu_principal li.activo {
	    background-image: url("../images/bg_cabecera.png");
	    background-repeat: repeat-y;
		font-weight: bold;
	}
	#menu .menu_principal li.activo .lat_der { background: transparent url("../images/mn_lat_der.png") right top no-repeat; }
	.mnInicio.activo {	background-position: -330px 1px !important; }
	.mnEmpresa.activo { background-position: -390px 1px !important; }
	.mnFilms.activo { background-position: -510px 1px !important; }
	.mnEvents.activo { background-position: -560px 1px !important; }
	.mnContactar.activo { background-position: -760px 1px !important; }
	.mnBlog.activo { background-position: -790px 1px !important; }
	
	/* Menu desplegable */
	#nav ul {
		position: absolute;
		top: 38px;
		display: none;
		width: 13em;
		border: 1px solid #005599;
		z-index: 1;
	}
	#nav li ul li {
		margin: 0 !important;
		padding: 0 !important;
	}
	#nav li ul a {
		display: block;
		width:12em;
		border-bottom: 1px dotted #003563;
		padding: 0.5em !important;
		float:left;
		background-color: #001629;
		color: #fff;
		text-align: center;
	}
	#nav li ul a:hover {
		background-color: #005599;
	}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }
	
	#menu_idiomas {
		position: absolute;
		top: 12px;
		right: 0;
	}
	#menu_idiomas li { 
		display: inline;
		font-size: 0.9em;
		margin: 0;
	}
	#menu_idiomas li:first-child {
		margin-right:3px;
		border-right: 1px solid #005499;
		padding-right: 7px;
	} 
	#menu_idiomas li a { color: #fff; }
	#menu_idiomas li.activo a {
		text-decoration: none;
		font-weight: bold;
	}

#cabecera {
	background: #001323 url("../images/bg_cabecera.png") center center repeat-y;
}
	#logotipo { padding: 50px 0 45px 0; }
	.eslogan {
		position: absolute;
		width: 430px;
		bottom: 0;
		padding: 0 10px;
	}
	#img_cabecera { 
		position: absolute;
		right: 0;
		top: 10px;
		width: 450px;
		height: 100px;
	}
	#img_cabecera img { border: 1px solid #005599; }
	#bg_sombra_cabecera {
		margin-top: -20px;
		height: 20px;
		text-align: center;
		background: transparent url(../images/bg_sombra_pie.png) bottom center no-repeat;
	}
	#subtitulo { 
		background: transparent url(../images/bg_sombra_cabecera_2.png) top center repeat-x;
	}
	#subtitulo h1 { 
		margin: 0;
		padding: 0.5em 0 0 0 !important; 
	} 
	#subtitulo p { font-size: 1.1em; }
	#bottom_cabecera_3 { 
		height: 25px;
		background: transparent url("../images/bg_bottom_cabecera_3.png") bottom center repeat-x; 
	}
	#bottom_cabecera_3 div {
		height: 25px;
		background: transparent url("../images/bg_bottom_cabecera_2.png") bottom center no-repeat;
	}
	
#contenidos {
	background: #00080E url("../images/bg_contenido.png") top center no-repeat;
}
	#contenidos .anchoycentrar {
		padding: 1em 0;
	}
	#contenidos h2 {
		margin: 0;
		padding: 0;
		font-size: 2em;
	}
	#contenidos h3 {
		margin: 1.5em 0; 
		font-size: 1em;
		font-weight: normal;
		line-height: 1.1em;
	}
	#contenidos h3 a {
		color: #fff;
		text-decoration: none;
	}

#bg_sombra_pie {
	height: 20px;
	text-align: center;
	background: transparent url(../images/bg_sombra_pie.png) bottom center no-repeat;
}
	
#pie {
	height: 85px;
	border-top: 1px solid #001F3A; 
	padding-top: 10px;
	background-color: #05070D;
}
	#pie .menu { 
		position: absolute;
		top: 0;
		right: 0;
	}
	#pie .menu li {
		display: inline;
	}
	#pie .menu li a {
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.9em;
	}
	#logo_pie {
		position: absolute;
		top: 5px;
		left: 0;
		width: 148px;
		height: 65px;
		background: transparent url(../images/euromedia-logotipo-mini.png) center center no-repeat;
	} 
	#logo_ukas {
		position: absolute;
		top: 5px;
		left: 155px;
	}
	#direccion {
		position: absolute;
		top: 50px;
		right: 0;
		text-align: right;
		font-size: 0.9em;
	}
	#direccion address {
		display: inline;
		margin: 0;
		font-style: normal;
	}
	
/* /////// clases ///////// */
.ocultar { display: none !important; }
.block { display: block; }
.izquierda { float: left; }
.derecha { float: right; }
.limpiar {
    clear: both !important;
    float: none !important;
}

.anchoycentrar {
  	position: relative;
	left: 50%;
    width: 900px;
    margin-left: -450px !important; 
}

/* Clases de texto */

.alinearizquieda { text-align: left; }
.alinearderecha { text-align: right; }
.alinearcentro  { text-align: center; }
.alinearjustificado { text-align: justify; }

.titulo.tipo_1 {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}
	.titulo.tipo_1 a {
		color: #fff;
		text-decoration: none;
	}

/* Columnas */

.columna.tipo_33 {
	width: 31%;
	padding-right: 2%;
	float: left;
}
.columna.tipo_50 {
	width: 48%;
	padding-right: 2%;
	float: left; 
}

.cont_videos { margin-top: 1.5em; }
	.cont_videos .video {
		width: 45%;
		margin-right: 5%;
		margin-bottom: 1em;
		float: left;
	}
	.cont_videos .video .thumb {
		width: 90px;
		border: 2px solid #005599;
		margin-right: 10px;
		float: left;
	}
	.cont_videos .video h3 { margin: 0 !important; }
	.cont_videos .video h3 strong { font-size: 1.1em; }	

.persona { padding: 0.2em 0; }
	.persona .thumb {
		width: 90px;
		border: 2px solid #005599;
		margin-right: 10px;
		float: left;
	}
	.persona h2 a { 
		color: #fff;
		text-decoration: none !important;
	}
	.persona h3 { 
		margin: 0.5em 0 !important; 
		font-size: 1.2em !important; 
	}
	.persona .video h3 a { 
		text-decoration: none;
		color: #fff;
	}	


/* Slider */	
.anythingSlider { 
	width: 900px;
	height: 300px;
	position: relative;
	margin: 0; 
}
	.anythingSlider .wrapper { 
		width: 900px; 
		overflow: auto; 
		height: 300px; 
		margin: 0; 
		position: absolute; 
		top: 0; 
		left: 0;
		z-index: 0; 
	}
	.anythingSlider .wrapper ul { 
		width: 9999px; 
		list-style: none; 
		position: absolute; 
		top: 0;
		left: 0;
		margin: 0;
	}
	.anythingSlider ul li { 
		display: block; 
		float: left;
		padding: 0;
		height: 200px;
		width: 900px;
		margin: 0; 
	}

	#thumbNav {
		position: relative;
		top: 157px;
		margin-right: 16px;
		text-align: right; 
	}
	#thumbNav a { 
		display: inline-block; 
		width: 8px;
		height: 8px; 
		margin: 0 5px 0 0; 
		background: transparent url("../images/ico_pag_off.png") center center no-repeat;
		font-size: 0;
		color: #fff;
		text-decoration: none;
	}
	#thumbNav a.cur {
		background: transparent url("../images/ico_pag_on.png") center center no-repeat;
		color:  #005599;
	}

.leer_mas a {
	padding-right: 15px !important;
	font-size: 10px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #005599 !important;
	background: transparent url(../images/ico_flecha_derecha.png) right center no-repeat !important;
}
.volver a {
	display: block;
	padding: 1em 0;
	padding-left: 15px;
	font-size: 0.8em;
	text-transform: uppercase;
	text-decoration: none;
	color: #005599;
	background: transparent url(../images/ico_flecha_izquierda.png) left center no-repeat;
}
.leer_mas a:hover,
.volver a:hover {
	text-decoration: underline;
}
.imagen {
	width: 300px;
	margin: 0 1em 1em 0;
	border: 2px solid #005599;
	float: left;
}
.thumb {
	margin: 0 1em 1em 0;
	border: 2px solid #005599;
	float: left;
}
.video_vimeo {
	float: left;
	margin-right: 2em;
	border: 2px solid #005599;
}
.galeria_fotos { }
	.galeria_fotos .thumb {	height: 90px; }
	.galeria_fotos .anterior {
		height: 50px; 
		margin: 40px 10px 0 0;
		vertical-align: middle;
		float: left; 
	}
	.galeria_fotos .siguiente { 
		height: 50px; 
		float: right;
		margin: 40px 0 0 10px;
	}

.descargas p { margin: 0; }
.descargas ul { margin: 0.5em 0; }
.descargas li { 
	margin: 0.5em 0; 
	list-style-type: none;
	text-align: left;
}
.descargas li a { text-decoration: none; }
.descargas li a:hover { text-decoration: underline; }
	
.correo a {
	padding: 0.2em;
	padding-left: 23px;
	color: #fff;
	text-decoration: none;
	background: #005599 url(../images/ico_contactar.png) 5px center no-repeat;
}
.correo a:hover {
	background-color: #002F57;
}
#columnas { line-height: 18px; }
#columnas p { margin-bottom: 18px; }

.paginar img {
	padding: 0 3px;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 820px;
	height:100px;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable img {
	float:left;
	margin: 5px 5px 0 11px;
	background-color:#005599;
	padding:2px;
	cursor:pointer;
	width:100px;
	height:75px;
}

.scrollable .active {}
.scrollable { float:left; }

a.browse {
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:28px 10px;
	cursor:pointer;
	font-size:1px;
}
a.right	{ background: transparent url(../images/ico_siguiente.png) center center no-repeat; clear:right; margin-right: 0px;}
a.left { background: transparent url(../images/ico_anterior.png) center center no-repeat; margin-left: 0px; } 
a.disabled { visibility:hidden !important; } 	
