body,html {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	letter-spacing: 1px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #666;
	background-color: #efefef;
	height:100%;
    /*background: #ffffff url(images/templatemo_body_top.jpg) repeat-x top;*/
}
		
a:link, a:visited, a:active { color: #666666; text-decoration: none; font-weight: normal; } 
a:hover { color: #336699; text-decoration: underline; }

p { margin: 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: none; }

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.divider {
	background: url(images/templatemo_divider.png) repeat-x bottom;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.margin_r30 { margin-right: 30px; }


h2 {
	/*margin: 0 0 10px 0;
	padding: 10px 0 15px 0;*/
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
		line-height: 1.7em;
	letter-spacing: 1px;
}

h3 {
	margin: 0	;
	padding: 2px 0;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
}

#templatemo_wrapper {
	width: 990px;
	margin: 0 auto;
}

/* header */

#templatemo_site_title_bar {
	width: 970px;
	height: 90px;
	padding: 0 10px;
	/*background: url(images/templatemo_header_bg.jpg) top center;*/
}

#templatemo_site_title_bar  #site_title {
	float: left;
	width: 400px;
	padding: 30px 10px 0 15px;
	overflow: hidden;
}

#site_title h1 {
	margin: 0;
	padding: 0;
}

#site_title h1 a {
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#site_title h1 a:hover {
	font-weight: bold;	
	text-decoration: none;
}

#site_title h1 a span {
	display: block;
	margin-top: 10px;
	margin-left: 5px;
	font-size: 12px;
	color: #999;
	font-weight: normal;
	letter-spacing: 2px;
}

#templatemo_site_title_bar .social_network {
	float: right;
	margin: 0px;
	padding: 8px 65px 0 0;
	list-style: none;
}


.social_network li {
	margin: 0px;
	padding: 0px;
	display: inline;
}

.social_network li a {
	float: left;
	display: block;
	width: 62px;
	height: 78px;
	margin-left: 10px;
}

/* end of header */

/* menu */

#templatemo_menu {
	width: 970px;
	height: 60px;
	padding: 0 10px;
	background: url(images/templatemo_menu_bar.jpg) no-repeat;
}

#templatemo_menu ul {
	float: left;
	margin: 0px;
	padding: 15px 0 0 20px;
	list-style: none;
}

#templatemo_menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

#templatemo_menu ul li a {
	position: relative;
	float: left;
	display: block;
	width: 120px;
	height: 35px;
	padding: 5px 0 0 0;
	margin-right: 15px;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	color: #333;	
	font-weight: bold;
	outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
	background: url(images/templatemo_menu_hover.png) no-repeat;
}

/* end of menu */

/* search */

#templatemo_search {
	clear: both;	
	width: 970px;
	height: 40px;
    padding: 0 10px;
	background: url(images/templatemo_search_bar.jpg) no-repeat;	
}

#templatemo_search #search_box {
	float: right;
	width: 230px;
	height: 29px;
	margin: 5px 60px 0 0;
	background: url(images/templatemo_search.png) no-repeat;
}

#search_box form {
	width: 230px;
	height: 29px;
	margin: 0;
	padding: 0;
}

#searchfield {
	height: 20px;
	width: 185px;
	padding: 6px 5px 3px 5px;
	margin: 0;
	color: #ffffff;
	font-size: 12px;
	font-variant: normal;
	line-height: normal;
	background: none;
	border: none;	
}

#searchbutton {
 	height: 29px;
	width: 30px;
	margin: 0px;
	padding: 6px 0 0 0;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	white-space: pre;
	background: none; 
	border: none;
}

/* end of search */

/* banner */

#templatemo_banner {
	clear: both;
	width: 880px;
	height: 200px;
    padding: 0 70px 0 40px;
	background: url(images/templatemo_banner.jpg) no-repeat;
}

#templatemo_banner #banner_left {
	float: left;
	width: 550px;
}

#templatemo_banner #banner_left h2 {
	font-size: 24px;
	color: #000;
}

#templatemo_banner #banner_left p {
	font-size: 16px;
	line-height: 30px;
	color: #333;
}

#templatemo_banner #banner_right {
	float: right;
	width: 232px;	
	height: 200px;
	overflow: hidden;
}

#templatemo_banner #banner_right .banner_button a {
	display: block;
	margin: 11px 0;
	width: 217px;
	height: 37px;
	padding: 15px 0 0 15px;
	color: #052b5a;
	font-size: 18px;
	font-weight: bold;
	background: url(images/templatemo_banner_button.png);
}

#templatemo_banner #banner_right .banner_button a:hover {
	text-decoration: none;
	color: #0066CC;
}

/* end of banner */

/* content */

#templatemo_content {
	clear: both;
	width: 900px;
	padding: 0 45px;
	background: url(images/templatemo_content_middle.jpg) repeat-y;;
}

#medio_blanco {
	clear: both;
	width: 900px;
	padding: 0 45px;
	background: url(images/contenido_medio_blanco.jpg) repeat-y;;
}

#cabecera { 
z-index:10; 
position:fixed; 
width:100%; 
margin:0 auto;  
color:#000;
/*background:url('imagenes/cabecera.png') top center repeat;*/ 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:14px;
}

#inferior{
position:relative;
bottom:0px;
z-index:10;
 }

.bg1 { }
.bg2 { }
.bg1:hover { background:#cce5ff; cursor:pointer; color:#FFFFFF;}
.bg2:hover { background:#cce5ff; cursor:pointer; color:#FFFFFF;}


.negra {
	font: 10px verdana, arial, sans-serif;
	color: black;
}

.gris {
	font-size:9px;
	color: #666666;
}

#templatemo_content_top {
	clear: both;
	width: 990px;
	height: 35px;
	background: url(images/templatemo_content_top.jpg) no-repeat;
}

#bajo_blanco {
	clear: both;
	width: 990px;
	height: 35px;
	background: url(images/contenido_bajo_blanco.jpg) no-repeat;
}
#alto_blanco {
	clear: both;
	width: 990px;
	height: 35px;
	background: url(images/contenido_alto_blanco.jpg) no-repeat;
}

#templatemo_content_bottom {
	clear: both;
	width: 990px;
	height: 35px;
	background: url(images/templatemo_content_bottom.jpg) no-repeat;
	/*background: url(images/templatemo_content_bottom.jpg) no-repeat;*/
}

#informacion {
	clear: both;
	width: 990px;
	height: 150px;
	background: url(images/azul.jpg) no-repeat;
	/*background: url(images/templatemo_content_bottom.jpg) no-repeat;*/
}

#personaje {
	clear: both;
	width: 990px;
	height: 20px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:2px;
	background: url(images/azul.jpg) bottom no-repeat;
}

#listado_titulo {
	clear: both;
	width: 990px;
	height: 20px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:2px;
	background: url(images/azul.jpg) top no-repeat;
}

#listado a span.marco	{ z-index:2; position: relative; display:block; width:110px; height:154px; background:url('images/marco.png') no-repeat; }
#listado a:hover span.marco { background-position:0 -154px; }					  
#listado span.blanca { color:#FFFFFF; }
													  
#foto { z-index:0; position: relative; margin-top:-149px; margin-bottom:7px;}

/* end of content */

/* footer */

#templatemo_footer {
	clear: both;
	width: 970px;
	margin: 0 auto;
	padding: 40px 10px;
	color: #666;
}

#templatemo_footer  a {
	color: #000000;
}

#templatemo_footer .section_w240 {
	float: left;
	width: 200px;
	padding-right: 40px;
}

#templatemo_footer .section_w240 h3 {
	font-size:14px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #333;
}

#templatemo_footer .footer_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#templatemo_footer .footer_list li {
	margin: 0px;
	padding: 3px 0;
}

#templatemo_footer .footer_list li a {
	color: #666;
}

#templatemo_footer .footer_list li a:hover {
	color: #0068e9;
	text-decoration: none;
}

/* end of footer */




/*///////////////////////////////// MENU \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
  .mi-menu  {
    border-radius: 0px 0px 0px 0px;
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;
	margin-left:-36px;
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
    width: 972px;
    /* el color de fondo 
    background: #555;
    background: -moz-linear-gradient(#555,#222);
    background: -webkit-linear-gradient(#555,#222);
    background: -o-linear-gradient(#555,#222);
    background: -ms-linear-gradient(#555,#222);
    background: linear-gradient(#555,#222);*/
	background: #efefef;
	background: -moz-linear-gradient(#efefef,#b9b9b9);
    background: -webkit-linear-gradient(#efefef,#b9b9b9);
    background: -o-linear-gradient(#efefef,#b9b9b9);
    background: -ms-linear-gradient(#efefef,#b9b9b9);
    background: linear-gradient(#efefef,#b9b9b9);
  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .mi-menu  br { display:none; }

  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu li a {
    border-left: 1px solid #000;
    border-right: 1px solid #CCC;
    color: #EEE;
    display: block;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 24px;
    margin: 6px 0;
    text-decoration: none;
	color:#666666;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color: #336699; }

  /* los submenús */
  .mi-menu ul {
    border-radius: 0 0 5px 5px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
	margin-top:-3px;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #b9b9b9;
    background: -moz-linear-gradient(#b9b9b9,#efefef);
    background: -webkit-linear-gradient(#b9b9b9,#efefef);
    background: -o-linear-gradient(#b9b9b9,#efefef);
    background: -ms-linear-gradient(#b9b9b9,#efefef);
    background: linear-gradient(#b9b9b9,#efefef);
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 0px;
    width: 200px;
	color:#666666;

  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }
  
/*///////////////////////////////// MENU \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

.fondo_titulo{
-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; background: #afa998; padding: 5px; font-size:20px; font-weight:bold; color:#FFF;
}

.tabla_datos{
-moz-border-radius-topleft: 10px; 
-webkit-border-top-left-radius: 10px;
padding: 0px; font-size:12px; font-weight:bold;  background: #afa998; color:#FFF;
border: 2px solid #afa998;
}

.negro{
	color:#000;
	background-color:#ebe7dd;
	padding-left:8px;
	font-weight: normal;
}