/*----------------------------------------------------------------------
' HOJA DE ESTILOS PARA SAMSUNG F330 - AMARAL - NELSON MANDELA
' ARCHIVO: estilos.css
' DESCRIPCION: Hoja de estilos de estructura y contenido
' @AUTOR: (C) ANTONIO ANDUJAR GONZALEZ
' @VERSION 1.0
' @EMPRESA IDEUP! MAYO-2008
-----------------------------------------------------------------------*/

/* elementos generales */

* { border:0;padding:0;margin:0;line-height:inherit;font-weight:inherit;list-style:none; }

body { margin:0 auto;width:960px;background:#000 url(../img/bg.gif) repeat-x;color:#fff;font:normal 11px/16px Arial, Helvetica, sans-serif; }

.clear { clear:left; }


.negritas{font-weight: bold;}
.grande { font-size:16px;}

/* enlaces */

a, a:visited, a:active, a:link { text-decoration:none; }
a:hover { text-decoration:none; }



/* cabecera y menu */

#header { float:left;width:960px;position:relative; }

#header #logo { width:188px;position:absolute;left:0;top:0;z-index:10; }

#header #menu { margin:0 0 0 265px; }
#header #menu ul { margin:2px 0 0; }
#header #menu li, #header #menu em { float:left; }
#header #menu em { margin:0 15px; }
#header #menu li a { font-size:13px;display:block;height:44px;line-height:44px;color:#959494;background:url(../img/dotgrey.gif) repeat-x 0 30px;float:left;width:auto; }
#header #menu li a:hover { color:#fff; }


	/* estilo para la pestana de la seccion activa */
	
	#header #menu li.activo a { color:#fff;background:url(../img/menubgd.gif) no-repeat right bottom;padding:0 10px 0 0;float:left;width:auto; }
	#header #menu li.activo a span { display:block;height:44px;line-height:44px;background:url(../img/menubgi.gif) no-repeat left bottom;padding:0 0 0 10px;float:left;width:auto; }
	
	#header #menu li.participa a { color:#bde80f;font-weight:bold; }
	#header #menu li.participa a:hover { color:#e1f78b;font-weight:bold; }


/* contenido home */

.claim { float:left;width:960px; }
.claim div { float:left;width:auto; }


/* coloca en su posicion el boton de felicitar a nelson mandela */

.relfelicita { position:relative; }
.botonfelicita { position:absolute;top:50px;left:400px;display:none; } /* de momento no se muestra ya que samsung no lo permite */



/* pie de pagina de la home */

#footerhome { float:left;width:960px;height:87px;background:url(../img/footer.gif);color:#555; }
#footerhome.interior { background:url(../img/footerinterior.gif)!important; }
#footerhome .ong { float:left;width:116px;height:87px; }


	/* contiene los bloques del pie de pagina de la home */
	
	#footerhome .bloques { float:left;width:844px;height:87px;line-height:13px; }
	#footerhome .bloques a, #footerhome .bloques a:visited, #footerhome .bloques a:link, #footerhome .bloques a:active { display:block;height:87px;width:100%;color:#555; }
	#footerhome .bloques a:hover { display:block;height:87px;width:100%;color:#888; }
	
	#footerhome .bloques .movistar { float:left;background:url(../img/encuentramovistar.gif);width:240px;height:87px; }
	#footerhome.interior .bloques .movistar { float:left;background:url(../img/encuentramovistar2.gif);width:247px;height:87px; }
	#footerhome .bloques .movistar span { display:block;height:40px;width:125px;margin:22px 0 0 18px; }
	
	#footerhome .bloques .noticias { float:left;background:url(../img/ultimasnoticias.gif);width:204px;height:87px; }
	#footerhome.interior .bloques .noticias { float:left;background:url(../img/ultimasnoticias2.gif)!important;width:207px;height:87px; }
	#footerhome .bloques .noticias span { display:block;height:40px;width:125px;margin:22px 0 0 18px; }
	
	#footerhome .bloques .londres { float:left;background:url(../img/ventealondres.gif);width:209px;height:87px; }
	#footerhome .bloques .londres span { display:block;height:40px;width:125px;margin:22px 0 0 20px; }
	
	#footerhome .bloques .cuentatras { float:left;background:url(../img/cuentaatras.gif);width:191px;height:87px; }
	#footerhome .bloques .cuentatras span { display:block;height:40px;width:135px;margin:22px 0 0 21px; }


/* coloca el pie de pagina con el enlace a ideup */

.bottom { float:left;width:905px;background:url(../img/bottom.gif);line-height:14px;height:14px;font-size:9px;color:#4b4b4b;padding:4px 55px 0 0;text-align:right; }
.bottom a, .bottom a:hover, .bottom a:visited, .bottom a:link, .bottom a:active { color:#4b4b4b; }


/* estilos de paginas interiores */

.head { float:left;width:960px; }
#cara_amaral { position:absolute;left:180px;top:0;z-index:5; }


	/* estilos de la composicion del contenido (lateral y contenido) */
	
	#lateral { float:left;width:256px;min-height:560px;height:560px;background:url(../img/bg_lateral.gif) no-repeat; }
	#lateral ul { float:left;width:256px;margin:20px 0 0; }
	#lateral a { display:block;width:256px;text-indent:-1000000px;height:30px; }
	#lateral .foto { margin:30px 0 20px 25px; }
	#lateral .foto a { display:block;width:200px!important;text-indent:0px!important;height:200px!important; }
	
		/* definimos que fondos lleva cada enlace del menu (transformar texto por imagen con rollover) */
		
		#lateral li.activo a { background-position-y:top !important;background-position:right top!important; }
		
		#lateral a.f330caracteristicas { background:url(../img/secciones/caracteristicas.gif) no-repeat left bottom; }
		#lateral a.f330caracteristicas:hover { background:url(../img/secciones/caracteristicas.gif) no-repeat left top; }
		
		#lateral a.f330diseno { background:url(../img/secciones/diseno.gif) no-repeat left bottom; }
		#lateral a.f330diseno:hover { background:url(../img/secciones/diseno.gif) no-repeat left top; }
		
		#lateral a.f330especificaciones { background:url(../img/secciones/especificaciones.gif) no-repeat left bottom; }
		#lateral a.f330especificaciones:hover { background:url(../img/secciones/especificaciones.gif) no-repeat left top; }
		
		#lateral a.f330accesorios { background:url(../img/secciones/accesorios.gif) no-repeat left bottom; }
		#lateral a.f330accesorios:hover { background:url(../img/secciones/accesorios.gif) no-repeat left top; }
		
		#lateral a.f330descargas { background:url(../img/secciones/descargas.gif) no-repeat left bottom; }
		#lateral a.f330descargas:hover { background:url(../img/secciones/descargas.gif) no-repeat left top; }
	
	
	
	#contenido { float:left;width:704px;min-height:560px;height:auto;_height:560px;background:url(../img/bg_content.jpg) no-repeat; }
	#contenido.j440 { float:left;width:704px;min-height:560px;height:auto;_height:560px;background:url(../img/bg_content2.jpg) no-repeat!important; }
	#contenido .titulo { float:left;width:704px; }
	#contenido .contenido_inside { float:left;width:644px;padding:0 30px; }
	#contenido .contenido_inside .minititular { float:left;width:644px;margin:0 0 5px; }
	#contenido .contenido_inside p { float:left;width:644px;margin:0 0 15px;text-align:justify;line-height:16px;color:#cecece; }
	#contenido .contenido_inside .especificaciones { float:left;width:302px;color:#cecece;line-height:20px;padding:10px 20px 20px 0; }
	#contenido .contenido_inside .tituloul { font:bold 11px/25px Arial, Helvetica, sans-serif;color:#fff;background:url(../img/bgrallas.gif) repeat-x left bottom !important;padding:0 0 0 5px;margin:0 0 5px;text-transform:uppercase; }
	#contenido .contenido_inside .tdnormal { font:normal 11px/25px Arial, Helvetica, sans-serif;background:url(../img/dotgrey.gif) repeat-x left bottom;padding:0 0 0 5px;margin:0 0 5px;color:#cecece; }
	#contenido .contenido_inside .especificaciones li { background:url(../img/arrow.gif) no-repeat left 9px;padding:0 0 0 10px; }
	#contenido .contenido_inside .separador { background:url(../img/dotgrey.gif) repeat-x left bottom;height:1px;float:left;width:644px;margin:0 0 10px; }
	#contenido .contenido_inside .tabla_bateria { float:left;width:644px;margin:0 0 10px;border-collapse:collapse; }
	#contenido .contenido_inside a { color:#ccc;background:url(../img/dotgrey.gif) repeat-x left bottom;padding:0 0 2px;font-style:normal; }
	#contenido .contenido_inside a:hover { color:#fff; }
	
	#contenido .accesorio { float:left;width:auto;height:132px; }
	
	#contenido .descargas_movil { float:left;width:630px;padding:10px 37px; }
	
	#contenido #caracteristicas_generales { float:left;width:630px;background:url(../img/iconos_suite.gif) no-repeat 25px top; }
	#contenido #caracteristicas_generales ul { float:left;width:530px;padding:20px 0 20px 100px;background:url(../img/dotgrey.gif) repeat-x left bottom;color:#cecece; }
	#contenido #caracteristicas_generales li { padding:0 20px 0 0; }
	#contenido #caracteristicas_generales .titulo_caracteristica { font:bold 11px/11px Arial, Helvetica, sans-serif;color:#fff;margin:0 0 5px;padding:0 0 0 7px;text-transform:uppercase;background:url(../img/arrow.gif) no-repeat left 5px; }
	#contenido #caracteristicas_generales #botones_caracteristicas { float:left;width:630px;text-align:center;padding:30px 0; }
	#contenido #caracteristicas_generales #botones_caracteristicas a { margin:0 40px; }
	
	.sorpresas { text-align:center;background:url(../img/dotgrey.gif) repeat-x left bottom;margin:0 0 20px; }


/* contenido para la pagina del concierto */

.foto_artista { float:left;width:120px;height:180px; }
.foto_artista img { padding:1px;border:1px dotted #333; }
.info_artista { float:left;width:520px;height:180px;text-align:justify; }
.info_artista p { font:bold 12px/16px Arial, Helvetica, sans-serif;margin:0;padding:0;width:520px!important; }

.video_artista { float:left;width:120px;height:115px; }
.video_artista img { padding:1px;border:1px dotted #333; }
.descarga_artista { float:left;width:520px;height:115px;text-align:justify; }
.descarga_artista strong { font-weight:bold; }
.descarga_artista a { color:#ccc;background:url(../img/dotgrey.gif) repeat-x left bottom;padding:0 0 2px;font-style:normal; }
.descarga_artista a:hover { color:#fff; }
.descarga_artista li { font-style:italic;color:#aaa; }
.descarga_artista em { font-style:normal;padding:0 5px 0 0;font-weight:bold;color:#fff; }

/* estilos para el formulario */

#formulario { float:left;width:600px; }
#formulario label { float:left;display:block;width:150px;font:bold 12px/30px Arial, Helvetica, sans-serif;margin:0 0 10px;color:#aaa; }
#formulario input { padding:5px;font:normal 12px/16px Arial, Helvetica, sans-serif;color:#aaa;background:#111;border:2px solid #444;width:250px;margin:0 0 10px; }
#formulario input.radio { padding:0;font:normal 12px/16px Arial, Helvetica, sans-serif;color:#aaa;background:transparent;border:0;width:auto;margin:0 20px 0 0; }
#formulario select { padding:5px;font:normal 12px/16px Arial, Helvetica, sans-serif;color:#aaa;background:#111;border:2px solid #444;margin:0 10px 10px 0; }
#formulario br { clear:left; }
#formulario input.boton_enviar { padding:0;font:normal 12px/16px Arial, Helvetica, sans-serif;color:#aaa;background:#111;border:0;width:auto;margin:10px 0 10px 255px; }

#imei { background:#111;border:2px solid #444;padding:10px;color:#aaa;width:388px; }
#imei strong { font-weight:bold; }

/* estilos para la pagina de provincias */

.mapa_provincias { text-align:center;margin:0 0 20px; }
.mapa_provincias select { width:90%;padding:10px;font:normal 18px/24px Arial, Helvetica, sans-serif;color:#aaa;background:#1e1e1e;border:2px solid #666; }

/* pie de pagina de las paginas interiores */

#footerbottom { float:left;width:920px;background:url(../img/footerbottom.jpg);line-height:13px;height:13px;font-size:9px;color:#4b4b4b;padding:4px 40px 0 0;text-align:right; }
#footerbottom a, #footerbottom a:hover, #footerbottom a:visited, #footerbottom a:link, #footerbottom a:active { color:#4b4b4b; }

/*estilos para el webcast*/
#home_centro {
width:960px;
height:497px;
background-image: url("../img/central3.jpg")
}