/*
Theme Name: Fe de ratas
Author: Ángel Ruiz Jiménez
Author URI: http://wordpress.org/
Description: Tema para mostrar las viñetas de Nieto
Version: 1.0
*/

/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,ul,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{*zoom:1}
.clear:before,.clear:after{display:table;content:"";line-height:0}
.clear:after{clear:both}

/* Generales */
html,body{min-height:100%;height:auto!important;height:100%;font-family:Georgia, "Times New Roman", Times, serif}
body{background:#ecf0f1 url(img/bg-body.png) repeat-y center}
a,a:hover{text-decoration:none}
a{color:#3498db}
a:hover{color:#2f87c2}
.oculto{text-indent:-99999px;overflow:hidden}

/* Estructura */
.contenedor{width:996px;margin:0 auto;*zoom:1}
.contenedor.cuerpo{padding-top:10px;background:#fff}
.contenedor:before,.contenedor:after{display:table;content:"";line-height:0}
.contenedor:after{clear:both}
[class*="col"]{float:left;min-height:1px}
.col12{width:996px}
.col11{width:913px}
.col10{width:830px}
.col9{width:747px}
.col8{width:664px}
.col7{width:581px}
.col6{width:498px}
.col5{width:415px}
.col4{width:332px}
.col3{width:249px}
.col2{width:166px}
.col1{width:83px}

/* Publicidad */
section.publicidad{width:100%;padding:10px 0;background:#2c3e50 url(img/bg-publi.png) repeat-x bottom}
section.publicidad .megabanner{width:980px;margin:0 auto;padding:0 8px;background:url(img/bg-publicidad-vert.gif) no-repeat left center}
.robapaginas{width:300px;margin:0 10px 20px;padding:12px 6px 6px;background:#ecf0f1 url(img/bg-publicidad.gif) no-repeat;background-position:6px 4px}

/* Navegación */
nav.superior{width:100%;height:40px;padding:20px 0 0;background:#34495e url(img/bg-navegacion.png) repeat-x bottom}
nav.superior h4{width:120px;height:30px;float:left;background:url(img/bg-logo-abc.gif) no-repeat}
nav.superior h4 a{width:120px;height:30px;display:block}
nav.superior ul.top-nav{height:40px;margin:0 -5px 0 0;float:right;font-family:'Merriweather', serif;font-weight:300;font-style:italic;font-size:16px}
nav.superior ul.top-nav li{height:40px;margin:0 5px 0 0;float:left}
nav.superior ul.top-nav li a{height:40px;padding:0 10px;display:block;background:#466380;line-height:40px;color:#fff}
nav.superior ul.top-nav li a:hover{background:#547799}
body.home nav.superior ul.top-nav li.home a,body.page nav.superior ul.top-nav li.instrucciones a{background:#fff;color:#466380;cursor:default}

/* Cabecera */
header.cabecera{height:170px;margin-bottom:10px;padding:10px;position:relative;background:url(img/bg-cabecera.gif) no-repeat bottom}
header.cabecera h1,header.cabecera h5{position:absolute;font-family:'Merriweather', serif;color:#7f8c8d}
header.cabecera h1{bottom:95px;right:263px;font-size:66px;font-weight:700;text-transform:uppercase}
header.cabecera h5{bottom:25px;left:138px;font-size:16px;font-weight:300;font-style:italic}

/* Contenido */
.vigneta{padding:0 10px 20px}
.vigneta img{margin:0 0 10px}
.vigneta p{margin:0 0 20px;font-family:'Merriweather', serif;font-size:18px;font-weight:300;font-style:italic;line-height:130%;color:#333}
.fecha{margin:0 0 20px;padding:0 10px;font-family:'Merriweather', serif;font-size:18px;font-weight:700;line-height:130%;color:#333}
.seguir-twitter{float:right}
.seguir-twitter .icono{width:32px;height:32px;float:left;text-align:center;line-height:32px;font-size:16px;color:#3498db;background:#ecf0f1;-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px}
.seguir-twitter .nombre{float:left;font-size:11px}
.seguir-twitter .nombre a{height:32px;padding:0 8px;display:block;line-height:32px;color:#3498db;background:#ecf0f1;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}
.seguir-twitter .nombre a:hover{background:#3498db;color:#fff}
/*Redes sociales*/
.addthis_toolbox addthis_default_style{line-height:5px!important}
.at300bs{height:24px !important;line-height:26px !important;overflow:hidden;width:24px !important}
.addthis_toolbox.addthis_default_style span, .addthis_toolbox.addthis_32x32_style span{line-height:24px !important}
.addthis_default_style .at300b,.addthis_default_style .at300m,.addthis_default_style .at300bs{width:24px;height:24px;margin:0 0 4px;padding:0 4px 0 0;float: left; text-indent:-9999px; overflow:hidden;}
.at300bs{background:url("http://www.abc.es/img/sprite_enlaces_redes.gif") no-repeat scroll 0 0 transparent !important}
.twcount,.fbcount,.twcount2,.fbcount2{background:url("http://www.abc.es/img/bocadillo-contador.gif") no-repeat scroll left top transparent;color:#666;float:left;font-family:arial;font-size:11px;font-weight:normal;height:24px;text-align:center;width:29px;margin:0 0 0 -3px}
#divcontadorf,#divcontadort,#divcontadorf2,#divcontadort2{float:left;width:56px}
.addthis_button_email{background:url("http://www.abc.es/img/enviar-mail.gif") no-repeat scroll 0 3px transparent !important;border-top:1px dotted #ddd;height:28px;width:97%}
.uh-topic #articulo .addthis_button_email{background-position:0 0 !important;border-top:0 none !important;float:right !important;height:28px !important;width:83px}
.addthis_button_email .at300bs{background:none repeat scroll 0 0 transparent !important}
.at15t_facebook{background-position:0 0 !important}
.at300bs.at15t_twitter{background-position:0 -24px !important}
.at15t_meneame{background-position:0 -48px !important}
.at15t_linkedin{background-position:0 -72px !important}
.at15t_tuenti{background-position:0 -96px !important}
.at15t_email{background-position:0 -120px !important}
.addthis_button_google_plusone{width:85px !important}
.addthis_button_google_plusone at300b{width:85px !important}
#divcontadortmasuno{width:66px !important;height:24px;overflow:hidden}

/* Carrusel instrucciones */
#carrusel-instrucciones{width:996px}
#carrusel-instrucciones .jcarousel-container{width:644px;height:590px;position:relative}
#carrusel-instrucciones .jcarousel-clip{width:644px;height:590px;margin:0 auto;overflow:hidden}
#carrusel-instrucciones ul.jcarousel-list{width:auto;height:590px}
#carrusel-instrucciones ul.jcarousel-list li{width:644px;height:590px;position:relative}
#carrusel-instrucciones ul.jcarousel-list #coloca-foto{width:644px;height:459px}
#carrusel-instrucciones ul.jcarousel-list #coloca-foto td{vertical-align:middle;text-align:center}
#carrusel-instrucciones .jcarousel-prev,#carrusel-instrucciones .jcarousel-next{width:63px;height:63px;position:absolute;top:167px;z-index:2;cursor:pointer;line-height:63px;text-align:center;font-family:"iconFont";font-weight:normal;font-style:normal;font-size:24px;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline-block;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;color:#3498db}
#carrusel-instrucciones .jcarousel-prev:before,#carrusel-instrucciones .jcarousel-next:before{text-decoration:inherit;display:inline-block;speak:none}
#carrusel-instrucciones .jcarousel-prev:hover,#carrusel-instrucciones .jcarousel-next:hover{background:#ecf0f1;color:#2f87c2}
#carrusel-instrucciones .jcarousel-prev-disabled,#carrusel-instrucciones .jcarousel-next-disabled,#carrusel-instrucciones .jcarousel-prev-disabled:hover,#carrusel-instrucciones .jcarousel-next-disabled:hover{color:#ecf0f1;cursor:default;background:none}
#carrusel-instrucciones .jcarousel-prev{left:50px}
#carrusel-instrucciones .jcarousel-next{right:50px}
#carrusel-instrucciones .jcarousel-prev:before{content:"\e09b"}
#carrusel-instrucciones .jcarousel-next:before{content:"\e099"}
#carrusel-instrucciones li .contenido-instrucciones{width:624px;padding:8px 10px 10px;font-family:'Merriweather', serif;font-size:18px;font-weight:300;font-style:italic;line-height:130%;color:#333}

/* Sidebar */
.sidebar{width:312px;margin:0 10px 20px}
.widget_calendar h4{margin:0 0 5px;padding:0 0 5px;border-bottom:1px solid #ddd;font-family:'Merriweather', serif;font-size:18px;font-weight:300;font-style:italic;color:#7f8c8d}
.widget_calendar table{width:312px;font-family:'Merriweather', serif}
.widget_calendar table caption{padding:0 0 7px;font-weight:300;font-style:italic;border-bottom:1px dotted #ddd;color:#bdc3c7}
.widget_calendar table th{padding:10px 0;font-size:14px;font-weight:300;font-style:italic;color:#bdc3c7}
.widget_calendar table tr{border-bottom:1px solid #ecf0f1}
.widget_calendar table td{padding:7px}
.widget_calendar table td#next{text-align:right}
.widget_calendar table tbody td{text-align:center}

/* Pie */
footer{width:100%;padding:20px 0 40px;background:#34495e url(img/bg-pie.png) repeat-x top;color:#79aadb;font-size:11px;font-family:Arial, Helvetica, sans-serif}
footer a{color:#8cc5fd}
footer a:hover{color:#fff;text-decoration:none}
footer h4{width:120px;height:30px;margin:0 10px 0 0;float:left;background:url(img/bg-logo-abc.gif) no-repeat}
footer h4 a{width:120px;height:30px;display:block}
footer p{height:30px;float:left;line-height:52px}
footer ul.footer-nav{height:15px;margin:5px -5px 0 0;float:right}
footer ul.footer-nav li{margin:0 5px 0 0;float:left}
footer ul.footer-nav a{height:25px;padding:0 6px;display:block;background:#466380;line-height:26px}
footer ul.footer-nav a:hover{background:#547799}

/* Sociales */
ul.sociales li{height:40px;margin:0 5px 0 0;float:left}
ul.sociales li a{height:40px;padding:0 10px;display:block;background:#466380;line-height:40px;color:#fff}
ul.sociales li a:hover{background:#547799}
ul.sociales{height:40px;margin:0 -5px 0 0;float:right}
ul.sociales li a{font-size:16px}

/* Iconos */
@font-face{font-family:'iconfont';src:url('fonts/iconfont.eot');src:url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('fonts/iconfont.svg#iconfont') format('svg'), url('fonts/iconfont.woff') format('woff'), url('fonts/iconfont.ttf') format('truetype');font-weight:normal;font-style:normal}
[class^="icon-"],[class*=" icon-"]{font-family:"iconFont";font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline-block;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;position:relative}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}
.icon-google-plus:before{content:"\e0bc"}
.icon-facebook:before{content:"\e0be"}
.icon-twitter:before{content:"\e0c0"}