/* -------------------------------------------------------------- 
   
   cici.css
   * Hoja de estilo para la pagina web de CICI CREAMUNDOS
   Contiene las especificaciones de HTML, BODY, CABECERA,
   MENU MINIATURA, CONTENIDO TEXTO A 2 COLUMNAS Y PIE. 
   
-------------------------------------------------------------- */



a:hover {
	text-decoration: none;
	color: #89C320;
}
a:active {
	text-decoration: none;
}



/* HTML
-------------------------------------------------------------- */
html {
	height: 100%;
	background-image: url(IMG/imgpatron_fondoblanco.jpg);
	background-repeat: repeat;
	background-position: center;	
}
	

/* BODY
-------------------------------------------------------------- */
body {
	height: 100%;
	background-image: url(IMG/fondo_cabecera_2000px.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -5px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/* CONTENIDOS DE LA CABECERA
-------------------------------------------------------------- */

  /* Fondo Cabecera
  -----------------*/
  #cabecera{
	height: 510px;
	width: 846px;
  }
  
  

  
  /* Logotipo CICI CREARMUNDOS
  ----------------------------*/
  #cabecera #logo_contacto #cici_logotipo {
	height: 106px;
	width: 668px;
	
  }
  
    #cabecera #logo_contacto #img_cici_logotipo {
	margin-top: 65px;
	margin-left: -140px;
	
  }

  
  /* Contenidor Menu Principal Textual
  ------------------------------------*/
  #cabecera #menu_principal { margin-top: 53px; }
  
  /* Menu INICIO
  ----------------------------*/
  .menu_inicio {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFF;
	text-decoration: none;
  }
  
  /* Menu PROGRAMA
  ----------------------------*/
  .menu_programa {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: small;
	  color: #FFF;
	  text-decoration: none;
	  padding-left: 30px;
  }
  
  /* Menu ORGANIZACION
  ----------------------------*/
  .menu_organizacion {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: small;
	  color: #FFF;
	  text-decoration: none;
	  padding-left: 30px;
  }
  
  /* Menu INSCRIPCIONES
  ----------------------------*/
  .menu_inscripcion {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: small;
	  color: #FFF;
	  text-decoration: none;
	  padding-left: 30px;
  }
  
  /* Menu INFORMACION
  ----------------------------*/
  .menu_informacion {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: small;
	  color: #FFF;
	  text-decoration: none;
	  padding-left: 30px;
  }
  
  /* Menu DOSIER DE PRENSA
  ----------------------------*/
  .menu_dosier {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: small;
	  color: #FFF;
	  text-decoration: none;
	  padding-left: 30px;
  }
  
    /* Menu DOSIER DE PRENSA
  ----------------------------*/
  .menu_contacto {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: small;
	  color: #FFF;
	  text-decoration: none;
	  padding-left: 30px;
  }
  
  
  
 /* Menu MINIATURA
 ----------------------------*/
 #cabecera #miniaturas { margin-left: 0px; }
  
   /* Menu PANELES INTEGRADOR
 ----------------------------*/
  #cabecera #miniaturas #paneles #img_paneles {
	  width: 151px;
	  height: 168px;
	  padding-top: 35px;
  }

  
 /* Menu COMUNICACIONES
 ----------------------------*/
  #cabecera #miniaturas #comunicaciones #img_comunicaciones {
	  width: 151px;
	  height: 168px;
	  padding-top: 35px;
	  padding-left: 40px;  
  }
  
  
 /* Menu COMUNIDADES 
 ----------------------------*/
  #cabecera #miniaturas #comunidades #img_comunidades {
	  width: 151px;
	  height: 168px;
	  padding-top: 35px;
	  padding-left: 40px; 
  }
  
 /* Menu ACTIVIDADES
 ----------------------------*/ 
  #cabecera #miniaturas #actividades #img_actividades {
	  width: 151px;
	  height: 168px;
	  padding-top: 35px;
	  padding-left: 40px; 
  }


  #cabecera #redessociales {
  	width: 400px;
	height: 20;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #92B432;
	padding-top: 13px;
	margind-left: 0px;
	float: left;
  }

#cabecera #redessociales .miniaturas_txt {
	
}




/*CONTENIDO LOCALIZACION, TEXTUAL Y LOGOTIPO
	*La pagina esta centrada asi que todo el contenido tiene 
	que tener un /margin-letf: -730px/, a no ser cuando las 
	divs se compensan, como es el caso en las definiciones de
	la /Columna Izquierda/ y /Columna Derecha/
-------------------------------------------------------------- */
  #contenido {
	width: 846px;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	margin-bottom: 25px;
  }
  
  
  /* LOCALIZADOR y FILETE
   ----------------------------*/
  #contenido #localizador {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #666;
	float: left;
	margin-left: -730px;
	margin-top: 10px;
  }
  
  #contenido #loc_inicio {
	text-decoration: none;
	margin-top: 10px;
  }
  
  
  /* Columna de la Izquierda
   ----------------------------*/
  #contenido #cont_texto {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: left;
	width: 580px;
	float:left;
	margin-left: 25px;
	padding: 0px;
  }
  
  /* Columna de la derecha
   ----------------------------*/
  #contenido #cont_logos {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	color: #999;
	float: right;
	width: 200px;
  }
  
  /* Definicion de TITULAR
  ----------------------------*/
  h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #C09;
	text-decoration: none;
  }
  
  /* Definicion de CUERPO
  ----------------------------*/
  .cuerpo_txt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
	text-decoration: none;
  }
  /* Definicion de SUBTITULAR
  ----------------------------*/
  .subtitulo {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
	list-style-position: outside;
	list-style-type: lower-roman;
	text-decoration: none;
  }
  
  /* Definicion de LISTADO
  ----------------------------*/
  .lista_txt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
	text-decoration: none;
  }
 
 
   /* Definicion DESTACADOS
   
      * Utilizado en cici_organizacion.html
	---------------------------------------*/
  .cuerpo_destacado {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
	font-weight: bold;
	color: #521273;
	text-decoration: none;
  }
  
  
  /* Definicion cabecera programa izquierdo
  	 *utilizado en cici_programa.html
   ---------------------------------------*/
	 
  #contenido #cont_texto .prog_izq{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #C09;
	text-decoration: none;
	text-align:left;
	vertical-align:bottom;
  }
  
  
    #contenido #cont_texto .prog_der{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
	font-weight: bold;
	color: #521273;
	text-decoration: none;
	text-align: right;
	vertical-align:bottom;
  }
  

  /* Definicion de CUERPO en BOLD
  ----------------------------*/
  .cuerpo_txtbold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333;
	text-decoration: none;
	font-weight: bold;
  }


/*PIE*/

  /* Barra del pie de web
  ----------------------------*/
  #pie {
	  background-image: url(IMG/barrapie.jpg);
	  background-repeat: no-repeat;
	  width: 846px;
	  height: 49px;
	  clear: both;
  }
  
  #pie #cont_pie {
	padding-top: 18px;
	padding-right: 80px;
	float: right;
  }
  
  /* Terminos de Uso
  ----------------------------*/
  #pie #cont_pie #terminos {
	height: 10px;
	width: 100px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #CCC;
	text-decoration: none;
  }
  
  /* Politica de Privacidad
  ----------------------------*/
  #pie #cont_pie #privacidad {
	  height: 10px;
	  width: 100px;
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: small;
	  color: #CCC;
	  text-decoration: none;
  }
  
  /* Menu Ayuda
  ----------------------------*/
  #pie #cont_pie #ayuda {
	  height: 10px;
	  width: 100px;
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: small;
	  color: #CCC;
	  text-decoration: none;
  }
  
  /* Menu Mapa Web
  ----------------------------*/
  #pie #cont_pie #mapaweb {
	  height: 10px;
	  width: 100px;
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: small;
	  color: #CCC;
	  text-decoration: none;
  }