/*--------------------*/
/*  GENERAL SETTINGS  */
/*--------------------*/



 * {
    font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 98%;
}


.hide, .alt {
    display: none;
}

.spacer {
    border: 0;
    margin: 0;
    padding: 0;
    clear: both;
    background: transparent;
}

.ruler {
    margin: 0 5px;
    border-top: 2px solid;
    padding: 0;
    clear: both;
    color: #ccc;
    background: transparent;
}

.sombra-imagen img,img.img-text-wrap {
   padding: 2px; 
   border: 4px solid #eee;
}

    /* general settings*/

body {
     margin: 0;
     padding: 0;
     border: 0;
     text-align: center;
}

img { 
    display: block;
    border: 0;
}

p, td, li, ul, ol, h1, h2, h3, h4 {
     margin: 0;
     padding: 0;  
     word-spacing: 0.1em;
     color: #ddd;
     background-color: transparent;
}


p, td, li  {
     line-height: 1.2em;
}


h1, h2, h3, h4 {
     line-height: 1.1em;
     clear: left;
}


a:link, a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #fb0;
}
a:hover, a:active {
    text-decoration: underline;
    font-weight: bold;
    color: #ea0;
}

/*--------------------*/
/*   TOP OF THE PAGE  */
/*--------------------*/


#wrapper {
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 999px;
float: left;
    text-align: left;
	background: transparent url(images/bg-degradado.gif) top left repeat-y; 

}


#banner-top-left {
	float: left;
	margin: 0;
	padding: 0;
	WIDTH:593px; 
	HEIGHT:170px;
	background: transparent url(images/top-left.gif) top left no-repeat; 
}

#banner-top-right {
	float: left;
	margin: 0;
	padding: 0;
	WIDTH:406px; 
	HEIGHT:170px;
	background: transparent url(images/top-right.gif) top left no-repeat; 
}


#top-hr {
    float: left;
	width:999px; 
	height: 3px;
	font-size: 2px;
	background-color: #f38700; 
}

	
#quick-links {
   margin: 0 0 0 5px;
   padding: 5px 15px 0 0;
   float: left;
}

#quick-links a#intranet {
   display: inline;
   margin: 0 4px;
   border: 0;
   padding: 0 0 0 32px;
   width:14px; 
   height:12px;
   background: url(images/ico_home.gif) 0 0 no-repeat;
   font-size: x-small;
   font-weight: normal;
}

#quick-links a#mail {
   display: inline;
   margin: 0 4px;
   border: 0;
   padding: 0 0 0 16px;
   width:14px; 
   height:12px;
   background: url(images/ico_mail.gif) 0 0 no-repeat;
   font-size: x-small;
   font-weight: normal;
}

#quick-links a#map {
   display: inline;
   margin: 0 4px;
   border: 0;
   padding: 0 0 0 16px;
   width:14px; 
   height:12px;
   background: url(images/ico_map.gif) 0 0 no-repeat;
   font-size: x-small;
   font-weight: normal;
}


#quick-links a#clients {
   display: inline;
   margin: 0 4px;
   border: 0;
   padding: 0 0 0 16px;
   width:14px; 
   height:12px;
   background: url(images/ico_key.gif) 0 0 no-repeat;
   font-size: x-small;
   font-weight: normal;
}

/*--------------------*/
/*  Main Navigation   */
/*--------------------*/

#mainnav {
	position: absolute; 
	top: 40px; 
	left: 620px; 
	width:150px; 
	height:120px; 
}

#mainnav ul {
    background: transparent url(images/bg-hr.gif) top left no-repeat;
}

#mainnav li {
    display: block;
	padding: 0 0 0 3px;
	list-style: none;
    background: transparent url(images/bg-hr.gif) bottom left no-repeat;
}


#mainnav a {
    letter-spacing: 0.2em;
    text-decoration: none;
}
#mainnav a:hover,
#mainnav a:active {
    text-decoration: none;
    color: #fb0;
}


/*--------------------*/
/*  Main-Container    */
/*--------------------*/

div#main-container {
    float: left;
    background: transparent url(images/bg-leon.gif) top left no-repeat;
}

/*  Main - S I D E B A R */


div#sidebar-container {
    margin: 0;
	padding: 0 5px;
    float: left;
	width: 220px;
	height: 60em;

}

div#sidebar {
    margin: 5px;
    padding: 0;
    float: left;
    background-color: transparent;
}

div#sidebar h1.section-header{
    border: 1px solid #333;
    border-top: 5px solid #333;
    width: 160px;
    line-height: 130%;
    text-align: center;
    color: #ddd;
    background-color: transparent;
    font-size: medium;
    font-family: Georgia, "New Century Schoolbook", Times, serif;
}


/*  Content */

#content {
    float: left;
    margin: 50px 0 0 0;
    border: 0;
    padding: 0 5px;
    width: 520px;
}

#content h3 {                  
  padding: 10px 0 0 0;  
  background-color: transparent;
}

#content h3#title {
  position: absolute;
  top: 175px;
  left: 235px;
  width: 560px;  
  padding: 0;
  text-align: right;
  line-height: 0.8em;
  color: #de4900;
  background-color: transparent;
}


#content h4 { }

#content div#nav2links h3 {
  padding: 0 0 0 20px;  
  background: transparent url(images/fleche.gif) left no-repeat;
}


#content .csc-header {   
  margin: 0.5em 0 0.5em 0;
  border: 0px;
  border-bottom: 2px solid #c30;
  padding: 0 0 5px 45px;  
  background: transparent url(images/bg-minilogo.gif) left top no-repeat;
  clear: left;
}

#content .csc-header h1 {
  color: #fff;
}

#content p.bodytext {
  margin: 0;
  padding: 0 0 10px 10px;  
  background-color: transparent;
  text-align: justify;
}

#content ul {
    margin: 0 0 0 60px;  
    border: 0;
    padding: 0;
    background-color: transparent;
}


#content li {
    margin: 0;
    border: 0;
    padding: 0 0 0 5px;
    list-style: square outside;
    marker-offset: 5px;
}


/*--------------------*/
/* SECONDARY CONTENT  */ 
/*--------------------*/


#secondary-content {
	position: absolute;
	left: 790px;
	top: 173px;
    margin: 0;
    border-left: 1px dotted #f38700;
	padding-top: 115px;
	padding-left: 5px;
    width: 190px;
	color: #de4900;
	background: transparent url(images/pareja-riendo-dark.jpg) top left no-repeat;

}

div#secondary-content h1.section-header{
    margin-left: -5px;
    margin-right: -5px;
    border: 1px solid #333;
    border-top: 5px solid #333;
    line-height: 130%;
    text-align: center;
    color: #eee;
    background-color: transparent;
    font-size: medium;
    font-family: Georgia, "New Century Schoolbook", Times, serif;
}


#secondary-content h3 {}

#secondary-content p.bodytext  {
	color: #de4900;
	padding: 0.5em 0 0 0;
}


#secondary-content ul  {
   margin: 0;
   padding: 0;
}

#secondary-content li  {}


/*--------------------*/
/* FOOTER             */ 
/*--------------------*/





#footer {
    border: 0;
    margin: 10px 0 0 0;
    padding: 0;
    width: 999px;
    float: right;
    text-align: right;
    font-size: x-small;
    letter-spacing: 0.2em;

}

#footer a:link,
#footer a:hover,
#footer a:active,
#footer a:visited {
	color: #666;
}

#footer p#footer-first-line {
    margin: 20px 0 0 0;
	padding-right: 20px;
    text-align: right;
    font-size: x-small;
    letter-spacing: 0.2em;
	background-color: #000;
}
#footer p#footer-legal  {
    margin: 0;
	padding-right: 20px;
    text-align: right;
    font-size: x-small;
    letter-spacing: 0.2em;
	background-color: #000;
 }


/*--------------------*/
/* TYPOGRAPHY         */
/*--------------------*/


#mainnav a {
    font-weight: bold;
    line-height: 1.2em;
    font-size: 1.2em;
    font-weight: normal;
    font-family: Georgia, "New Century Schoolbook", Times, serif;
    color: #eee;
}


#content h3#title {   
  font-size: 4em;
  font-weight: bold;
  font-style: normal;
}

#content #nav2links h3 {
  font-size: 1.5em;
  font-weight: normal;
  line-height: normal;
}

#content h4 {   
  font-size: x-small;
  font-weight: normal;
}

#content .csc-header h1 {   
  font-weight: normal;
  font-size: 1.9em;
}

#content p.bodytext {
  line-height: 1.5em;
}

#content li {
    line-height: 1.5em;
}

#secondary-content h2 {
  padding-left: 15px;
  font-size: 1.3em;
}

#secondary-content h3 {
  font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
  font-size: 1em;
}

#secondary-content p.bodytext  {
	line-height: normal;
}



/*--------------------*/
/* Especiales         */
/*--------------------*/

#content p.csc-caption {
    margin: 0;
    border-top: 1px dotted #666;
    padding: 0;
    text-align: center;
    font-style: italic;
    font-size: 0.8em;
}

/*--------------------*/
/* Menu secundario    */
/*--------------------*/


#related-menu h3 {
   color: #900;
   font-size: 1.2em;
}

#related-menu ul {}

#related-menu li {
    border-bottom: 1px solid #fb0;
    color: #FFCC33;
    list-style: none;
}
#related-menu  li.mn a,
#related-menu  li.mn-act a {
    display: block;
    padding: 5px 10px 5px 20px;
    width: 150px;
    font-variant: small-caps;
	text-decoration: none;
}

#related-menu  li.mn a:link,
#related-menu  li.mn a:visited {
	background: transparent url(images/dot-empty.gif) 5px 0.5em no-repeat;
}
#related-menu  li.mn a:hover,
#related-menu  li.mn a:active {
	background: #f70 url(images/dot-full.gif) 5px 0.5em no-repeat;
	color: #666;

}

#related-menu  li.mn-act a:link,
#related-menu  li.mn-act a:visited,
#related-menu  li.mn-act a:hover,
#related-menu  li.mn-act a:active {
	background: #f38700 url(images/dot-full.gif) 5px 5px no-repeat;
	color: #333;
}


/*--------------------*/
/** News Portada    **/
/*--------------------*/

.portada-news .news-item {
    margin-top: 10px;
    padding-top: 18px; 
	background: transparent url(images/news-hr.gif) top left no-repeat;
}

.portada-news h3.news-header,
.portada-news h3.news-header a {
    padding: 0 0 5px 0;
    font-family: Georgia,Times,serif;
    font-weight: bold;
	color: #F38700;
    /*font-size: 1.25em;*/
    letter-spacing: 0.05em;
}

.portada-news .news-subheader {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: normal;
}

.portada-news .news-date {
	color: #bbb;
}

.portada-news p {
    padding-top: 5px;
    font-weight: normal;
    font-size: 0.9em;
    line-height: normal;
	color: #bbb;
}

.portada-news .news-item .morelink {
    display: inline;
    font-size: 0.9em;
    font-style: italic;
}

.portada-main .csc-header h1,
.portada-main .csc-header h1 a:link,
.portada-main .csc-header h1 a:visited {
   font-family: Georgia,Times,serif;
   margin: 0;
   padding: 5px;
   background: rgb(132, 33, 107);
   color: #eee;
   line-height: normal;
}



/*--------------------*/
/*PLUGIN FOTOBOEK*/
/*--------------------*/

.tx-gooffotoboek-pi1 {
    text-align: center;
}

.tx-gooffotoboek-pi1 img{
   display: inline;
   margin: 0 auto;
}

.tx-gooffotoboek-pi1 table {
    text-align: center;
    margin: 0 auto;
}

.tx-gooffotoboek-pi1 .photoboek-comment {
    display: none;
}


.tx-gooffotoboek-pi1 .gfpb_empty {
    visibility: hidden;
}

.cocal-img-block {
    margin: 5px auto;
}

.cocal-msg-ampliacion {
    border: 0;
    margin:0;
    padding: 4px 0 0 0;
    font-size: 0.9em;
    color: #999;
    text-align: center;
    line-height: 1em;
}


.tx-gooffotoboek-pi1 .photoboek-dirs {
    padding-left: 10px;
    background: transparent url(images/dot_empty.gif) left no-repeat;
}


/*--------------------*/
/*       NEWS          */
/*--------------------*/


#content .news-single-timedata  {
   border-bottom: 0;
   font-size: 0.85em;
   color: #aaa;
}

#content .news-single-item  {
   margin-top: 10px;
   text-align: justify;
}

#content .news-single-timedata,
#content .news-single-author  {
   margin: 0;
   padding: 0;
   line-height: normal;
   border-bottom: 0;
   font-size: x-small;
   color: #ccc;
}

#content .news-single-item h2 {
   font-size: large;
   color: #fff;
}

#content .news-single-item h3 {
   margin: 0 0 1em 0;
   padding: 0;
   font-weight: normal;
   font-size: small;
   font-variant: small-caps;
   letter-spacing: 0.1em;
   color: #fc0;
   background-color: #666;
   line-height: normal;
}

#content .news-single-img {
   text-align: center;
   float: left;
   overflow: hidden;
   padding: 10px;
}


/*--------------------*/
/*    Mapa del sitio  */
/*--------------------*/


#mapa #content div.csc-menu {
   width: 400px;
   margin: 0 auto;
   border: 1px solid;
   padding: 0;
}

#mapa #content p.csc-sitemap-level1 {
   margin: 0;
   border: 3px solid #f38700;
   padding: 0 0 0 0;
   width: 394px;
   height: 2em;
   background: #333;
   text-align: center;
   overflow: hidden;
}
#mapa #content p.csc-sitemap-level1 a {
   margin: 0;
   border: 0;
   padding: 0;
   font-size: 1.2em;
   font-weight: bold;
}


#mapa #content p.csc-sitemap-level2 {
   margin: 0;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   border-color: #f38700;
   padding: 0;
   width: 398px;
   height: 2em;
   background: #666;
   overflow: hidden;

}
#mapa #content p.csc-sitemap-level2 a {
   margin: 0;
   border: 0;
   padding: 0 0 0 20px;
   font-size: 1.2em;
}


#mapa #content p.csc-sitemap-level3 {
   margin: 0;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   border-color: #f38700;
   padding: 0;
   width: 398px;
   height: 2em;
   background: #999;
   overflow: hidden;
}


#mapa #content p.csc-sitemap-level3 a {
   margin: 0 0 0 35px;
   border: 0;
   padding: 0;
}

#mapa #content p.csc-sitemap-level4 {
   margin: 0;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   border-color: #f38700;
   padding: 0;
   width: 398px;
   height: 2em;
   background: #999;
   overflow: hidden;
}

#mapa #content p.csc-sitemap-level4 a {
   margin: 0 0 0 50px;
   border: 0;
   padding: 0;
}