/* Hoja de estilo - Web RAU - 2009 */
/* Atributos generales */

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

body {
	background-color:#F8F8F8;
	padding:0;
	margin: 15px 0;
	text-align:center;
	color:#555555;
	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
    	font-size:9px;
}

#wrapper {
    	background:#F8F8F8 url(graficos/bg.jpg?z=84826) repeat-y scroll center top;
    	width:820px;
    	margin:auto;
    	padding:0pt;
    	text-align:left;
}

#header {
    	background:#666666 url(graficos/header2.jpg?z=84826) repeat scroll 0px;
    	height:160px;
    	margin-left:auto;
    	margin-right:auto;
    	width:820px;
}

#header1 {
    	background:#666666 url(graficos/header1.jpg?z=84826) repeat scroll 0px;
    	height:160px;
    	margin-left:auto;
    	margin-right:auto;
    	width:820px;
}

#content-wrapper {
	width: 780px;
	margin: 0px auto;
	padding: 0;
}

#menuss {
	float: left;
	width: 180px;
	padding: 7px 0 0 0;
	margin: 0px 0px 0px 20px ; 
	display: inline;
	background: url(box.jpg) no-repeat;
}

#main {
	float: left;
	width: 330px;
	padding: 7px 0 0 0;
	margin: 0px 0px 0px 20px ; 
	display: inline;
	background: url(box.jpg) no-repeat;
}

#main p, #main h1, #main h2, #main h3, #main ol, #main ul, #main form {
	margin:7px 0pt 0pt 0pt ;
}

#main p, #sidebar p {
	text-align:justify;
}


h1 {
	font-family:Trebuchet MS;
	font-size:20pt;	
	color:#0070CC;
	letter-spacing:3px;
}

h2 {
	font-family:Trebuchet MS;
	font-size:12pt;	
	color:#0070CC;
}

.rojob {
	font-family:Trebuchet MS;
	font-size:13pt;	
	color:#C73D3D;
    	text-align:center;
}

h3 {
	font-family:Trebuchet MS;
	font-size:12pt;	
	color:#000000;
}

#main img {
	border:1px solid #CCC;
	padding:0px ;
}

a, a:visited {
	color:#0070CC;
	text-decoration:none;
}

a:hover {
	color:#005499;
	text-decoration:underline;
}

#footer {
    	background:#F8F8F8 url(graficos/footer.jpg?z=84826) no-repeat scroll 50% top;
    	clear:both;
    	font-size:90%;
    	height:80px;
    	padding:10px 0px 0px;
    	text-align:center;
}

#footer-bottom {
	clear: both;
	margin: 0 auto; 
	width: 760px;
	padding: 0;
	text-align: center;
	border-top:2px solid #ebebeb;
}

ul {
    	list-style-type:none;
    	margin:0px;
    	padding:0px;
}

li {
    	color:#626262;
    	margin:0px 0px 2px;
    	padding:0px;
}

p {
	color:#626262;
	font-family:Trebuchet MS 11 ;
	font-size:11px;
    	margin:0px 0px 5px;
    	padding:0px;
}

div {
	color:#626262;
	font-family:Trebuchet MS 11 ;
	font-size:11px;
}

a {
    	color:#0070CC;
    	text-decoration:none;
}

a:hover {
    	color:#005499;
    	text-decoration:none;
}

#rightside {
	float: right;
	width: 200px;
	padding: 7px 0px;
	margin: 10px 1px 0px 20px;	
	font-family:Trebuchet MS, sans-serif;
      font-size:9pt;
	color: #909090;
}

#rightside *  {
	margin: 7px 5px 0 0px;
}

#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #f0f0f0;	
}

#sidebar ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #f0f0f0 ;
}

* html body #sidebar ul.sidemenu li {
	height: 1%;
}

#sidebar ul.sidemenu li a {
	text-decoration: none;	
	color: #0070CC;				
}

#sidebar ul.sidemenu li a:hover {	
	color: #AAD8FF ;
}

#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }

#sidebar p {
	text-align:justify;
}



#sidebar1 ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #f0f0f0;	
}

#sidebar1 ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #f0f0f0 ;
}

* html body #sidebar1 ul.sidemenu li {
	height: 1%;
}

#sidebar1 ul.sidemenu li a {
	text-decoration: none;	
	color: #0070CC;				
}

#sidebar1 ul.sidemenu li a:hover {	
	color: #AAD8FF ;
}

#sidebar1 ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar1 ul.sidemenu ul li { border: none; }

#sidebar1 p {
	text-align:justify;
}



#sidebar2 ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #f0f0f0;	
}

#sidebar2 ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #f0f0f0 ;
}

* html body #sidebar1 ul.sidemenu li {
	height: 1%;
}

#sidebar2 ul.sidemenu li a {
	text-decoration: none;	
	color: #000000;				
}

#sidebar2 ul.sidemenu li a:hover {	
	color: #AAD8FF;
}

#sidebar2 ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar2 ul.sidemenu ul li { border: none; }

#sidebar2 p {
	text-align:justify;
}



/* Margen de textos comunes */

.txuno {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	line-height: 20px;
}

#nav1 {
	font-family:Trebuchet MS, sans-serif;
    	font-size:10px;
	color: #0070CC;
}

#nav1 h3 {
	font-family:Trebuchet MS, sans-serif;
    	font-size:10px;
	color: #0070CC;
}

#nav1 ul {
	list-style: none;
	text-align: left;
	margin: 40px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #f0f0f0;	
}

#nav1 ul li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #f0f0f0 ;
}

* html body #nav1 ul li {
	height: 1%;
}

#nav1 ul li a {
	font-size:1.2em;
	text-decoration: none;	
	color: #0070CC;
	letter-spacing:1px;
}

#nav1 ul li a:hover {	
	color: #AAD8FF ;
}

#nav1 ul ul { margin: 0 0 0 5px; padding: 0; }
#nav1 ul ul li { border: none; }

/* Color texto ultima actualización */

.rojo {
	color: #C73D3D;
}

/* Pie de imprenta */

.pie {
	font-family:Trebuchet MS, sans-serif;
      font-size:7pt;
	color: #074171;
	text-align: center;
}

/* Enlace botón naranja claro del menú central */

a.dos:link {
  color: #000000; 
  text-decoration: none;
}

a.dos:visited {
  color: #000000; 
  text-decoration: none;
}

a.dos:hover {
  color: #AAD8FF;
}

a.dos:active {
  color: #FEFEFE;
}


/* SOLO POPUP TARJETA FELIZ 2010 */

#pic {
	background-color: #FFFFFF;
	position: relative;
	width: 135px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	height: 99px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 135px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 467px;
	left: 100px;
	position: absolute;
	top: -60px;
	width: 640px;
}