/* Esto es para resetear los estilos de manera que en todos los navagadores se vea bien
-------------------------------------------- */

html, body, div, a, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, abbr, acronym, address, code, object, label, legend, input, textarea, p, blockquote, th, td, del, dfn, q, table, caption, tbody, tfoot, thead, tr, th, td {
  vertical-align: baseline;
  padding: 0em 0em 0em 0em;
  margin: 0em 0em 0em 0em;
  border: 0;
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: 100%;
}


/* Tablas
-------------------------------------------- */

  table {
      border-collapse:collapse;
      border-spacing:0;
      width:100%;
  }


/* Objects
-------------------------------------------- */

  object {
      margin: 0em 0em 0em 0em;
      padding: 0em 0em 0em 0em;
      border: 0em;
  }


/* Abreviaturas, acronimos y definiciones
-------------------------------------------- */

  abbr, acronym, dfn {
      border: none;
      cursor: help;
  }
 
/* Imágenes
-------------------------------------------- */

  img, a img, :link img, :visited img, :hover img {
      border: 0em;
  }


/* Aqui empiezan las CSS de la web
-------------------------------------------- */


body {
	margin: 0px;
	background: url(../imagenes/fondo.gif) repeat;
}


a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 11pt;
	color: #c460a1;
    
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 11pt;
	color: #943573;
    
}

.webcentrada {
	margin: 0px auto;
	width: 1000px;
}

.fondoproxi {
	background: url(../imagenes/proxi.png);
    
}

.fondoweb{
	background: url(../imagenes/fondo_repeat.png) repeat-y;
    
}

.fondotop{
	background: url(../imagenes/top.png) center no-repeat;
    
}

.fondomiddle{
	background: url(../imagenes/middle.png)  no-repeat top ;
	
    
}

.margencomplementos {

	padding:0px 0px 0px 150px;
    
}

.textoweb {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align:justify;
	font-size: 80%; 
	color: #222222;
	padding:10px 0px 20px 120px;
    
}
.textocomplementos {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	font-size: 80%; 
	color: #c35fa1;
	

    
}
.textosubmenu{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	font-size: 100%; 
	color: #c35fa1;
	padding:15px 30px 40px 120px;
	background: url(../imagenes/linea.gif) no-repeat center 60px;
    
}

.textoavisolegal {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 65%; 
	color: #999999;
	

    
}


.titulo {
	padding:10px 0px 0px 120px;
	
    
}
#menu{
	margin:0;
	padding:155px 0px 0px 100px;
	
}

#menu li{
	color: #333333;
	display:inline;
	padding:0px 5px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 80%;
}

#menu li a {
	color: #666666;
	display:inline;
	padding:0px 5px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 80%;
	
}

#menu li a:hover {
	color: #c35fa1;
	display:inline;
	padding:0px 5px 40px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 80%;
	
}

#menu #menuli1 span{
	color: #c35fa1;
	display:inline;
	padding:0px 5px 40px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 80%;
	background: url(../imagenes/lacito.gif) no-repeat center;
}
#menu #menuli2 span{
	color: #c35fa1;
	display:inline;
	padding:0px 5px 40px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 80%;
	background: url(../imagenes/lacito.gif) no-repeat center ;
}
#menu #menuli3 span{
	color: #c35fa1;
	display:inline;
	padding:0px 5px 40px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 80%;
	background: url(../imagenes/lacito.gif) no-repeat center ;
}
#menu #menuli4 span{
	color: #c35fa1;
	display:inline;
	padding:0px 5px 40px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 80%;
	background: url(../imagenes/lacito.gif) no-repeat center;
}
#menu #menuli5 span{
	color: #c35fa1;
	display:inline;
	padding:0px 5px 40px 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 80%;
	background: url(../imagenes/lacito.gif) no-repeat center;
}

#submenu{
	margin: 0;
	padding:10px 0px 0px 114px;
	list-style-type:none;
}

#submenu li{
	color: #666666;
	display:inline;
	padding:20px 4px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 80%;
}

#submenu li a {
	color: #666666;
	display:inline;
	padding:20px 7px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 80%;
	
}
#submenu li a:hover {
	color: #c35fa1;
	display:inline;
	padding:20px 7px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 80%;
	
}