@charset "utf-8";
/* CSS Document */

body {margin:0;
	background:url(images/fsan2.gif) repeat-x;}
	
#contenedor {margin: 0 auto;
	width:990px;
	height:auto;}
	
#contenedor-central {
	width:990px;
	height:auto;
	float:left;
	background:#FFF;}
	
h1.cabecero-expli {
	width:990px;
	float:left;
	background:#ff890a;
	line-height:18px;
	margin:0;
	font:normal normal 12px Verdana, Arial, Helvetica, sans-serif ;
	text-align:center;
	color:#ff890a;
	}
	
#cabecero {
	width:990px;
	float:left;
	background:#FFF;
	height:auto;
	margin:10px 0 0 0;}
	
#cabecero h1 {
	width:91px;
	float:left;
	height:auto;
	margin: 0;}	
	
#cabecero h1.john {
	width:70px;
	float:right;}
	
#cabecero h2 {
	width:809px;
	float:left;
	font:bold normal 12px Verdana, Arial, Helvetica, sans-serif ;
	line-height:25px;
	background:#333366 url(images/cab04.gif) no-repeat right;
	margin:0;
	color:#FFF;
	padding:0 0 0 20px;
	border-bottom:#FFF solid 1px;
	}
	
#cabecero h2.negro {
	font-weight:bold;
	}			
	
#cabecero ul {
	width:600px;
	float:left;
	height:auto;
	margin:0 0 0 125px;
	padding:0;
	list-style:none;
	text-align:center;
	}	
	
#cabecero ul li a {
	width:auto;
	float:left;	
	padding:0 10px 0 10px;
	margin:0;
	font:bold italic 13px Verdana, Arial, Helvetica, sans-serif ;
	color:#333366;
	text-decoration:none;
	line-height:31px;
	}	
	
#cabecero ul li.con a {
	background:url(images/boton-azul.gif) center left no-repeat;
	padding:0 10px 0 10px;
	}	
	
#cabecero ul li a:hover {
	text-decoration:underline;
	}
	
#cabecero h3 {
	width:809px;
	float:left;
	background:url(images/fondo-azul-nar.gif) repeat-x;
	font:bold normal 10px Verdana, Arial, Helvetica, sans-serif ;
	line-height:20px;
	margin:0;
	padding:0 0 0 20px;	
	}	
	
#cabecero h3 div {
	width:auto;
	float:right;
	margin:0 20px 0 0;
	}	
	
#cabecero h3.negro {
	font-weight:bold;
	}	
	
#cabecero h4 {
	width:829px;
	float:left;
	height:auto;
	text-align:center;
	margin:10px 0 0 0;
	}	
	
#cabecero h2.bajo {
	width:990px;
	font:bold normal 18px Verdana, Arial, Helvetica, sans-serif ;
	line-height:25px;
	background: none;
	padding:0;
	margin:0 0 15px 0;
	color:#333366;
	text-align:center;
	border-bottom:none;
	font-weight:bold;
	}
	
ul.columna-izquierda, ul.columna-derecha {
	width:130px;
	background: #FFF;
	height:auto;
	margin:0;
	padding:0;
	list-style:none;	
	}
	
ul.columna-izquierda {
	float:left;
	}
	
ul.columna-derecha {
	float:right;
	}
	
ul.columna-izquierda li, ul.columna-derecha li  {
	float:none;
	background: #FFF;
	text-align:center;
	font:normal normal 11px Verdana, Arial, Helvetica, sans-serif ;
	color:#333366;
	line-height:14px;
	}

ul.columna-izquierda li.john {
	margin:5px 0 5px 0;
	padding:0 5px 0 5px;
	min-height:50px;
	text-align:left;
	}	
	
ul.columna-izquierda li.john a {
	text-decoration:none;
	color:#F60;
	}
	
ul.columna-izquierda li.john a:hover {
	text-decoration:underline;
	}
	
ul.columna-izquierda li.john img  {
	float:left;
	margin:0 5px 0 0;
	}	
	
ul.columna-izquierda li.nov a img  {
	border:none;
	}	
	
ul.columna-izquierda li.nov a img:hover  {
	filter: alpha(opacity=65); opacity: .65
	}
	
ul.columna-izquierda li.agradecido, ul.columna-derecha li.agradecido {
	margin:8px 0 8px 0;
	padding:0 5px 0 5px;
	}
	
ul.columna-izquierda li.agradecido a, ul.columna-derecha li.agradecido a {
	color:#000;
	text-decoration:none;
	}
	
ul.columna-izquierda li.agradecido a:hover, ul.columna-derecha li.agradecido a:hover {
	color:#F63;
	text-decoration:underline;
	}
	
	
	
ul.columna-izquierda li.gratis, ul.columna-derecha li.gratis {
	margin:12px 0 12px 0;
	}
	
ul.columna-izquierda li.gratis a {
	text-decoration:none;
	color:#36383B;
	}
	
ul.columna-izquierda li.gratis a:hover {
	text-decoration:underline;
	}
	
#contenido-video {
	width:730px;
	float:left;
	height:auto;
	background:#FFF;
	text-align:center;
	line-height:0;
	}
	
#contenido-video object.triodos {
	border:#036 solid 1px;
	}
	
#contenido-video div {
	margin:20px 0 20px 0;	
	}
	
#contenido-video p {
	font:normal normal 12px Verdana, Arial, Helvetica, sans-serif ;
	margin:12px 0 12px 0;
	padding:0 40px 0 40px;
	text-align:justify;
	line-height:16px;
	color:#333366;
	}
	
#contenido-video p span {
	color:#F60;
	font-weight:bold;
	}
	
#contenido-video p.imagen {
	text-align:center;
	}
	
#contenido-video p.chochin a {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	}
	
#contenido-video p.chochin a:hover {
	text-decoration: underline;
	color: #F60;
	}
	
#contenido-video h1 {
	margin:12px 40px 12px 40px;
	text-align:left;
	background:#ff9900;
	font:bold normal 12px Verdana, Arial, Helvetica, sans-serif ;
	line-height:20px;
	padding:0 0 0 15px;
	color:#FFF;
	}
	
#contenido-video table {
	width:500px;
	margin:0 115px 0 115px;
	height:auto;
	background:#FFF;
	}
	
#contenido-video table tr {
	background:#333366;	
	}
	
#contenido-video table tr.cabezal td {
	width:223px;
	font:bold normal 12px Verdana, Arial, Helvetica, sans-serif ;
	text-align:left;
	line-height:20px;
	padding:0 0 0 15px;
	color:#FFF;
	}
	
#contenido-video table tr.cabezal td.negredo {
	font-weight:bold;
	}

#contenido-video table tr.explica td {
	width:155px;
	height:70px;
	background:url(images/fondo-cuadricula.jpg);
	padding:0 13px 0 70px;
	font:normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
	text-align:left;
	color:#333366;
	}
	
#contenido-video table tr.explica td.grupo {
	background:url(images/fondo-cuadricula-2.jpg);	
	}
	
#contenido-video table tr.explica td.grupa {
	background:url(images/fondo-cuadricula-3.jpg);	
	}
	
#contenido-video table tr.explica td.grupa {
	background:url(images/fondo-cuadricula-3.jpg);	
	}
	
#contenido-video table tr.explica td.grupal {
	background:url(images/fondo-cuadricula-4.jpg);	
	}
	
#contenido-video table tr.explica td.elegir {
	background:url(images/fondo-cuadricula-6.jpg);	
	}
	
#contenido-video table tr.explica td.material {
	background:url(images/fondo-cuadricula-7.jpg);	
	}
	
#contenido-video table.niveles {
	margin:15px 115px 15px 115px;
	}
	
#contenido-video table.niveles tr.cabezal td.hermoso, #contenido-video table tr.cabezal td.hermoso {
	width:477px;
	font-weight:bold;
	}
	
#contenido-video table.niveles tr.explica td.enorme {
	width:357px;
	height:133px;
	background:url(images/fondo-cuadricula-5.jpg);
	padding:0 40px 0 95px;
	}
	
#contenido-video table tr.explica td.extendi {
	width:472px;
	height:auto;
	background:#cce3ed;
	padding:5px 10px 5px 10px; 
	}
	
#contenido-video table.niveles tr.explica td.enorme ul {
	width:280px;
	height:auto;
	margin:8px 0 0 60px; 
	padding:0;
	list-style:url(images/puntazo.gif);
	}
	
#contenido-video table.niveles tr.explica td.enorme ul li {
	font:normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	margin:0;
	}