/* EVENTS WEB -  PLANTILLA CSS  */
/* INICIO CSS */


/****************************************************************************************************/
/* El cuerpo de la pagina */
 body {
 /*Margen superior de la pagina*/margin-top:0%;
	/*Tipo de fuente para toda la pagina*/ font-family: Verdana, Arial, Helvetica, sans-serif;
	/*Alineacion por defecto de la pagina*/ text-align: center;
	position:relative;
	background-image:url(../_imagenes/fondodegradado.gif);
	background-repeat:repeat-y;
	background-position:top center;
	background-color:white;
	color:black;
	}  	  
/****************************************************************************************************/

/****************************************************************************************************/
/*Este es el contenedor con una imagen de degradado que se repite hacia abajo,dentro iran todos los contenedores*/
 div#contenedordegradado {	 
		
		/*Este es el largo del contenedor y el largo del efecto sombra*/
	  			
	  /*Imagen que se repite en el eje Y para crear el efecto de degradado*/				 
	  			 background-repeat:repeat-y;
	  /*Alineacion del contenedor*/
				 background-position:top center;
	  position:relative;			
		
 } 
/****************************************************************************************************/

/****************************************************************************************************/ 
 div#contenedor2
{
    margin-top:0px;	 
	height:422px; 
	width:740px;
    border-bottom: 1px solid #D0D0D0;
	border-top: 1px solid #D0D0D0;	
 }
/****************************************************************************************************/

/****************************************************************************************************/
/*Este es el contenedor que contiene el logo, el logo tiene que tener de tamaņo 729x55*/
/*si tuviera otro tamaņo habria que reajustar los demas contenedores.*/
 div#cabeceralogo {
	  /*Margen superior con respecto al contenedor en el que esta metido*/
					 margin-top:5px;	
		/*Anchura y altura del contenedor*/
    				 width:736px;
	  				 height: 128px;
    /*Enlace con el logo*/
					 background-image: url(../_imagenes/logo.jpg);
	  /*Color del fondo*/
					
	  /*Estos cuatro comportamientos son para el borde*/
					
	  position:relative;
	}
/****************************************************************************************************/
/*Aqui es donde va quien ha realizado la pagina o algunos datos de la empresa*/ 
div#contenedorbanner{
	margin-top: 0px;	
	position:absolute;
	top:59px;
	left: 4px;
	width: 467px;
	height: 33px;
 }
 div#contenedorbanner2{
	margin-top: 0px;	
	position:absolute;
	top:95px;
	left: 4px;
	width: 520px;
	height: 23px;
 }
/****************************************************************************************************/

/****************************************************************************************************/
div#cuerpocentral{
	margin-top:0px;
    width:730px;	
	
	position:relative;
	}
/****************************************************************************************************/



/****************************************************************************************************/
/*Este es el contenedor donde iran los botones PRINCIPALES*/ 
div#contenedorboton1{
	/*Margen con respecto al contenedor donde esta introducido*/
					 margin-top: 0px;					 
	/*Tamņano de la fuente*/
					 font-size: 12px;
	/* Si la letra la queremos negrita...*/
		 			 
		 			 	
	/*Color de la letra*/
					 color: BLACK;
	/*Alineacion del texto*/
					 text-align:center;
	/*Tipo de borde usado*/
				 	 border-bottom:0px solid;
	/*Tipo de borde usado*/
	         border-top: 0px solid ;	
	/*color de fondo del pie de pagina*/
					 background-color:#000000;		
	/*Solucionar el ajuste de pixeles con navegadores como MOzilla*/		 
		 			 padding-right:2px;
	/*La convertimos en una capa y le decimos el posicionamiento que queremos DENTRO DEL CONTENEDOR EN EL QUE ESTA*/
			 		 position:absolute;
	         top:0px;
	         left: 0px;
	width: 729px;
	
 }
/****************************************************************************************************/

/****************************************************************************************************/
/*Este es el contenedor donde iran los botones SECUNDARIOS*/ 
div#contenedorboton2{
	/*Margen con respecto al contenedor donde esta introducido*/
					 margin-top: 13px;
	/*Tamņano de la fuente*/
					 font-size: 10px;	
	/*Color de la letra*/
					 color:white;
	/*Alineacion del texto*/
					 text-align:left;
	/* La sanguia que tienen los botones, en este caso es para que no se pege a la izquierda del contenedor*/					 
					 text-indent:67px;
	/*El tamaņo de espaciado de letras*/
					 letter-spacing:1px;
	/*Tipo de borde usado*/
				 	 border-bottom:0px solid;
	/*Tipo de borde usado*/
	         border-top: 0px solid ;	
	/*color de fondo del pie de pagina*/
	         background-color:#C0C0C0;	
	/*Solucionar el ajuste de pixeles con navegadores como MOzilla*/				 
					 padding-right:2px;
	/*La convertimos en una capa y le decimos el posicionamiento que queremos DENTRO DEL CONTENEDOR EN EL QUE ESTA*/				 
			 		 position:absolute;
					 top:1px;
					 left: 0px;
	width: 728px;
 }
/****************************************************************************************************/

/*Aqui es donde va quien ha realizado la pagina o algunos datos de la empresa*/ 
div#contenedortabla{
	margin-top: 0px;
	font-size: 10px;
	
	color: blue;
	text-align:center;
	border-bottom:0px solid;
	border-top: 0px solid;
	background-color:white;
	position:absolute;
	top:3px;
	left: 2px;
	width: 724px;
	height: 127px;
 }
/****************************************************************************************************/

/****************************************************************************************************/
/*Aqui es donde va quien ha realizado la pagina o algunos datos de la empresa*/ 
div#piepagina{
	/*Margen con respecto al contenedor donde esta introducido*/
					
	/*Tamņano de la fuente*/
					 font-size: 10px;
	/* Si la letra la queremos negrita...*/
		 		  
	/*Color de la letra*/
	         color: black;
	/*Alineacion del texto*/
	         text-align:center;
	/*Tipo de borde usado*/
	         border-bottom:0px solid;
	/*Tipo de borde usado*/
	         border-top: 0px solid ;	
	/*color de fondo del pie de pagina*/
	         background-color:#FF6600;		
	position:relative;
	left: 0px;
	width: 730px;
 }
/****************************************************************************************************/

p#cabecera {
 font-size:12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-indent:0px;
 margin-left:0px;
 margin-right:2px;
 text-align:center;
 margin-top:4px;
 margin-bottom:4px;
color:red;
 }
p {
 font-size:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-indent: 0em;
 margin-left:6px;
 margin-right:2px;
 text-align:justify;
 margin-top:4px;
 margin-bottom:4px;
color:black;
 }
 p#menu{
 font-size:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-indent: 1em;
 margin-left:2px;
 margin-right:2px;
 text-align:left;
 margin-top:4px;
 margin-bottom:1px;
color:white;
 }
 p#circularparrafo {
 font-size:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-indent: 4em;
 margin-left:6px;
 margin-right:2px;
 text-align:justify;
 margin-top:4px;
 margin-bottom:4px;
color:black;
 }
  p#circularparrafo2 {
 font-size:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-indent: 8em;
 margin-left:6px;
 margin-right:2px;
 text-align:justify;
 margin-top:4px;
 margin-bottom:4px;
color:black;
 }
 p#titulo {
 font-size:11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-indent: 0em;
 margin-left:6px;
 margin-right:2px;
 text-align:justify;
 margin-top:4px;
 margin-bottom:4px;
color:#CC0033;
 }
 
 p#botones1 {
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-indent: 0em;
 margin-left:0px;
 margin-right:2px;
 text-align:center;
 margin-top:0px;
 margin-bottom:5px;
color:white;
 }
 a#botones1:link, a#botones1:visited {
	text-decoration:none;
	color: white;
	}
a#botones1:hover {
	text-decoration:none;
	color:black ;
	}
	
  p#botones2 {
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-indent: 0em;
 margin-left:0px;
 margin-right:2px;
 text-align:center;
 margin-top:0px;
 margin-bottom:5px;
color:black;
 }
  a#botones2:link, a#botones2:visited {
	text-decoration:none;
	color: black;
	}
a#botones2:hover {
	text-decoration:none;
	color:white ;
	}
 
 
 
 
  p#ul {
 font-size:9px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-indent: 0em;
 margin-left:6px;
 margin-right:2px;
 text-align:center;
   margin-top:5px;
  margin-bottom:4px;
color:#777777;
 }
 

  p#lib {
 font-size:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-indent: 0em;
 margin-left:0px;
 margin-right:0px;
 text-align:left;
   margin-top:0px;
  margin-bottom:0px;
 }


a:link, a:visited {
	text-decoration:none;
	color: #FFFFFF;
	}

a:hover {
	text-decoration:none;
	color:#CC0033 ;
	}
	
a#menu:link, a#menu:visited {
	text-decoration:none;
	color: #FFFFFF;
	}

a#menu:hover {
	text-decoration:none;
	color:black ;
	}

a#correo2:link, a#correo2:visited {
text-decoration:none;
	color:blue;
	font-size:10px;
	
}
a#correo2:hover {
	text-decoration:none;
	color: #CC0033;
	font-size:10px;
	
	}
	
a#correo:link, a#correo:visited {
text-decoration:none;
	color:black;
	font-size:15px;
	
}
a#correo:hover {
	text-decoration:none;
	color: #CC0033;
	font-size:15px;	
	}
	
a#correob:link, a#correob:visited {
text-decoration:underline;
	color:#CC0033;
}
a#correob:hover {
	text-decoration:none;
	color:blue;
	}

a#correoc:link, a#correoc:visited {
text-decoration:none;
	color:#666666;
}
a#correoc:hover {
	text-decoration:none;
	color: red;
	}
	
h1{
 text-align:center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px; 

}
ul{
text-align:justify;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:black; 
}
li{
text-align:justify;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:black;
}