/*
Theme Name: Novatelevisio
Theme URI: http://novatelevisio.com
Description: Novatelevisio Wordpress theme. 
Author: AjaxMasters
Author URI: http://ajaxmasters.com
Tags: novatelevisio, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

html { height: 100%; margin-bottom: 1px; }
body { margin: 0; background: #FFF; color: #373737; font: 0.6875em/1.5 'Arial', 'Helvetica', sans-serif; }
textarea,
input,
select,
option,
optgroup,
button { font: 1em 'Arial', 'Helvetica', sans-serif; }
address { font-style: normal; padding: 0 0 1em 0; }
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
p,
ul,
ol,
dl { padding-bottom: 1em; }
img { border: none; vertical-align: bottom; }

a { color: #E20917; text-decoration: none; outline: none; }
a:focus,
a:hover { text-decoration: underline; }


/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

button, input.radio, input.checkbox, label.radio, label.checkbox { cursor: pointer; }

textarea,
input.text { padding: 4px 5px; border: 1px solid #C9C9CA; background: #FFF; color: #CFCFCF; font-weight: 700; }

h3 { font-size: 18px; font-weight: 400; line-height: 1.1; }
h3 span { display: block; margin-left: -2px; color: #E40817; font-size: 2em; }

.h-ntv { min-height: 57px; padding: 0 0 0 100px; background: transparent url('images/logo_small.png') no-repeat 0 0; }

.logo { overflow: hidden; width: 163px; height: 92px; }

input.button-00 { width: 132px; height: 47px; border: none; background: transparent url('images/button_00.png') repeat-y 0 0; color: #CFCFCF; font-size: 1.091em; font-weight: 700; text-align: center; text-transform: uppercase; cursor: pointer; }
input.button-00:focus,
input.button-00:hover { background-position: 0 100%; color: #E30917; }
a.button-00 { display: block; width: 132px; background: transparent url('images/button_00.png') repeat-y 0 0; color: #CFCFCF; font-size: 1.091em; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 47px; }
a.button-00:hover,
a.button-00:focus { background-position: 0 100%; color: #E30917; text-decoration: none; }

a.button-01 { display: block; width: 130px; padding-right: 6px; background: transparent url('images/button_01.png') repeat-y 0 0; color: #CFCFCF; font-size: 1.273em; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 76px; }

ul.u-0 { overflow: hidden; list-style: none; margin: -15px 0 0 0; padding: 0; }
ul.u-0 li { float: left; clear: both; width: 173px; padding: 15px 0 0 87px; background: transparent url('images/border_00.png') no-repeat 0 100%; }
ul.u-0 li p { padding: 0; }
ul.u-0 li p.left { margin: 0 0 0 -87px; }


/*
** date
*/
.date { overflow: hidden; width: 880px; margin: 0 auto; padding: 1em 0; color: #000; font-size: 0.909em; line-height: 1; }
.date p { padding: 0; }
.date a { color: #000; }
.date .left span,
.date .right a:hover,
.date .right a:focus,
.date .right span { color: #E30917; text-decoration: none; }


/*
** header
*/
.header { background: transparent url('images/header_background.png') repeat 0 0; }
.header-content { position: relative; width: 898px; height: 288px; margin: 0 auto;  border: 1px solid #E1E1E1;  }
.header-content h1.logo { margin: 0 auto 15px; }
.header-content h2 { position: absolute; left: 0; top: 11px; padding: 3px 6px 3px 41px; background: #E40817; color: #FFF; font-size: 2em; text-transform: uppercase; line-height: 1; }
.header-content h3 { margin-bottom: 5px; }
.header-content p { padding: 0; color: #AEAEAE; text-transform: uppercase; }
.header-content p a.button-00 { margin: 0 -12px 0 auto; }
.header-content .image { width: 898px; height: 288px;}
.header-content .info { width: 228px; position: absolute; right: 25px; top: 15px;}

.header-01 .header-content { background-image: url('images/header_01.jpg'); }
.header-02 .header-content { background-image: url('images/header_02.jpg'); }
.header-03 .header-content { background-image: url('images/header_03.jpg'); }
.header-04 .header-content { background-image: url('images/header_04.jpg'); }

a.header_menu:link       {color: #FFF; font-size: 19px; text-transform: uppercase; line-height: 1;  }
a.header_menu:active     {color: #FFF; font-size: 19px; text-transform: uppercase; line-height: 1; }
a.header_menu:visited    {color: #FFF; font-size: 19px; text-transform: uppercase; line-height: 1; }
a.header_menu:hover      {color: #FFF; font-size: 19px; text-transform: uppercase; line-height: 1; text-decoration: underline;}


/*
** main content
*/
.main { width: 900px; margin: 0 auto; padding: 0; border-bottom: 15px solid #FBFBFB; background: #FBFBFB url('images/main_middle.png') repeat-y 0 0; line-height: 1.1; }
.main-top { background: transparent url('images/main_top.png') no-repeat 0 0; }
.main-bottom { min-height: 451px; background: transparent url('images/main_bottom.png') no-repeat 0 100%; }

.main-alt { background-image: url('images/main_alt_middle.png'); }
.main-alt .main-top { background-image: url('images/main_alt_top.png'); }
.main-alt .main-bottom { min-height: 451px; background-image: url('images/main_alt_bottom.png'); }

.main-alt h3 { padding-bottom: 1ex; }

.main-content { position: relative; overflow: hidden; padding: 25px 32px 10px; }
.main-content h3 { padding-bottom: 1ex; }
.main-content p { text-align: justify; }
.main-content a.button-01 { position: absolute; right: 20px; top: 10px; }
.main-alt .main-content { padding: 25px 25px 0; }
.main-content .column-first { float: right; width: 560px; }
.main-content .column-second { float: left; width: 260px; }
.main-content .column-second a.button-00 { margin: 0 -12px 0 auto; }


/*
** menu
*/
ul.menu { overflow: hidden; list-style: none; margin: 0 0 0 -16px; padding: 12px 0 15px 0; }
ul.menu li { overflow: hidden; float: left; width: 273px; height: 116px; padding: 0 2px 0 27px; background: transparent url('images/box_00.png') no-repeat 25px 0; text-align: center; line-height: 1.1; }
ul.menu li h3 { padding: .7ex 0; }
ul.menu li p { padding: 0; color: #E30917; }
ul.menu li.alt h3 { color: #E20917; }
ul.menu li.alt p { color: #373737; }
ul.menu li a.button-00 { margin: -2px auto 0 auto; }
ul.menu li.active { background-position: 25px -116px; }

ul.menu .page-navi ul {width: 273px; text-align:center; padding:0;}
ul.menu .page-navi li { width:auto; height:auto; padding:0; background:none; float:none; width:100%;}
ul.menu .page-navi li.page_item { padding:0; text-align:center;}
ul.menu .page-navi li.page_item a { color:#000; text-decoration:none;}
/*
** portada
*/
ul.portada { overflow: hidden; list-style: none; width: 250px; margin: -10px 0 0 0; padding: 0 0 1em 0; }
ul.portada li { float: left; width: 250px; clear: both; padding: 10px 0 0 80px; }
ul.portada li h4 { font-size: 1.636em; margin: 0px 10 10 10;}
ul.portada li p { padding: 0; color: #AEAEAE; text-align: left; margin: 0px 10 10 10;}
ul.portada li p.last { margin-top: 1ex; padding-top: .8ex; border-top: 1px solid #C9C9CA; text-align: right; text-transform: lowercase; }
ul.portada li p.last a { color: #696969; }
ul.portada li p.image { float: left; width: 66px; height: 66px; margin: 0 0 0 -80px; border: 1px solid #E30917; background: #F0F0F2; }
ul.portada li p.image img { display: block; margin: 0 auto; }


/*
** box 01
*/
ul.box-01 { overflow: hidden; list-style: none; margin: 0; padding: 0; font-size: 1.091em; }
ul.box-01 li { overflow: hidden; float: left; width: 189px; height: 47px; padding: 10px 10px 10px 63px; background: transparent url('images/box_01.png') no-repeat 0 0; }
ul.box-01 li.box-01-01 { float: right; background-position: 100% 0; }
ul.box-01 li p { padding: 0; }
ul.box-01 li p a { font-weight: 700; }


/*
** box 02
*/
ul.box-02 { overflow: hidden; list-style: none; margin: 0 0 0 -17px; padding: 0; line-height: 1.1; }
ul.box-02 li { position: relative; float: left; width: 241px; height: 185px; padding: 13px 13px 0 30px; background: transparent url('images/box_02.png') no-repeat 17px 0; }
ul.box-02 li h4 { padding-bottom: 1ex; font-size: 1.545em; }
ul.box-02 li h4 span { display: block; color: #E40817; font-size: 1.235em; text-transform: uppercase; }
ul.box-02 li p { padding: 0; color: #AEAEAE; text-transform: uppercase; text-align: left; }
ul.box-02 li p.last { position: absolute; bottom: 13px; width: 241px; }
ul.box-02 li a.button-00 { margin: 0 auto; }


/*
** clients
*/
.clients { overflow: hidden; float: left; margin-bottom: 10px;}
.clients .post { float: left; width: 370px; }
.clients .post .thumb {width: 66px; height: 66px; border: 1px solid #E30917; float: left; }
.clients .post .info {float:left; padding: 0 0 0 10px; width: 290px; }
.clients .post .info p { padding: 0;}
.programes h1 { clear: both; font-size: 35px; font-weight: normal; text-transform: uppercase; padding:20px 0 10px 0;}

.clients h4 { font-size: 16px; }
.clients h4 a {color: #373737}
.clients  p { padding: 0; color: #AEAEAE; text-align: left; }
.clients p.last { margin-top: 1ex; padding-top: .8ex; border-top: 1px solid #C9C9CA; text-align: right; text-transform: lowercase; }
.clients p.last a { color: #696969; }

/*
** expander
*/
.expander { overflow: hidden; width: 900px; margin: 0 auto; background: #FFF; }
.expander a { color: #CCC; text-decoration: underline; }
.expander a:focus,
.expander a:hover { color: #FFF; text-decoration: none; }
.expander p.top { position: relative; padding: 3px 10px; background: #424242; line-height: 1; overflow: hidden; }
.expander p.top img { float: left; }
.expander .expander-content { margin: 0 0 0 -46px; padding: 20px; border-top: 5px solid #FFF; background: #424242; color: #CCC; overflow: hidden; }
.expander .expander-content .expander-column { float: left; width: 256px; padding-left: 46px; }
.expander .expander-content .expander-column h1,
.expander .expander-content .expander-column h2 { margin: 0 0 1em 0; padding: 0 15px; background: #000000 url('images/heading_0_background.png') no-repeat 0 50%; color: #FFF; font-size: 1.166em; font-weight: 700; text-transform: uppercase; line-height: 35px; }
.expander .expander-content .expander-column h2 { background-color: #2D2D2D; background-image: url('images/heading_1_background.png'); text-transform: none; }
.expander .expander-content .expander-column ul { list-style: none; margin: 0; padding-left: 2em; }


/*
** columns on contact page
*/
.column-contact-first { float: right; width: 387px; padding-left: 53px; border-left: 1px solid #C9C9CA; }
.column-contact-first h4 { padding-bottom: 1ex; color: #E40817; font-size: 2.182em; }
.column-contact-first h4 span { display: block; color: #C9C9CA; font-size: 0.583em; text-transform: uppercase; }
.column-contact-first p,
.column-contact-first address { color: #696969; font-size: 1.273em; }
.column-contact-first p.phone { font-size: 1.545em; font-weight: 700; line-height: 1.2; }
.column-contact-first p.phone span { display: block; }
.column-contact-second { float: left; width: 331px; margin-right: -1px; padding-right: 64px; border-right: 1px solid #C9C9CA; }
.column-contact-second p { padding-bottom: 1.25em; }
.column-contact-second textarea,
.column-contact-second input.text { width: 319px; font-size: 1.273em; }
.column-contact-second input.button-00 { margin-left: -12px; }

/*
** footer
*/
.footer { overflow: hidden; width: 880px; margin: 0 auto; padding: 1em 0; font-size: 0.909em; line-height: 1.1; }
.footer ul { float: left; list-style: none; margin: 0 0 0 -1ex; padding: 0; }
.footer ul li { float: left; padding-left: 1ex; }
.footer ul li a { float: left; padding: .4ex .6ex; background: #424242; color: #FFF; text-transform: uppercase; }
.footer p { float: right; padding: .4ex .8ex; background: #E7E7E7; color: #424242; }
.footer p span { text-transform: uppercase; }


/*
** the end
*/
h1 { color:#E40817; display:block; font-size:2em; }
.main-content h2 {color:#E40817; display:block; font-size:33px; font-weight: normal; padding-bottom:10px;}
.column-second .featured .item { width: 260px; clear: both; overflow: hidden;}
.column-second .featured .item .thumb { width: 66px; float:left; }
.column-second .featured .item .info { width: 180px; padding: 0 0 0 10px; float:left; }