/* CSS Document
Todos los estilos tienen nombres descriptivos. 
No poner acentos, los exploradores ie lo interpretan mal
Los estilos con # delante hacen referencia a identificadores (id="identificador") de etiquetas xHTML
 */
body{text-align:center}
body,table{margin:0; font-size:11px}
#general{text-align:left;font-family:verdana, arial, tahoma; font-size:11px; color:#333; width:763px; margin:0 auto}
#formWork{text-align:left;font-family:verdana, arial, tahoma; font-size:11px; color:#333}
#formWork P{margin:0.4em}
#formWork P A{color:#ff6600; font-weight:bold}
#formWork P A:hover{text-decoration:none;}
.txtGris{font-size:10px; color:#666}
.txtApartado{font-size:12px; color:#ff6600; font-weight:bold}
.txtApartado{border-bottom:1px solid #F7E1CE}
#cabecera IMG{float:left}
#banderas{float:right; margin-top:3em;}
/*Para ocultar las banderas que no queremos que salgan en la web*/
#fra{display:none}
#ale{display:none}

/*Menu superior*/
#menu{clear:left;border-top:8px solid #FF6600; background-color:#4B4B4B; height:26px;}
#menu TH{text-align:center}
#menu TH A{color:white; text-decoration:none; font-weight:bold; width:100%}
#menu TH A:hover{color:#F7E1CE; text-decoration:underline}
.selecMenu{background-color:#F7E1CE; color:#333}

/*Zona Flash de la HOME*/
#flash{height:180px; border:1px solid #333; background:white url(../img/secciones/fd200px.gif) repeat-y}
#flash DIV{float:left;}
#flash UL{margin:0.1em 0 3px 0; width:182px; padding-left:1.6em;background-color:white}
#flash LI{list-style-image: url(../img/vinetaNar.gif);padding:0;font-size:10px;list-style-position: outside;}
#flash OBJECT{float:right;}

/*Destacados de la HOME*/
#destacados{margin:2px 0}
#destacados H1{background-color:#4B4B4B; color:white; font-size:12px; padding:4px; margin:4px 0}
#destacados P{float:left; padding:0 0.4em;margin:0}
#destacados H1 A{text-decoration:none; color:white}
#destacados A{color:#4b4b4b}
#destacados A:hover{text-decoration:underline;color:#999}
#destacados P A{color:#ff6600; font-weight:bold; float:right}
#des1{background-color:#F7E1CE; float:left; width:379px; height:125px}
#des1 IMG{border: 1px solid #666; float:left;margin:2px 4px}
#des2{background-color:#F7E1CE; float:right; width:379px; height:125px}
#des2 IMG{border: 1px solid #666; float:right; margin:2px 4px}

/*Secciones de texto*/
#secciones{background-color:#ff6600; width:200px;height:310px; float:left;border-right:2px solid white}
#secciones IMG{border-top:2px solid white;border-bottom:2px solid white}
#contenido H2{background-color:#F7E1CE;color:#4B4B4B; font-size:14px; margin:2px 0 0 2px; padding:2px}
#contenido{background: url(../img/secciones/fd200px.gif) repeat-y;background-position: left;}
#texto{margin-left:210px;padding:0 10px}
#texto A{color:#ff6600; font-weight:bold}
#texto A:hover{text-decoration:none;font-weight:bold}
#texto UL{margin:1em; padding-left:2.6em;background-color:white}
#texto LI{list-style-image: url(../img/vinetaNar.gif);padding:0;margin:1em}
#texto P{text-align:justify}
#texto H3{text-align:left; font-size:11px; color:#666; background:#EDEDED URL(../img/flechaGris.gif) no-repeat; padding:4px 1.2em}

#contacto{background: url(../img/secciones/fdContacto.gif) no-repeat;padding:1em 5em; height:185px; margin-left:2em}

/*Estilo de los formularios*/
form{margin:0 ; font-family:verdana; font-size:11px}
form TH{font-weight:bold; text-align:right}
input{background-color:#FBF0E7;color:#4B4B4B;border:1px solid #f60; font-size:10px;margin: 2px}
select{background-color:#FBF0E7;color:#4B4B4B;border:1px solid #f60; font-size:10px;margin: 2px}
textarea{color:#4B4B4B;border:1px solid #ff6600; font-size:11px;margin: 2px; font-family:verdana}
.enviar{ font-weight:bold; font-size:12px;border:2px solid #F7E1CE; width:120px;background-color:#f60;color:white}
#tipos input{background-color:white!important;color:#4B4B4B;border:0; font-size:10px}/*Tipos de categorias*/
#tipos TD{border-bottom:1px solid #FDF1E6}
#tipos .otro{background-color:#FBF0E7!important;color:#4B4B4B;border:1px solid #f60;}

/*Pie de pagina*/
#pie{float:left;clear:left;color:#666; font-size:10px; text-align:center; width:763px; margin-top:0.3em}
#pie A{font-weight:bold; color:#ff6600;}
#pie A:hover{ color:#666; text-decoration:none}

/*Estilos que se usan solo para imprimir, te formatean el texto como uno quiera*/
@media print {
	#texto{margin-left:0;}
	#general{width:auto}
	#secciones{display:none}
	#contenido{margin:0; padding:0}
	#flash OBJECT{display:none}
	#des1{background-color:#F7E1CE;width:auto}
	#des2{background-color:#F7E1CE;width:auto}
}