*{ margin: 0; padding: 0}*
#content { margin: 0 auto; width: 874px; text-align: center }
.form_description
{
	border-bottom:1px dotted #ccc;
	clear:both;
	margin:0 0 1em;
}


form.appnitro
{
	margin:20px 20px 0;
	padding:0 0 20px;
}

/**** Logo Section  *****/
h1
{
	background-color:#dedede;
	margin:0;
	min-height:0;
	padding:0;
	text-decoration:none;
	text-indent:-8000px;
	
}

h1 a
{
	
	display:block;
	height:100%;
	min-height:40px;
	overflow:hidden;
}


/**** Form Section ****/
.appnitro
{
	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
}

.appnitro li
{
	width:61%;
}
form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}
form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}
input.button_text
{
	overflow:visible;
	padding:0 7px;
	width:auto;
}
.buttons input
{
	font-size:120%;
	margin-right:5px;
}
.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}

/***** Videos*******/

#sugiere_video{
      color: #cc0000;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; 
/*  visibility:hidden;*/
}
:focus, :active { outline: 0; }

a { color: #A82A15; text-decoration: none; }
img { border: 0; }
.hr { color: #000000; }
p  { margin: 5px 0 15px; line-height: 1.6em; }
#intro {  font-family: Verdana, Arial, Helvetica, sans-serif; clear: both; padding: 1px 0 1px 20px; border: 1px solid #dedede; font-size: 1.3em; background: #eee; margin: 0 0 30px; text-align: left; }
#intro h3 {margin: 0 0 10px;text-align: left; }
#left { float: left; width: 500px; margin: 0 0 15px; text-align: left; }
#right { float: right; width: 310px;text-align: left; }
#right h3 { border-bottom: 1px solid #ccc; margin: 0 0 10px; }
#right img { margin: 0 3px 3px 0; border: 2px solid #eee; padding: 2px; }
#right li { list-style: none; }
	#right li a { display: block; border-bottom: 1px solid #ccc; padding: 5px 5px; }
#footer { clear: both; padding: 15px 0; border-top: 1px solid #ccc; }
	#r { float: right; }



#scrollxx {
overflow:auto;
width:270px;
height:160px;
}



/*LOGIN*/
.formtext{ width:225px;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
        color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}
#sugiere_login{
     
  color: #cc0000;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-left: 5px;
}

#form_container
{
	background:#fff;
	border:1px solid #ccc;
	margin:0 auto;
	text-align:left;
	width:350px;
}
#loginlinks {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        text-decoration:none;
        font-weight:bold;
        margin:10px;
    }
#loginlinksitem { padding: 5px 0 0 0; }

#top
{
	display:block;
	height:10px;
	margin:10px auto 0;
	width:350px;
}


#bottom
{
	display:block;
	height:10px;
	margin:0 auto;
	width:350px;
}





/**********REGISTRO*******/
#form_container2
{
	background:#fff;
	border:1px solid #ccc;
	margin:0 auto;
	text-align:left;
	width:580px;
}
#top22
{
	display:block;
	height:10px;
	margin:10px auto 0;
	width:580px;
}


#bottom22
{
	display:block;
	height:10px;
	margin:0 auto;
	width:580px;
}

#sugiere{
     
  color: #cc0000;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-left: 5px;
}
.formtext2{ width:260px;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
        color:#333;
	font-size:100%;
	margin:0px;
	padding:2px 0;
}

fieldset {
	border:0;
	padding:0px;
	margin:0px;
	position:relative;
}

span.hint {
	font:normal 11px/14px verdana;
	background:#eee url(../recursos/imagenes/registroform/bg-span-hint-gray.gif) no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 5px 40px;
	width:220px;
	position:absolute;
	margin: -12px 0 0 14px;
	display:none;
}


fieldset.welldone span.hint {
	background:#9fd680 url(../recursos/imagenes/registroform/bg-span-hint-welldone.jpg) no-repeat top left;
	border-color:#749e5c;
	color:#000;
}
fieldset.kindagood span.hint {
	background:#ffffcc url(../recursos/imagenes/registroform/bg-span-hint-kindagood.jpg) no-repeat top left;
	border-color:#cc9933;
}


fieldset.welldone {
	background:transparent url(../recursos/imagenes/registroform/bg-fieldset-welldone.gif) no-repeat 282px -7px;
}
fieldset.kindagood {
	background:transparent url(../recursos/imagenes/registroform/bg-fieldset-kindagood.gif) no-repeat 194px 19px;
}


/*OLVIDO DE PASS*/
#form_container_olvido
{
	background:#fff;
	border:1px solid #ccc;
	margin:0 auto;
	text-align:left;
	width:350px;
}

/*MENSAJES*/
#form_container_mensajes
{
	background:#fff;
	border:1px solid #ccc;
	margin:0 auto;
	text-align:left;
	width:350px;
}
#sugiere3{
     
  color: #0033ff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#top_mensajes
{
	display:block;
	height:10px;
	margin:10px auto 0;
	width:350px;
}


#bottom_mensajes
{
	display:block;
	height:10px;
	margin:0 auto;
	width:350px;
}



/*AGENDA*/
/* ----------container to center the layout-------------- */
#ag_container {
width: 864px;
text-align:left;
margin-left: auto;
margin-right: auto;
height:100%;
}

/* ----------banner for logo-------------- */
/*#ag_banner {
height:114px;
text-align: center;
background:  url('../recursos/imagenes/agendahead.jpg') no-repeat bottom center;
background-color: #ffffff;

padding: 0px;
margin: 0px;
}*/
#ag_bannertitle{
     border-bottom: 1px solid #dedede;
        padding-bottom:10px;
        font-size:11pt;
        font-weight:bold; 
        text-align:center;
        background:#ffffff;
    
    }

/* -----------------content--------------------- */
#ag_content {

padding: 20px;
margin-left: 200px;
margin-right: 20px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#ag_container a {
color:#088CC6;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;text-decoration:none;
    
}
#ag_content h2{
    color: #0033cc;
font-size:18px;
font-weight: normal;
padding: 0px 0px;
margin:0px;
font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
 border-bottom: 1px solid #0066cc;
}

#ag_content p, pre{
padding: 0px 0px 10px 0px;
margin:0px;
font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;

}

/* --------------left navi------------- */
#ag_left {
text-align:left;
float: left;
width: 200px;
padding: 10px;
background:#ffffff;
height:90%;
border-right: 1px solid #ccc;
}
#ag_left ul{
    text-align:left;
    padding-left:20px;
}
#ag_fecha{
        font-weight:bold;
    	background-color:#0066cc;
	text-decoration:none;
        text-align:center;
        color: #ffffff;
    font-size: 11pt;
}
.ag_sesion{
        font-family:arial,verdana,tahoma;
        font-weight:bold;
    	background-color:#004273;
	text-decoration:none;
        text-align:center;
        color: #ffffff;
    font-size: 11pt;
}
.ag_consesion {
padding: 20px;
margin-left: 220px;
margin-right: 20px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}



/*BUSQUEDA DE VIDEOS*/
.contentt { 
    text-align:left;
	margin: 10px auto;
	width: 864px; font: 0.74em Arial, Helvetica, sans-serif; 
}

h2 .yellow{
	color: #FFFCD1;
	background: inherit;
}

.contentt p {	margin: 0 0 5px 0; }

.contentt ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}



.contentt input.search { 
	width: 145px; 
	height: 22px;
	border: none;
	background: #fff url(../recursos/imagenes/inputvb.gif) no-repeat; 
	padding: 5px 10px 0 25px;
	color: #808080;
        margin-top:0px;
         margin-bottom:3px;
}

.contentt input.button {
	border: 0;
	height: 27px;
	width: 76px;
	background: #ABC43C url(../recursos/imagenes/buttonvb.gif) no-repeat;
	color: #FFF;
	font: bold 1.1em Arial, Helvetica, Sans-Serif;
margin-top:0px;
}

.contentt input.login { 
	width: 150px;
	border: none; 
	background: url(logininput.gif); 
	padding: 4px; 
}

/* layout
   ------ */



.logovb {
	float: left;
	width: 180px;
	padding: 10px 0 11px 10px;
}

.header_rightvb {
	width: 854px;
	height: 60px;
}

.logovb p {
	font-size: 0.9em;
	color: #808080;
	padding: 0 0 0 7px;
	background: inherit;
}


.top_infovb {
	width: 854px;
	padding: 0 5px 5px 0;
	text-align: right;
	background: #FFF url(../recursos/imagenes/dotvb.gif) repeat-x bottom;
	color: #444;
}
	

.sloganvb {
	text-align: right;
	width: 20px;
}


.barvb { 
	text-align: right;
	font-size: 1.1em;
	height: 30px; 
	margin: 15px 0px 0px 0px;
}

	.barvb li { 
		
		padding: 0px 10px 8px 10px;
		color: #808080;
		background: #FFF;
		display: inline;
	}


.search_fieldvb { 
	text-align: right;
	float: right;
	width: 854px;
	height: 38px;
	background: #464548 url(../recursos/imagenes/searchbgvb.gif) no-repeat top right; 
	color: #000;
	clear: both;
	padding: 10px 10px 0 0;
	margin: 0px 0px 0px 0px;
}

.greyvb {
	font-size: 1.2em;
	font-weight: bold;
	color: #ccc;
	background: inherit;
        text-align:left;
	
}

.searchvb {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background: inherit;	
}

.newslettervb {
	float: left;
	height: 33px;
	padding: 15px 0 0 15px;
	width: 182px;
	background: #6E6E6E url(../recursos/imagenes/newsletterbgvb.gif) no-repeat;
	color: #FFF;
	margin: 0 0 3px 0;
}

.subheadervb {
	clear: both;
	margin: 3px 0 10px 0;
	padding: 8px;
	background: #f4f4f4;
	color: #808080;
	border-bottom: 1px solid #ccc;
}

/* left side
   --------- */

.leftvb {
	float:left;
	width: 600px;
	margin: 0 0 10px 0;
}

	
	.lboxvb {
		color: #eee;
		padding: 3px 12px;
		margin: 0 0 15px 0;
		background: #6E6E6E url(../recursos/imagenes/lbvb.gif) no-repeat bottom left;
		height: 178px;
	}
	
	.lboxvb a {
		color: #FFFCD1;
		background: inherit;
	}
	
	.lboxvb h2 {
		color: #FFF;
		background: #6E6E6E;
			margin: 0 0 5px 0; 
	padding: 0; 
	font: bold 1.5em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	}

.ptitlevb{
 color: #FFFCD1;
 font-weight:bold;
}
.thumbvb {
	float: left;
	width: 150px;
	border: 1px solid #d4d4d4;
	color: #fff;
	background: #6e6e6e;
	margin: 0 15px 15px 0;
	padding: 5px;
  font-family: 'Courier New',Courier,monospace;
}
.thumbvb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }

.rightvb {
	float: right;
	width: 254px;
	margin: 0 5px 5px 0;
}


/* footer
   ------ */
.contentt form { 
	margin: 0; 
}
.footervb { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF url(../recursos/imagenes/dotvb.gif) repeat-x;
	padding: 0px 0;
	margin-top:0px;
}




/*OBRASSSSSSSSSS*/
.tabobras{

	width:850px;
	border:3px double #f2f2f2;
}         

.tabobras tr{
	height:20px;
}

.tabobras tr.estatico{
	background:#f2f2f2;
}

.tabobras th,
.tabobras td,
/*
.tabobras td a{
	padding:2px;
	font-size:13px;	
	vertical-align:top;
}

.tabobras td a{
	color:#FFCC00;	
}

.tabobras td a:hover{
	text-decoration:none;
}
*/
.tabobras th{
	background:url(../recursos/imagenes/obtext-bg.gif) #ffffff repeat-x;
	border-bottom:3px double #f2f2f2;
	line-height:20px;
	border-right:3px double #f2f2f2;
}

.tabobras td{
	border-right:1px solid #f2f2f2;	
	border-bottom:1px solid #f2f2f2;
	line-height:20px;	
}

#obcent{
        margin:0 auto;
        width:850px;
        text-align:center;
        font-size:11px;
	font-family:Arial, Verdana, Tahoma, Serif;
}
/*
#obcent a{
      color: #3366ff;
      font-weight:bold;
}*/

.obpag{
    
}

.obpag td a{
	padding:2px;
	font-size:14px;	
	vertical-align:top;
  color: #088CC6;
  font-weight:bold;
}

.search_fieldob { 
	text-align:center;
	width: 840px;
	height: 38px;
	background: #464548 url(../recursos/imagenes/searchbgvb.gif) no-repeat top right; 
	color: #ffffff;
  	padding: 10px 0px 10px 10px;
        margin: 0px 0px 12px 12px;
        
}
.search_fieldob input { 

        
}

.inputob{ width:200px;

        color:#333;
	margin:0;
	padding:2px 0;
}
.greyob {
	font-size: 1.2em;
	font-weight: bold;
	color: #ccc;
	background: inherit;
        text-align:center;
	      
}


#obtotal{}
#obtotal p {font-size: 18px;border:1px solid #7c7c7c; }

#obbtopright {display:block; margin:15px auto 15px auto; width:400px;  }
#obbtopright ul.sub{ margin: 10px 0 10px 30px; padding: 0; list-style: none;}
#obbtopright ul.sub li{ margin: 3px 0 0 0; padding: 0 0 0 15px;}

#obbcontent {font-size: 13px; background-color: #ffffff; text-align:left; vertical-align: 0; width: 610px;
 margin: 0 auto; margin-top:0px; border:1px solid #7c7c7c; padding-left:10px; padding-top:10px}
.obt1 { font-size:18px; padding-top:10px; color:#088CC6; font-family: Verdana, Arial, Helvetica, sans-serif;}
#obint{ margin-bottom:15px}
#nav {  width: 610px; margin:10px auto 10px auto; padding:5px 0px 5px 0px; border:1px solid #7c7c7c; }





/*OTransparencia*/
#trtopheader{float:right; width:860px; height:25px; background-color:#666666; position:relative;
  color: #ffffff;
  
  font-size: 14px;
 padding:7px 0px 0px 5px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}
#trcontenttext{float:right; width:556px;
font-size: 13px;
    font-family: Verdana,Arial,Helvetica,sans-serif;  
    }
#trleftpanel{float:left; width:304px; background-color:#F0F0F0;}
#trfooter{float:left; width:840px; background-color:#F0F0F0; padding:10px;}

.trgraypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}





/*Concejos Municiopales*/

img.picA
{
position: relative;
padding: 8px;

padding-right:35px;
}


img.floatleft
{
float: left;
}


#concejoini
{
/*border-bottom: 1px solid #ccc;*/
margin: 0 auto;
text-align:center;
position: relative;
width: 480px;
}

#concejoini h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}

#concejoini .contentcon
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#concejoini .post
{
margin-bottom: 15px;
          border-bottom: 1px solid #dedede;
}



#concejoini .post .content
{
margin-bottom: 0px;
}

#linkcc {
	text-align: center;
padding-top:10px;

}
#linkcc a{
            color:#088CC6;
            font-size: 12px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
}

#tcc {
	text-align: center;
          border-bottom: 1px solid #dedede;
          padding-top:10px;
        padding-bottom:10px;

        font-weight:bold; 
        background:#ffffff;
        font-family:Verdana, Arial, Helvetica, sans-serif;
}



/*MISION*/

#intromi {  font-family: Verdana, Arial, Helvetica, sans-serif; clear: both; padding: 10px 0 1px 20px; border: 1px solid #dedede; font-size: 1.3em; background: #eee; margin: 10px 0 10px; text-align: center; }
#intromi h3 {margin: 0 0 10px;text-align: center; }

web pages/style/view


#cons{
    color:#088CC6;
    font-size: 12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* TURISMO */
#tur
{   color:#5D5850;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    text-align:justify;
    margin-left: 10px;
 }

#turTit
{   color:#5D5850;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
}

/* La Rinconada */

#rinTit
{   color:#003399;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
}

#rin
{   color:#003399;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    text-align:justify;
    }
 
 #rinMarco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
        font-weight:bold;
	color: #003399;
	border: thin solid #FFCC00;
        text-align:center;
        border: medium doble #FFCC00;
}

#rinO
{   color:#003399;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-align:justify;
    margin-left: 250px;
    margin-top: 30px;
 }
 
 #tabRin
{   color:#5D5850;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    text-align:justify;
    margin-left: 30px;
 }
 
  /* Festival Primavera */

#prim
{   color:#003399;
    font-family:Lucida Handwriting;
    font-size:18px;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
}

#prim2
{   color:#CC0000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    text-align:justify;
    }
    
    
#prim3
{   color:#FF3535;
    font-family:Lucida Handwriting;
    font-size:18px;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
    } 
    
    
#prim_r
{   color:#15329A;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    text-align:justify;
    }
    
#prim_c
{   color:#5C9A59;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:none;
    text-align:justify;
    }