@charset "UTF-8";
/* CSS Document */

/*
	www.proyecto.com
	Tabla de contenidos:
		Globales
		Layout
			- 
			- 
			- 
*/

/* Globales
-------------------------------------------------- */

* {
	padding: 0;
	margin: 0
}

body {	
	font-size: 62.5%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	line-height: normal;
	background: #FFF url(../images/bg_web.png) left top repeat-x;
	text-align: center;
	border: solid 1px #FFF
}

a {
	color: #666;
	text-decoration: none
}

a:hover {
	color: #333;
	text-decoration: none
}

a img  {
	border: none 0
}

h1 span,h2 span,h3 span,h4 span {
	display: none
}

/* Layout
-------------------------------------------------- */

#wrapper {
	width: 100%
}

#unico {
	margin: 100px auto
}

/* Contenedores
------------------------- */

#container-header {
	background: url(../images/cabecera.jpg) center top no-repeat;
	width: 100%;
	height: 412px
}

#container-content {
	background: url(../images/ocaso.png) left top no-repeat;
	width: 100%;
	padding: 10px 0
}

#container-footer {
	background: url(../images/bg_pie.png) left bottom repeat-x;
	width: 100%;
	clear: both
}

#container-floor {
	width: 100%
}

/* Cajas
------------------------- */

#left-sidebar {
	width: 234px;
	float: left
}

#main {
	background: url(../images/bg_sol.png) right top no-repeat;
	width: 560px;
	float: left;
	padding: 0 14px
}

#right-sidebar {
	width: 164px;
	float: left
}

/* Navegacion
-------------------------------------------------- */

/* Menu
------------------------- */

/* Contenidos
-------------------------------------------------- */

/* Cabecera
------------------------- */

img#logotipo {
	float: left;
	margin: 322px auto 0 248px
}

h2#datos {
	background: url(../images/datos.png) left top no-repeat;
	width: 370px;
	height: 22px;
	float: left;
	margin: 356px auto 0 18px
}

/* Principal
------------------------- */

#header {
	width: 986px;
	margin: 0 auto
}

#content {
	width: 986px;
	margin: 0 auto
}

/* Lateral izquierdo
------------------------- */

#left-sidebar div.banners {
	background-position: left top;
	background-repeat: repeat-y;
	width: 234px;
	float: left
}

#left-sidebar div.banners p {
	font-size: 1.2em;
	color: #0067AC;
	line-height: 1.2em;
	text-align: left;
	width: 200px;
	margin: 5px 14px 2px 20px
}

div.banners#expositores {
	background-image: url(../images/ba_come2.png)
}

div.banners#expositores div.centro {
	background: url(../images/ba_come3.png) left bottom no-repeat;
	float: left;
	padding: 0 0 18px
}

div.banners#prensa {
	background-image: url(../images/ba_expo2.png)
}

div.banners#prensa div.centro {
	background: url(../images/ba_expo3.png) left bottom no-repeat;
	float: left;
	padding: 0 0 18px
}
div.banners#inscribete {
	background-image: url(../images/ba_fran2.png)
}

div.banners#inscribete div.centro {
	background: url(../images/ba_fran3.png) left bottom no-repeat;
	float: left;
	padding: 0 0 18px
}

div.banners#comercial {
	background-image: url(../images/ba_acti2.png)
}

div.banners#comercial div.centro {
	background: url(../images/ba_acti3.png) left bottom no-repeat;
	float: left;
	padding: 0 0 18px
}

div.banners#actividades {
	background-image: url(../images/ba_pren2.png)
}

div.banners#actividades div.centro {
	background: url(../images/ba_pren3.png) left bottom no-repeat;
	float: left;
	padding: 0 0 18px
}

div.banners#publicidad1 {
	background-image: url(../images/ba_publ2.png)
}

div.banners#publicidad1 div.centro {
	background: url(../images/ba_publ3.png) left bottom no-repeat;
	float: left;
	padding: 0 0 25px
}

#left-sidebar div.banners#publicidad1 a img.anuciantes {
	margin: 10px auto
}

/* Central
------------------------- */

#main h3 {
	background-position: left top;
	background-repeat: no-repeat;
	width: 560px;
	height: 40px;
	margin: 0 0 10px
}

h3#bienvenidos {
	background-image: url(../images/ti_bienv.png)
}

h3#expositores {
	background-image: url(../images/ti_expos.png)
}

h3#prensa {
	background-image: url(../images/ti_prens.png)
}

h3#inscripcion {
	background-image: url(../images/ti_inscr.png)
}

h3#actividades {
	background-image: url(../images/ti_activ.png)
}

h3#conciertos {
	background-image: url(../images/ti_conce.png)
}

h3#noticias {
	background-image: url(../images/ti_notic.png)
}

h3#detalle {
	background-image: url(../images/ti_notid.png)
}

h3#sponsors {
	background-image: url(../images/ti_spons.png)
}

h3#areaexpo {
	background-image: url(../images/ti_aexpo.png)
}

h3#forofran {
	background-image: url(../images/ti_forof.png)
}

h3#contactar {
	background-image: url(../images/ti_conta.png)
}

h3#comic {
	background-image: url(../images/ti_comic.png)
}

h3#zonafran {
	background-image: url(../images/ti_zonaf.png)
}

h3#jornadas {
	background-image: url(../images/ti_jorte.png)
}

#main p {
	font-size: 1.3em;
	color: #666;
	text-align: left;
	float: left;
	width: 560px;
	margin: 0 0 5px
}

#main p a {
	color: #E81400;
	font-weight: bold;
}

#main p a:hover {
	color: #FF6B00
}

#main p.estrecho {
	width: 386px
}

#main p.estrecho2 {
	width: 300px
}

#main img.fotoi {
	float: left;
	margin: 0 12px 0 0
}

#main img.fotod {
	float: right;
	margin: 0 0 0 12px
}

div.columnas#unica {
	width: 560px;
	margin: 0
}

#main h4 {
	background-position: left top;
	background-repeat: no-repeat;
	width: 560px
}

#main hr {
	color: #FFF;
	background: #FFF url(../images/bg_hr.png);
	width: 560px;
	height: 1px;
	float: left;
	clear: both;
	margin: 15px 0;
	border: none 0
}

h4#noticias {
	background-image: url(../images/ti_notis.png);
	height: 42px;
	float: left;
	clear: both
}

h4.textuales {
	font-size: 1.5em;
	color: #999;
	text-align: left;
	float: left;
	width: 560px;
	margin: 10px 0
}

div.columnas#unica h5 {
	font-size: 1.4em;
	color: #666;
	line-height: 2.0em;
	text-align: left;
	width: 560px;
	margin: 4px 0 0
}

div#main div.columnas#unica p {
	font-size: 1.2em;
	color: #999;
	width: 560px;
	margin: 0;
	float: left
}

div#main div.columnas#unica p span.fecha {
	font-weight: bold;
	color: #666
}

div.publicidad2 {
	background: url(../images/ba_bann2.png) left top repeat-y;
	margin: 10px auto
}

div.publicidad2 div.centro {
	background: url(../images/ba_bann3.png) left bottom no-repeat;
	padding: 0 0 25px
}

div.publicidad2 div.centro a img.anuciantes {
	margin: 5px auto
}

/* Noticias
------------------------- */

div#main h4.titular {
	font-size: 1.4em;
	font-weight: bold;
	color: #666;
	text-align: left;
	/*width: 388px;*/
	width: 560px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0
}

div#main p.desarrollo {
	font-size: 1.2em;
	text-align: left;
	/*width: 388px;*/
	width: 560px;
	float: left
}

div#main img.ampliada {
	float: left;
	margin: 0 10px 0 0;
	border: solid 1px #CCC
}

/* Lateral derecho
------------------------- */

#right-sidebar div.banners {
	background-position: left top;
	background-repeat: repeat-y;
	width: 164px;
	float: left
}

#right-sidebar div.banners p {
	font-size: 1.2em;
	color: #FD1813;
	line-height: 1.0em;
	text-align: left;
	width: 130px;
	margin: 5px 14px 2px 20px
}

#right-sidebar div.banners p.peque {
	font-size: 1.0em;
	margin: 10px 14px 2px 20px
}

#right-sidebar div.banners a img.logos {
	width: 120px;
	height: auto;
	margin: 10px auto
}

div.banners#sponsors {
	background-image: url(../images/ba_spon2.png)
}

div.banners#sponsors div.centro {
	background: url(../images/ba_spon3.png) left bottom no-repeat;
	float: left;
	padding: 0 0 30px
}

div.banners#foro {
	background-image: url(../images/ba_foro2.png)
}

div.banners#foro div.centro {
	background: url(../images/ba_foro3.png) left bottom no-repeat;
	float: left;
	padding: 0 0 18px
}

div.banners#marketing {
	background-image: url(../images/ba_mark2.png)
}

div.banners#marketing div.centro {
	background: url(../images/ba_mark3.png) left bottom no-repeat;
	float: left;
	padding: 0 0 18px
}

div.banners#produce {
	background-image: url(../images/ba_prod2.png)
}

div.banners#produce div.centro {
	background: url(../images/ba_prod3.png) left bottom no-repeat;
	float: left;
	padding: 0 0 18px
}

/* Pie
------------------------- */

#footer {
	width: 986px;
	padding: 30px 0;
	margin: 0 auto
}

#footer hr {
	color: #FFF;
	background: url(../images/bg_hr.png);
	width: 588px;
	height: 1px;
	margin: 10px 180px 10px 250px;
	border: none 0
}

div#footer p.menu2 {
	font-size: 1.0em;
	text-transform: uppercase;
	text-align: center;
	width: 588px;
	margin: 10px 164px 10px 234px;
}

div#footer p.menu2 a {
	color: #999;
	text-decoration: none;
	margin: 0 5px
}

div#footer p.menu2 a:hover {
	color: #333;
}

div#footer p.copyright {
	font-size: 1.0em;
	color: #666;
	line-height: 16px;
	text-align: left;
	width: 490px;
	height: 16px;
	float: left
}

div#footer p.copyright a {
	color: #666
}

div#footer p.copyright a:hover {
	color: #999
}

/* Listas
-------------------------------------------------- */

/* Portada
------------------------- */

div#main div.columnas#unica ul {
	display: inline;
	width: 560px;
	float: left;
	margin: 0;
	list-style: none
}

div#main div.columnas#unica ul li {
	float: left;
	padding: 0 0 8px;
	border-bottom: dotted 1px #CCC
}

/* Zona franquicias
------------------------- */

ul.basica,ul.cuestiones {
	width: 420px;
	float: left;
	clear: left;
	margin: 5px 0 10px
}

ul.basica li,ul.cuestiones li {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	text-align: left;
	margin: 5px 0 0 20px;
	list-style-position: outside
}

/* Actividades
------------------------- */

h4.subtitulos {
	font-size: 1.5em;
	color: #E81400;
	text-align: left;
	width: 560px;
	float: left;
	clear: both;
	margin: 10px 0
}

h5.subsubtit {
	font-size: 1.4em;
	color: #FF6B00;
	text-align: left;
	width: 560px;
	float: left;
	clear: both;
	margin: 10px 0 5px
}

ol {
	width: 520px;
	float: left;
	clear: left;
	margin: 10px 0
}

ol li {
	font-size: 1.2em;
	color: #666;
	text-align: left;
	margin: 5px 0 0 20px;
	list-style-position: outside
}

ol.estrecha {
	width: 386px
}

/* Comic
------------------------- */

ul#programa {
	float: left;
	margin: 10px 0
}

ul#programa li {
	font-size: 1.2em;
	color: #666;
	text-align: left;
	margin: 5px 0 0 20px;
	list-style-position: outside
}

/* Conciertos
------------------------- */

ul.lista_conciertos {
	width: 560px;
	list-style: none
}

div#main ul.lista_conciertos li {
	float: left;
	padding: 0 0 8px;
	margin: 0 0 10px;
	border-bottom: dotted 1px #CCC
}

div#main ul.lista_conciertos li h4.titular {
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	width: 448px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0

}

div#main ul.lista_conciertos li p {
	font-size: 1.2em;
	text-align: left;
	width: 448px;
	float: left
}

ul.lista_conciertos li img.miniatura {
	float: left;
	margin: 0 10px 0 0
}

/* Noticias
------------------------- */

ul.lista_noticias {
	width: 560px;
	list-style: none
}

div#main ul.lista_noticias li {
	float: left;
	padding: 0 0 8px;
	margin: 0 0 10px;
	border-bottom: dotted 1px #CCC
}

div#main ul.lista_noticias li h4.titular {
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	/*width: 448px;*/
	width: 560px;
	height: auto;
	float: left;
	padding: 0;
	margin: 0

}

div#main ul.lista_noticias li p {
	font-size: 1.2em;
	text-align: left;
	/*width: 448px;*/
	width: 560px;
	float: left
}

ul.lista_noticias li img.miniatura {
	float: left;
	margin: 0 10px 0 0;
	border: solid 1px #CCC
}

/* Inscripcion
------------------------- */

form#form_inscripcion ul {
	text-align: left;
	width: 450px;
	float: left;
	clear: both;
	margin: 5px 25px;
	list-style: disc;
	list-style-position: outside
}

form#form_inscripcion ul li {
	font-weight: normal;
	color: #999;
	float: left;
	clear: both;
	margin: 5px 0
}

form#form_inscripcion ul ul {
	width: 400px;
	margin: 5px 25px;
	list-style: circle
}

form#form_inscripcion ul ul ul {
	width: 375px;
	margin: 5px 25px;
	list-style: square
}

/* Formularios
-------------------------------------------------- */

/* Incripcion
------------------------- */

form#form_inscripcion {
	display: inline;
	width: 500px;
	float: left;
	clear: both;
	margin: 10px 20px
}

form#form_inscripcion h4 {
	height: 24px;
	float: left;
	clear: both;
	margin: 20px 0 5px
}

form#form_inscripcion p {
	font-size: 1.1em;
	font-weight: normal;
	color: #999;
	width: 480px;
	float: left;
	clear: both;
	margin: 5px 0
}

h4#datos_empresa {
	background-image: url(../images/ti_datos.png)
}

h4#contratacion {
	background-image: url(../images/ti_contr.png)
}

h4#forma_pago {
	background-image: url(../images/ti_fpago.png)
}

h4#condiciones {
	background-image: url(../images/ti_condi.png)
}

h4#contrato {
	background-image: url(../images/ti_conco.png)
}

h4#registro {
	background-image: url(../images/ti_conre.png)
}

form#form_inscripcion h5 {
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	color: #999;
	width: 500px;
	float: left;
	clear: both;
	margin: 5px 0
}

form#form_inscripcion label {
	font-size: 1.1em;
	color: #999;
	font-weight: bold;
	text-align: left;
	width: 492px;
	float: left;
	padding: 0 4px;
	margin: 5px 0 0
}

input.casilla {
	float: left;
	clear: left;
	margin: 6px 0 0 5px
}

form#form_inscripcion label.texto_normal {
	font-weight: normal;
	width: 400px;
	float: left;
	padding: 0;
	margin: 5px 0 0 5px
}

.campos500 {
	color: #666;
	background: url(../images/bg_ca500.png) left top no-repeat;
	width: 492px;
	height: 16px;
	float: left;
	clear: both;
	padding: 4px;
	margin: 0;
	border: none 0
}

.areas500 {
	color: #666;
	background: url(../images/bg_ar500.png) left top no-repeat;
	width: 492px;
	height: 72px;
	float: left;
	clear: both;
	padding: 4px;
	margin: 0;
	border: none 0
}

.campos200 {
	color: #666;
	background: url(../images/bg_ca200.png) left top no-repeat;
	width: 192px;
	height: 16px;
	float: left;
	clear: both;
	padding: 4px;
	border: none 0
}

/* Tablas
-------------------------------------------------- */

/* Foro Franquicias
------------------------- */

table {
	display: inline;
	width: 530px;
	float: left;
	clear: both;
	margin: 10px 15px;
	border-collapse: collapse
}

th {
	font-size: 1.3em;
	font-weight: bold;
	color: #4F6B72;
	text-transform: uppercase;
	text-align: left;
	padding: 4px;
	border: solid #C1DAD7;
	border-width: 0 0 1px
}

td {
	font-size: 1.2em;
	color: #4F6B72;
	background-color: #FFF;
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border: solid #C1DAD7;
	border-width: 0 1px 1px 0
}

td.alt {
	background-color: #F1F2F6
}

td.alt2 {
	background-color: #F1F2F6;
	text-align: left;
}

td.datos1 {
	font-weight: bold;
	background: #FFF url(../images/bu_1.png) no-repeat;
	text-align: left;
	border-top: 0;
	border: solid #C1DAD7;
	border-width: 0 1px 1px;
	padding: 4px 4px 4px 12px
}

td.datos2 {
	font-size: 1.2em;
	font-weight: bold;
	background: #F5FAFA url(../images/bu_alt.png) no-repeat;
	text-align: left;
	border: solid #C1DAD7;
	border-width: 0 1px 1px;
	padding: 4px 4px 4px 12px
}

td ul {
	width: 350px;
	margin: 5px 20px;
	list-style: disc;
	list-style-position: outside
}

/* Paginas
-------------------------------------------------- */

div.paginacion {
	font-size: 0.9em;
	font-weight: bold;
	line-height: normal;
	background: url(../images/bg_falno.png) left top no-repeat;
	display: inline;
	width: 100%;
	height: 40px;
	float: left;
	clear: both
}

div.paginacion ul {
	float: right
}

div.paginacion ul li {
	float: left;
	margin: 0;
	list-style: none !important
}

div.paginacion ul li a {
	color: #FFF;
	text-decoration: none;
	background-color: #79C1FC;
	display: block;
	padding: 2px 4px;
	margin: 0 2px;
	border: solid 1px #79C1FC
}

div.paginacion ul li a:hover {
	color:#FFF;
	background-color: #1B4AC9;
	border: solid 1px #2C397E
}

div.paginacion ul li.corriente {
	color: #1B4AC9;
	background-color: #B5E4FC;
	padding: 2px 4px;
	margin: 0 2px;
	border: solid 1px #B5E4FC
}

/* Botones de imagen doble varios
-------------------------------------------------- */

a.botones {
	text-decoration: none;
	display: block
}

a.botones:hover {
	text-decoration: none;
	background-position: bottom
}

a.botones span {
	display: none
}

.activo {
	text-decoration: none;
	background-position: bottom
}

/* Submits
------------------------- */

input.submits {
	background: no-repeat left top;
	border: none 0;
}

input.submits:hover {
	background-position: bottom;
	cursor: pointer
}

/* Identificadores de botones
-------------------------------------------------- */

/* Izquierda
------------------------- */

#leer {
	background-image: url(../images/bt_leer.png);
	display: inline;
	width: 50px;
	height: 18px;
	float: left;
	clear: both;
	margin: 5px 0 0
}

#volver {
	background-image: url(../images/bt_volve.png);
	display: inline;
	width: 56px;
	height: 18px;
	float: left;
	clear: both;
	margin: 5px 0 0
}

#leer1 {
	background-image: url(../images/bt_leer1.png);
	display: inline;
	width: 70px;
	height: 18px;
	float: right;
	clear: both;
	margin: 5px 14px 0 0
}

#descargar1 {
	background-image: url(../images/bt_desc1.png);
	display: inline;
	width: 70px;
	height: 18px;
	float: right;
	clear: both;
	margin: 5px 14px 0 0
}

#leer2 {
	background-image: url(../images/bt_leer2.png);
	display: inline;
	width: 70px;
	height: 18px;
	float: right;
	clear: both;
	margin: 5px 14px 0 0
}

#patrocinar {
	background-image: url(../images/bt_patro.png);
	display: inline;
	width: 113px;
	height: 18px;
	float: right;
	clear: both;
	margin: 10px 25px 5px
}

#descargar2 {
	background-image: url(../images/bt_desc2.png);
	display: inline;
	width: 70px;
	height: 18px;
	float: right;
	clear: both;
	margin: 5px 14px 0 0
}

#participar {
	background-image: url(../images/bt_parti.png);
	display: inline;
	width: 70px;
	height: 18px;
	float: right;
	clear: both;
	margin: 10px 14px 10px 0
}

/* Central
------------------------- */

#ven {
	background-image: url(../images/bt_venym.png);
	width: 98px;
	height: 18px;
	float: left;
	clear: both;
	margin: 5px auto
}

#todos {
	background-image: url(../images/bt_verto.png);
	display: inline;
	width: 70px;
	height: 18px;
	float: right;
	clear: both;
	margin: 5px 0 0
}

#todas {
	background-image: url(../images/bt_verta.png);
	display: inline;
	width: 70px;
	height: 18px;
	float: left;
	clear: both;
	margin: 5px 0 0
}

/* Formularios
------------------------- */

#enviar {
	background-image: url(../images/bt_envia.png);
	width: 70px;
	height: 26px;
	float: left;
	clear: both;
	margin: 10px 0
}

/* Pie
------------------------- */

#lhc {
	background-image: url(../images/bt_lhc.png);
	width: 202px;
	height: 16px;
	float: right
}

/* Utilidades
------------------------- */

/* Recurrentes
-------------------------------------------------- */

.expocosta {
	font-weight: bold;
	color: #999
}

.rgb1 {
	color: #999
}

.rgb2 {
	color: #6AAADF
}

.rgb3 {
	color: #A4D0E7
}

.rgb4 {
	color: #E81400
}

.rgb5 {
	color: #FF6B00
}

.rgb6 {
	color: #FFBB02
}

.izq {
	float: left
}

.der {
	float: right
}

.disnone {
	display: none
}

.limpizq {
	clear: left
}

.reset {
	clear: both
}

.oculto {
	display: none
}

.noconte {
	line-height: 10px;
	height: 10px
}

.nobg {
	background: none
}

.noborde {
	border: none 0
}

/* Otras aportaciones
-------------------------------------------------- */

input.submits {
	text-indent: -9000px;
}

.red {
	color: red!important;
}