/*  
Theme Name: Noche Teleco
Theme URI: http://www.ivic.es
Description: Noche de las Telecomunicaciones
Version: 1.0
Author: Victor Marin
Author URI: http://www.ivic.es
*/
@charset "UTF-8";

/******Grid Framework Base******/

*{ margin:0;padding:0;}
option{ padding-left:0.4em;}
* html body *{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}
html{ height:100%;margin-bottom:1px;}
body{ background:#fff;color:#000;font-size:100.01%;text-align:left;}
fieldset, img{ border:0 solid;}
ul, ol, dl{ margin:0 0 1em 0em;}
li{ line-height:1.5em;}
dt{ font-weight:bold;}
dd{ margin:0 0 1em 2em;}
blockquote{ margin:0 0 1em 1.5em;}
#header{ position:relative;}
#topnav{ position:absolute;right:10px;text-align:right;top:10px;}
#header, #nav, #main, #footer{ clear:both;}
#col1{ float:left;width:200px;}
#col2{ float:right;width:200px;}
#col3{ margin:0 200px;width:auto;}
#col1{ z-index:3;}
#col2{ z-index:5;}
#col3{ z-index:1;}
#col1_content{ z-index:4;}
#col2_content{ z-index:6;}
#col3_content{ z-index:2;}
#col1_content, #col2_content, #col3_content{ position:relative;}
.hideboth #col3{ margin-left:0;margin-right:0;}
.hidecol1 #col3{ margin-left:0;margin-right:200px;}
.hidecol2 #col3{ margin-left:200px;margin-right:0;}
.hideboth #col1, .hideboth #col2{ display:none;}
.hidecol1 #col1{ display:none;}
.hidecol2 #col2{ display:none;}
.clearfix:after{ clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{ display:block;}
.floatbox{ overflow:hidden;}
#ie_clearing{ display:none;}
.subcolumns, .subcolumns_oldgecko{ overflow:hidden;width:100%;}
.subcolumns_oldgecko{ float:left;}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l{ float:left;}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r{ float:right;margin-left:-5px;}
.c25l, .c25r{ width:25%;}
.c33l, .c33r{ width:33.333%;}
.c50l, .c50r{ width:50%;}
.c66l, .c66r{ width:66.666%;}
.c75l, .c75r{ width:75%;}
.c38l, .c38r{ width:38.2%;}
.c62l, .c62r{ width:61.8%;}
.subc{ padding:0 0.5em;}
.subcl{ padding:0 1em 0 0;}
.subcr{ padding:0 0 0 1em;}
.skip, .hideme, .print{ height:1px;left:-1000em;position:absolute;top:-1000em;width:1px;}
.skip:focus, .skip:active{ height:auto;left:0;position:static;top:0;width:auto;}

/******Base Content CSS******/

html *{ font-size:100.01%;}
textarea, pre, tt, code{ font-family:"Arial";}
body{ font-family:"Arial";font-size:12px;}
h1,h2,h3,h4,h5,h6{ color:#393C43;font-family:"Century Gothic";font-weight:bold;margin:0 0 0.25em 0;}
h1{ font-size:22px;}
h2{ font-size:18px;}
h3{ background:url(images/h3.gif) left no-repeat;font-size:16px;height:25px;margin-bottom:10px;padding:4px 0 0 10px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:10px;font-style:italic;}
p{ line-height:1.5em;margin:0 0 1em 0;}
ul, ol, dl{ line-height:1.5em;margin:0 0 1em 0em;}
li{ line-height:1.5em;}
dt{ font-weight:bold;}
dd{ margin:0 0 1em 2em;}
cite, blockquote{ font-style:italic;}
blockquote{ margin:0 0 1em 1.5em;}
strong,b{ font-weight:bold;}
em,i{ font-style:italic;}
pre, code{ font-family:monospace;font-size:1.1em;}
acronym, abbr{ border-bottom:.1em dashed #c00;cursor:help;letter-spacing:.07em;}
.note{ background:#dfd;border-bottom:1px #bdb dotted;border-top:1px #bdb dotted;padding:1em;}
.important{ background:#ffd;border-bottom:1px #ddb dotted;border-top:1px #ddb dotted;padding:1em;}
.warning{ background:#fdd;border-bottom:1px #dbb dotted;border-top:1px #dbb dotted;padding:1em;}
.float_left{ display:inline;float:left;margin-bottom:0.15em;margin-right:1em;}
.float_right{ display:inline;float:right;margin-bottom:0.15em;margin-left:1em;}
.center{ margin:0.5em auto;text-align:center;}
a{ color:#006699;text-decoration:none;}
a:focus,
 a:hover,
 a:active{ color:#333333;}
#topnav{ color:#CCCCCC;font-size:11px;}
#topnav a{ background:transparent;color:#CCCCCC;text-decoration:none;}
#topnav a:focus,
 #topnav a:active{ background-color:transparent;text-decoration:underline;}
#topnav a:hover{ color:#FFFFFF;}
#footer a{ background:transparent;color:#AFAFAF;text-decoration:none;}
#footer a:focus,
 #footer a:hover,
 #footer a:active{ background-color:transparent;color:#FFFFFF;}

/******Base Modifier******/

  body { background: #27343C url(images/bg.png) top repeat-x; padding: 30px 0;  }
  #page_margins { margin: 0 auto; }
  #page_margins { width: 950px;  min-width: inherit; max-width: none; background: #fff; }
  #page { padding: 0px; }
  #header1 { padding: 20px 1em 1em 20px; color: #000; }
  #header { background: #ffffff url(images/cabecera.jpg) top left no-repeat; height:242px; }
  
  #header h2 { font-weight:normal; font-size:13px; margin-top:-5px; font-family:Arial; color: #666666; margin-bottom:20px;}
  #logo {float:left;}
  #topsearch {float:right;margin-top:145px;margin-right:25px;}
  /**************** Search *********************/
.searchfield{width:11em; color: #333333; background-color:#eee;font:12px Arial;padding:3px 3px 3px 8px; border:1px solid #E8E8E8; border-top:1px solid #999999; border-left:1px solid #CCCCCC;}
h2.search {font-size: 16px; padding:4px 0 0 10px; background:url(images/h3.gif) left no-repeat; height:25px; margin-bottom:18px;}

  .logo {font-size:30px; font-family:Arial; text-transform:uppercase;}
  .logo a, .logo a:link, .logo a:visited {text-decoration:none; color: #333333;}
  .logo a:hover {border-bottom:1px solid #CCCCCC;}
  #topnav { position:static; color: #aaa; background:#000 url(images/corner.gif) left top no-repeat; padding:10px;} 
  #main { margin: 20px 0; background: #fff;}
  #footer {color:#666; padding-top:650px;background: #000 url(images/logosNTV2011.jpg) top left no-repeat; border-bottom: 5px #2F393F solid; font-size:11px; }
  #main { padding: 0px 20px }
  .readmore a, .readmore a:link, .readmore a:visited  {padding:3px 5px 3px 5px; color: #fff; background-color: #494b52; text-decoration:none;}
  .readmore a:hover {color:#000; background-color:#fff;  text-decoration:none;}
  #subscribe {padding-top:5px; padding-left:10px; clear:both;}
  .options {background:url(images/bgrss.gif) no-repeat; height:79px;}
  #s2 {padding:2px 3px 2px 6px; width:8em; border:1px solid #EAEAEA; border-top:1px solid #999999;border-left:1px solid #D3D3D3;  font-family:Arial;}
  #subs {padding:2px 1px 1px 1px; font-family:Arial; background-color:#393C43; border:none; color:#fff; width:66px; margin-left:3px;}
  #subs:hover {background-color:#000;}
  .recentcomments {list-style:none; text-transform:capitalize; font-weight:bold; color: #000000;}
  .recentcomments li {display:block; background:url(images/recentcomment.gif) no-repeat; padding:20px 10px 18px 10px; margin-top:2px;}
  .recentcomments a {text-decoration:none; font-weight:normal; font-style:italic; color:#000000;}
  .recentcomments a:hover { text-decoration:underline; color:#000000;}
  #popular li{padding:5px 5px 3px 8px; background:#EFEFEF url(images/corner1.gif) bottom right no-repeat; margin-top:5px; color: #333333;}
  #featured {list-style:none;}
  #featured li{padding:5px 5px 3px 5px; height:82px; background:#EFEFEF url(images/corner1.gif) bottom right no-repeat; margin-bottom:12px; color: #333333;}
  .popreadmore a, .popreadmore a:link, .popreadmore a:visited {font-size:11px; color: #333333; padding:0px 3px 0px 13px; margin-left:3px; background:url(images/comment.gif) left no-repeat; font-weight:bold; text-decoration:none;}
  .popreadmore a:hover {color:#006699;} 
  .popular a, .popular a:link, .popular a:visited, .popular a:active {text-decoration:none; color: #000; text-transform:capitalize; padding-left:15px; background:url(images/star.gif) left no-repeat; }
  .popular a:hover { color:#006699;}
  .latest a, .latest a:link, .latest a:visited, .latest a:active { font-size:15px; text-decoration:none; color: #000; text-transform:capitalize; }
  .latest a:hover { color: #666666;}
    .featured a, .featured a:link, .featured a:visited, .featured a:active {text-decoration:none; color: #000;   padding-left:15px; background:url(images/featured.gif) left no-repeat; }
  .featured a:hover { color:#006699;}
  .recentposts li {list-style: url(images/recentposts.gif); margin:5px 0px 0px 20px;}
  .recentposts a {text-decoration:none; color: #666666;}
  .flickr img {padding:5px; margin:6px 7px 7px 7px; border:1px solid #CCCCCC;}
  .flickr img:hover {background:#516C7C;}
  .thumbm {float:left; margin:0 8px 0 0; }
  .date {font-size:12px; color: #666666; padding:5px 0px 5px 10px; background-color:#eeeeee; margin-bottom:10px;margin-top:10px;}
  #latestpost {height:240px; overflow:auto; padding:10px;}
  .meta {margin-bottom:10px; font-size:11px; background:url(images/comment.gif) left no-repeat; padding-left:13px; font-weight:bold;}
  .cats {font-size:11px; padding:5px 0px 5px 10px; background-color:#eeeeee;font-weight:bold;}
  .bottom {padding-top:10px;}
  .tags { margin:auto;text-align:center; padding:20px 0px 35px 0px; background:url(images/clouds.gif) left no-repeat;border:1px double #EAEAEA; border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; margin-bottom:15px;}
  .tagsinner {margin:auto;width:600px;}
  .tags a{color: #999999; text-decoration:none; font-weight:bold; padding:0px 5px 0px 5px;font-family:Century Gothic;}
  .latcontent {height:160px;}
  .tags a:hover {background-color:#CEE6E6; color: #333333;}
  .pagepost { text-align: justify;}

  
#sidebar2{ width:200px; float:left; padding-left:10px;}
#sidebar2 a {text-decoration:none;}
#sidebar2 h2{ font-size: 16px; padding:4px 0 0 10px; background:url(images/h3.gif) left no-repeat; height:25px; margin-bottom:10px;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li ul{font-style:normal;margin-top:10px;padding:0px;}
#sidebar2 ul li ul li{border:0; list-style:url(images/recentposts.gif); margin:0px 5px 0 18px;padding:0 0 5px 0px;}
#sidebar2 p{padding:0 5px;}

#sidebar3{ width:200px; float:right; padding-right:15px;}
#sidebar3 a {text-decoration:none;}
#sidebar3 h2{ font-size: 16px; padding:4px 0 0 10px; background:url(images/h3.gif) left no-repeat; height:25px; margin-bottom:10px;}
#sidebar3 ul{list-style-type:none;}
#sidebar3 ul li ul{font-style:normal;margin-top:10px;padding:0px;}
#sidebar3 ul li ul li{border:0;list-style:url(images/recentposts.gif); margin:0px 5px 0 18px;padding:0 0 5px 0px;}
#sidebar3 p{padding:0 5px;}

#sidebar1 a {text-decoration:none;}
#sidebar1 h2{ font-size: 16px; padding:4px 0 0 10px; background:url(images/h3.gif) left no-repeat; height:25px; margin-bottom:10px;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li ul{font-style:normal;margin-top:10px;padding:0px;}
#sidebar1 ul li ul li{border:0;list-style:url(images/recentposts.gif); margin:0px 5px 0 18px;padding:0 0 5px 0px;}
#sidebar1 p{padding:0 5px;}
 
#MainMenu{background:url("images/bmid_110.gif");border:0;height:33px;margin:0; text-transform:uppercase; clear:both;}
#tab{margin:0;top:0;}
#tab ul{float:left;list-style:none;margin:0;padding:0;}
#tab li{display:inline;float:left;margin:0;padding:0;}
#tab a{background:url("images/bright_110.gif") no-repeat right top;border:0;display:block;float:left;margin:0;padding:0;text-decoration:none;color:#FFFFFF;display:block;font-family:Arial, Helvetica, sans-serif;font-size:11;font-weight:bold;line-height:33px;padding:0 25px 0 25px;}
#tab a:hover,#tab li.current_page_item a{background-position:right bottom;}
#tab a:hover span,#tab li.current_page_item a span{background-position:left bottom;color:#FFFFFF;font-style:normal;font-weight:bold;text-decoration:none;}

#SubMenu{background-color:#efefef;border:0;height:33px;margin:0;}
#tab{line-height:1.0;position:relative;}
#tab ul{float:left;position:relative;}
#tab li{float:left;list-style:none;z-index:999;}
#tab li.current ul{z-index:999;}
#tab li.sfHover ul,
ul#tab li:hover ul{z-index:1000;}
#tab a{display:block;float:left;text-decoration:none;}
#tab li ul{left:0;position:absolute;top:-999em;}
#tab li.sfHover a,
#tab li.current a,
#tab a:focus, #tab a:hover, #tab a:active{border-bottom:none;}
#tab li:hover ul, 
body #tab li.current ul, 
ul#tab li.sfHover ul{top:2.8em;}
#tab li:hover li ul,
#tab li.sfHover li ul{top:-999em;}
#tab li li:hover ul, 
ul#tab li li.sfHover ul{top:2.5em;}
.superfish li:hover ul,
.superfish li li:hover ul{top:-999em;}
#tab li ul li a {background:#efefef; color:#666666;height:33px; text-transform: capitalize;}
#tab li ul li a:hover {color:#000000;}
/**************** avatar *********************/
.gravs {margin-top:5px; padding-top:10px;}
.avatar {float:left; margin-right:5px; padding:1px; border:1px solid #999999; display:block;}
.cominfo {background:url(images/cominfo.gif) no-repeat; height:53px; padding-left:12px; padding-top:10px;}

#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada;  width:500px;}
.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { padding-left:50px; color: #333333;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}