/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Documento CSS de 'base'
	Autor: cscope.info
	Ultima edicion: 19 de julio de 2008
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/



/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	1. ESTILOS GENERALES BASICOS
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
   
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	html {
	  height: 100%;
	}


/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	2. ESTILOS PARA EL 'BODY'
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
	body {
		background: #7A0000 url(bmp/fondo-pagina.jpg) repeat-x 0 0;
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 62.5%;
		height: 100%;
		line-height: 1;
		text-align: center;
	}


/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	3. ENCABEZADOS DE PAGINA
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
	h1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 2.5em;
		font-weight: normal;
		color: #666;
		margin: 0 30px 20px 30px;
	}
	
	h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.8em;
		color: #666;
		margin: 0 30px 10px 30px;
	}
	
	h3 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.6em;
		color: #666;
		margin: 0 30px 10px 30px;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: #CC0000;
		text-decoration: none;
	}
	
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
		text-decoration: underline;
	}
	
	
/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	4. PARRAFOS
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/	
	p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		line-height: 1.4em;
		margin: 0 30px 15px 30px;
	}
	.migas,
	.seccion-pagina {
		font-size: 1.1em;
		border-bottom: 1px solid #333;
		margin-bottom: 30px;
		padding-bottom: 10px;
	}
	.migas span,
	.seccion-pagina span {
		border-bottom: 4px solid #333;
		padding-bottom: 10px;
	}
	
	.seccion-pagina {
		font-size: 1.6em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.seccion-pagina span {
		padding-bottom: 8px;
	}
	
	
	.fecha {
		background: url(bmp/icono-fecha.png) no-repeat 0 0;
		font-size: 1.1em;
		margin-bottom: 5px;
		padding-left: 20px;
	}
	
	.masinfo {
		font-size: 1.2em;
		margin-bottom: 40px;
	}
	.masinfo a {
		color: #666;
	}
	
	a.masinfo {
		font-size: 0.9em;
		color: #666;
	}


/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	5. ENLACES GENERICOS
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
	a {
		color: #CC0000;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}


/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	6. IMAGENES
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
	img {
		height: auto;
	}
		.multimedia
		{
			width:110px;
		}


/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	7. LISTAS DE DEFINICION
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
	dl {
		background-color: #DDD;
		border: 1px dotted #666;
		margin: 0 40px 10px 40px;
		padding: 20px;
	}
	
	dd, dt {
		font-size: 1.3em;
		line-height: 1.3em;
		}
		
	dt {
		font-weight: bold;
	}
	
	dd {
		margin-bottom: 10px;
	}


/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	8. FORMULARIOS
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
	form {
		margin: 0 30px 10px 30px;
		padding: 0;
	}
	
	legend {
		display: none;
	}
	
	label {
		display: block;
		float: left;
		font-size: 1.2em;
		margin-right: 5px;
		margin-bottom: 10px;
		text-align: left;
		width: 90px;
	}
	
	label.lblmax {
		width: 320px; 
		margin-top: 10px;
		text-align: left;
	}
	
	input, select, textarea {
		background-color: #FFF;
		border: 1px solid #CCC;
		color: #838383;
		display: inline;
		float: left;
		font-size: 1.2em;
		height: 15px;
		margin: 0 10px 15px 0;
		width: 225px;
	}
	
	select {
		height: 20px;
	}
	
	input.btn {
		background-color: #CC0000;
		border: 0;
		color: #FFF;
		cursor: pointer;
		display: block;
		float: none;
		font-weight: bold;
		height: 17px;
		width: 62px;
	}
	
	input.check {
		background: none;
		border: 0;
		margin: 10px 0 0 35px;
		padding: 0;
		width: 20px;
	}
	
	textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 115%;
		height: 70px;
		overflow: auto;
	}
	
	#__VIEWSTATE,
	#__EVENTVALIDATION {
		display: none;
	}


/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	9. TABLAS DE RESULTADOS
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
      
   table {
   		margin: 0 30px 10px 30px;
		border-collapse:collapse;
		width: 60%;
   }
   
   caption {
   		display: none;
   }
   
   th { 
   		background-color: #DDD;
	}
   
   td {
   		border-bottom: 1px solid #DDD;
		vertical-align: middle;
   }
   th, td {
   		font-size: 1.2em;
		padding:5px;
   }
   td a {
   		text-decoration: none;
   }
   td a:hover {
   		text-decoration: underline;
   }
   
   
/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	10. ACRÓNIMOS Y ABREVIATURAS
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
	abbr, acronym {
       border-bottom: 1px dashed #333;
	   cursor: help;
	}