@charset "utf-8";

/*
Reseteo de propiedades
*/


   html, body, div, span, applet, object, iframe, table, caption,  
   tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,  
   kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,  
   p, blockquote, pre, a, abbr,  
   acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,  
   fieldset, form, label, legend {  
        vertical-align: baselinebaseline;  
        font-family: inherit;  
        font-weight: inherit;  
       font-style: inherit;  
       font-size: 100%;  
       outline: 0;  
       padding: 0;  
       margin: 0;  
       border: 0;  
  }  
   :focus {  
      outline: 0;  
  }  
  body {  
      background: #FFFFFF url(../../img/fondo.gif) no-repeat;
      line-height: 1;  
      color: #4B4B4B;
      font-family: Arial;
      font-size: 12px;
  }  
  ol, ul {  
      list-style: none;  
  }  
  table {  
      border-spacing: 0;  
   }  
   caption, th, td {  
      font-weight: normal;  
      text-align: left;  
   }  
   blockquote:before, blockquote:after, q:before, q:after {  
      content: "";  
   }  
   blockquote, q {  
       quotes: "" "";  
  }  
  
  /*
  // Reseteo de propiedades
     BASED ON http://meyerweb.com/eric/tools/css/reset/ >
*/

/* RESETO HACHES */

h1 { 
	font-size: 14px; 
}
h2 { font-size: 12px; }
h3 { font-size: 12px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: Arial; }

/* RESETO HACHES */

/* GENERAL */

.left { float: left;}
.right { float: right;}
.center { text-align: center;}

.breakeronly { clear:both; margin: 1px; padding: 0px; }

.clear { clear:both; }

.breaker { clear:both; height:5px; font-size:0px;  margin: 0; padding: 0; }

/* GENERAL */



/*  CABECERA TERRA */ 

#header {
	height:66px;
	width:1003px;
	position:relative;
}


.franja {
	background: url(../../img/franja-color.gif) no-repeat; 
	width:739px; 
	_width:753px; 
	height:22px;
	color: #FFFFFF; 
	text-decoration: none; 
	font-family : tahoma; 
	font-size : 11px; 
	font-weight : normal;
	padding: 3px 0px 0px 14px ;		
}

.franja a { 
	color: #FFFFFF; 
	text-decoration: underline;
}

.extension {
	background: url(../../img/extension.gif) repeat-x;
	width:187px;
	height:18px;
	float:left; 
}

.extension h1 {
	text-indent : -6000px;
	overflow : hidden;
	font-size: 9px;
}



/*  CABECERA TERRA */ 

/*  BANNER 780 */ 

#banner {
	background: url(../../img/banner.gif) no-repeat;
	width: 735px;
	_width: 754px;
	height: 90px;
	margin-left: 125px;
	margin-top: 22px;
	margin-bottom: 24px;
	padding-left: 19px;
}

/*  BANNER 780 */ 



/*  MENU */ 

#menu {
	background: url(../../img/barra.gif) no-repeat;
	width: 883px;
	height: 26px;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	margin-bottom: 13px;
}

#menu a#enlace-01 {
	width: 147px;
	height: 18px;
	_width: 159px;
	_height: 26px;
	float: left;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 12px;
	padding-top: 8px;
}

#menu a#enlace-01:hover {
	background: #E2001A;
}

#menu a#enlace-02 {
	width: 66px;
	height: 18px;
	_width: 78px;
	_height: 26px;
	float: left;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 12px;
	padding-top: 8px;
}

#menu a#enlace-02:hover {
	background: #E2001A;
}

#menu a#enlace-03 {
	width: 100px;
	height: 18px;
	_width: 112px;
	_height: 26px;
	float: left;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 12px;
	padding-top: 8px;
}

#menu a#enlace-03:hover {
	background: #E2001A;
}


div.vert_menu
{
  position: absolute;
  visibility: hidden;
  display: none;
}

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }


/* ----- Sample 1 ----------------------------------------------------------- */

div.sample1 div.vert_menu { border-bottom: 1px solid #929292; }


div.sample1 div.vert_menu a
{
  border:  1px solid #929292;
  padding: 5px 5px;

  width:   100px;
  _width:   112px;

  background: #656567;

  text-decoration: none;
  font-family: Arial;
  font-size: 11px;
  color:   #FFFFFF;
  font-weight: normal;
}

div.sample1 div.horz_menu a { margin-right:  -1px; }
div.sample1 div.vert_menu a { margin-bottom: -1px; }

div.sample1 div.horz_menu a:hover,
div.sample1 div.vert_menu a:hover,
div.sample1 div.horz_menu a.active,
div.sample1 div.vert_menu a.active { background: #2C2A2B; color: #FFFFFF;}


/*  MENU */ 

/* CUERPO */

#principal {
	width: 883px;
	float: left;
	margin: 0 0 30px 60px;
	_margin: 0 0 15px 30px;
}


#contenidoIzq {
	width: 648px;
	float: left;
	margin: 0 22px 0 0;
}

#contenidoDer {
	width: 213px;
	float: left;
	margin-top: 4px;
}

#contenidoDer a {
	width: 205px;
	height: 16px;
	_width: 213px;
	_height: 20px;
	float: left;
	margin-bottom: 1px;
	background: #3F3F3F;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 8px;
	padding-top: 4px;
}

#contenidoDer a:hover {
	background: #FF7510;
	text-decoration: none;
}

#contenidoDer a#activo {
	background: #FF7510;
	text-decoration: none;
}

#contenidoMes {
	width: 643px;
	height: 329px;
	_width: 648px;
	_height: 335px;
	float: left;
	background: url(../../img/marco.gif) no-repeat;
	padding: 6px 0 0 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}


/* CUERPO */


/* NOTA MES */

#notaMes {
	width: 637px;
	height: 324px;
	color: #4B4B4B;
	font-weight: normal;
	font-size: 12px;
}

#notaMes .tituloMes{
	margin-bottom: 2px;
}

#notaMes .texto {
	padding: 8px;
	width: 250px;
	float: left;
}

#notaMes span {
	font-weight: bold;
	color: #E2001A;
	padding: 8px;
	width: 230px;
}

#notaMes h3 {
	font-weight: bold;
	font-size: 14px;
	padding: 8px;
	width: 230px;
	float: left;
	line-height: 120%; 
}

#notaMes h4 {
	font-weight: normal;
	padding: 0 8px 8px 8px;
	width: 230px;
	float: left;
	font-size: 12px;
	line-height: 120%; 
}

#notaMes .foto { 
	float: left; 
	margin: 0 2px 0 0; 
}

/* NOTA MES */
	
/* ENLACES */

#enlaces {
	width: 632px;
	height: 57px;
	_width: 648px;
	_height: 71px;
	float: left;
	background: #E4E4E4;
	padding-left: 16px;
	padding-top: 14px;
	margin-bottom: 11px;
}

#enlaces a {
	float: left;
	margin-left: 8px;
}


/* ENLACES */

/* COMPARTE */

.comparte-01 {
	width: 150px;
	float: left;
	padding-top: 5px;
	padding-left: 2px;
	color: #979797;
	font-weight: bold;
	font-size: 10px;
}

.comparte-02 {
	width: 73px;
	float: left;
}

.comparte-03 {
	width: 1px;
	float: left;
}

.comparte-04 {
	width: 76px;
	float: left;
	margin-left: 7px;
}


/* COMPARTE */

/* VOTACIÓN */

#modulo-01 {
	width: 138px;
	margin-right: 31px;
	margin-bottom: 37px;
	float: left;
	color: #FF7510;
	font-size: 11px;
	font-weight: bold;
}

#modulo-01 h3 {
	text-transform: uppercase;
	height: 30px;
	margin-top: 4px;
	font-size: 11px;
	color: 4B4B4B;
}

#modulo-01 h3 a {
	text-decoration:underline;
	color: 4B4B4B;
}

#modulo-01 h3 a:hover {
	text-decoration:none;
}

#modulo-01 h4 {
	width: 134px;
	height: 14px;
	_width: 138px;
	_height: 17px;
	background: #EBEAEA;
	margin-top: 5px;
	padding: 3px 0 0 4px; 
	font-size: 11px;
	font-weight: normal;
	color: #575555;
}


#modulo-01 .izq {
	width: 78px;
	float: left;
	color: #C70900;
	font-weight: normal;
}

#modulo-01 .izq a {
	color: #C70900;
	font-weight: normal;
	text-decoration: none;
}

#modulo-01 .izq a:hover {
	color: #C70900;
	font-weight: normal;
	text-decoration: underline;
}

#modulo-01 .der {
	width: 60px;
	float: right;
	text-align: right;
	margin-top: 10px;
	_margin-top: 9px;
}

#modulo-01 .der input {
	width: 56px; 
	font-family: arial; 
	font-size: 7.5pt; 
	margin-bottom: 2px;
}

#modulo-02 {
	width: 138px;
	float: left;
	color: #FF7510;
	font-size: 11px;
	font-weight: bold;
}

#modulo-02 h3 {
	text-transform: uppercase;
	height: 30px;
	margin-top: 4px;
	font-size: 11px;
	color: 4B4B4B;
}

#modulo-02 h3 a {
	text-decoration:underline;
	color: 4B4B4B;
}

#modulo-02 h3 a:hover {
	text-decoration:none;
}

#modulo-02 h4 {
	width: 134px;
	height: 14px;
	_width: 138px;
	_height: 17px;
	background: #EBEAEA;
	margin-top: 5px;
	padding: 3px 0 0 4px; 
	font-size: 11px;
	font-weight: normal;
	color: #575555;
}

#modulo-02 .izq {
	width: 78px;
	float: left;
	color: #C70900;
	font-weight: normal;
}

#modulo-02 .izq a {
	color: #C70900;
	font-weight: normal;
	text-decoration: none;
}

#modulo-02 .izq a:hover {
	color: #C70900;
	font-weight: normal;
	text-decoration: underline;
}

#modulo-02 .der {
	width: 60px;
	float: right;
	text-align: right;
	margin-top: 10px;
	_margin-top: 9px;
}

#modulo-02 .der input {
	width: 56px; 
	font-family: arial; 
	font-size: 7.5pt; 
	margin-bottom: 2px;
}

/* VOTACIÓN */



/* PIE */

#pie {
	width: 1003px;
	height: 17px;
	background: #FFFFFF;
}
	
/* PIE */