/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {
font-size:100%; 
line-height:1.0625em;
/*background-image: url("examples/1047509_56878609.jpg");*/
background: #385A81 url(images/page_bg_noon2.jpg) 50% 0 repeat-x fixed ;
} 

html, input, textarea	{	
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}

img{ vertical-align:top; }


a{color:#921200; text-decoration:underline} 
a:hover{text-decoration:none}
.link1{color:#e5156d; font-weight:bold; } 
/*
#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 8px; margin:0; padding-left:22px; }
#content ul li a{color:#567438; text-transform:uppercase; font-size:.923em; text-decoration:none ; line-height:1.83em} 
#content ul li a:hover { text-decoration:underline; }

*/
.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#272c30; text-transform:uppercase; text-decoration:none;}
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:3px 13px 5px 18px; font-weight:normal; font-style:normal;}
.link-1:hover{ background:url(images/link_bg-1.gif) left top repeat-x;}
.link-1:hover em{ background:url(images/link_left-1.gif) no-repeat left top;}
.link-1:hover  b { background:url(images/link_right-1.gif) no-repeat right top; }

.link-2 { display:block; float: right; background:url(images/link_bg1.gif) left top repeat-x; color:#ffffff; text-decoration:none;}
.link-2 em { display:block; background:url(images/link_left1.gif) no-repeat left top;}
.link-2  b { display:block; background:url(images/link_right1.gif) no-repeat right top; padding:4px 25px 7px 36px; font-style:normal;}
.link-2:hover{ background:url(images/link_bg1-1.gif) left top repeat-x;}
.link-2:hover em{ background:url(images/link_left1-1.gif) no-repeat left top;}
.link-2:hover  b { background:url(images/link_right1-1.gif) no-repeat right top; }


/*header*/
#header {font-size:0.625em; color:#FFFFFF; font-family:Verdana }
#header .logo{ margin:10px 0 25px 37px }
#header ul{margin:0; padding:0; list-style:none;}
#header ul li{ margin:0; display:inline;  }
#header ul li a{color:#FFFFFF; font-weight:bold; text-decoration:none; background:url(images/bg_menu.gif); margin:0; width:128px; text-align:center; display:block; float:left;text-transform:uppercase; padding:13px 0 18px 0;} 
#header ul li span{ background:url(images/bg_menu1.gif) no-repeat top right; padding:15px 35px 18px 10px;} 
#header ul li .last{ background:none; width:130px} 
#header ul .last1{ width:132px} 
#header ul li a:hover { color:#fde835; text-decoration:none}

#header .link{color:#7d7d7d; background:url(images/icons/018.png) left  no-repeat; height:32px; margin:30px 0 0 780px; padding:15px 0 0 40px; position:absolute; text-transform:uppercase; text-decoration:none; font-family:Arial } 

#header .link:hover{text-decoration: underline } 

/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left;}
#content .indent-main{padding:36px 13px 24px 34px}
#content .indent-main1{padding:36px 0 24px 34px}
#content .indent-col1{padding:0 35px 12px 0}
#content .indent-col2{padding:0 0 12px 25px}
#content .indent-1{padding:27px 20px 0 118px}
#content .title-1{  margin-bottom:6px}
#content .title{  margin-bottom:15px}
#content .title1{  margin:25px 0 15px 0}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 15px 0}
#content .p{ margin:0 0 15px 0}
#content h4{color:#666; font-size:.923em; margin-bottom:15px; font-weight:normal; text-align:justify }
#content h3{color:#577338; font-size:1em; margin-bottom:2px; font-weight:normal }
.txt{ font-size:.8423em; color:#1c2328; line-height:1.36em}
#content .txt p{ margin:0 0 7px 0}

#content .indent{padding:25px 0 4px 0}
#content .indent1{padding:0 0 4px 0}
#content .indent-2{ float: left; padding:0 20px 0 20px; position:relative}

table{ background:#e3d5bb; margin-bottom:15px}
td{ background:#FFFFFF}
#content table h4{color:#567438; font-size:.923em; margin-bottom:5px; text-transform:uppercase; font-weight:normal }

.td1{ width:120px; padding:5px 0 0 21px;}
.td2{ width:191px; padding:5px 0 0 41px}
.td3{ width:95px; padding:5px 0 0 30px}
.td4{ width:71px; padding:5px 0 0 25px}

.td5{ width:120px; padding:0 0 0 11px; height:31px}
.td6{ width:191px; padding:0 0 0 21px}
.td7{ width:95px; padding:0 0 0 36px}
.td8{ width:71px; padding:0 0 0 33px}

/*box*/
.box{ background:#f8f4eb; width:100%; color:#907f6b}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:7px 15px 10px 20px; }


/*footer*/
#footer { color:#263047; font-size:0.625em; }
#footer .indent-footer{ padding:70px 10px 0 103px;}
#footer a {color:#263047; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
#footer span a {color:#263047; text-decoration:none; text-transform:uppercase}  
#footer span a:hover {  text-decoration:underline}


.h{ height:24px}
.h1{ height:25px}
.input{
	border-left:1px solid #504931; 
   	border-top:1px solid #504931; 
   	border-right:1px solid #dad5c2; 
   	border-bottom:1px solid #dad5c2; 
	background:#FFFFFF;
	vertical-align:middle;
	margin-left:21px;
	width:146px; height:19px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:0
}
input{
   	border:1px solid #a09b96; 
	background:#FFFFFF;
	width:244px; height:21px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:0px
}
textarea{
   	border:1px solid #a09b96; 
	background:#FFFFFF;
	width:274px; height:148px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
	
/* SALUDO DEL ALCALDE INDEX */


.saludo {text-align:justify;}
.saludo img {float:right; padding:5px}


/* LISTADO CON TICK */

.list_3 li{display:inline;}
.list_3 li a{color:#663243; font-weight:bold; text-decoration:none; line-height:1em;}
.list_3 li a:hover{text-decoration:underline;}
.list_3 li div{background:url(images/list/list_3_left_bg.gif) left top no-repeat;}
.list_3 li div div{background:url(images/list/list_3_right_bg.gif) right top no-repeat;}
.list_3 li div div div{background:#F8f4EB; height:18px; padding-top:2px; margin:8px 10px 2px 23px;}

/* LISTADO CON FLECHA */

.list_4 li{display:inline; background: #f8f4eb url(images/marker.gif) left no-repeat;}
.list_4 li a{color:#663243; text-decoration:none; padding-top:2px;  margin:1px 10px 2px 10px}
.list_4 li a:hover{text-decoration:underline}


/* PAGINACION */

/*
Plugin Name:  Style Paginator
*/

div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #695406;
	text-decoration: none; 
	color: #fff;
	background: #695406 url(images/navigation/image1.gif);
}

div.pagination a:hover, div.pagination a:active {
	border:1px solid #AAD83E;
	color: #FFF;
	background: #AAD83E url(images/navigation/image2.gif);
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #AAD83E;
  font-weight: bold;
	background: #AAD83E url(images/navigation/image2.gif);
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

/* SOCIAL ICONS */

.social_bookmarking {
border:0;
}

.shareIcons {
 border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align: justify;
    padding:10px 0 10px 20px;
    margin-bottom:10px;
	
 }
 
/**************************************************************************************************************/


.date p {
	background: url(images/post-date.png) no-repeat scroll 0%;
	color:#444444;;
	float:left;
	font-size:12px;
	height:53px;
	margin:0pt 10px 0pt 0pt;
	overflow:hidden;
	padding:3px;
	text-align:center;
	width:43px;
}

.date span.mes {
	padding:0;
	line-height:0.8;
}

.date span.dia {
	font-size:20px;
	font-weight:bold;
}

.date p span.aņo {
	color:#eeeeee;
	font-family:Tahoma,Arial,sans-serif;
	font-size:12px;
	margin:0pt;
	padding:0pt;
	font-weight:bold;
}
/*************************************************************************************************************/
/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	width: 186px;
	height: 153px;
	margin: 20px 10px 5px;
	float: left;
	position: relative;
}
.gallery .bg {
	background: url(images/polaroid.png) no-repeat;
	width: 186px;
	height: 153px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.gallery span {
	background: url(images/tape.png) no-repeat;
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	left: 54px;
	top: -12px;
	z-index: 4;
}
.gallery img {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 2;
}
.gallery em {
	display: block;
	padding: 4px 0 0;
	text-align: center;
	font: italic 100% Georgia, "Times New Roman", Times, serif;
	color: #333;
	width: 186px;
	position: absolute;
	bottom: 8px;
	right: 0;
	z-index: 3;
}


.album2 {
border: 5px #FFFFFF solid;
margin:5px;



}
/********************************************************************************************************************/


.gallery_video {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery_video li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 130px;
	height: 100px;
}
.gallery_video img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery_video span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
}


.gallery_video .video {
	background: url(images/video.gif) no-repeat;
}
.gallery_video a {
	text-decoration: none;
}
.gallery_video a:hover img  {
	border-color: #666;
}
.gallery_video a:hover span {
	background-position: left -22px;
}


/* Coda Slider
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 399px; overflow: hidden}
.csw .loading {margin: 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	clear: both;
	width: 900px;
	height: 399px;
	margin: 0px auto;
	padding-top: 0px;
	
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 399px;
	position: relative;
	width: 900px; /* Also specified in  .stripViewer  above */
}

.stripNavL, .stripNavR {
	position: relative;
	top: -260px;
	z-index: 200;
}

.stripNavL { float: left; }

.stripNavR { float: right; }