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

/* Extras
----------------------------------------------------------------------------------------------------*/
a.mas{ clear:both; color:#759cc5; display:block; overflow:hidden; text-align:right; padding:2px 28px 2px 0; margin:5px -8px 16px 0; font-weight:bold; background: #FFF url(/img/sprite.png) no-repeat right 0; letter-spacing:-0.01em; font-size:0.9em; line-height:0.9em; white-space:nowrap; }
a.mas:hover, a.mas:focus, a.mas:active{background-position:right -40px; color:#326ca8;}

a.volver{ clear:right; color:#759cc5; float:right; display:inline-block; overflow:hidden; text-align:right; padding:2px 0 2px 16px; margin:5px 0 0 0; font-weight:bold; background: #FFF url(/img/sprite.png) no-repeat left -280px; letter-spacing:-0.01em; font-size:0.9em; line-height:0.9em; white-space:nowrap; }
a.volver:hover, a.volver:focus, a.volver:active{ background-position:left -320px; color:#326ca8; }

a.imprimir{ color:#759cc5; float:right; display:inline-block; overflow:hidden; text-align:right; padding:2px 0 2px 16px; margin:5px 10px 0 0; font-weight:bold; background: #FFF url(/img/sprite2.png) no-repeat left 0px; letter-spacing:-0.01em; font-size:0.9em; line-height:0.9em; white-space:nowrap; }
a.imprimir:hover, a.imprimir:focus, a.imprimir:active{ background-position:left -40px; color:#326ca8; }

a.recomendar{ color:#759cc5; float:right; display:inline-block; overflow:hidden; text-align:right; padding:2px 0 2px 16px; margin:5px 10px 0 0; font-weight:bold; background: #FFF url(/img/sprite2.png) no-repeat left -80px; letter-spacing:-0.01em; font-size:0.9em; line-height:0.9em; white-space:nowrap; }
a.recomendar:hover, a.recomendar:focus, a.recomendar:active{ background-position:left -120px; color:#326ca8; }

/*
a.boton{ display:block; background: #FFF url(/img/bg_boton.png) no-repeat left top; padding: 0 0 0 10px; overflow:hidden; display:inline-block; margin:0; font-size:0.9em; line-height:24px;}
a.boton span{ display: block; background: transparent url(/img/bg_boton.png) no-repeat right top; padding-right:23px; overflow: auto; color:#326ca8; font-weight:bold; text-align:center; white-space:nowrap; }
a.boton:hover span, a.boton:focus span, a.boton:active span { background-position: right -40px ; color:#326ca8; text-decoration:none; cursor:pointer; }
*/

a.boton{ color:#FFF; display:block; background-color:#85BA4B; border:1px solid #70AE27; padding: 0 10px; overflow:hidden; display:inline-block; margin:0; font-size:0.9em; line-height:24px; }
a.boton:hover, a.boton:focus, a.boton:active {}

.enlaces, .descargas { margin-bottom:1em; }

span.estrella { background: transparent url(/img/list_estrella.png) no-repeat scroll 0pt 0pt; padding-left: 26px; }

a.icon-carpeta { background: transparent url(/img/icon_carpeta.png) no-repeat scroll 0pt 40%; padding-left: 17px; }
a.icon-archivo { background: transparent url(/img/icon_archivo.png) no-repeat scroll 0pt 40%; padding-left: 17px; }
a.icon-descarga { background: transparent url(/img/icon_descarga.png) no-repeat scroll 0pt 40%; padding-left: 17px; }
a.icon-externo { background: transparent url(/img/icon_externo.png) no-repeat scroll 0pt 40%; padding-left: 17px; }
a.icon-pdf { background: transparent url(/img/icon_pdf.png) no-repeat scroll 0pt 40%; padding-left: 17px; }
p.icon-youtube { background: transparent url(/img/icon_youtube.png) no-repeat scroll 0pt 40%; padding: 2px 0 2px 60px; }
span.nota, span.info, span.alert, span.download, span.tip { display: block; }
div.nota, span.nota { border-top: 1px dotted rgb(170, 180, 190); border-bottom: 1px dotted rgb(170, 180, 190); margin: 10px 0px; padding: 5px 10px; background: #F4F5F6 none repeat scroll 0% 0%; text-align: justify; }
em.box { border-bottom: 1px dotted rgb(100, 100, 100); padding: 0px 4px; background: rgb(230, 233, 235) none repeat scroll 0% 0%; font-style: normal; }
ul.flecha, ul.casilla, ul.correcto, ul.estrella { margin: 10px 0px; padding-left: 20px; list-style-type: none; list-style-image: none; list-style-position: outside; }
ul.flecha li, ul.casilla li, ul.correcto li, ul.estrella li { margin: 5px 0px; padding-left: 35px; font-weight: bold; line-height: 26px; }
ul.flecha li { background: transparent url(/img/list_flecha.png) no-repeat scroll 0pt 0pt; }
ul.casilla li { background: transparent url(/img/list_casilla.png) no-repeat scroll 0pt 0pt; }
ul.correcto li { background: transparent url(/img/list_correcto.png) no-repeat scroll 0pt 0pt; }
ul.estrella li { background: transparent url(/img/list_estrella.png) no-repeat scroll 0pt 0pt; }
ol.disco { margin: 10px 0px; padding: 0px 0px 0px 45px; background: transparent url(/img/list_disco.png) repeat-y scroll 20px 0px; }
ol.disco li { margin: 5px 0px; padding-left: 10px; font-weight: bold; line-height: 26px; }
hr.linea { clear:both; border: medium none ; margin: 5px 0 15px; background: transparent url(/img/linea_puntos.png) repeat-x scroll 0pt 0pt; display: block; height: 1px; }
hr.puntos { clear:both; border: medium none ; margin: 15px 0px; background: transparent url(/img/linea_puntos.png) repeat-x scroll 0pt 0pt; display: block; height: 1px; }
div.info, span.info, div.alerta, span.alerta, div.descarga, span.descarga, div.tip, span.tip, div.comentario, span.comentario { margin: 10px 0px; padding: 8px 10px 8px 35px; }
div.info, span.info { border-top: 1px dotted rgb(170, 180, 190); border-bottom: 1px dotted rgb(170, 180, 190); background: rgb(244, 245, 246) url(/img/box_info.png) no-repeat scroll 3px 5px; }
div.alerta, span.alerta { border-top: 1px dotted rgb(255, 180, 160); border-bottom: 1px dotted rgb(255, 180, 160); background: rgb(255, 245, 235) url(/img/box_alerta.png) no-repeat scroll 3px 5px; }
div.descarga, span.descarga { border-top: 1px dotted rgb(120, 190, 90); border-bottom: 1px dotted rgb(120, 190, 90); background: rgb(245, 250, 235) url(/img/box_descarga.png) no-repeat scroll 3px 5px; }
div.tip, span.tip { border-top: 1px dotted rgb(255, 200, 100); border-bottom: 1px dotted rgb(255, 200, 100); background: rgb(255, 253, 235) url(/img/box_tip.png) no-repeat scroll 3px 5px; }
div.comentario, span.comentario { border-top: 1px dotted #CCC; /*border-bottom: 1px dotted rgb(255, 200, 100);*/ background: #FFF url(/img/box_bocadillo.png) no-repeat scroll 3px 5px; }
p.capitular:first-letter { margin: 7px 4px 0px 0px; display: block; float: left; font-size: 280%; font-family: Georgia,"Times New Roman",Times,serif; }
q.cita { display: block; }
q.cita { margin: 10px 0px 10px 15px; padding: 0px; font-style: italic; font-size: 130%; }
q.cita:before, q.cita:after { content: ""; }
q.cita:first-letter, blockquote.comillas p:first-letter { font-size: 150%; }
blockquote.comillas { border: medium none ; margin: 10px 0px; padding: 10px 35px; background: transparent url(/img/quotes_izq.gif) no-repeat scroll 0pt 0pt; text-align: justify; }
blockquote.comillas p { margin: 0px -35px -10px 0px; padding: 0px 35px 10px 0px; background: transparent url(/img/quotes_dcha.gif) no-repeat scroll 100% 100%; }

blockquote.comillas-inline{ margin:30px auto 20px auto; text-align:center;/*clear:both;display:inline-block;*/ }
blockquote.comillas-inline strong{ padding-left:32px; background: url(/img/quotes_izq.gif) no-repeat left top; display:inline-block; font-size:1.8em;	line-height:normal; }
blockquote.comillas-inline strong em{ letter-spacing:-0.05em; color: #999; font-style:italic; display:inline-block; padding:0px 32px 0 0; background: url(/img/quotes_dcha.gif) no-repeat right top; }
blockquote.comillas-inline strong em a{ color:#8BB9DF; cursor:help; text-decoration:none; } 

/* formularios */
fieldset { padding:0 1em 1em; border: 1px solid #C4D3EA; background-color:#EEF3F8;}
legend { background-color:#FFF; border:1px solid #C4D3EA; color:#336699; font-size:1.1em; font-weight:bold; margin:0 -0.4em; padding:5px 10px; }
label {display:block;  overflow:hidden; padding:1px 0; /*width:16em;*/ color:#999; font-size:0.9em; }
label strong { color:#444; font-size:1.1em; }
textarea { font: 100% "Lucida Sans","Lucida Sans Unicode","Trebuchet MS",Geneva, Arial, Helvetica, sans-serif; color: #333; }
input[type="text"], input[type="password"]{ height:14px; }
textarea, input[type="text"], input[type="password"], select { border:1px solid #94AFCA; background-color:#FFF;  }
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, select:hover { border-color: #AAAAAA; background-color:#FFFCDF; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus { border-color: #8C8C8C; outline-color: #DCDCDC; background-color:#FFFCDF; outline-style: solid; outline-width: 2px; }
input[type="button"], input[type="submit"], input[type="checkbox"], input[type="image"], input[type="radio"], input[type="reset"], select, button { cursor: pointer; }
input[type="hidden"] { display: none; }
textarea, input[type="text"], input[type="password"] { line-height:1em; margin:0; overflow:auto; padding:4px; }
option { padding: 0 0 0.1em 0.4em; }
form div, form p { clear:both; margin: 0.8em 0pt; }
form p img { border:2px solid #999; vertical-align:middle; margin-left:4px; }
button, input[type="button"], input[type="submit"], input[type="reset"] { border:1px solid #030; padding:4px; line-height: 100%; background-color: #70AF2C; color:#FFF; font-weight:bold; }
input[type="reset"] { border:2px solid #C00; background-color: #F33; }
button:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color: #030; }
input[type="reset"]:hover { background-color: #C00; }

/* Buscador mini */
#search .append-bottom{ margin-top:0px; }
#search .img_buscar{ vertical-align:bottom; }
#search #res_consulta{ margin-bottom:3px; width:150px; }

/* Comentarios */
#ab_comentarios_art ol {margin:10px 0 15px 0; padding:0; list-style:inside; list-style-type:decimal;}
#ab_comentarios_art li { margin:0px; padding: 8px 10px 8px 35px; border-bottom: 1px dotted #CCC; background:transparent url(/canal-desarrollo/img/ico-sprite.gif) no-repeat scroll 10px 8px; }
#ab_comentarios_art li.impar { background-color:#F9F9F9; }
#ab_comentarios_art input[type="text"]{ width:300px; }
#ab_comentarios_art textarea{ width:600px; }
#ab_comentarios_art #com_clave{ width:150px; }

/* Contactar */
#formulario_contactar input[type="text"]{ width:300px; }
#formulario_contactar textarea{ width:600px; }
#formulario_contactar select{ width:auto; }
#formulario_contactar #contactar_clave{ width:150px; }

div.sus_adicionales{ border:1px solid #DDD; background-color:#f2f2f2; padding:10px 8px; padding-bottom:6px; }
div.sus_adicionales label{ float:left; width:130px; }
div.sus_adicionales input{ margin-bottom:4px; width:35%; }
div.sus_adicionales input#sus_adicionales0{ width:70%; }
input#sus_boton_baja{ border:2px solid #C00; background-color: #F33; }
input#sus_boton_baja:hover{ background-color: #C00; }
input#sus_boton_cambiar{ border:2px solid #ba8e09; background-color: #f0ab04; }
input#sus_boton_cambiar:hover{ background-color: #ba8e09; }
label.sus_boletines{ display:inline; }
.sus_boton{ margin-top:20px; }

.mensaje-shadowbox{ background-color:#FFF; padding:10px; }
#sb-content{ background-color:#FFF; }

.error{ display:block; padding-left:25px; background:url(/img/error.gif) no-repeat top left; font-size:14px; margin:15px 0px; color:#C00; font-weight:400; }
.ok{ display:block; padding-left:25px; background:url(/img/ok.gif) no-repeat top left; font-size:14px; margin:15px 0px; color:#080; font-weight:400; }
.destacar{ text-decoration:blink; }

/* carrusel */
.videotuto_ani{ float:right; position:relative; width:377px; height:240px; overflow:hidden; }
.videotuto_tit{ clear:both; float:right; width:377px; height:30px; text-align:center; color:#07566F; }

/* rss */
.rss{ float:right; }
a.rss:link, a.rss:hover, a.rss:visited{ color:#F60; }
a.rss:hover{ color:#D76C00; }
.rss img{ vertical-align:middle; }