/*
Customer:	Revista Otra escena
Revision:	
created:	OCt, 2006
author:	webmaster@mischunches.com
type:		screen style
*/

/*********************************************/
/* general                                   */
/*********************************************/

* 	{margin:0;padding:0;border:0;}

html, body 
	{height:100%;}

body 
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;background-color:#000000;
	}

h1, h2, h3
	{margin:0 0 10px 0;font-size:16px;}
	
h4, h5, h6
	{margin:30px 0 0 0;font-size:14px;}
	
p	{margin:0 0 10px 0;}

ul, ol
	{margin:10px 0 20px 15px;padding:0 0 0 20px;}
	
li
	{margin:5px 0 0 0;padding:0;}
	
a	{color:#9F3D1A;text-decoration:none;padding:4px;}

a:hover	
	{color:#FFF;text-decoration:underline;background:#9F3D1A;}

abbr,acronym,.help	
	{color:#009900;cursor:help;}

blockquote 
	{
	background:url(../_img/layout/quote.gif) top left no-repeat;
	margin:5px 0 15px 0;padding-left:35px;color:#666666;
	}

/*********************************************/
/* container                                 */
/*********************************************/
	
#container
	{
	width:674px;
  	margin:10px auto;padding:0;
	position:relative;
	height:auto !important;
	background-color:#EAD8C0;color:#333333;
	}
	
/*********************************************/
/* header                                    */
/*********************************************/
	
#header
	{height:135px;background:#EAD8C0 url(../_img/layout/header_revista.jpg) no-repeat;color:#FFFFFF;position:relative;}
	
#header h1	
	{
	position:absolute;
	top:49px;
	left:0;
	margin:0;
	width:160px;
	height:60px;
	font-size:1px;
	text-indent:-9999px;
	}
	
#header h1 a
	{
	display:block;	
	width:165px;
	height:60px;
	background:url(../_img/layout/logo_revista.jpg) no-repeat 0 0;
	text-decoration:none;
	}
	
#header h1 a:hover
	{background:url(../_img/layout/logo_revista.jpg) no-repeat 0 0;}

/*********************************************/
/* subheader                                 */
/*********************************************/

#subheader
	{
	height:70px;
	background:url(../_img/layout/subheader.jpg) no-repeat;
	position:relative;
	font-size:10px;
	}
	
#subheader h2
	{
	position:absolute;
	top:8px;
	left:15px;
	font-size:16px;
	margin:0;
	padding:0;
	color:#D0A53A;
	}
	
#miweb
	{
	position:absolute;
	top:10px;
	right:28px;
	}
	
#miweb p
	{margin:0;padding:0;}
	
#miweb a
	{color:#FFFFFF;text-decoration:none;}
	
#miweb a:hover
	{color:#D0A53A;}
	
#directora
	{
	position:absolute;
	top:38px;
	left:15px;
	}
	
#directora span
	{
	color:#9F3C1A;
	text-transform:uppercase;
	}
	
#subdirectora
	{
	position:absolute;
	top:38px;
	left:137px;
	}
	
#subdirectora span
	{
	color:#B77C3A;
	text-transform:uppercase;
	}
	
#revista
	{
	position:absolute;
	top:38px;
	right:25px;
	text-align:right;
	}

/*********************************************/
/* content                                   */
/*********************************************/

#content
	{
	padding:0;
	height:auto;
	background:#EFD6BD url(../_img/layout/content_bg.gif) repeat-y;
	}
	
#nav
	{
	float:left;
	width:155px;
	background:url(../_img/layout/nav_bg.jpg) no-repeat;
	padding:0 0 0 11px;
	color:#333333;
	}
	
#nav h2
	{font-size:11px;padding:15px 0 5px 0;}
	
#navcontainer 
	{width:140px;font-size:10px;}

#navcontainer ul
	{
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
	}
	
#navcontainer li
	{
	margin:0;
	padding:0;
	}

#navcontainer a
	{
	display:block;
	padding:4px 3px 4px 8px;
	width:129px;
	border-top:1px solid #EFD6BD;
	}

#navcontainer a:link, #navcontainer a:visited
	{
	color:#333333;
	text-decoration:none;
	}

#navcontainer a:hover
	{
	color:#000000;background:#EFD6BD;
	}

/*********************************************/
/* main                                      */
/*********************************************/	

#main
	{
	float:right;
	width:490px;
	padding:10px 18px 20px 0;
	background:url(../_img/layout/right_bg.jpg) no-repeat top right;
	line-height:20px;
	}
	
#main .moreinfo 
	{
  	margin:0;
  	padding:0 3em 1em 0;
  	display:block;
  	font-size:85%;
  	text-align:right;
	background-position:top right;
	background-image:url(../_img/layout/moreinfo.gif);
	background-repeat:no-repeat;
	width:auto;
	float:right;
	}

#main .moreinfo a 
	{padding:2px;}
	
#main .fondoportada
	{background:url(../_img/layout/portada1.jpg) no-repeat;padding:10px;width:470px;height:auto;}

/*********************************************/
/* footer                                    */
/*********************************************/
#footer
	{
	height:30px;
	background:#9F3C1A;
	position:relative;
	color:#CCCCCC;
	font:11px normal;
	padding:10px 20px 0 14px;
	}
	
#footer a 
	{
	color:#CCCCCC;
	padding:0;
	text-decoration:none;
	}

#footer a:hover 
	{color:#D0A53A;text-decoration:none;}
	
/*********************************************/
/* Classes                                   */
/*********************************************/

.clear
	{clear:both;}
		
.imgRight
	{float:right;margin:0 0 10px 10px;}
	
.imgLeft
	{float:left;margin:0 10px 10px 0;}
	
.bold
	{font-weight:bold;font-variant:small-caps;}
	
.floatRight
	{float:right;}
	
.textGreen
	{color:#339900;}
	
.bullet1
	{padding-left:10px;background:url(../_img/icons/arrow_off.gif) 0 0 no-repeat;}
	
.bullet2
	{padding-left:10px;background:url(../_img/icons/a2.gif) 0 0 no-repeat;}
	
.bullet3
	{padding-left:10px;background:url(../_img/icons/a3.gif) 0 0 no-repeat;}
	
.textCenter			{text-align:center;}
	
#main p.verRevista	{text-align:center; border: 2px solid #9F3D1A; background:#E3C58E url(../_img/icons/download.gif) 5px 7px no-repeat; padding:5px 5px 5px 25px; margin:10px auto; height:16px; width:300px;}

#main .verRevista a {}

#main .verRevista a:hover {color: #000000; text-decoration:none;}