/**
  Theme Name: Tribuna Ganxona
  Theme URI: http://tribunaganxona.cat/
  Version: 2.0
  Author: Jordi C.
  Author URI: http://www.cumesoft.com
  Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blank-slate
  Licence: Private
  
  Description: A theme created with developers in mind which should enable rapid WP reskinning. The CSS is minimal but consistent cross-browser, there are a couple of SEO tweaks and the page navigation works sensibly but can modified easily.

  The CSS that follows is the bare minimum of styling for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'
*/

html {
  overflow-y: scroll;
}

body { background-color:#E8E8E8;
    color: #333;
	
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Roboto', sans-serif;
  font-style:  normal;
  /*font-weight: 300;*/
  /* background-image: url("images/caga-tio3.jpg");
   background-repeat: repeat;
   background-attachment: fixed;*/
}
h1 , h2 , h3 {

  font-family: 'Rambla', sans-serif;
  font-weight: 400;
  
  
}

.left {float: left;}
.right {float: right;}
.rpwe-block h3.rpwe-title {
  font-size: 18px !important;
  line-height: 26px;
  font-weight: bold !important;
  text-align: left;
}
#canvas {
    background-color: #FFFFFF;
   
    
    margin: 0 auto;
    box-shadow: 0 0 70px #fff
}
#header {
  
}
  /** the heading and tagline are h1 on homepage and h4 on internal */
  #header h1
  }
    



/**      main content     */

  #primaryContent h1 {
    padding: 0;
    margin: 15px 0 0 0;
  }

  #primaryContent h2 {
    padding: 0;
    margin: 15px 0 0 0;
  }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle,
  #primaryContent h2.postTitle {
    font-size: 36px;
    line-height: 36px
  }

  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  ol#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }

    li.postWrapper,
    div.postWrapper {}

    .postWrapper img { margin-bottom:5px}
	.postWrapper a img:hover  { opacity:0.8;
	-webkit-transition: all 0.3 ease-out 0s;
	-moz-transition: all 0.3 ease-out 0s;
	-ms-transition: all 0.3 ease-out 0s;
	-o-transition: all 0.3 ease-out 0s ;
	transition: all 0.3s ease-out 0s ;
	
	}

      div.post { }

      p.postMeta { font-size:12px }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inline;
    }
    #pagination .previous {
      text-align: left;
      width:50%;
      float: left;
    }
    #pagination .future {
      text-align: right;
      width:50%;
      float: right;
    }

/**       sidebar          */
#secondaryContent {border-left:1px solid #E9E9E9;  min-height:600px; padding:0 2px 0 7px; }



  

#footer {
  clear: both;
   width:100%;
  font-size: 12px;
  line-height:60px;
  text-align:center;
  color:#E9E9E9;
  background: #DC0F0A;
  min-height:50px;
}
#footer a {color:#E6E6E6}



/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}




/* Grid 960 */
.container_12,
.container_16,
.container_24 {
  
  margin-bottom: 20px;
}

.container_12 {
 /*background-image: url("images/12_col.gif");*/
 background-position:center top;


}
.container_16 {
  background-image: url("images/16_col.gif");
}
.container_24 {
  background-image: url("images/24_col.gif");
}
.mas_20 {margin-left:20px !important}
.menos_20 {margin-right:-20px !important}
.padding_bottom_5 {padding-bottom:5px}
.padding_bottom_10 {padding-bottom:10px}
.padding_bottom_15 {padding-bottom:15px}
.padding_bottom_25 {padding-bottom:25px}
.padding_bottom_40 {padding-bottom:40px}
.padding_bottom_50 {padding-bottom:50px}
.padding_bottom_75 {padding-bottom:75px}
.padding_bottom_100 {padding-bottom:100px}

.padding_top_5 {padding-top:5px}
.padding_top_10 {padding-top:10px}
.padding_top_15 {padding-top:15px}
.padding_top_25 {padding-top:25px}
.padding_top_40 {padding-top:40px}
.padding_top_50 {padding-top:50px}
.padding_top_75 {padding-top:75px}
.padding_top_100 {padding-top:100px}



/********************/
/**** Estilos *******/
/********************/


/* logo */
.logo a {color:#003366;
text-decoration:none;
display:block;
text-indent:-9999px;
background:url("images/logo-tribunaganxona.JPG") no-repeat center center;width:448px;height:69px;}


/* sepa */
.sepa {border-bottom:1px solid #E6E6E6;padding:10px;clear:both}

/* Menu */
/**
  Nav and Subnav
  Split these out if you want the two levels to look different
*/


#nav,
#subNav {
  list-style: none;
  padding: 0;
  margin: 0;
}



#subNav {
  margin-top: 10px;
}
  #nav li,
  #subNav li {
    display: inline;
    
  }
  /* Currently selected page nav item (and parent) if applicable */


/* .current-menu-item a, 
 .current-post-ancestor a,
 .current_page_item a,
  .current_page_parent a {
    text-decoration: none;
    background-color:#111 !important;
	
  } */

.current_page_item a ,
.current-menu-item > a,
.current-menu-parent > a,
.current-menu-ancestor > a
 {
    text-decoration: none;
    background-color:#111 !important;

  }






    .current_page_item a:hover,
    .current_page_parent a:hover {
      text-decoration: underline;
    }
#nav {
	    background-color: #DC0F0A;
	    height: 38px;
	    border-bottom:5px solid #111;
}

.menu {font-size:14px}

.menu-item.nivel2 > a {
	background-image: url('images/menu_down.png'); 
	background-repeat:no-repeat;
	background-position:right center;
	
}

ul.menu li {float: left;
 display: inline;
 position: relative;
margin-bottom: 1px}

ul.sub-menu  {margin: 0px;
 
 position: absolute;
 top: 38px;
 left: 0px;
 color: #fff;
 padding:1px 0;
 z-index: 106;

display:none;
 }

.first_menu {

background-color: #DC0F0A;
width: 100%;
height: 30px;
 }
  .first_menu a {text-decoration: none !important;display: block;}
 .first_menu ul {display: inline;text-transform: uppercase;}

 .first_menu ul li {display: inline;float: left;}

 .first_menu ul li a {
    background-color: #dc0f0a;
    border-right: 1px solid #EFEFEF;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    padding: 0 8px;
    
}
.first_menu ul li:last-child a {border-right: none !important}
.first_menu ul li a:hover , body.home .first_menu ul li a.portada {

  background-color: #000;

}
.first_menu .current_page_item a ,
.first_menu .current-menu-item > a,
.first_menu .current-menu-parent > a,
.first_menu .current-menu-ancestor > a,
.first_menu .current-cat > a ,
.first_menu .current-cat-parent > a
 {
    text-decoration: none;
    background-color:#111 !important;

  }

   .first_menu .current_page_item a:hover,
    .first_menu .current_page_parent a:hover {
      text-decoration: underline;
    }

.first_menu ul.children {display: none;position: absolute;}
.first_menu ul li:hover > ul.children { display: block; }


body.home .second_menu , body.archive.tag  .second_menu


{display: none;}
.second_menu {

width: 100%;
}
.tagcloud {text-align: center;padding: 5px 0}
/*.second_menu {display: none;}*/
.second_menu ul {width: 100%;display: table;background: #111}

 .second_menu ul li {
    display: block;
    float: left;
    min-width: 120px;
    text-align: center;
}
 .second_menu a {text-decoration: none !important}
 .second_menu ul li a {
    background-color: #111;
    border-right: 1px solid #999;
    color: #efefef;
    display: block;
    font-size: 90%;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
}

 .second_menu ul li a:hover {
  background-color: #555;
  text-decoration:none !important;
 }
.second_menu .current_page_item a ,
 .second_menu .current-menu-item > a,
 .second_menu .current-menu-parent > a,
 .second_menu .current-menu-ancestor > a,
 .second_menu .current-cat > a
 {
    text-decoration: none;
    background-color: #555 !important;

  }

    .second_menu .current_page_item a:hover,
     .second_menu .current_page_parent a:hover {
      text-decoration: underline;
    }
   .second_menu ul.children {width: 150px;display: none;}

   .second_menu ul.children li {width: 170px;
    display: block;}

   .second_menu ul.children li a {

    display: block;
    border-left: 1px solid #999



   }
   .second_menu ul.children {display: none;}
   .second_menu ul.children li {height: 30px;display: block;

    float: left;
   }
.second_menu ul li:hover >  ul.children {display:none}


.i-have-kids > a {background: url("images/menu_down.png") no-repeat center right}
/*
ul.sub-menu:hover li ul.sub-menu { 
    margin-left: 148px;
    margin-top: -38px;}
ul.sub-menu li ul.sub-menu li { 
    margin-bottom: 1px !important;background-color: #555 !important;}
ul.sub-menu li ul.sub-menu a {color:#FFF!important;
  background: none;
margin-bottom: 1px !important
}


ul.menu li:hover > ul.sub-menu {display:block}

ul.sub-menu ul li a{
 border:none;
 padding: 3px;
 float: left;
 display: block;
 color: #fff;
 font-size: 12px;
 font-family: Verdana;
 text-decoration: none;
 margin-left: 11px;
 height: 1%;
 margin-top: -5px;
 
}
*/

/* breadcrumbs */
.breadcrumbs {
	
	font-size:12px;
	min-height:30px;
	


}




.menu a:hover {text-decoration:none;background-color:#111}
.menu a {width:110px;color:#FFF;height:38px;line-height:38px;background-color:#DC0F0A;display:block;text-align:center;
	text-decoration:none;border-right:1px solid #FFF;}
.menu li:last-child a {border-right:none !important}
#menu-item-11 a {width:108px}
.sub-menu a {
    text-align: left;
    text-indent: 14px;
    width: 150px;
}





ul#menu-footer {
  width: 100%;display: block;
  clear: both;
}

ul#menu-footer li a {
  width: 200px;
  display: block;
  float: left;
}

#footer .textwidget {
  width: 75%;
  margin: 8px auto;
  display: block;
  clear: both;
}




/* content */
.rpwe-summary p {font-size:12px}
#primaryContent {
  
 min-height:500px;
 padding-top:5px;
 
  
}

.outstanding_image {float:left;padding:0 20px 40px 0; }

.outstanding_image a img {/*box-shadow:none !important;*/ }
.outstanding_image > div {/*box-shadow:4px 4px 8px #999; display:block*/}

.postWrapper .outstanding_image  img {margin-bottom:0px !important}


p {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 18px !important;
    
}
#primaryContent {font-size: 14px;
line-height: 18px;
padding-bottom: 18px !important;
text-align: justify;
color: #444

}
#primaryContent h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    text-align: left;
    color: #000
}
#primaryContent h1 {font-size:24px;line-height:30px;text-align: left;
color: #000;
font-weight: }

#primaryContent a {color:#333;}
#primaryContent a:hover {text-decoration:none}


h1 a , h2 a , h3 a {text-decoration:none;color:#000 !important;}
h1 a:hover , h2 a:hover , h3 a:hover {color:red !important}
/*a:hover {-webkit-transition: all 0.3 ease-out 0s;
-moz-transition: all 0.3 ease-out 0s;
-ms-transition: all 0.3 ease-out 0s;
-o-transition: all 0.3 ease-out 0s ;
transition: all 0.3s ease-out 0s ;}*/
#primaryContent  h1.postTitle  {margin:0 0 10px 0 !important;color: #000}

h1.postTitle-portada {font-weight: 700}

.data {font-size:12px;line-height:26px;clear:both}

.fecha {
    float: left;
    font-size: 12px;
    font-weight: bold;
}
.zoom  {
	background: url('images/zoom_extend.png') no-repeat scroll top left;
	width: 32px;
	height: 32px;
}

.banner-top-left , .banner-top-right {padding:4px 0 4px 0px}

.post-edit-link {clear:both;font-size:20px;display:block;padding:10px}
.more-link	{padding:20px 0;margin:20px 0}
.attachment-medium  img {padding:0 12px 24px 0}

.notice_portada {
    border-bottom: 1px solid #eeeeee;
    min-height: 410px;
    overflow: hidden;
    padding-left: 17px;
    padding-right: 25px;
    width: 325px;
}

.notice_portada h2  {min-height:36px !important;}
.publi_small {width:335px;float:left;padding:8px 25px 8px 0}

.notice_portada_small {border-bottom:1px solid #EEEEEE;padding: 15px 0}
.notice_portada_small h2 a {
    font-size: 16px;
    line-height: 16px;
}
.right_portada h2.widgettitle , #secondaryContent h2.widgettitle  {border-bottom: 1px solid #555;color: #555 !important }

.tagcloud a {text-decoration: none;}

.tagcloud a:hover {color: #DC0F0A !important}

.tag_category {font-size:11px;clear:both;padding:5px 0px;float: left;}


form.buscador {padding:5px 0px;float: right;
padding-right: 10px}

form.buscador input#s {width: 100px;padding-right: 10px}

.fecha {line-height: 30px;padding-right:10px;}


.iconons-web a {float:left;display: block;}
.iconons-web img {padding:4px 6px 0px 6px;display: block;width: auto;height: auto;}

.navigation {text-align:center;clear:both;padding-top:60px;}
.navigation  a {text-decoration:none;color:#FFF !important}
.navigation  .page-numbers {padding:8px;border:1px solid #CCC;background-color:#DC0F0A;color:#FFF;}
.navigation  .page-numbers.current , .navigation  .page-numbers:hover {background-color:#111;color:#FFF !important;}
.navigation  .prev , .navigation  .next {background-color:#FFF !important;color:#000 !important;border:none;font-size:20px}
.navigation  a.prev:hover , .navigation  a.next:hover{color:#DC0F0A !important}

/* Contact7 */

div.wpcf7 {font-size:16px}
div.wpcf7 p {margin:0 !important;
	padding-bottom:4px !important}
.wpcf7-form input , .wpcf7-form textarea , .wpcf7-form input.wpcf7-submit {border:1px solid #333;font-size:14px}
.wpcf7-form input {height:20px;width:400px;margin-bottom:12px;padding:4px 0}
.wpcf7-form textarea {width:400px;height:100px}
.wpcf7-form input.wpcf7-submit {width:402px}
.wpcf7-form input.wpcf7-submit {height:40px;
	font-size:16px;
	background-color:#DC0F0A;
	border-bottom:4px solid #111;


	color:#FFF;
	cursor:pointer;
}
.wpcf7-form input.wpcf7-submit:hover {
	background:#111 !important;color:#FFF !important;);
}
.wpcf7-form input.wpcf7-acceptance {width:30px !important;}
.wpcf7-form input.wpcf7-acceptance p {font-size:90% !important}
div.wpcf7-response-output {margin:1em 0.5em !important}
.wpcf7-form input.wpcf7-captchar {width:100px;font-size:24px;font-weight:bold}
.wpcf7-form input:focus , .wpcf7-form textarea:focus {border:1px solid #111;background-color: #FAFFD6}


/* polls */
.wp-polls, .wp-polls-form , .tagcloud {
    padding: 30px 0 0;
}
 
/* audio html-5 */
audio , #beep-one  , .controls {display: none;}
audio {
height:100px;
width:250px;
padding-top: 20px;
}
     .music {
      width: 250px;
      height: 43px;
      display: block;
      background-image: url("images/banner-erc.jpg");
      background-position: top center;
    }
    .music:hover {cursor: pointer;}
    .music.current {
       background-position: bottom center;

    }