@charset "utf-8";

body {
  color:#333; 
  background: #e8e8e8 url(/style/imagenes/other/background_gray_fade.gif) repeat-x;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  text-align:left;
  line-height: 16px; }

body, div, span, ul, li, h1, h2, h3, h4, h5, address, p, td, blockquote, dl, dt, dd, input, br {
  margin:0;
  padding:0; }

table { border:none;}
a:link { color:#3b5998; text-decoration:none;}
a:visited { color:#3b5998; text-decoration:none;}
a:hover { color:#3b5998; text-decoration:underline;}
a:active { color:#3b5998; text-decoration:underline;}
h1 { font: normal 23px 'Lucida Grande',Geneva,Verdana,Arial,sans-serif; color: #333333; margin:0 0 10px 0;}
h2 { font: bold 15px 'Lucida Grande',Geneva,Verdana,Arial,sans-serif; color: #333333; margin: 0 0 7px 0;}
h3 { font: bold 1.2em 'Lucida Grande',Geneva,Verdana,Arial,sans-serif; color: #333333; margin: 0 0 3px 0;}
h4 { font: bold 1em 'Lucida Grande',Geneva,Verdana,Arial,sans-serif; color: #333333; margin: 0 0 0 0;}
address { margin:5px 0; font-style:normal;}
img { border:none;}
ul { list-style-type:none;}
input, select { vertical-align: middle;}
p, blockquote, dt, dd, address {  
  margin: 0 0 15px 0; 
  line-height: 1.5em;
}
label { padding-top: 3px;}
form {display:inline;}


/*****CSS Code Common to All Pages******/

#header_bar {
  background: #3B5998; }

#header_logo {
  display: block;
  height: 47px; 
  width: 980px;
  margin: 0px auto; }
  
  #header_logo a {
    display: block;
    height: 47px;
    width: 280px;
    background: url('/style/imagenes/web/danielpecos.gif') no-repeat 5px 3px; }
  #header_logo h1 {
    display: none; }

#navigator {
  height: auto;
  line-height: auto;
  padding: 0px;
  margin: 4px 0px 0px; 
  border-bottom: solid 1px #a0a0a0;
  background: #f7f7f7; }
  
  #navigator div {
    width: 980px;
    margin: 0px auto; }
    
  #navigator span {
    line-height: 15px;
    padding: 7px 0px 7px 1px;
    font-size: 13px;
    font-weight: bold;
    background: url('/style/imagenes/other/navigator_divider.gif') no-repeat left center; 
	display: inline-block;
  }
  
  #navigator span.first {
    background: none; 
  }
    
#navigator span.active a {
    color: #444;
    background: white url('/style/imagenes/other/navigator_active.gif') repeat-x 0 0; 
    /*-webkit-background-size: 10px 19px;*/
}
    
    #navigator span a {
      line-height: 15px;
      color: #3B5998;
      padding: 11px 10px 6px 10px;
      margin: -4px -3px 0px 0px; 
	}

/*#quick_search {
  float: right;
  padding: 5px 0px 0px; }
  
  #quick_search input {
    width: 200px; }

#quick_search .inputtext {
  background: white; 
  border: 1px solid #bdc7d8;
  padding:0 0 1px 20px;
  background: url(/style/imagenes/other/icn_search_mag_glass.gif);
  background-position: 3px 3px;
  background-repeat: no-repeat; }*/



/*******CONTENT AREA*********/
.middle-container {
  width: 980px;
  margin: 10px auto 8px;
  padding: 0px;
  border: 1px solid #a0a0a0; /*#acadb1;*/
  border-bottom: solid 1px #697ba1;
}

.content_header {
  background:#d8dfea;
/*  border-left:solid 1px #acadb1;
  border-right: solid 1px #acadb1;
  border-top: solid 1px #acadb1;
  */
  height:35px;
  margin:0px auto 0px auto;
  width:970px;
  padding:0 10px 0 0;
}

.content_header h1 {
  color:#fff;
  display:none;
}

.header_image {
  float:left;
  height:35px;
  padding:0;
  margin:0 ;
}

.more_dropdown {
  float:right;
  height:29px;
  padding: 0;
  margin: 6px 0 0 0;
}

.content_pad {
  background: #fff;
  width: 980px;
  padding: 0;
  margin: 0px auto 0px auto;
  height:10px;
}

.content_bg {
  background:#f0f0f0;
  margin: 0 auto;
  padding:0px;
  width:980px;
  float:left;
}

.content {
  float: left;
  background:#fff;
  padding: 0px;
  margin: 0px;
  width:980px;
}

.content_bg .side_nav {
  background:#f0f0f0;
  float:left;
  margin: 0px;
  padding:10px;
  width:160px;
}

.content_bg .side_nav h3 {
  color: #777;
  margin: 0 0 15px 0;
  font-size: 1.5em;
  

}

.content_bg .side_nav h4{
  /*color: #777;
  margin: 0 0 10px 0;
  font-size: 1.2em;*/
    background:#e0e0e0 none repeat scroll 0 0;
    color:#777777;
    font-weight:bold;
    margin-bottom:10px;
    padding:4px 0 4px 10px;
}

.content_bg .side_nav ul{
  margin: 0 0 20px 0;
}

.content_bg .side_nav li {
  margin-bottom:8px;
  line-height:14px;
}

.content_bg .side_nav  a {
    background:transparent url(/style/imagenes/other/icn_arrow_small.gif) no-repeat scroll left center;
    font-weight:bold;
    padding:0 0 0 10px;
}

.content .content_main {
  float: left;
  background: #fff;
  margin: 0px;
  /*width: 740px;*/
  padding: 20px 30px;
}

.content .content_main h2 {
	border-bottom: 1px solid black;
}

.content .content_main .grey img{
	float: left; 
	margin: 10px;
	margin-right: 15px;
}

.footer {
  font-size: 11px; 
  width: 960px;
  padding: 0px 10px;
  margin: 0px auto; }

.footer .copyright {
  color: #666;
  float: left; }

.footer .links {
  float: right; }
  
.footer #flickr #f1 {
	color:#0066ff; 
	font-weight:bold
}

.footer #flickr #f2 {
	color:#ff3399; 
	font-weight:bold
}

/***************
* SUB TABS     *
***************/
#devsite_subtabs {
  background-color: #b9c2d1;
}

#devsite_subtabs ul {
  padding: 5px 0 0 15px;
}

#devsite_subtabs li {
  padding: 3px 10px 2px 10px;
  display: block;
  float: left;
  background-color: #d4dce9;
  margin: 0 2px 0 0;
  font-size: 13px;
}

#devsite_subtabs li a:hover{
  text-decoration:none;
}

#devsite_subtabs li.devsite_subtag_active {
  background-color: #fff;
  text-decoration:none;
}

#devsite_subtabs li.devsite_subtag_active a {
  color: #000;
}
#devsite_subtabs li.devsite_subtag_active a:hover {
  color: #000;
  text-decoration:none;
}

/*  ---------------------------|  SHARE | HIDE  |-------------