/* CSS Izanet >> Silvia Arcos 2008*/

/*----------------------------------------------------------- BASICOS */

body{
	margin: 0px;
	padding: 0px;
	font:0.626em arial narrow;
	color: #373535;
}
html{
	margin: 0px;
	padding: 0px;
}

a {
	color: #373535;
	outline: none;
	text-decoration: none
}
a:hover{
	color: red
}
.objeto{
	text-align: center;
}
.activo{
	color:red
}
/*----------------------------------------------------------------------- BASE */
#contenedor {
	width: 950px;
	margin: 0 auto;
	min-height: 5em;
	height: auto;
	padding-bottom: 70px;
	font-size: 1.1em;
}
#contenedorlogo {
	width: 950px;
	margin: 0 auto;
	min-height: 5em;
	height: auto;
	background: #FFF url(../img/logoexpo.jpg) no-repeat bottom center;
	padding-bottom: 70px;
}
h1.cabecera{
	width: 950px;
	float: left;
	margin: 1.5em 0em 0em 0em;
	text-align: center;
	background: #FFF url(../img/titoikos.gif) no-repeat top center;
	text-indent: -5000em;
	height: 4.1em;
}
h1.cabecerainterior{
	width: 950px;
	float: left;
	margin: 0 auto;
	text-indent: -5000em;
	height: 0.2em;
}

h3{
	width: 100%;
	height: 0.2em;
	font-size: 0.8em;
	padding-bottom: 1em;
	margin: 0.8em 0em 0em 0em;
}
h4{
	width: 100%;
	height: 0.2em;
	font-size: 1.2em;
	padding-bottom: 1em;
	font-family: arial narrow;
	margin: 0em;
	padding: 0.5em 0em 0.5em 0em;
}
h5{
	width: 20em;
	height: 5.8em;
	font-size: 1.2em;
	font-family: arial narrow;
	margin: 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border: 1px solid #000;
	background-color: #FFF;
}
h5 p{
	color: red;
}
/*----------------- menu principal*/
ul#menu{
	border-top: 8px solid #000;
	border-bottom: 8px solid #000;
	list-style-type: none;
	float: left;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0em;
	padding: 12px 0px 12px 0px;
	width: 130px;
}
/*-----------------*/


/*----------------- menu idiomas*/
ul#idiomas{
	clear: both;
	margin: 0 auto;
	text-align: center;
	padding: 2em 0em 0em 0em;
}
ul#idiomas li{
	display: inline;
	list-style-type: none;
	padding: 0em 2em 0em 2em;
	font-size: 1.5em
}
/*-----------------*/

ul.idiomasint {
	float: right;
	text-align: right;
	width: 900px;
	font-size: 1.2em;
	margin: 0em 0em 2em 0em
}

ul.idiomasint li{
	display: inline;
	padding: 0em 0em 0em 1em;
}

#submenus{
	border-top: 8px solid #000;
	border-bottom: 8px solid #000;
	list-style-type: none;
	float: left;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0em 1.5em 0em 1.5em;
	padding: 12px 0px 12px 0px;
	width: 150px;
}

#submenusb{
	border-top: 8px solid #000;
	border-bottom: 8px solid #000;
	list-style-type: none;
	float: left;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0em 1.5em 0em 1.5em;
	padding: 12px 0px 12px 0px;
	width: 150px;
	height: 253px;
}

.finalsubmenus ul{
	width: 150px;
	float: left;
	height: 109px;
	margin: 1.7em 0em 0em 0em;
	padding: 0em;
	border-top: 8px solid #000;
}
.finalsubmenus ul li{
	display: block;
	list-style-type: none;
}

ul#submenus{
	border-top: 8px solid #000;
	border-bottom: 8px solid #000;
	list-style-type: none;
	float: left;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0em 1.5em 0em 1.5em;
	padding: 12px 0px 12px 0px;
	width: 150px;
}
ul#submenus li{
	display: block;
	padding: 0em;
	margin: 0em;
}
.espaciocreditos{
	height: 120px;
}
#bloquemenuprincipal{
	padding: 0px 0px 12px 0px;
	height: 100%;
	width: 130px;
	float: left;
}

#contenidos{
	width: 815px;
	float: left;
	font-size: 1em;
	font-family: arial;
}

#contenidosb{
	border-top: 8px solid #000;
	width: 630px;
	float: left;
	font-size: 1em;
	font-family: arial;
}
#contenidosc{
	border-top: 8px solid #000;
	width: 798px;
	float: left;
	font-size: 1em;
	font-family: arial;
	margin: 0em 0em 0em 2em;
}
#contenidosd{
	border: 1px solid #000;
	width: 773px;
	min-height: 400px;
	height: auto;
	float: left;
	font-size: 1em;
	font-family: arial;
	margin: 0em 0em 0em 2em;
	padding: 1em;
	background: #ecedef url(../img/plano_p.gif) no-repeat top right;
}
.volverplano{
	float: right;
	width: 10em;
	border: 1px solid red;
	margin: 0em;
	padding: 0em;
}
/*--------------------------------------------------------------------- CONTENIDOS */
.frases{
	float: right;
}
.titular{
	border-top: 8px solid #000;
	width: 130px;
	height: 3em;
	float: left;
	background: #FFF url(../img/titoikos_int.gif) no-repeat top left;
	text-indent: -5000em;
	margin: 0em;
	padding: 0em;
}
.titularcatalogo{
	border-bottom: 8px solid #000;
	width: 150px;
	height: 7.2em;
	float: left;
	background: #FFF url(../img/imgcatalogo.jpg) no-repeat top left;
	text-indent: -5000em;
	margin: 0em;
	padding: 0em;
}
.logoexpo{
	clear: both;
	border-bottom: 8px solid #000;
	background: #FFF url(../img/logoexpo.gif) no-repeat bottom left;
	text-indent: -5000em;
	width: 130px;
	height: 120px;
}
.logoexpoequip{
	clear: both;
	border-bottom: 8px solid #000;
	background: #FFF url(../img/logoexpo.gif) no-repeat bottom left;
	text-indent: -5000em;
	width: 130px;
	height: 450px;
}
.logoexpocatal{
	clear: both;
	border-bottom: 8px solid #000;
	background: #FFF url(../img/logoexpo.gif) no-repeat bottom left;
	text-indent: -5000em;
	width: 130px;
	height: 1130px;
}

.imgpopup{
	 width: 102px;
	 height: 85px;
	 background-color: #000;
	 float: right;
	 color: #FFF;
	 padding: 0em;
	 margin: 0.4em;
}
.imgpopup a{
	color: #FFF;
}

.imgpopup span {
	padding: 0.2em 0.2em 0.2em 0.2em;
}

.imgpopup img {
	padding: 0em;
	margin: 0em;
	border: none;
}

.bloques{
	width: 160px;
	border-top: 8px solid #000;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 40px;
	font-size: 1.2em;
}
.bloques p br{
	margin: 0em;
	padding: 0em;
}

.bloquesb{
	width: 160px;
	border-top: 8px solid #FFF;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 40px;
	font-size: 1.1em;
}
.bloquesc{
	width: 160px;
	/*border-bottom: 8px solid #000;
	border-top: 8px solid #000;*/
	height: 196px;
	float: left;
	padding: 80px 0px 0px 0px;
	margin: 0px 0px 0px 40px;
	font-size: 1.1em;
}
.bloquesd{
	width: 160px;
	height: 112px;
	border-top: 8px solid #000;
	border-bottom: 8px solid #000;
	float: left;
	padding: 165px 0px 0px 0px;
	margin: 0px 0px 0px 40px;
	font-size: 1.1em;
}
.logo{
	background: #FFF url(../img/logoexpo.jpg) no-repeat bottom center;
}

.txtficha{
	border: 1px solid #000;
	float: left;
	width: 772px;
	height: 50px;
}
.txtficha span {
	border-bottom: 1px solid #000;
	float: left;
	width: 100%;
	height: 20px;
	background-color: #FFF;
}

.videoficha{
	clear: both;
	float: left;
	width: 300px;
	height: 50px;
}

.imgficha{
	clear: both;
	width: 430px;
	height: 50px;
	margin-left: 40px;
}

.botvolver{
	float: right;
	width: 180px;
	margin: 2em 0em 0em 0em;
	padding: 0em;
}
.pasapalabras{
	border-top: 1px solid #000;
	min-height: 100px;
	height: auto;
	margin-top: 0.4em;
}
.pasapalabras p{
	width: 762px;
	line-height: 22px;
	padding: 0em 0.4em 0em 0.4em;
	margin: 0em;
	float: left;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	font-weight: bold;
	background-color: #FFF
}
.pasafotos{
	background-color: #bcbdac;
	float: right;
	/*width: 45.2em;
	height: 14.5em;*/
	width: 467px;
	height: 160px;
	margin-top: 0.4em;
	position: relative;
	border: 1px solid #000
}

.videomodulos{
	/*background-color: #ffffe8;*/
	float: left;
	width: 25em;
	height: 14.5em;
	margin-top: 0.4em
}
.siguiente{
	position: absolute;
	right: 0em;
	bottom: 0em;
	background: #000;
	padding: 0em 1.5em 0em 1.5em;
	background: #000 url(../img/fondosiguiente.jpg) no-repeat top center;
}
.siguiente a {
	color: #FFF;
	padding: 0em 0.5em 0em 0.5em;
}