*{margin:0; padding:0;}
ul { list-style:none; }
html, body { background: #9B8999 url(images/bk.gif);font-family:Georgia, "Times New Roman", Times, serif;color:#333; text-align:left; margin-bottom:35px;}


.fotodiputado { width:140px; height:210px; float:left; margin:0 15px 15px 0; }
.lafoto {border:3px solid #e2dac4; padding: 2px;}
.elnombre { font:normal 11px/15px Arial, Helvetica, sans-serif; padding:3px;}
.intro {padding:5px; background:#F2F2F2; border:1px solid #D2D2D2;}
.leyenda { font:normal 0.66em Arial, Helvetica, sans-serif; }
h2, h3, h4, p { margin-bottom:13px; }
h3 { margin-top:13px; }
a { color:#993300; }
a img { border:none; }
a:hover { color:#000; }
#wrap { width:980px; margin:0 auto;}
#header {height:125px;background:url(images/header.gif);}
#widecol { width:725px; float:left;background:url(images/fundal.gif);}
#content { background:url(images/layout.gif); padding:0 0 25px 15px;}
.clear { clear:both;}
.pic {float: right; border:3px solid #e2dac4; padding: 2px; margin: 4px 0px 5px 5px;}
.picrnob {float: right; margin: 4px 0px 10px 10px;}
.path {height:30px; color:#999999; font:normal 11px Arial, Verdana, Helvetica, sans-serif;}

/*LOGO*/
#header h1{ float:left; background:url(images/logo.gif) no-repeat; width:402px; height:70px; margin: 15px 0 0 45px; display:block; }
#header h1 span { display:none; }



li small { color:#993300; }

.mapa { margin-bottom:20px; text-align:center;}

/* COL1
-----------------------------------------------------*/
.col1 { width:190px; float:left; margin: 10px 0 0 10px;background:url(images/fundal.gif);}
.col1 h3 {margin:0; background:url(img/bk-titulos-col1.png) top left; width:180px; height:25px; color:#CCCCCC; font:bold 10px/25px Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase; padding-left:10px; }

/* COL2
-----------------------------------------------------*/
.col2 {width:125px; float:right; padding-top:10px; font:normal 11px/14px Arial, Verdana, Helvetica, sans-serif; color:#333; text-align:left;}
body#home .col2 p { padding:5px; margin:0; border-bottom:1px solid #E2E2E2; }

.col2 a{
	text-decoration:none;
}



.porcentaje { background:url(img/btn-porcentaje.png) no-repeat; display:block; width:200px; height:35px; margin-bottom:10px; }
.porcentaje span { text-align:center; float:right; height:35px; width:53px; font:normal 20px/35px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }
.porcentaje span.txt_record_asist {display:none;}
.toolscolor { color:#993300; }
.col2 h3 {margin:0; background:url(img/bk-titulos-tools.png) top left; width:120px; height:25px; color:#CCCCCC; font:bold 10px/25px Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase; padding-left:10px; }
ul.bloqueinfo {background:#F2F2F2}
ul.bloqueinfo li {display:block; border-top:1px solid #D2D2D2; padding:4px 6px; border-left:1px solid #D2D2D2; border-right:1px solid #D2D2D2; }
ul.bloqueinfo li.marca { background:#E5E5E5; }
.bottom_bloqueinfo { width:200px; height:3px; width:200px; background:url(img/round-bottom-tools.png) no-repeat; margin:0 0 10px 0; }

.col2 p { padding:5px 7px; }
.col2 .fechahome { color:#993300; font:normal 10px Verdana, Arial, Helvetica, sans-serif; }





/* COLCENTER	
-----------------------------------------------------*/

.graph { float:left; width:200px; margin:5px; }

.colcenter {width:580px; float:left; margin: 7px 15px 0 0;}
.colcenterwide { width:665px; float:left; }
.colcenter h1, .colcenterwide h1 { font:normal 22px/26px Georgia, "Times New Roman", Times, serif; color:#000; padding-bottom:5px; border-bottom:2px solid #D52133; margin-bottom:14px; clear:both; display:block;}
.colcenterwide h1 small { font:normal 15px Arial, Helvetica, sans-serif; }
.float_comisiones {width:200px; float:right; padding-top:7px;}
.colcenter h3, .colcenterwide h3 { font:bold 15px/20px Arial, Helvetica, sans-serif; color:#555; }
.colcenter ul, .colcenterwide ul {list-style:none; margin:0 0 10px 0; padding:0; line-height:18px;}
.colcenter ul li, .colcenter ol li, .colcenterwide ol li, .colcenterwide ul li { padding:0 0 10px 20px; background:url(img/bullet-colcenter.gif) no-repeat 5px 2px; }
.colcenter ol, .colcenterwide ol {margin-left:0; padding-left:25px; line-height:15px;}
.colcenter ol li, .colcenterwide ol li { padding:0 0 6px 0; background:none; border-bottom:1px solid #D2D2D2; margin-bottom:8px;}
.colcenter a, .colcenterwide a { color:#993300; }
.colcenter a:hover, .colcenterwide a:hover { color:#000; }
.fecha_iniciativa { font:normal 10px Arial, Helvetica, sans-serif; color:#000; }
.impuntual { background:url(img/no.png) no-repeat 0 50%; padding:3px 3px 3px 25px; }
.puntual { background:url(img/si.png) no-repeat 0 50%; padding:3px 3px 3px 25px; }
.alt { background:#e3e3e3;}
#content th, #content td {
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;;
	text-align: left;
	vertical-align: top;
	color:#555;
	padding: 6px;
	border-bottom: 1px solid #c7c8ca;
	border-right: 1px solid #c7c8ca;}
#content table {background:#F1F2F3; border-left: 1px solid #c7c8ca; border-bottom: 1px solid #c7c8ca; /* margin-bottom:20px; */ border-collapse:collapse;}

#content table a {color:#555; text-decoration:underline;}
#content table a:hover {color:#000; text-decoration:underline;}
#content table a:visited {color:#999; text-decoration:underline; background:url(img/icon-revisado.png) no-repeat bottom right; padding-right:15px;}

#content th { font:bold 11px Arial, Verdana, Helvetica, sans-serif; color:#FFF; text-align:left; padding:5px; border-top: 1px solid #c7c8ca; border-right: 1px solid #CCC; background:#55781E url(img/bk-th.png) repeat-x; }

/* BOTONES TABLAS
-----------------------------------------------------*/
.detalleasist a, .sentidovoto a, .rendicioncuentas a, .prod-legislativa a, .puntualidadcomision a {
display:block; width:200px; height:35px; margin-bottom:10px; }
.detalleasist {background:url(img/btn-detalle-asistencias.png) no-repeat; }
.sentidovoto {background:url(img/btn-sentido-del-voto.png) no-repeat; }
.rendicioncuentas {background:url(img/btn-rendicion-de-cuentas.png) no-repeat; }
.puntualidadcomision {background:url(img/btn-puntualidad-comision.png) no-repeat; display:block }
.prod-legislativa {background:url(img/btn-produccion-legislativa.png) no-repeat; }
.detalleasist span, .sentidovoto span, .rendicioncuentas span, .prod-legislativa span, .puntualidadcomision span { display:none }

/* FOOTER
-----------------------------------------------------*/
#footer { 
	font:normal 11px/16px Arial, Helvetica, sans-serif; 
	background:url(images/footer.gif) bottom; 
	height:98px;
	color:#333333; 
}
#footer div {padding: 40px 10px 10px 60px;}
#footer a {color:#D52133; }
#footer a:hover {color:#333333; }


/* NAVIGATION -------------------------- */
ul#navigation { margin: 95px 0 0 40px; list-style:none; float:left;}
/*#navigation span {display:none;}*/

#navigation li {float:left; padding-left:3px; }
#navigation li a {display: block; margin:0; padding:0; color:#FFFFFF; font-weight:bold;text-decoration:none;}
#navigation li a:hover{text-decoration:underline;color: #333333;}

/*li a#inicio{width: 58px; background: url(img/menu-inicio.png) no-repeat 0 0;}
a#inicio:hover { background: url(img/menu-inicio.png) no-repeat 0 -21px;}

li a#acerca {width: 159px; background: url(img/menu-acerca.png) no-repeat 0 0;}
a#acerca:hover {background: url(img/menu-acerca.png) no-repeat 0 -21px;}

li a#contacto {width: 84px; background: url(img/menu-contacto.png) no-repeat 0 0;}
a#contacto:hover {background: url(img/menu-contacto.png) no-repeat 0 -21px;}*/

/*LOGIN*/
div#login { font-size:12px;float:right;margin: -20px 0 -10px 0; padding: 0 90px 0 0;}
div#login p{margin:0;padding:0;}

/*LOGIN*/
div#authbox { font-size:12px;float:right;margin: -20px 0 -10px 0; padding: 0 140px 0 0;}


/*BANNER*/
div#banner { 
margin: 0 0 0 10px; 
}

/* NAVIGATION FOTO -------------------------- */
ul#navigation_foto { margin: 0 0 0 0; padding:20px 0 0 0 ; list-style:none; float:left;width:880px;}
#navigation_foto li {margin: 0; padding:0;float:left; padding-left:3px;}
#navigation_foto li div {text-align:right;}
#navigation_foto li a {display: block; color:#FFFFFF; font-size:10px;font-weight:normal;text-decoration:none;height:20px;}
#navigation_foto li a:hover{text-decoration:underline;}

li a#wine{width: 78px;padding:87px 10px 0 0; margin: 0 0px 0 0 ;background: url(images/menu_img1.jpg) no-repeat 0 0;}
li a#candles{width: 77px;padding:87px 10px 0 0; margin: 0 0px 0 -13px ;background: url(images/menu_img2.jpg) no-repeat 0 0;}
li a#clothes{width: 78px;padding:87px 10px 0 0; margin: 0 0px 0 -13px ;background: url(images/menu_img3.jpg) no-repeat 0 0;}
li a#art{width: 78px;padding:87px 10px 0 0; margin: 0 0px 0 -13px ;background: url(images/menu_img4.jpg) no-repeat 0 0;}
li a#jewels{width: 81px;padding:87px 10px 0 0; margin: 0 0px 0 -13px ;background: url(images/menu_img5.jpg) no-repeat 0 0;}
li a#traditional{width: 65px;padding:87px 10px 0 0; margin: 0 0px 0 -13px ;background: url(images/menu_img6.jpg) no-repeat 0 0;}
li a#electronics{width: 70px;padding:88px 10px 0 0; margin: 0 0px 0 -13px ;background: url(images/menu_img7.jpg) no-repeat 0 0;}
li a#cosmetics{width: 75px;padding:87px 10px 0 0; margin: 0 0px 0 -13px ;background: url(images/menu_img11.jpg) no-repeat 0 0;}
li a#print{width: 75px;padding:87px 10px 0 0; margin: 0 0px 0 -13px ;background: url(images/menu_img8.jpg) no-repeat 0 0;}
li a#packaging{width: 75px;padding:87px 10px 0 0; margin: 0 0px 0 -13px ;background: url(images/menu_img9.jpg) no-repeat 0 0;}
li a#flowers{width: 75px;padding:87px 10px 0 0; margin: 0 0px 0 -13px ;background: url(images/menu_img10.jpg) no-repeat 0 0;}



div .pagecontent{
width:610px;
padding:10px 10px 0 20px;

}
.pagecontent h1, .colcenterwide h1 { font:normal 22px/26px Georgia, "Times New Roman", Times, serif; color:#000; padding-bottom:5px; border-bottom:2px solid #D52133; margin-bottom:14px; clear:both; display:block;}

/*REGISTER*/
#register_form
{
line-height: 1.2em;
color: #333333;
margin:10px;
padding:10px 20px 10px 10px;
}

#register_form fieldset
{
border:1px solid #DDDDDD;
padding:1px;
margin:1px;
background:#FFFFFF;
}

#register_form legend
{
background:#FFFFFF;
border: 0;
padding: 2px 15px 2px 15px;
margin: 0px 0px 10px 25px;
font-weight: bold;
}

#register_form p
{
margin-bottom: 4px;
margin-top: 4px;
}

#register_form p input
{
color: #444;
background: #DDD;
border: 1px solid #444;
}

#register_form p input[type=text]
{
width:250px;
}
.submit input
{
margin:0px 0px 0px 0px;
font-weight:bold;
font-size:1.33em;
}

#register_form small{
padding:5px;
}

#register_form label
{
display: block;
width: 170px;
float: left;
text-align: right;
padding-right: 10px;
}

#register_form p span em
{
display: block;
width: 120px;
float: left;
text-align: right;
padding-right: 10px;
font-style: normal;
}

#register_form p span input
{
vertical-align: middle;
border: none;
background: none;
}

#register_form strong
{
margin-left: 100px;
}

#register_form strong input
{
background: #DDD;
border: 1px solid #444;
font-weight: bold;
color: #444;
margin-top: 10px;
}

#register_form textarea
{
background: #DDD;
border: 1px solid #444;
font-weight: bold;
color: #444;
margin-top: 5px;
width:250px;
height:100px;
}


/* PRESENT FORM*/
#present_form
{
line-height: 1.2em;
color: #333333;
margin:0;
padding:0;
}

#present_form fieldset
{
border:1px solid #DDDDDD;
padding:1px;
margin:1px;
width:340px;
}


#present_form legend
{
background:#FFFFFF;
border: 0;

padding: 2px 5px 2px 15px;
margin: 0px 0px 10px 25px;
font-weight: bold;
}

#present_form p
{
margin-bottom: 4px;
margin-top: 4px;
}

#present_form p input
{
color: #444;
background: #DDD;
border: 1px solid #444;
}

.submit input
{
margin:0px 0px 0px 0px;
font-weight:bold;
font-size:1.33em;
}

#present_form small{
padding:5px;
}

#present_form label
{
display: block;
width: 170px;
float: left;
text-align: right;
padding-right: 10px;
}

#present_form p span em
{
display: block;
width:50px;
float: left;
text-align: right;
padding-right: 10px;
font-style: normal;
}

#present_form p span input
{
vertical-align: middle;
border: none;
background: none;
}

#present_form strong
{
margin-left: 50px;
}

#present_form input[type=text]{
/*width:100px;*/
}

#present_form strong input
{
background: #DDD;
border: 1px solid #444;
font-weight: bold;
color: #444;
margin-top: 10px;
}

#present_form textarea
{
background: #DDD;
border: 1px solid #444;
font-weight: bold;
color: #444;
margin-top: 5px;
width:142px;
height:100px;
}

/****** CADOU************/
.cadou {
width:500px;
border:1px solid #D2D2D2;
float:left;
margin:25px 0 0 0 ;
padding: 0 0 10px 0;
}

.cadou span.crt {
	font-size:1.66em;
	font-weight:normal;
}
.cadou div.block {
	float:right;
	margin:0;
	padding:0;
	background:transparent;
	border:0;
	height:50px;
} 
.cadou div.block A {
	margin:5px;
	text-decoration:none;
}
.cadou div.block A:hover {
	background:#F2F2F2;
	text-decoration:none;
}

.cadou div.inside {
	width:350px;
}
.cadou div.description {
	border:0;
	margin:0;
}

.cadou h4 {
	font-size:1.33em;
	font-weight:bold;
}
.cadou small{
	color:#999999;
}
.cadou div {
	padding:5px;
	background:#F2F2F2;
	float:left;
	border:2px solid #D2D2D2;
	margin:10px;
}
.cadou img {
	border:1px solid #D2D2D2;
	float:right;
}
/******************/

/*  USER BOX */
.user_box {
	float:left;
	width:250px;
	height: 200px;
	padding:0 25px 0 0 ;
	margin:2px;
	
	/*border-bottom: 1px dashed #999999;border-right: 1px dashed #999999;
	*/
	/*background:#D2D2D2;*/
}
.user_box h2 {
	font-size:1.33em;
	padding:10px 0 0 0;
	margin:0;
}
.user_box a {
	text-decoration:none;
}

.user_box p{
font-size:0.66em;
}
.user_box h4 {
	padding:0 0 3px 0;
	margin:0;
	font-weight:normal;
	font-size:0.66em;
}

.admin_links {
float:left;
padding:5px;
width:150px;
}

.portrait img {
	margin:2px;
}
.portrait {
margin:0 5px 5px 0;
float:left;
width:64px;
height:94px;
border: 1px solid #D2D2D2;
}

#search{
float:left;
margin:10px 0 -15px 20px;

}

#err {
width:550px;
padding:2px;
background:#FF0000;
color:yellow;
font-weight:bold;
}

#ok {
width:610px;
background:#006600;
color:white;
padding:2px;
font-weight:bold;
}

.indent {
	width:300px;
	padding: 0 0 0 20px;
	border: 1px solid #D2D2D2;
	margin:2px;
	font-size:0.85em;
}

#cadou {
	width:340px;
	float:left;
}

/**GOOGLE SEARCH*/

#searchContainer {
  padding:0;
  margin:0 -120px 0 0 ;
}
.gsc-control form.gsc-search-box {
       /* display : none;*/
       width:200px;
       padding:0;
       margin:0;
 }
/*#searchContainer .gsc-twiddle {
    background-image : none;
  }
*/
#searchContainer .gsc-resultsHeader .gsc-title {
    padding-left : 15px;
    font-weight : bold;
    font-size : 14px;
  }

  /*#searchContainer .gsc-resultsHeader div.gsc-results-selector {
    display : none;
  }*/

  #searchContainer .gsc-resultsRoot {
    padding-top : 6px;
    width:200px;
  }
  
  #searchContainer .gsc-resultsRoot * a{
    color:#993300;
     font-size:0.85em;
     font-weight:bold;
     text-decoration:none;
     border:0;
  }
  
  #searchContainer .gsc-resultsRoot * a:hover{
  	text-decoration:underline;
  }
  
  
  /* long form visible urls should be on */
  .gsc-webResult div.gs-visibleUrl-long {
    display : block;
  }

  .gsc-webResult div.gs-visibleUrl-short {
    display : none;
  }
  
  .wiw-item wiw-item-deleted{
  background: url(/images/delete.gif) no-repeat;
  }