/* $Id: style.css,v 1.1.2.6 2009/06/12 15:44:25 jmburnz Exp $ */

/**
 * @file style.css
 *
 * Use this file to override the Genesis core modular styles 
 * (such as the HTML elements in typography.css), module CSS 
 * and other Drupal styles. Anything that doesn't fit logically
 * into page.css, nodes.css, blocks.css or comments.css can go here.
 */

/**********************************************************
 *                    Body
 **********************************************************/
body {

  padding-top:10px;
  background:transparent url(img/bg-container.png);
  color: #eee;
  font-family: Verdana, Geneva, "sans-serif";
  margin:0;
}


/**********************************************************
 *                 HTML Elements
 **********************************************************/

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p {}

strong {}
em, dfn {}
dfn {}

sup, sub {}

del {}
ins {}

blockquote {}
cite {}
q {}

address {}

ul {}
ol {}
li {}

dl {}
dd {}
dt {}


abbr {}
acronym {}

pre, code, tt {}
p code {}
samp {}
kbd {}
var {}


/**********************************************************
 *                 Global Link Styles
 **********************************************************/
a {
  margin: 0; 
  padding: 0;
}

a:link    {color: #fff; font-weight:bold; text-decoration:none;}
a:visited {color: #fff; font-weight:bold; text-decoration:none;}
a:hover   {color: orange;}
a:active  {}
a.active  {}

/* Set global a:focus styles. */
a:focus {
  color: yellow;
  border: 0;
}

/* Drupal sets this to black. */
li a.active {
  color: grey;
  text-decoration: underline;
}

/* Remove borders on linked images. */
a img {
  border: none;
}

/* Protect admin section link readability. 
   Warning: this will override many other admin message
   link styles, use with caution. */
.section-admin #content a:link,
.section-admin #content a:visited {}
.section-admin #content a:hover,
.section-admin #content a:active,
.section-admin #content a.active  {}


/**********************************************************
 *                 Accessibility Classes
 **********************************************************/

/* Hide content without positioning issues. */
.invisible {
  height: 0;
  overflow: hidden;
}

/* Move content off screen where appropriate. */
.offscreen {
  position: absolute;
  left: -999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Completely remove content for all users.
   DO NOT use this for Skip links, display:none 
   hides content from screen readers! */
.remove {
  display: none;
}


/**********************************************************
 *                 Custom Styles
 **********************************************************/
/**
 * Here you can add custom stles for your theme that do not fit
 * into one if the modular stylesheets (such as the nodes, blocks,
 * page and comments stylesheets).
 */


/**
* Imatges
*/
	
.imagecache-frontpage_articles{
float:left;
margin:5px;
padding:3px;
background-color: #333;
border:3px solid #333;
-moz-border-radius: 5px;
}



.imagecache-frontpage_articles img:hover {
float:left;
margin:5px;
padding:3px;
background-color: orange;
border:3px solid orange;
-moz-border-radius: 5px;
}

.imagecache-frontpage_fotos {
padding:1px;
background-color: #fff;
}


/**
*
Bloques Portada
*/

.col-1, .col-2, .col-3{
width:320px;
}
	
.block-title {
text-transform: uppercase;
background: transparent url(img/bgblocktitle.png) no-repeat;
background-position:right;
padding:3px;
font-size:12px;
font-weight:bold;
color:orange;
}

#superior {
background: #666 url(img/menubar.jpg);
margin-top:7px;
}

.topbar {
  padding-top:10px;
  width: 950px;
  margin:auto;
  height:28px;
}
.topbarleft {
  margin-left:5px;
  float:left;
  width: 665px;

}

.topbarleft  .menu li{
display:inline;
color: #fff;
}

.topbarleft  .menu a{
font-weight:bold;
font-size:12px;
text-decoration:none;
border-right:1px solid #fff;
padding-right:10px;
color: #fff;
}


.topbarright {
  float: right;
font-weight:bold;
color:#fff;
margin-right:15px;
width:260px;
}


.topbarright p{
padding-top:3px;
  float: right;
clear:right;
}

.field-field-imagen {	
}
	
.field-field-fecha {
margin-left:340px;

}

.field-field-lugar {
margin-top:10px;
margin-left:340px;
}
	
.tertiary-content .region-inner {
background-color: green;
width:985;
height:30px;
margin:auto;
}


#nodetwo {
}

.nodetwoclass {
}

.nodetwoleft {
  float:left;
  width: 330px;
}

.nodetworight {
float: right;
width: 600px;
}



#festivals{
font-size:11px;
clear:left;
}

.festivalsclass {

}

.festivalsleft {
margin-top:3px;
margin-left:3px;
float:left;
padding:5px;
display:inline;
}

.festivalsleft img {
}


#block-views-festivals_list-block_1 {
border:none;
height:85px;
}

.emvideo-thickbox{
float:left;
padding:5px;
}

.view-news-page td {
vertical-align: top;
padding-bottom:15px;
border:none;
}

.view-news-page td:hover{
background-color: #333;
color: #fff;
}

.view-news-page td:hover a{
color: #000;
}

.view-festivals-page td {
vertical-align: top;
padding-bottom:15px;
border:none;
}

.view-festivals-page td,th {
width:390px;
} 

 #main-content {
margin-top:-70px;
}


#dvd-left {
width:430px;
float:left;
display:inline;
}

#dvd-left h2 {
color:orange;
}

#dvd-right {
width:500px;
float:right;
}

#dvd-right h2{
color:orange;
}

#block-block-23 {
top:-30px;
}