/*  CSS tramits de AESS  */
/*  Hoja de estilos general  */


body { margin:0; padding:0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#666; background: #EAEAEA;}

/* 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;}
strong {color:#ff6600;}
strong.sincolor {color:#000000;}

/* 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:#ED5704; text-decoration:none;}
a:hover { color:#000;}


/* Formularios
--------------------------------------------------------------------------- */
form, fieldset { margin: 0; padding: 0;}
fieldset { border: 0; margin:0; padding:0; clear:both;}
legend { display:none;}
input, textarea, select { margin: 0; font: 11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #C3C3C3; border-top-color:#7C7C7C; color:#666; border-bottom-color:#DDD;}
textarea { height: 80px;}
input:focus, textarea:focus { background:#fad5c0; color:#000;}
select { font-family:"Courier New", Courier, mono; font-size:11px;}


/* Alineados
--------------------------------------------------------------------------- */
.izq { float: left; margin:10px 10px 8px 0; border:1px solid #A8B0B8; border-bottom:4px solid #ED5704;}
.der { float: right; margin:10px 0 8px 10px; border:1px solid #A8B0B8; border-bottom:4px solid #ED5704;}


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


/* Container
--------------------------------------------------------------------------- */
#container { position: relative; margin:0 auto; width:767px; text-align:left;}
#container2 { float:left; width:767px; background: #FFF url(/recursos/pla_aess/images/body.gif) right top repeat-y;}
* html #container2 { padding-bottom:20px;} /*Hack IE*/


/* Header
--------------------------------------------------------------------------- */
#header { float:left; width:750px; height:210px; margin:0 0 0 10px; background: transparent url(/recursos/pla_aess/images/head1.jpg) left bottom no-repeat; display:inline;}
	
	/* Logo */
	#logo{ position:absolute; top:18px; left:32px;}		
	
	/* Navegacion */
	#nav ul{ float:right; background: transparent url(/recursos/pla_aess/images/nav_back.gif) left top repeat-x; font: bold 14px/14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}		
	#nav ul li{	float:left; padding:0 1px 1px 2px; background: transparent url(/recursos/pla_aess/images/nav_item_back.gif) left top no-repeat;}
	#nav ul li a{ float:left; display:block; padding:11px 16px; border-top:4px solid #ED5704;}
	#nav ul li a:hover, #nav ul li.seleccionado a, #nav ul li a.a{ border-top:4px solid #9098A1; background: transparent url(/recursos/pla_aess/images/boton_over.gif) left bottom repeat-x; color:#000;}
	#nav a.act { border-top:4px solid #9098A1; background: transparent url(/recursos/pla_aess/images/boton_over.gif) left bottom repeat-x; color:#000;}
	#nav a.a { border-top:4px solid #9098A1; background: transparent url(/recursos/pla_aess/images/boton_over.gif) left bottom repeat-x; color:#000;}

/* Navegacion Secundaria
--------------------------------------------------------------------------- */
#navsec { float:left; width:160px; height:500px; margin:10px 0 0 10px; background: transparent url(/recursos/pla_aess/images/fondo_izq.gif) left top no-repeat; display:inline;}		
	
	#menu ul{ float:left; margin:4px 0; font: bold 11px/11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}		
	#menu ul li { float:left; width:150px; padding:0 5px; margin-top: 7px;}
	#menu ul li a { display:block; padding:2px 0 2px 18px; background: transparent url(/recursos/pla_aess/images/ico_cajita.gif) left center no-repeat;}
	#menu ul li a:hover, #navsec ul li.seleccionado a { background: transparent url(/recursos/pla_aess/images/ico_cajita_over.gif) left center no-repeat; color:#000;}
	#menu a.act { background: transparent url(/recursos/pla_aess/images/ico_cajita_over.gif) left center no-repeat; color:#000;}
	#menu a.a { background: transparent url(/recursos/pla_aess/images/ico_cajita_over.gif) left center no-repeat; color:#000;}
	#menu p{ height:170px; background: transparent url(/recursos/pla_aess/images/frase.gif) no-repeat; z-index:1;}		
	#menu p span{ position: relative; background: transparent url(/recursos/pla_aess/images/frase.gif) no-repeat; z-index:-1;}		
#login {padding:5px;}
#fedessa { padding-top:30px;}
#fedessa img {}


/* Contenido
--------------------------------------------------------------------------- */
#contenido { float:left; width:546px; margin:10px -3px 20px 10px; padding:10px 12px; background: transparent url(/recursos/pla_aess/images/fondo_degradado_contenido.gif) left top repeat-x;}
	#contenido h2{ margin-bottom:6px; padding-bottom:4px; background: transparent url(/recursos/pla_aess/images/linea_titulo.gif) left bottom no-repeat; font:24px/24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#ED5704;}
	#contenido h3{ margin-top:20px; font-size:12px; line-height:14px; color:#5E5C5C;}
	#contenido p { margin-top:14px; line-height:14px;}
	
	/*Listas*/
	#contenido ul.lista { line-height:14px;}
	#contenido ul.lista li { margin:6px 0; padding-left:12px; background: transparent url(/recursos/pla_aess/images/bullet_normal.gif) left top no-repeat;}

	/*Listas de enlaces*/
	#contenido ul.enlaces li { padding-left:0; background: none;}
	#contenido ul.enlaces li a{ padding-left:12px; background: transparent url(/recursos/pla_aess/images/bullet_link.gif) left top no-repeat;}
	#contenido ul.enlaces li a:hover{ background: transparent url(/recursos/pla_aess/images/bullet_link_over.gif) left top no-repeat;}

	/*Miembros*/
	.miembros { float:left; margin:5px 0; padding:5px 0; border-bottom:2px dotted #ccc;
	 /*
background: transparent url(/recursos/pla_aess/images/fondo_degradado_miembros.gif) left top repeat-y;
*/}
	.miembros .izda{ float:left; width:165px;}
	.miembros .izda img { float:left; border:1px solid #A8B0B8; border-bottom:3px solid #ED5704;}
	.miembros .dcha { float:right; width:335px;}
	.miembros .dcha h3 {margin:0 0 10px 0!important; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:15px!important;}
	.miembros .dcha p {margin:0 0 2px 0!important; }
	.miembros .dcha p a { color:#666; text-decoration:underline;}
	.miembros .dcha p a:hover { color:#000;}
	.miembros ul li {  padding-left:0; background:none!important;}
	
	
	#contenido form { margin-top:10px;}
	#contenido form p{ float:left; margin-top:5px;}
	#contenido form p label { float:left; margin:0; padding:0; width:546px; vertical-align:middle;}
	#contenido form p label span{ float:left; display:block; width:120px; padding-top:3px; font-weight:bold;}
	#contenido form p label span.grande{ float:left; display:block; width:150px; padding-top:3px; font-weight:bold;}
	#contenido form p input { float:left; width:130px;}
    #contenido form .bot {float:left; clear:left; text-align:left; background-color:##999999; display:block; padding:5px 0 0 120px;}
	#contenido form .botgrande {float:left; clear:left; text-align:left; background-color:##999999; display:block; padding:5px 0 0 150px;}
	#contenido form p#campos{ float:left; width:40%; margin-top:19px; font-size:10px;}
	#contenido form p#campos span{ color:#ED5704;}
	/*  Foro */ 
	#contenido #foro_preg { margin-bottom:20px; border-bottom:1px solid #CCCCCC;}
	
	/*Formulario de contacto*/
	#contenido form#contacto p label { float:left; margin:0; padding:0; width:546px; vertical-align:middle;}
	#contenido form#contacto p label span{ float:left; display:block; width:180px; padding-top:3px; font-weight:bold;}
	#contenido form#contacto p label span span { float:none; display:inline; color:#ED5704;}
	#contenido form#contacto p label input,
	#contenido form#contacto p label textarea{ float:right; width:360px; padding:2px;}
	#contenido form#contacto p#campos{ float:left; width:40%; margin-top:19px; font-size:10px;}
	#contenido form#contacto p#campos span{ color:#ED5704;}
	
	#contenido form p#botonera{ float:right; width:40%; margin-top:15px;}
	#contenido form p#botonera input{ float:right; margin: 0 1px 2px 0; padding: 2px 4px; border:1px solid #ED5704; font-weight:bold; text-transform:uppercase; color: #ED5704;background-color:#E6E9ED;}
	* 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: #000;}


/* Footer
--------------------------------------------------------------------------- */
#footer, #footer_home { float:left; width:754px; margin-bottom:20px; text-align:right; font-size:10px; line-height:10px;}
#footer { padding:17px 13px 0 0; background: #EAEAEA url(/recursos/pla_aess/images/footer.gif) left top no-repeat;}
#footer_home { padding:134px 13px 0 0; background: #EAEAEA url(/recursos/pla_aess/images/footer_home.gif) left top no-repeat;}
#footer a, #footer_home a{ color:#000; text-decoration:underline;}
#footer a:hover, #footer_home a:hover{ color:#ED5704;}
.col_1, .col_2 { float:left; width:50%;}

.listafotos ul li { list-style-type:none; float:left; background:transparent; }
.listafotos ul li a {background-image:none;}

#noticias_listado { padding:4px;}
#noticias_listado h1 {font-size:1.5em;}
#noticias_listado h2 {font-size:1.2em;}
#noticias_listado h3 {color:#666666;}
#noticias_listado span.fecha {color:#999999; font-size:.7em; display:block;}
#noticias_listado div.breve {font-size:.9em;}

ul#imgs {display:none;}