@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
    border: 0;
}

body { font-family : Arial, serif; }

body.index, body.details {    background: #f4f4f4 url(../img/fondos/fondo.jpg) center top no-repeat;}
body.ayuntamiento{    background: #f4f4f4 url(../img/fondos/fondo_ayuntamiento.jpg) center top no-repeat;}
body.el_pueblo{    background: #f4f4f4 url(../img/fondos/fondo_el_pueblo.jpg) center top no-repeat;}
body.turismo{    background: #f4f4f4 url(../img/fondos/fondo_turismo.jpg) center top no-repeat;}
body.mod_downloads{    background: #f4f4f4 url(../img/fondos/fondo_downloads.jpg) center top no-repeat;}
body.oficina_noticias{   background: #f4f4f4 url(../img/fondos/fondo_noticias.jpg) center top no-repeat;}



body #logo h1 a { background: url(../img/ayuntamiento_villanua_n.png) no-repeat;}
body.index #logo h1 a , body.details #logo h1 a{ background: url(../img/ayuntamiento_villanua.png) no-repeat;}

#webcam a.webcam{ overflow:hidden; padding-top:38px; margin:0 auto 0 auto; width:339px; height:238px; display:block; background:url(../img/webcam.png) top left no-repeat;}
#webcam a.webcam #webcam-img{ overflow:hidden; margin:0 auto 0 auto; width:270px; display:block; }

#pageWrapper{
    width: 980px;
    margin: 0 auto;
}

#header{
    height: 80px;
    position: relative;
}

    #logo{
        position: absolute;
        top: 7px;
        left: 20px;
        width: 145px;
        height: 75px;
    }
        #logo h1 a{
            display: block;
            width: 145px;
            height: 75px;
            text-indent: -5000px;
            outline: none;
        }
    #topNav{
        position: absolute;
        top: 0px;
        left: 650px;
        width: 330px;
        height: 20px;
        background: #ffffff;
            border-bottom-right-radius: 5px;
		    border-bottom-left-radius: 5px;
		    -moz-border-radius-bottomleft: 5px;
		    -webkit-border-bottom-left-radius: 5px;
		    -moz-border-radius-bottomright: 5px;
		    -webkit-border-bottom-right-radius: 5px;
    }
        #topNav ul{
            position: relative;
            top: 3px;
            left: 15px;
            list-style: none;
            width: 315px;
        }
        #topNav li{
            font-size: 10px;
            color: #666666;
            text-transform: uppercase;
            float: left;
            margin-right: 10px;
            padding-right: 10px;
            border-right: 1px solid #dfdfdf;
        }
            #topNav li a{
                color: #666666;
                text-decoration: none;
            }
            #topNav li a:hover{
			    text-decoration: underline;
			}
			#topNav #idiomas{
			     border: none;
			     margin: 0px;
			     padding: 0px;
			}
			#topNav #idiomas span{
			    padding-right: 15px;
			    margin-right: 12px;
			}
                #topNav li span.fr{
			         background: url(../img/fr.gif) right no-repeat;
                }
                #topNav li span.eng{
                     background: url(../img/eng.gif) right no-repeat;
                }
                #topNav li span.esp{
                     background: url(../img/esp.gif) right no-repeat;
                }
				
				#topNav li span.esp a.selected, #topNav li span.eng a.selected, #topNav li span.fr a.selected{text-decoration:underline;}
				
#nav{
    height: 22px;
    position: relative;
    background: #636a70;
}
    #navMenu{
        width: 740px;
        height: 22px;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #0075b8;
    }
        #navMenu ul{
            height: 18px;
            position: relative;
            top: 2px;
            left: 68px;
            list-style: none;
        }
            #navMenu li{
                height: 18px;
                width: 105px;
	            float: left;
	            padding-left: 6px;
	            border-left: 1px solid #ffffff;
	            font-size: 12px;
	            color: #98c7e1;
	        }
	            #navMenu li a{
                    display: block;
	                padding-top: 1px;
                    font-size: 12px;
                    color: #98c7e1;
                    text-decoration: none;
                }
                #navMenu li a:hover{
	                text-decoration: underline;
	            }
    #navOther{
        width: 240px;
        height: 22px;
        position: absolute;
        top: 0px;
        left: 740px;
    }

#pageContent{
    
}

#content{
    width: 739px;
    background: #ffffff;
    border-right: 1px dotted #cacaca;
    float: left;
    padding-bottom: 10px;
}
    #bannerIndex,
    #banner{
        padding: 14px 15px;
    }
    #desIndex{
        padding-left: 15px;
        float: left;
        width: 240px;
    }
        #desIndex ul{
            list-style: none;
        }
            #desIndex li{
                border: 1px solid #DFDDDE;
                margin-bottom: 15px;
            }
                #desIndex li .desBloque{
                    margin: 2px;
                    height: 69px;
                    position: relative;
                }
                #desIndex li .desBloque p,
                #desIndex li .desBloque h3,
                #desIndex li .desBloque img{
                    position: absolute;
                }
                #desIndex li .desBloque h3{
                    font-size: 18px;
                    font-weight: normal;
                    color: #0075b8;
                    margin-bottom: 1px;
                    width: 165px;
                    top: 4px;
                    left: 10px;
                }
                #desIndex li .desBloque p{
                    font-size: 11px;
                    line-height: 12px;
                    color: #636B70;
                    width: 165px;
                    top: 25px;
                    left: 11px;
                }
                
    #contentIndex{
        padding-left: 30px;
        float: left;
        width: 440px;
    }
        #contentIndex h2{
            font-size: 18px;
            font-weight: normal;
            color: #0075b8;
            margin-bottom: 7px;
            padding-bottom: 4px;
            border-bottom: 1px solid #d8d8d8;
        }
        #contentIndex p{
            font-size: 11px;
            color: #636a70;
            margin-bottom: 14px;
            padding-right: 10px;
            text-align: justify;
        }
        #contentIndex #webcam{
            margin: 15px 0;
        }
    #navLateral{
        padding-left: 15px;
        float: left;
        width: 185px;
    }
        #navLateral ul{
            list-style: none;
        }
            #navLateral li{
                font-size: 12px;
                color: #636a70;
                padding: 3px 3px 3px 7px;
                background: #e2e3e8 url(../img/navLateral.gif) 175px center no-repeat;
                margin-bottom: 4px;
            }
                #navLateral li a{
                    font-size: 12px;
                    color: #636a70;
                    text-decoration: none;
                }
            #navLateral .navAct {
                background: #0075b8 url(../img/navLateralAct.gif) 175px center no-repeat;
                color: #ffffff;
            }
                #navLateral .navAct a{
                    color: #ffffff;
                }
	/*FIX*/
	
	#navLateral li ul{
		margin:5px 0 0 5px;
	}

    #contentWeb{
        padding-left: 20px;
        float: left;
        width: 515px;
    }
        #breadcrumb{
            font-size: 11px;
            margin-bottom: 10px;
        }
        #breadcrumb span{
            font-size: 11px;
            color: #0177b7;
            padding-left: 8px;
            margin-right: 3px;
            background: url(../img/breadcrumb.gif) left center no-repeat;
        }
            #breadcrumb span a{
                color: #62696f;
                text-decoration: none;
            }
            #breadcrumb span.act{
	            background: url(../img/breadcrumbAct.gif) left center no-repeat;
	        }
	    #contentWeb h2, h3{
            font-weight: normal;
            color: #0075b8;
            margin-bottom: 12px;
            padding-bottom: 4px;
        }
		
		#contentWeb h2 { font-size: 18px;  border-bottom: 1px solid #d8d8d8; }
		#contentWeb h3 { font-size: 14px; margin:0 0 5px 0; padding:0; }
		#contentWeb h4 { font-size: 10px; color:#636B70; margin:0; padding:0; font-weight:bold; }
		#contentWeb div.snippet { border-bottom:1px dotted #ccc; display:block; padding:0 0 10px 15px; margin:0 0 10px 0; overflow:hidden;	}
		#contentWeb div.snippet span{ font-size:10px; padding:0 0 0 10px; display:block;}
		#contentWeb div.snippet span b{ display:block;}
				
        #contentWeb p{
            font-size: 11px;
            color: #636a70;
            margin-bottom: 14px;
            padding-right: 10px;
            text-align: justify;
        }
		
		
		
        #contentWeb .imgLeft{
            float: left;
            margin-right:15px;
        }
        #contentWeb .imgTop{
            margin-bottom: 5px;
        }

#contentLateral{
    width: 225px;
    float: left;
    padding: 15px 0 0 15px;
}
    #contentLateral .tabs {height:20px;	overflow:hidden; }
	#contentLateral .tabs .tab{
        width: 75px;
        float: left;
        background: #ffffff;
        margin: 0px 0px 0 5px;
        padding: 2px 3px 2px 23px;
        font-size: 12px;
        color: #949494;
        text-decoration: none;
        border: 1px solid #d8d8d8;
        border-bottom: none;
            border-top-right-radius: 2px;
            border-top-left-radius: 2px;
            -moz-border-radius-topleft: 2px;
            -webkit-border-top-left-radius: 2px;
            -moz-border-radius-topright: 2px;
            -webkit-border-top-right-radius: 2px;
    }
        #contentLateral .tabs .news{
            background:#ffffff url(../img/newspaper.png) 3px 1px no-repeat;
        }
        #contentLateral .tabs .calendar{
            background:#ffffff url(../img/calendar.png) 3px 1px no-repeat;
        }
            #contentLateral .tabs .desTab{
                background-color: #dfdfdf;
                color: #696969;
            }
    #contentLateral .bloque{
        clear: both;
        padding: 10px 15px 15px 15px;
        border: 1px solid #d8d8d8;
        background: #ffffff;
        margin-bottom: 15px;
    }
        #contentLateral .bloque h3{
            font-size: 18px;
            font-weight: normal;
            color: #0075b8;
            margin-bottom: 7px;
            padding-bottom: 4px;
            border-bottom: 1px solid #d8d8d8;
        }
        #contentLateral .bloque a{
            font-size: 11px;
            text-decoration: none;
            color: #0075b8;
        }
        #contentLateral .bloque a:hover{
            text-decoration: underline;
        }
    #contentLateral #news{
        list-style: none;
    }
        #contentLateral #news li{
            border-bottom: 1px dashed #d9d9d9;
            margin-bottom: 10px;
            padding-bottom: 10px;
            font-size: 12px;
            color: #636a70;
        }
	        #contentLateral #news li span{
	            display: block;
	        }
	           #contentLateral #news li span.title{
	               margin-bottom: 2px;
	           }
	        #contentLateral #news li a{
	           text-decoration: none;
	           color: #0075b8;
	           font-size: 12px;
	        }
	        #contentLateral #news li a:hover{
	           text-decoration: underline;
	       }
            #contentLateral #news li p{
                font-size: 11px;
            }
        #contentLateral #formNewsletter legend{
            display: none;
        }
            #contentLateral #formNewsletter label{
                font-size: 11px;
                color: #636a70;
                display: block;
            }
            #contentLateral #formNewsletter input{
                border: 1px solid #d8d8d8;
                float: left;
                width: 140px;
            }
            #contentLateral #formNewsletter button{
                font-size: 9px;
                color: #ffffff;
                text-transform: uppercase;
                background: #636a70;
                float: left;
                width: 45px;
                margin: 2px 0 0 6px;
            }

#footerWrapper{
    clear: both;
    border-top: 1px solid #f4f4f4;
    background: #fefefe;
}
    #patrocinadores{
        width: 980px;
        margin: 10px auto 0px auto;
    }
    #footer{
        width: 980px;
        margin: 20px auto 30px auto;
    }
        #footerColumns{
            width: 610px;
            margin: 0px auto;
        }
            #footerColumns .column{
                width: 170px;
                height: 180px;
                margin-right: 12px;
                padding: 2px 0 12px 20px;
                float: left;
                border-left: 1px dotted #a6a6a6;
            }
                #footerColumns .column h3{
                    font-size: 18px;
                    font-weight: normal;
                    color: #0075b8;
                    margin-bottom: 7px;
                }
                #footerColumns .column ul{
                    list-style: none;
                    margin-bottom: 25px;
                }
                #footerColumns .column li{
                    font-size: 11px;
                    color: #636a70;
                    line-height: 12px;
                }
                    #footerColumns .column li a{
	                    font-size: 11px;
	                    color: #636a70;
	                    text-decoration: none;
	                }
	                #footerColumns .column li a:hover{
		               text-decoration: underline;
		           }
    #copyright{
        clear: both;
        background: #0075b8;
        padding: 12px;
    }
        #copyright p{
            font-size: 11px;
            color: #ffffff;
            text-align: center;
        }
		
a { text-decoration:none; color:#0075B8; }
a:hover { text-decoration:underline; }

table.tablekit {margin:10px 0 0 0; border-collapse:collapse; table-layout:auto; background:#fff; font-size:11px;}
table.tablekit tbody tr.row0 td{ background-color:#F0F0F0}
table.tablekit tbody tr.row1 td{ background-color:#FFF}
table.tablekit td, table.tablekit th{padding:0.2em; border:1px solid #CCC}
table.tablekit thead th, table.tablekit thead td, table.tablekit tfoot th, table.tablekit tfoot td{background:#DDD}	

input.text, .textarea, textarea{border:1px solid #CCC}
form input:focus,  
form textarea:focus{background-color:#FFC; border-color:#FC6}

ol { display:block; margin:0 0 10px 40px;}
ol li{ font-size:10px; padding:0;}



	#news-menu, #news-menu li ul{
		list-style: none;
	}
	
	#news-menu li ul li {
		margin-left:5px;
	}
	
	#news-menu li{
		font-size: 12px;
		color: #636a70;
		padding:0;
		background: #e2e3e8 url(../img/navLateral.gif) 175px center no-repeat;
		margin-bottom: 4px;
	}
	
	#news-menu li a{
		display:block;
		font-size: 12px;
		color: #636a70;
		padding: 3px 3px 3px 7px;
		text-decoration: none;
	}
	

	
	#news-menu a.selected {
		background: #0075b8 url(../img/navLateralAct.gif) 175px center no-repeat;
		color: #ffffff;
	}
	
	#navLateral h2 { font-size:15px; color:#0075B8;}

	
	.newsBlock a h1 {
		font-size:15px;
	}
	
	.newsBlock {
		font-size:11px;
		margin-bottom:20px;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
	}
	.newsBlock a:hover h1 {
	 text-decoration:underline;
	}
	.news-category_title { font-size:18px; border-bottom:1px dotted #ccc; margin-bottom:15px;}
	
	.newsBlock em { font-size:11px;}
	
	#news-details h1 { font-size:18px; color:#0075B8; }
	#news-details em { font-size:12px; color:#156E9A;  }
	#news-details span.intro-text { display:block; border-bottom:1px solid #ccc; margin:20px 0 0 0;  }

	
	div.comments div.header { color:#303030; display:block; width:100%; border-bottom:1px solid #E1E1E1; font-style:italic; padding:8px 0 20px 0; margin:0 0 10px 0; }
	div.comments div.header b { font-weight:bold; color:#303030; font-style:italic; font-size:12px;}

	div.comments div.comment {  display:block; border-bottom:1px solid #E1E1E1; padding:10px;  font-size:11px; color:#636A70;}
	div.comments div.comment_bg { background:#F4F4F4; }
	div.comments div.comment span.name { font-size:14px; font-weight:bold;}
	div.comments div.comment span.name span { font-weight:bold; color:#156E9A; font-style:italic; font-size:14px;}
	div.comments div.comment span.date {color:#156E9A; font-size:12px; }
	div.comments div.comment span.content { font-size:12px; }



	div.comments_form { margin:20px 0 0 0; padding:25px 0 20px 0;}
	div.comments_form h1{font-weight:bold; font-size:16px; color:#303030; }
	div.comments_form form{  border-top:1px solid #E1E1E1; margin:20px 0 0 0; padding:10px 0 10px 0;}
	div.comments_form form b{ font-weight:bold; }
	div.comments_form form table td{  padding:5px;}
	
	div.comments_form form input.text {
		border: 1px solid #d8d8d8;
		float: left;
		width: 140px;
	}
	
	div.comments_form form input.button{
		font-size: 9px;
		color: #ffffff;
		text-transform: uppercase;
		background: #636a70;
		float: right;
		padding:5px;
		margin: 2px 0 0 6px;
	}
	

	#tiempo{
		position: absolute;
		top: 35px;
		left: 775px;
		background:url(../img/tiempo.png) bottom left no-repeat;
		height:30px;
		width:200px;
		padding:0 0 5px 5px;
	}
	#tiempo b { font-size:12px; color:#636B70; }
	#tiempo #weather-img{ display:inline; width:30px; height:30px; overflow:hidden; margin:0 5px;}
	#tiempo span.temp{ color:#33A5D9; font-size:12px; }
	
	
	a.followus { display:block; width:25px; height:25px; }
	a.facebook { background:url(../img/siguenos.png) no-repeat 0 0; }
	
	span.paginator .disabled{ display:none; }
	
	a.navAct { color:#fff !important;}
	
	
	
	td.highlight{ text-decoration:underline;}
	
	
	a.banners, a.banners:hover, a.banners:visited{color: #636B70 !important;}