/*  
Theme Name: Brave Zeenat
Theme URI: http://www.dizenoco.com/demo
Description: A Portfolio Blog Theme with content slider and Category & Page Templates
Version: 1.0
Tags: black, dark, one-column, two-columns, fixed-width, photoblogging
Author: Dizeno Co
Author URI: http://www.dizenoco.com
*/

/*************************************
Universal Settings
*************************************/
body {
background : #333 url(images/bg-home.jpg) repeat-x center top;
color : #777;
font-family : "Arial", Helvetica, sans-serif;
font-size : 12px;
line-height : 14px;
margin : 0;
padding : 0;
text-align : center;
}
#wrap {
margin : 0 auto;
text-align : justify;
width : 980px;
padding : 0;
/*height:600px;*/
background:url("images/slider-bg.jpg") no-repeat scroll left 150px transparent;
}
#content {
background : url(images/content-bg.jpg) no-repeat left top;
font-size : 1.2em;
float : left;
padding-top : 30px;
padding-left : 40px;
padding-right : 40px;
width : 900px;

}
/*************************************
Typography & General Styles
*************************************/
h1, h2, h3, h4, h5 a{
font-family : "Arial", Helvetica, sans-serif;
color: #999;
text-align : left;
/*text-transform: uppercase;*/
margin: 5px 0;
}
h5 {
font-weight: normal;
}
h1, h2, h3, h4, h5 a:hover {
color: #aaa;
}
h1 {
font-size : 24px;
line-height : 26px;
}
h2 {
font-size : 18px;
line-height : 20px;
}
h3 {
font-size : 14px;
line-height : 16px;
}
h4 {
font-size : 12px;
line-height : 14px;
}
h5 {
font-size : 11px;
line-height : 12px;
margin: 7px 3px;
text-align: left;
}
a {
text-decoration : none;
color: #999;
}
a:hover {
text-decoration : none;
color: #bbb;
}
a img {
border : none;
}
ul li {
list-style-type : none;
}
.thumbnail {
border : 1px solid #444;
float : left;
margin : 0 15px 15px 0;
}
.meta-data {
color:#000000;
float:left;
font-size:12px;
line-height:15px;
margin:0px 0 -9px;
padding:0 34px 0 21px;
position:relative;
text-align:left;
/*width : 100%;
text-transform : uppercase;*/
}
.meta-data a {
color:#000000;
}
.floatleft {
float : left;
}
.floatright {
float : right;
}
.clear, .cleared {
clear : both;
}
.seperator {
margin: 20px 0;
border-bottom : 1px solid #626262;
}
/*************************************
Header & Logo
*************************************/
#header {
background : url(images/header-bg.jpg) no-repeat 230px top;
height : 150px;
padding : 0;
margin : 0;
}
.logo img {
float : left;
padding-left:41px;
padding-top:57px;
border : none;
}
/*************************************
Top Navigation Columns
*************************************/
#top-nav-wrapper {
height : 120px;
margin:33px 30px 0 14px;
padding:0;
width:372px;
float : right;
display : block;
}

#top-nav-wrapper h4, #top-nav-wrapper a h4  {
color:#12a8c3;
font-size:16px;
}

#top-nav-wrapper a:hover h4 {
color:#95c2c5;
}

#top-nav-wrapper ul {
padding : 0;
margin:12px 0;
width : 95px;
}
#top-nav-wrapper ul li {
border-bottom : 1px solid #555;
padding : 1px 5px;
margin-bottom:3px;
}

#top-nav-wrapper ul li:last-child {
border-bottom : none;
}

#top-nav-wrapper ul li a {
font-size:13px;
}

#top-nav-wrapper ul li.current-cat a {
font-weight:bold;
color:#fff;
}

.column-one {
width:105px;
float : left;
padding : 5px;
}
.column-two {
width:126px;
float : left;
padding : 5px;
}
.column-three {
width:85px;
float : left;
padding : 5px;
}
/*************************************
Home Slider Styles
*************************************/
#main {
/*background : url(images/slider-bg.jpg) no-repeat left top;*/
position : relative;
/*overflow : hidden;*/
font-size: 11px;
/*min-height:370px;*/
min-height:420px;
}
#pages {
position : absolute;
/*height : 600px;*/
}
.page {
padding : 25px 0;
/*height : 500px;*/
width : 980px;
}
.scrollable {
position : relative;
overflow : hidden;
width:880px;
height : 338px;
margin : 0 auto;
}
.scrollable .items {
width : 20000em;
position : absolute;
clear : both;
}
.item {
background:#797b7c;
float:left;
height:338px;
margin-right:27px;
width:275px;
}
.item img {
height:132px;
margin-top:35px;
width:275px;
}

.item h3 {
padding:8px 0 0px 20px;
}

.item h3 a {
color:#FFFFFF;
font-size:13px;
}

div.entrytitle {
float:left;
width:900px;

}

#cliente{
color:#000000;
font-size:12px;
margin-left:20px;
margin-top:15px;
}

#cliente span{
font-size:13px;
font-weight:bold;
}

#bottom {
/*background : url(images/home-bottom-bg.jpg) no-repeat left top;*/
position : relative;
overflow : hidden;
/*height : 85px;*/
margin-top:-45px;
padding : 0 40px;
}
#main_navi {
/*background : #333;*/
width : 882px;
height : 66px;
padding : 0 !important ;
margin : 0 auto !important ;
/* border-top : 1px solid #444; */
/* border-bottom : 1px solid #444; */
}
#main_navi li {
/* background-color : #222; */
height : 65px;
padding : 0 0 1px 0;
width:276px;
/* cursor : pointer; */
list-style-type : none;
float : left;
display:inline;
}

#main_navi li.espacio_cabecera {
width:27px;
}

#main_navi li:hover {
/*background-color : #555;*/
}
#main_navi li.active {
/*background-color : #777;*/
}
#main_navi img {
/*float : left;
margin-right : 10px;*/
}
#main_navi strong {
/*display : block;*/
}
#main div.navi {
/*margin-left : 250px;
cursor : pointer;*/
}
/*************************************
Post Styles
*************************************/
.entry {
/*margin-bottom : 15px;*/
/*margin-top:15px;*/
width:110%;
#width:auto;
}
.entry img {
border: 1px solid #555;
}
.entrybody {
color:#CCCCCC;
margin:0;
float:left;
width:900px;
min-height:340px;
}

.entrybody  p {
line-height:20px;
margin-bottom:10px;
}


.entrybody div#cliente {
color:#CCCCCC;
margin-bottom:20px;
margin-top:0;
margin-left:550px;
}

.entrybody  embed {
#float:left;
#margin-right:50px;
#margin-bottom:20px;
#margin-top:-30px;
}

.entrybody  object {
float:left;
margin-right:50px;
margin-bottom:20px;
margin-top:-30px;
width:500px;
}

.entrymeta {
font-size : 11px;
padding : 5px 0 0 0;
}
/*************************************
Sidebar Styles
*************************************/
#sidebar {
background : url(images/sidebar-bg.jpg) no-repeat right top;
font-size : 12px;
float : right;
padding-top : 30px;
padding-right : 40px;
padding-left : 30px;
width : 300px;
margin: 0;
}
#sidebar h4 {
margin : 20px 0 10px 0;
padding : 10px;
font-size : 12px;
line-height: 14px;
font-weight: bold;
background: #222;
}
#sidebar ul {
list-style-type : none;
margin : 0;
padding : 0;
font-size : 11px;
}
#sidebar ul li {
background : url(images/list-bg.png) no-repeat left;
border-bottom : 1px solid #404040;
margin-bottom : 0.3em;
padding : 3px 3px 3px 20px;
}
#sidebar ul li:hover {
background : url(images/list-bg-over.png) no-repeat left;
}
#ad-300 {
	width: 300px;
	float: left;
}
/*************************************
Comments Styles
*************************************/
.commentsblock {
width : 539px;
margin : 15px 0;
padding : 0;
}
.commentsblock textarea {
width : 539px;
background : #555;
}
.commentsblock input, .commentsblock textarea {
background : #555;
border : 1px solid #777;
}
.commentsblock textarea:focus {
background : #ddd;
border : 1px solid #555;
}
.commentsblock textarea:focus, .commentsblock input:focus {
background : #ddd;
border : 1px solid #555;
}
.commentauthor {
display : block;
font-size : 1.5em;
}
ol.commentlist {
color : #888;
font-size : 0.9em;
list-style-type : none;
margin : 0;
margin-top : 1.5em;
padding : 0;
}
.commentlist li {
margin-bottom : 0.5em;
padding : 0.5em 1em;
}
.alt {
background : #222;
border : 1px solid #333;
padding : 0.5em;
}
/*************************************
Portfolio Styles
*************************************/
#portfolio-container {
background : url(images/slider-bg.jpg) no-repeat left top;
float : left;
padding-top : 40px;
padding-left : 40px;
padding-right : 40px;
margin : 0;
width : 900px;
min-height:450px;
list-style-type : none;
clear : both;
text-align: center;
}

.portfolio-thumbnail {
background : #252525;
border : 1px solid #555;
float : left;
width : 158px;
/*height : 100px;*/
margin : 0 5px 10px 5px;
padding : 5px;
overflow : hidden;
display : block;
}

.portfolio-thumbnail-otros {
background:none repeat scroll 0 0 #252525;
display:block;
float:left;
height:71px;
margin:0 23px 10px 0;
padding:10px 5px;
width:273px;
border:1px solid #555555;
}

.portfolio-thumbnail-otros  h3 {
text-align:center;
}

#portfolio-title-cine, #portfolio-title-television, #portfolio-title-otros {
background : url(images/portfolio-header.jpg) no-repeat left top;
width : 900px;
height: 50px;
padding : 25px 0 20px 80px;
margin: 0;
text-align : left;
display : block;
font-size : 35px;
text-transform : uppercase;
/*font-family: "Arial Black", Arial, Helvetica, sans-serif;*/
font-weight: bold;
color: #999;
}

#portfolio-title-cine {
background : url(images/cabecera-cine.jpg) no-repeat left top;
}

#portfolio-title-television {
background : url(images/cabecera-television.jpg) no-repeat left top;
}

#portfolio-title-otros {
background : url(images/cabecera-otros.jpg) no-repeat left top;
}

div.entry h3 {
font-size:13px;
margin-right:110px;
#margin-right:20px;
margin-top:-55px;
float:right;
}

span.oculto {
float:left;
text-indent:-9999px;
/*font-size:30px;
margin-left:2px;
padding:10px 5px;
font-style:normal;*/
}


#category-title {
width : 600px;
padding : 50px 0;
height : 100px;
float : right;
text-align : left;
display : block;
font-size : 35px;
text-transform : uppercase;
}

h2.titular-post {
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
font-size:19px;
line-height:35px;
margin-bottom:20px;
margin-top:0;
padding:10px 180px 10px 20px;
width:700px;
}

h2.titular-contacto {
background:none repeat scroll 0 0 #000000;
color:#A1A1A1;
font-size:48px;
font-weight:normal;
line-height:60px;
margin-bottom:20px;
margin-top:0;
padding:10px 180px 10px 20px;
width:700px;
}

div.imagen-post{
float:left;
}

/*************************************
Services Page Navigation Tabs
*************************************/
#nav {
display : block;
height : 66px;
width : 900px;
margin : 0 auto;
}
#nav ul {
width : 900px;
padding : 0;
margin : 0 auto;
display : block;
}
#nav li {
border-right : 1px solid #222;
float : left;
list-style-type : none;
text-align : center;
}
#nav a {
display : block;
position : relative;
word-spacing : -2px;
font-size : 11px;
height : 66px;
text-decoration : none;
}
#nav a.current {
background : #333;
}
#nav img {
border : none;
display : block;
float : left;
}
#nav strong {
display : block;
font-size : 13px;
}
#panes {
background : url(images/slider-bg.jpg) no-repeat left top;
width : 980px;
min-height : 450px;
padding-left : 40px;
padding-top : 25px;
position : relative;
font-size: 11px;
}
#panes div {
display : block;
position : absolute;
width : 900px;
}
#panes img {
border : 1px solid #616262;
float : right;
margin-bottom : 15px;
}
#panes textarea {
width : 798px;
height : 75px;
background : #555;
border : 1px solid #777;
}
#panes input {
background : #333;
border : 1px solid #777;
}
#panes textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#panes textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#panes input:focus {
background : #ccc;
border : 1px solid #555;
}
#panes select {
background : #333;
color: #999;
border : 1px solid #777;
}
#panes select:focus {
background : #111;
color: #aaa;
border : 1px solid #777;
}
.more {
font-weight : bold;
}
.overlay {
display : none;
width : 900px;
padding : 20px;
}
/*************************************
Full Width Page Styles
*************************************/
#fullwidth-container {
background : url(images/slider-bg.jpg) no-repeat left top;
float : left;
padding-top : 30px;
padding-left : 40px;
padding-right : 40px;
margin : 0;
width : 900px;
list-style-type : none;
clear : both;
}
#fullwidth-container img {
/*border : 1px solid #616262;
float : right;
margin-bottom : 15px;*/

}

#fullwidth-container p {
color:#FFFFFF;
font-size:18px;
font-weight:bold;
margin-left:30px;
margin-bottom:10px;
}



#fullwidth-container textarea {
width : 798px;
height : 75px;
background : #555;
}
#fullwidth-container input {
background : #333;
border : 1px solid #777;
}
#fullwidth-container textarea {
background : #333;
border : 1px solid #777;
}
#fullwidth-container textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#fullwidth-container textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#fullwidth-container input:focus {
background : #ccc;
border : 1px solid #555;
}
#fullwidth-container select {
background : #333;
color: #999;
border : 1px solid #777;
}
#fullwidth-container select:focus {
background : #111;
color: #aaa;
border : 1px solid #777;
}
/*************************************
Footer
*************************************/
#footer {
background : #111;
height : 35px;
#height:auto;
clear : both;
font-size : 11px;
margin-top:30px;
padding-top : 25px;
border-top : 1px solid #444;
text-align: left;
}
.notices {
width: 900px;
margin: 0 auto;
text-align: left;
}
.notices img{
float: right;
margin-top: 5px;
}
/*************************************
Twitter Feed on Homepage
*************************************/
#twitter-feed {
background : url(images/twitter-bg.png) no-repeat left top;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
width : 550px;
float : left;
padding : 0 0 0 20px;
margin-top : 20px;
}
#twitter_div ul {
list-style-type : none;
}
#twitter_div li a {
text-decoration : none;
list-style-type : none;
}
#twitter_div li a:hover {
text-decoration : none;
}
/*************************************
Search Form, Search & Tags Page Title
*************************************/
#search-form {
float : right;
margin-top:-5px;
#margin-top:-15px;
}
#search-form input {
width : 292px;
background : #151515;
border : 1px solid #444;
color: #555;
padding : 3px;
}
#search-tags-title {
background: #111;
margin: 5px 0 10px 20px;
padding : 0 15px;
line-height : 35px;
min-height:75px;
float : left;
text-align : left;
display : block;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size : 20px;
font-weight: bold;
color: #999;
width:910px;
text-decoration: none;
}

#search-tags-title p {
margin:20px 0;
}

.resultado-busqueda {
float:left;
margin:10px 0 0 35px;
}

/*************************************
PageNavi Container
*************************************/
#page-navigator {
float : right;
margin-top : 15px;
margin-bottom : 15px;
margin-right : 0px;
}
.navigation {
display : block;
text-align : center;
padding-top : 38px;
height : 50px;
padding-left : 6px;
margin : 0 auto;
}
/*************************************
WP Page Navi Styles
*************************************/
.wp-pagenavi a, .wp-pagenavi a:link {
padding : 2px 6px 2px 5px;
margin : 2px;
text-decoration : none;
border : 1px solid #626262;
background-color : #333;
float:left;
width:10px;
}
.wp-pagenavi a:visited {
padding : 2px 6px 2px 5px;
margin : 2px;
text-decoration : none;
border : 1px solid #555;
background-color : #222;
width:10px;
float:left;
}

.wp-pagenavi span.current {
float:left;
}

.wp-pagenavi a:hover {
border : 1px solid #444;
color : #ccc;
background-color : #222;
}
.wp-pagenavi a:active {
padding : 2px 6px 2px 5px;
margin : 2px;
text-decoration : none;
border : 1px solid #626262;
background-color : #333;
float:left;
}
.wp-pagenavi span.pages {
padding : 2px 8px 2px 6px;
margin : 2px 2px 2px 2px;
border : 1px solid #626262;
background-color : #111;
float:left;
}
.wp-pagenavi span.current {
padding : 2px 6px 2px 5px;
margin : 2px;
font-weight : bold;
border : 1px solid #626262;
background-color : #222;
}
.wp-pagenavi span.extend {
padding : 2px 6px 2px 5px;
margin : 2px;
border : 1px solid #626262;
background-color : #333;
}

/* 404 */

img.img-not-found {
	width:400px;
}

.f14{
font-size:14px;
}

.claro , .claro a {
color:#bbbbbb;
font-weight:bold;
margin-bottom:10px;
}

span.medio {
color:#777777;
}

div.entry h3.categoria-podcast {
background:url("images/player.png") no-repeat scroll 10px 10px transparent;
border:1px solid #555555;
float:none;
font-size:12px;
font-weight:normal;
height:71px;
letter-spacing:1px;
margin:0;
text-transform:uppercase;
width:271px;
}

div.entry h3.categoria-podcast a {
float:right;
margin-top:10px;
text-align:left;
width:200px;
}

/* pagina */

.search {
min-height:0;
}

#top-nav-wrapper ul.menu-paginas {
margin:4px 0 0;
padding:0;
width:300px;
}

#top-nav-wrapper ul.menu-paginas li {
display:inline;
border:medium none;
margin-right:15px;
}

#top-nav-wrapper ul.menu-paginas li a {
text-decoration:none;
color:#12A8C3;
font-size:16px;
text-transform:uppercase;
font-weight:bold;
}

#top-nav-wrapper ul.menu-paginas li a:hover {
text-decoration:underline;
}

#top-nav-wrapper ul.menu-paginas li.current_page_item a {
text-decoration:underline;
}

/* contacto */

div#contacto {
background:url("images/fd_contacto.jpg") no-repeat scroll 0 0 #000000;
float:left;
height:397px;
margin-bottom:20px;
margin-top:-34px;
margin-top /*\**/:-50px\9; /*ie8*/
/margin-top:-50px; /*ie7*/
width:900px;
}

div#contacto img {
border:none;
float:left;
}

div#contacto div.txt {
margin-left:604px;
margin-top:310px;
}

div#quien_soy {
background:url("images/fd_quien.jpg") no-repeat scroll 0 0 #000000;
float:left;
height:397px;
margin-bottom:20px;
margin-top:-34px;
margin-top /*\**/:-50px\9; /*ie8*/
/margin-top:-50px; /*ie7*/
width:900px;
#margin-top:-50px;

}

div#quien_soy img {
border:none;
float:left;
}

div#quien_soy div.txt {
margin-left:495px;
margin-right:30px;
margin-top:5%;
}

#fullwidth-container div#quien_soy p {
color:#FFFFFF;
font-size:13px;
font-weight:normal;
margin-left:30px;
margin-bottom:10px;
line-height:16px;
}
