/* Start of CMSMS style sheet '01 - Diseño: Menu Superior + 2 columnas' */
/* Start of CMSMS style sheet 'Layout: Top menu + 2 columns' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: #fda;
   color: #000;
}

/*****************
basic layout 
*****************/
body {
   background-color: #ffe;
   color: #333;
   margin: 0; /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper  {

   margin: 0 auto;     /* this centers wrapper */
width: 100%;   
max-width: 1000px; /* IE wont understand these, so we will use javascript magick */
   min-width: 760px;
   background-color: #ffe;;
   color: black;
}





/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 115px; /* adjust according your image size */
   background: transparent url(images/bg.jpg) no-repeat; 
background-attachment: fixed !important;
background-position:  center top !important;        
}

div.imgizquierda {
border: 1px solid #aba;  
float: left; margin: 18px 0 8px 5px;

}

div.right49 {   
 
float: right;
   padding: 0.1em 0.8em 0.8em 0.5em;
   margin: 1.8em 0.5em;
  height: 1.1em;
border: 1px solid #aba; 

}
div#hora
{
   float: right;
   margin: 65px 5px 8px 10px;
   padding: 5px 0 0 0;
   color: #FF0000;
}

div#hora #time
{
   font-size: 30px;
}

div#hora #horaeu
{
   font-size: 10px;

}

div#lang {
    float:right;
    color: #FF0000;
    padding: 2.5px;
    margin:-30px 4px 0 0;
}

div.clearb
{
   clear:both;
}

div#search
{
   float: right;
   margin:4px 12px 0 0; 
}




div#search2 {
   float: right;
   width: 25em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.2em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

div#content {
   margin: 1.5em auto 2em 0; /* some air above and under menu and content */
overflow: hidden; position: relative;

}

div#separador {
border-bottom: 1px solid #ccc;
}
div#separador1 {
border-bottom: 1px solid #ccc;
}
div#separador2 {
border-bottom: 1px solid #ccc;
}
div#separador3 {
border-bottom: 1px solid #ccc;
}

div#main {
   float: left;
   width: 50%;
   margin-left: 25%;
   margin-right: 0%;
   padding: 0;
   background-color: #ffe ;
}

div#main_prog {
   float: left;
   width: 73%;
   margin-left:   1%;
   margin-right: 0%;
   padding: 0;
   background-color: #ffe ;
   
}

div#main_foro {
   float: left;
   width: 100%;
   margin-left: 0%;
   margin-right: 0%;
   padding: 0;
   background-color: #ffe ;


}

.HomeNewsSummary 
    padding: 0.5em 0.5em 1em; /* padding for the home summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the home summary */
    border-bottom: 1px solid #ccc;

}

/* Tabla de Programacion */

.logotable th, .logotable td{
  background-color:#efefef;
  padding:3px;
  text-align:left;
  }
  .logotable td{
  vertical-align:middle;
  }
  .logotable input {
  width:400px;
  background-color:#fff;

}



* html #main {display: inline;}

div#leftsidebar {
   float: left;
   margin-left: -77%;
   margin-right: 0;
   width: 24%;   
   padding: 0;
position: relative;

}

div#rightsidebar {
   float: right;
   width: 22%;
   padding-right: 1em;
/* border-left: 1px solid #c00; */

}





/* if sidebar doesnt include menu but content add class="hascontent" */
div#leftsidebar.hascontent {
   padding: 0 1%;
   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #666;
   background-color: #ffe; /* same bg color as in header */
   border-top: 1px dotted #000;
}

div#footer img {float: left; margin: 4px;
border: 1px solid #999;}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;       /* some air for footer */
   text-align: center;  /* centered text */
   margin: 0;
  
}



div#footer p a {
   color: #666; /* needed becouse footer link would be same color as background otherwise */
}

div#googleads {
   clear:both;       /* keep footer below content and menu */
   padding: 1em;
   color: #666;
   background-color: #ffe; /* same bg color as in header */
   border-top: 1px dotted #000;
  
}





/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}





/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 1.6em;  /* font size for h1 */
   line-height: 1em;
   margin-bottom: 0.2em;
}
div#content h2 {
   color: #600; 
   font-size: 1.4em; 
   text-align: left; 
   padding-bottom: 1px;
   line-height: 1.5em;
   margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #300; 
   font-size: 1.2em;
   line-height: 1.2em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.1em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}

q {
line-height: 1.4em;
font-style: italic;
margin-bottom: 1em;
}
blockquote {
   border-left: 4px solid #fec;
   padding: 10px;
margin-bottom: 1em;
line-height: 1.4em;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}



pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol
 {
  font-size: 1em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}



/* END LISTS */
/* End of 'Layout: Top menu + 2 columns' */



/* new styles */


/* Search highlighting */

span.searchword {
border: 1px solid #c00;
padding: 0 1px;
margin: 0 1px;
background-color: #ffe;}

div#fpservice {
background-color: #fdb;
padding: 10px;
margin-bottom: 1em;
}

div#infobox_centro {
background-color: #FFFF99;
padding: 6px;
margin-bottom: 1em;
}

div#noticias_derecha {
background-color: #fdb;
padding: 6px;
margin-bottom: 1em;
}

div#promo_derecha {
background-color: #fdb;
padding: 6px;
margin-bottom: 1em;
}

div#onairinfo_derecha {
background-color: #dee;
padding: 6px;
margin-bottom: 1em;
}

div#context {
background-color: #fec;
padding: 10px;
}

div#infos_fp {


}
div#caja_onair {
background: #dee;
padding: 6px;
margin-bottom: 1em;
}

div#caja_player {
background: #dee;
position: center;
padding: 2px;
margin-left: 1em;
margin-right: 1em;
width: 340px;
}



#caja_onair,
#caja_foro,
#caja_player,
#fpnews,
#piclinks {
margin-left: 30px;
}


#caja_onair,
#caja_foro,
#caja_player,
#infobox_centro,
#noticias_derecha,
#onairinfo_derecha,
#caja_foro_derecha,
#fpnews,
#fpservice,
#context {
border-bottom: 1px solid #bbb;
border-right: 1px solid #ccc;
}




div#caja_foro {
background: #ded;
padding: 6px;
margin-bottom: 1em;
}

div#caja_foro_derecha  {
background: #ded;
padding: 6px;
margin-bottom: 1em;
}

div#caja_onair2 {
background: #dee;
padding: 6px;
margin-bottom: 1em;

}

#piclinks { 
text-align: right; margin-bottom: 1em;}

img.fplinks {width: 99%; 
display: inline; 
border: 1px solid #ddd;

}

#efa {text-align: right; 
padding: 6px 0;}

}

#sitemap>UL>LI>a  {
font-size: 1.2em; 
font-weight: 700;
line-height: 2em
}
#sitemap>UL>LI   {
}
#sitemap LI  {padding: 2px}

ul.gmapSidebar {display: none}

#fpservice ul li {
line-height: 170%; margin-left: 0; 
margin-bottom: 6px;  margin-left: 14px; 
}
#fpservice ul {list-style-type: square}

div#fpservice h2, div#context h2 {
font-size: 1.2em}

div#content img.rechts {float: right; margin: 0 0 10px 20px; border: 1px solid #f90;}
div#content img.links {float: left; margin: 0 20px 10px 0;  border: 1px solid #f90;}
div#content img.frei {border: none; float: right; margin: 0 0 10px 20px; }
div#content img.normal {border: none;  
margin: 16px 0 16px 0;}

*/

/* validate.css */

  .info   { color: black; background-color: transparent; font-weight: normal; }
  .warn   { color: rgb(120,0,0); background-color: transparent; font-weight: normal; }
  .error  { color: red; background-color: transparent; font-weight: bold }


/* End of '01 - Diseño: Menu Superior + 2 columnas' */