@charset "utf-8";

               
/* CLASES COMUNES */

        * {
                margin: 0;
                padding: 0;
                border: none;
        }
		
	body {
		background:#FFF url(../img/bg-body.jpg) repeat-x top left;
		text-align:center;
	}
		
        html {
                font: 11px "Trebuchet MS", Lucida, Verdana, sans-serif;
		color:#666;
                text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
        }

	h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
                font-weight: normal;
        }
        
       	h2{
		font-size: 25px;	
	}
	h3{
		margin-bottom:10px;
		font-weight:bold;
	}

	ul {
		list-style-type:none;
	}
		

        sup {
                position: relative;
                bottom: 0.3em;
                vertical-align: baseline;
        }
		
        sub {
                position: relative;
                bottom: -0.2em;
                vertical-align: baseline;
        }
		
        a, a:link, a:visited, a:hover, a:active {
                text-decoration: none;
        }
	
	a:link, a:visited {text-decoration:none; color:#30758d}
	a:hover, a:active {color:#0b3f63}

		
        a img {
                border: none;
                text-decoration: none;
        }
		
        img {
                border: 1px solid #f1f5f7;
				padding:2px;
                text-decoration: none;
        }
		
        label, button {
        	cursor:pointer;
        }
		
        input, select, textarea {
                font-size: 98%;
        }
		
        input:focus, select:focus, textarea:focus {
                background-color: #FFF;
        }
		
        fieldset {
                border: none;
        }
        
        hr { border: 0; outline: none; display: block; width:99%;color: #dfdfdf; background-color: #dfdfdf; height: 1px;}
		
        .clear {
                clear: both;
        }
		
        .float-left {
        	float: left;
        	margin-right:8px
        }
		
        .float-right {
                float: right;
        }
		
	.titulos {
		font-size:14px;
		color:#18a0cf
	}
		
	.green-head{
		color:#c0da0f
		}
		
	.read-head {
		color:#f78632	
	}
	
	.bluetit-dark{
		color:#1d73b5
	}
		
	.bluetit-light{
		color:#3ab7e2
	}
	
	.no-border {
		border:none	
	}
	
	
/* COMIENZA WEB */	
	

		#main-wrapper {text-align:left; width:966px; margin:0 auto;}
		/* COMIENZA CONTENIDO */
			
			/* --------------- COMIENZA head ------------------------- */
			#head { background:url(../img/bg-head.jpg) no-repeat top left; height:380px; padding-left:10px}
				
				#head #content-head {
					width:950px
				}				
				
					#head #content-head #enlaces-interes{ 
						padding:50px 35px 12px 0
					}
					
						#head #content-head #enlaces-interes .buscador{ 
							width:402px;
							float:left
						}
						
							#head #content-head #enlaces-interes .buscador form { 
								padding-left:25px
							}
							#head #content-head #enlaces-interes .buscador form label{
									display:none;

							}
							
							#head #content-head #enlaces-interes .buscador .input-caja { 
								width:190px;
								padding:2px;
								margin:1px 5px 0 0;
								border:1px solid #bedce6;
								float:left
							}
							
							#head #content-head #enlaces-interes .buscador .boton { 
								width:54px;
								height:22px;
								display:block;
								float:left;
								cursor:pointer;
								background: url(../img/boton-search-top.gif) no-repeat top left
							}
						
						#head #content-head #enlaces-interes .enlaces{ 
							width:505px;
							float:right;
							text-align:right;
							
						}
						#head #content-head #enlaces-interes .enlaces a{ 
							margin: 0px 3px;							
						}
					
					#head #content-head #pic-logo-container{ 
						float:left;
						display:block;
						width:617px;
						height:298px;
						background:url(../img/pic-head3.jpg) no-repeat top left;
					}
					
					#head #content-head ul#pic-logo{ 
						display:block;
						width:617px;
						height:298px;
						float:left;
					}
						
						#head #content-head ul#pic-logo li{ 
							color:#FFF;
							padding:175px 0 0 40px;
							font-size:2.7em
						}	
						
						#head #content-head ul#pic-logo li.menos{ 
							margin-left:245px
						}	
					
								
					  #head #content-head #pic-logo	h1#logo {
							height: 298px;
							overflow: hidden;
							position: relative;
							width: 617px;
						}
						#head #content-head #pic-logo h1#logo span {
							background: url(../img/pic-head.jpg) no-repeat;
							display: block;
							height: 100%;
							left: 0;
							position: absolute;
							top: 0;
							width: 100%;
						}
						
						#head #content-head .pic-logo img{ 
							border:none;
							padding:0
						}
						
					#head #content-head .destacados{ 
						width:317px;
						float:left;
						margin:20px 0
					}
					
					a#unete {display:block; width:317px; height:68px; text-indent:-9999px; background:url(../img/unete-over.gif) top left no-repeat;}
					a#unete:hover {background-position:0 -68px;}
					
					a#parlamento {display:block; width:317px; height:68px; text-indent:-9999px; background:url(../img/att-parlamentaria-over.gif) top left no-repeat;}
					a#parlamento:hover {background-position:0 -68px;}
					
					a#ciudadano {display:block; width:317px; height:68px; text-indent:-9999px; background:url(../img/att-ciudadano-over.gif) top left no-repeat;}
					a#ciudadano:hover {background-position:0 -68px;}
					
					#head #content-head .destacados img{ 
						border:none;
						margin:5px 0
					}
				/* --------------- FINALIZA head ------------------------- */
				
				
		/* COMIENZA CONTENIDO */		
		
		#content { background:url(../img/bg-content.jpg) repeat-y top left; padding:7px 12px; height:1%;}
		
			#content #nav {
				width:225px;
				float:left;
				border-right:1px solid #e1e1e1
			}
		
				#content #nav ul {
					padding-left:11px;
					margin-bottom:8px;
					width:201px;
				}
				
					
		
						#content #nav ul li a {
							font-size:11px;
							padding:5px 0 5px 7px;	
							color:#30758d							
						}
						
						
						#content #nav ul li a.home {
							border:none;
							padding-left:21px;
							background:url(../img/bg-inicio.jpg) no-repeat center left
						}

						#content #nav ul li a:hover {
							font-size:11px;
							padding:5px 0 5px 7px;	
							color:#18a0cf
						}
						
							#content #nav ul li ul {
								padding:2px 0 2px 7px;
								margin-bottom:10px
								
							}
								
								#content #nav ul li ul li {
									border:none;
									padding-left:12px
								}
							
									#content #nav ul li ul li a{
										font-size:11px;border:none;
										color:#18a0cf
									}
									
									#content #nav ul li ul li a:hover{
										color:#30758d
									}
			
										#content #nav ul li ul li ul{
											margin-bottom:0
										}
			
			
			
			
			#content #nav .nav-head {
				font-size:18px;
				color:#03242e;
				padding-left:21px;
				margin:0 11px 8px 11px;
				background: url(../img/icono-nav.gif) no-repeat center left;
				border-bottom:1px dotted #99CC33
					
					}
			
			#content #saludo {
				width:475px;
				float:left;
				border-right:1px solid #e1e1e1
			}
				
				#content #saludo .pic{
					width:252px;
					float:left;
				}
				
					#content #saludo .pic img{
						margin-left:10px;
						
					}
				
				#content #saludo .datos{
					width:221px;
					height:168px;
					float:right;
					background: url(../img/bg-bienvenidos.gif) no-repeat top left
				}				
			
					#content #saludo .datos p{
						position: relative;
						top:115px;
						left:0
					}
					
					#content #saludo .datos ul{
						position: relative;
						top:116px;
						left:0
					}

				#content #saludo .txt{
					margin-top:10px;
					padding:10px 13px;
					clear:both
				}

			#content #news {
				width:230px;
				float:left;
			}
		
				#content #news .news-head {
					font-size:20px;
					line-height:20px;
					color:#03242e;
					margin-left:5px;
					border-bottom:1px dotted #bcdb12;
					background:url(../img/icono-nav.gif) no-repeat center left
				}

					#content #news .news-head p {
						padding-left:19px	
					}
				
				#content #news .news-body {
					margin:10px 0 5px 5px;
					text-align:justify;
					border-bottom:1px dotted #bcdb12
				}
				
				#content #news .news-body p{
					padding:5px
				}
				
				#content #news .news-fecha {
					font-size: 13px;
					color:#0c5f8f;
					background-color:#F1F4F5;
					padding:6px
				}
				
				#content #news .news-negrita {
					font-weight:bold;
					color:#0c304c;
				}				
				
				
				/* EMPIEZA PAGINACION */		
							
						.paginacion{margin-bottom:20px; padding:10px; background:#FFF; border-top:1px solid #eee; border-bottom:1px solid #eee;}
						.paginacion ul{margin:0; padding:0; text-align:center;}
						.paginacion li{list-style-type:none; display:inline; padding-bottom:1px;}
						.paginacion a, .paginacion a:visited{padding:0 5px; text-decoration:none;}
						.paginacion a:hover, .paginacion a:active{	}
						.paginacion a.paginaActual{background:#135e78; color:#FFF !important; cursor:default;}
						.paginacion a.deshabilitado, .paginacion a.deshabilitado:hover{cursor:default; color:#929292; border-color:#929292 !important; }

							
				/* FINALIZA PAGINACION */
				
			/* ---------------------------------------------------------------------- FIN INDEX --------------------------------------------------------------------------  */
				/* ---------------------------------------------------------------------- COMIENZA DETALLE DE NOTICIA --------------------------------------------------------------------------  */
				#content #interior  .detalle {
								font-size: 11px;
								color:#062640;
								padding:8px;
								font-weight:bold;
								margin-bottom:15px;
								background:#eff5f8
							}
				/* ---------------------------------------------------------------------- FINALIZA DETALLE DE NOTICIA --------------------------------------------------------------------------  */
			
			
			
			#content #interior {
				width:705px;
				float:left;
				padding-left:10px;
			}
			
				#content #interior .int-head{
					width:695px;
					height:44px;					
				}
				
					#content #interior .int-head img{
						border:none;
					}	
				
				
						#content #interior .news_int-body {
							margin-left:10px;
							padding:5px 0;
						}
						#content #interior .news_int-body .enlace a{
							text-align:left;
							padding:3px;
						}
						#content #interior .news_int-body .enlace a:hover{
							text-align:left;
							padding:3px;
							color:#135e78;
						}
						
						#content #interior .news_int-body a {
							text-align:right;
							color:#1d73b5;
							display:block;
							padding:5px
						}
						
							#content #interior .news_int-body a:hover {
								text-align:right;
								color:#135e78;
							}							
							
							#content #interior .news_int-body .detalle {
								font-size: 11px;
								color:#062640;
								padding:8px;
								font-weight:bold;
								margin-bottom:15px;
								background:#eff5f8
							}
							
						
						#content #interior .news_int-fecha {
							font-size: 15px;
							color:#1d73b5;
							padding:5px 0 5px 8px;
							margin-bottom:8px;
							background:#f2f2f2
						}
						
												
						#content #interior .news_int-negrita {
							font-weight:bold;
							color:#0c304c;
						}/* ---------------------------------------------------------------------- FINALIZA CAJA NOTICIAS INTERIOR --------------------------------------------------------------------------  */

						
						#content #interior .unete-int {
							margin-left:10px;
							padding:5px;
						}
						
						#content #interior .unete-int p{
							padding:0 8px
						}
						
						#content #interior .unete-int a {
							color:#1d73b5;
							display:block;
							padding:3px 0
						}
						
							#content #interior .unete-int a:hover {
								color:#135e78;
							}
						
						#content #interior .unete_int-head {
							font-size: 15px;
							color:#1d73b5;
							padding:5px 0 5px 8px;
							margin-bottom:8px;
							background:#f2f2f2
						}/* ---------------------------------------------------------------------- FINALIZA CAJA UNETE A NOSOTROS --------------------------------------------------------------------------  */
						
						
						
						#content #interior .represent {
							width:138px;
							height:230px;
							float:left;
							color:#1d73b5;
							text-align:center;
							margin-bottom:4px
							
 						}/* ---------------------------------------------------------------------- FINALIZA MODELO REPRESENTANTES  --------------------------------------------------------------------------  */
		
						#content #interior .unete-ficha {
							padding:13px;	
 						}
							
							#content #interior .unete-ficha img{
								border:none;
								float:left
 							}
												
							#content #interior .unete-ficha p{
								padding-top:22px
							}
							
						#content #interior .unete-docs {
							padding:0 13px;	
							margin-bottom:10px;
 						}
						
							#content #interior .unete-docs p{
								padding-left:18px;	
								margin:8px 0;
								background:url(../img/download.png) no-repeat top left
 							}/* ---------------------------------------------------------------------- FINALIZA MODELO REPRESENTANTES  --------------------------------------------------------------  */
				
				
				#content #interior table {
					width:98%;
					margin-left:15px;
					color:#135E78
				}	
				
					#content #interior thead {
						font-size:12px;
						color:#03242E
					}
					
					#content #interior td, thead {
						padding:3px;
						border-bottom:1px dotted #A9CAE3
					}	
		
					#content #interior td.color {
						background-color:#F0F5F6
					}
			/* COMIENZA MAPA WEB */
     
     #main-wrapper #content .mapa-web {
      padding:0 18px
     }
     
     #main-wrapper #content .mapa-web .heading{
      border-bottom:1px dotted #C5CEDE;
      color:#1d73b5;
      background:url(../img/icono-nav.gif) no-repeat center left;
      padding-left:21px
     }
   
     #main-wrapper #content .mapa-web ul{
      padding:25px 10px 25px 14px
     }
    
     #main-wrapper #content .mapa-web ul a{
      font-size:1.3em;
      display:block;
      padding:4px;
      color:#0a2f4e;
      border-bottom:1px dotted #CCC
     }
     
     #main-wrapper #content .mapa-web ul a:hover {
      background:#C6D6DF
     }
     
     
     #main-wrapper #content .mapa-web ul a.last{
      border:none
     }
         
      #main-wrapper #content .mapa-web ul li ul{
       padding:0 0 0 15px
      }
     
       #main-wrapper #content .mapa-web ul li ul a{
        font-size:1.1em;
        display:block;
        padding:4px;
        color:#1d73b5
       }
       
       #main-wrapper #content .mapa-web ul li ul a:hover {
        background:#DDE4EE
       }
         
        #main-wrapper #content .mapa-web ul li ul li ul{
         padding:0 0 0 25px
        }
        
         #main-wrapper #content .mapa-web ul li ul li ul a{
          font-size:1em;
          color:#3ab7e2;
          display:block;
          padding:4px;
         }
   
          #main-wrapper #content .mapa-web ul li ul li ul a:hover {
           background: #F2F2F2
          }
     
    /* FINALIZA MAPA WEB */	
		
		
		
		
		#footer { background:url(../img/bg-footer.jpg) no-repeat bottom left; height:110px}