@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#333333;
	margin: 0;
}
.main {
	width:800px;
	margin:0 auto;
	background: url(imagenes/fondo.jpg) no-repeat top center;
	margin-top:0px;
	padding-top:0px;
	overflow:visible;
}

#texto { margin-top:0px; }




 #cabezal p a.logo {
background-image: url(../imagenes/cabezal.png);
background-position: bottom; 
text-indent: -9999px;
display: block;
width: 800px; height: 100px; 
}
 
#cabezal p a.logo:hover {
background-position: top; 
}

#menu_live {
background-position: bottom; 
text-indent: -9999px;
display: block;
}
 
#menu_live:hover {
background-position: top; 
}



#pie {
	float:center;
	text-align:right;	
	width:100%;
    height:120px;
    bottom:0;
    left:0;
    background-color: rgba(250, 250, 250, 0.9);
	margin:0;
}



.texto {
	text-align:right;	
	padding-top:15px;
    margin-right:10px;
    text-decoration:none;
    color:#828282;
    font-family: 'Josefin Sans', sans-serif;
    font-size:13.5px;
    font-weight:111;
    line-height:1.45;
    
}

HR {
  clear:      both;
  margin:     0;
}



#menu { 
	width:800px;
    height:24px;
	z-index: 2; align:right;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.1em
	
}

#menu ul {
	text-align:center;
	display:block;
	padding-right:0px;
	padding-left:400px;
	margin: -40px 0px 0px 0;

}

#menu ul li{float:right; list-style-image:none; list-style-type:none;padding-right:40px;}


#menu ul li:hover {
 font-size: 1.11em;
 color:#FFFFFF;
}

#menu ul li a:hover {
 color:#cccccc;
}


#menu ul li a {text-decoration:none; color:#828282; letter-spacing: 0em;}


----

#volver { 
	z-index: 2;
	align:right;
	
}

#volver ul {
	text-align:right;
	display:block;
	padding-right:0px;
	margin: -25px 0px 0px 0;

}

#volver ul li{float:right; list-style-image:none; font-size: 1em;list-style-type:none;padding-right:40px;}


#volver ul li:hover {
 font-size: 1.12em;
 color:#FFFFFF;
}

#volver ul li a:hover {
 color:#FFFFFF;
}


#volver ul li a {text-decoration:none; color:#555; letter-spacing: 0.1em;font-size: 1em;}



/* --- Container configuration ---------------------------------------------------------- */
.viewport {
    float: left;
    height: 160px;
    margin: 0 0px 0px 0;
    overflow: hidden;
    position: relative;
    width: 800px;
} 

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
    margin-right: 0;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
    display: block;
    position: relative;
}

.viewport a img {
    height: 224px;
    left: -25px;
    position: relative;
    top: -15px;
    width: 850px;
}

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
    display: none;
    font-size: 1em;
    font-weight: bold;
    height: 100%;
    padding-top: 26px;
    line-height: 125%;
    padding-left: 43px;
    position: absolute;
    text-decoration: none;
    width: 100%;
    z-index: 100;
    letter-spacing: 0.03em;
    text-align: left;
}
    .viewport a span em {
    	padding-top: 5px;
        display: block;
        font-size: 0.9em;
        font-weight: 400;
        line-height: 125%;
        font-style: normal;
        letter-spacing: 0.05em;
        text-align: left;
        padding-right: 70px;
    }



/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-shadow: #000 0px 2px 0px;
}
    .dark-background em {
        color: #fff;
    }


/**
 * You could create multiple hover background classes for different looks depending on the
 * image type. Use your imagination!
 */
 
 
 

#content {
    background-color: rgba(244, 244, 244, 1);
    margin: 0 0px 0px 0;
}
 
#content h1 {font-family: 'Josefin Sans', sans-serif; font-size:26px; font-weight:500; line-height: 100%; margin:0px; color:#fff; padding-left:50px; padding-top:0px;}
#content h2 {font-family: 'Josefin Sans', sans-serif; font-size: 18px; font-weight:100; line-height: 110%; margin-left:43px; color:#828282; width:700px; padding-top:15px;padding-BOTTOM:12px;margin: 0 0px 0px 43PX;text-decoration:none; }
#content h3 { font-size:16px; font-weight:100; margin-left:15px; margin-right:180px; color:#cccccc; margin-top:-30px; margin-bottom:40px;}
#content h4 { font-size:16px; font-weight:100; margin-left:40px; margin-right:180px; color:#cccccc; margin-top:-30px; margin-bottom:30px; text-align:left; }
#content h5 { font-family: 'Josefin Sans', sans-serif; font-size: 16px; font-weight:100; line-height: 110%; margin-left:43px; color:#828282; width:700px; padding-top:15px;padding-BOTTOM:12px;margin: 0 0px 0px 43PX;text-decoration:none; }
#content p { font-family: 'Josefin Sans', sans-serif; font-size:12px; font-weight:100; color:#828282; padding-left:50px; padding-right:50px;padding-top:10px;    text-decoration:none;}
#content a { font-family: 'Josefin Sans', sans-serif; font-size:18px; font-weight:100; color:#828282; text-decoration:none;}