/*  CSS de MMWW08  */
/*  Hoja de estilos general  */

body { margin:0; padding:0; background:#FFFFFF; font: normal 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#3C3937;}
/* body { margin:0; padding:0; background:#FFF url(/recursos/pla_mmww/images/body.gif) left top no-repeat; font: normal 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#3C3937;}*/


/* Reset
--------------------------------------------------------------------------- */
body, blockquote { margin: 0; padding: 0;}
a img, iframe { border: none;}
acronym, abbr { border: none; cursor: help;}
.access { display:none;}
hr { display:none;}
table { border-collapse: collapse; font-size:1em;}
caption { display:none;}


/* Encabezados y parrafos
--------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; font-size:100%;}


/* Listas
--------------------------------------------------------------------------- */
ul, ol, dl, li, dt, dd { margin: 0; padding: 0;}
li { list-style-type:none;}


/* Enlaces
--------------------------------------------------------------------------- */
a, a:link { color:#3C3937; text-decoration:underline;}
a:hover { color:#D42E12;}


/* Formularios
--------------------------------------------------------------------------- */
form, fieldset { margin: 0; padding: 0;}
fieldset { border: 0; margin:0; padding:0;}
legend { display:none;}
input, textarea, select { margin: 0; font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border:1px solid #61BF1A; color:#3C3937; background:#F4ECF4;}
textarea { height: 90px;}
input:focus, textarea:focus { background:#FFF; color:#000;}


/* Alineados
--------------------------------------------------------------------------- */
.izq { float: left; margin:0 10px 5px 0;}
.der { float: right; margin:0 0 5px 10px;}


/* Limpiador
--------------------------------------------------------------------------- */
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}


/* Colores
--------------------------------------------------------------------------- */
.morado { color:#964594;}






/* Header
--------------------------------------------------------------------------- */
#header { float:left; width:760px; height:130px;}
	
	/* Logo */
	#logo{ float:left; margin: 4px 0 0 20px;}		
	
	/* Banner */
	#banner{ float:right; width:442px; height:90px; color:#FFF; font-size:12px; line-height:13px; text-align:right;}		

/* Container
--------------------------------------------------------------------------- */
#container { float:left; width:760px; background: transparent url(/recursos/pla_mmww/images/back_container.gif) left top repeat-y;}


/* Navegacion
--------------------------------------------------------------------------- */
map#nav div { float:right; width:190px; background: #F0F0F0 url(/recursos/pla_mmww/images/nav_back_arriba.gif) left top no-repeat; font-weight:bold;}
	map#nav div ul{ float:left; width:190px; padding: 11px 0 16px 0; background: transparent url(/recursos/pla_mmww/images/nav_back_abajo.gif) left bottom no-repeat;}
	map#nav div ul li{ float:left; width:175px; margin:4px 5px 4px 10px; display:inline;}
	map#nav div ul li a{ color:#000; padding: 4px 0 0 17px; display:block; text-decoration:none;}
	map#nav div ul li a:hover{ background:transparent url(/recursos/pla_mmww/images/nav_over.gif) left top no-repeat;}
	map#nav div ul li a.a{ color:#D42E12; background:transparent url(/recursos/pla_mmww/images/nav_on.gif) left top no-repeat;}

	map#nav div ul li ul{ background:none; width:auto; padding:0; float:none; font-size:11px; font-weight:normal;}
	map#nav div ul li ul li{ float:left; width:158px; margin: 1px 0 1px 17px;}
	map#nav div ul li ul li a{ padding:0 0 0 7px; width:151px; background: transparent url(/recursos/pla_mmww/images/subnav_off.gif) left top no-repeat;}
	map#nav div ul li ul li a:hover{ color:#3c3937; background: transparent url(/recursos/pla_mmww/images/subnav_over.gif) left top no-repeat;}
	map#nav div ul li ul li a.a{ background: transparent url(/recursos/pla_mmww/images/subnav_on.gif) left top no-repeat;}

map#nav div div#idiomas { text-align:center; padding-top:10px; }
map#nav div div#idiomas a { text-decoration:none; }
map#nav div div#idiomas a.act{ color:#CC0000; }

/* Contenido
--------------------------------------------------------------------------- */
#contenido { float:left; width:465px; margin-left:100px; display:inline;}
	
	/* Titulo */
	h2{ margin:18px 25px 26px 0; color:#3F005E; font-size:24px; text-align:right;}		
	h2 span{ display:block;}

	/* CWT - Client Want This */
	#cwt{ height:400px; width:450px; padding-right:10px; overflow:auto;}		
	
	/* Subtitulo */
	h3{ color:#964594; font-size:14px; margin: 26px 0 3px 0;}		
	h3.primero{ margin:0;}		
	
	/* Parrafos */
	#contenido p{ margin-bottom:12px;}
	
	/* Imagenes */
	img.grande{ margin-top:6px; padding:9px; background:#F6F6FA; border:1px solid #D6D6D6;}
	
	/* Tecnica basada en la de Gianluca Troiani, pero corrige el problema de accesibilidad que se produce al aumentar la medida de la fuente - Fi Image Replacement */
	.imgdeco{ z-index: 1; width:115px; background: transparent url(/recursos/pla_mmww/images/mascara_deco.gif);}                                                        
	html>body .imgdeco{ position: relative;}   
	.imgdeco{ display: block; min-height: 115px;}
	* .imgdeco{ height: 115px;}
	.imgdeco img{ position: relative; z-index: -1;}	

	/* Listas normales */
	#contenido ul{ margin-bottom:24px;}
	#contenido ul li{ margin-left:25px; padding-left:10px; background: transparent url(/recursos/pla_mmww/images/bullet.gif) left top no-repeat;}

		/* Listas con texto pequeno */
		#contenido ul.pequena{ font-size:12px;}
		#contenido ul.pequena li{ margin:0; padding:0; background:none;}

		/* Listas de enlaces */
		#contenido ul.enlaces li{ background: transparent url(/recursos/pla_mmww/images/bullet_link.gif) left top no-repeat;}

	/* Listas de definicion */
	#contenido dl dd{ margin:8px 0 24px 0;}
	#contenido dl dd ul{ margin-bottom:0;}

	/*Formulario de contacto*/
	#contenido form p label span{ float:left; display:block; width:100%; font-weight:bold; color:#964594;}
	#contenido form p label input, #contenido form p label textarea{ width:433px; padding: 1px 2px; margin-top:1px;}
	#contenido form p label.radio{ float:left; width:100%;}
	#contenido form p label.radio span{ width:auto; padding-left:10px;}
	#contenido form p label.radio input{ float:left; width:auto;}	
	
	#contenido form p#campos{ float:left; width:40%; margin-top:19px; font-size:10px;}
	#contenido form p#campos span{ color:#ED5704;}
	
	#contenido form p#botonera{ float:left; width:430px; margin-top:15px;}
	#contenido form p#botonera input{ float:right; margin: 0 1px 2px 0; padding: 2px 4px; border:1px solid #D42E12; font-size:14px; font-weight:bold; text-transform:uppercase; color: #000;}
	* html #contenido form p#botonera input{ overflow: visible;} /*Hack IE padding absurdo de los botones*/
	#contenido form p#botonera input:hover{ margin: 2px 0 0 1px; color: #D42E12;}