body
{
	background: #fff url('../images/bg.jpg') ;
}

#main
{
	/*margin:0px auto;*/
	width:1272px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;	
}

#main #content #left-column
{
	background: #fff ;
	float:left;
	position:relative;
	width: 260px;
	min-height:980px;
}
#left-column #logo
{
	position:relative;
	top:30px;
	left:40px;
	width:180px;
	height:266px;
	
}
#left-column #menu
{
	font-weight:700; font-size:15px;
	position:relative;
	left:0px;
	top:80px;
	width: 260px;

}
#left-column #logo1
{
	float:left;
	position:relative;
	top:150px;
	width:121px;	
}
#left-column #logo2
{
	float:right;
	position:relative;
	top:150px;
	width:121px;	
}
#main #content #right-column
{
	float:right;
	position:relative;
	left:0px;
	top:0px;
	width: 1012px;
}
#right-column #flash-main
{
	position:relative;
	width: 1012px;
	height:835px;
}
#right-column #flash-footer
{
	position:relative;
	width: 1012px;
	height:95px;
}
#right-column #content-right
{
	background:#ebebeb;
	position:relative;
	width: 1012px;
	padding-bottom:30px;
}
#right-column #content-right .header
{
	position:relative;
	height:170px;
}
#header-quienes
{
	background:url(../images/header1.jpg) no-repeat;
}
#header-patio
{
	background:url(../images/header2.jpg) no-repeat;
}
#header-albergue
{
	background:url(../images/header3.jpg) no-repeat;
}
#header-ciudad
{
	background:url(../images/header4.jpg) no-repeat;
}
#header-casa
{
	background:url(../images/header5.jpg) no-repeat;
}
#header-secundaria
{
	background:url(../images/header6.jpg) no-repeat;
}
#header-bachillerato
{
	background:url(../images/header7.jpg) no-repeat;
}
#header-noticias
{
	background:url(../images/header8.jpg) no-repeat;
}
#header-actividades
{
	background:url(../images/header9.jpg) no-repeat;
}
#header-recursos
{
	background:url(../images/header10.jpg) no-repeat;
}
#header-enlaces
{
	background:url(../images/header11.jpg) no-repeat;
}
#header-apoyar
{
	background:url(../images/header12.jpg) no-repeat;
}
#header-contacto
{
	background:url(../images/header13.jpg) no-repeat;
}
#right-column #content-right #header-title
{
	background:#f7f7f7;
	border:#fff solid 6px;
	/*padding:0px 15px 0px 15px;*/
	margin:0px 15px 0px 15px;
	position:relative;
	top:-30px;
	height:30px;
}
#right-column #content-right #header-title .blue
{
	background:#005aa8;
	border-right:#fdcc10 solid 15px;
	padding:0px 15px 0px 15px;
	height:30px;
	font-weight:800; color:#FFF;
}
#header-title #quienes
{
	width:120px;
}
#header-title #patio
{
	width:140px;
}
#header-title #albergue
{
	width:335px;
}
#header-title #ciudad
{
	width:225px;
}
#header-title #casa
{
	width:135px;
}
#header-title #secundaria
{
	width:330px;
}
#header-title #bachillerato
{
	width:320px;
}
#header-title #noticias
{
	width:130px;
}
#header-title #actividades
{
	width:95px;
}
#header-title #recursos
{
	width:75px;
}
#header-title #enlaces
{
	width:65px;
}
#header-title #apoyar
{
	width:115px;
}
#header-title #contacto
{
	width:85px;
}
.subtitle
{
	font-size:1.5em;
	font-weight:800;
}
.subtitle2
{
	font-size:1.1em;
	font-weight:800;
	color:#000;
}
#right-column #content-right #content-txt
{
	position:relative;
	background:#f7f7f7;
	margin:0px 15px 0px 15px;
	padding:15px 15px 15px 15px;
	border:#fff solid 6px;
	font-size:0.75em;
	line-height:1.5em;
	color:#333;
	min-height:540px;
}
#right-column #content-right #content-txt #form
{
	width:700px;
}
input
{
background: #ffecaa;
border:none;
height:30px;
padding:0px 12px 0px 12px;
}
textarea
{
background: #ffecaa;
border:none;
height:97px;
padding:5px 12px 12px 12px;
}
input:focus
{
color: #000;
background: #fdcc10;
}
textarea:focus
{
color: #000;
background: #fdcc10;
}
#send
{
background: #ffecaa;
border:none;
height:30px;
width:95px;
}
#send:hover
{
background: #005aa8;
color:#fff;
}
#right-column #content-right #content-txt #form #form-left
{
	float:left;
	width:350px;
}
#right-column #content-right #content-txt a
{
	color:#be9b13;
}
#right-column #content-right #content-txt a:hover
{
	color:#005aa8;
}
#right-column #content-right #content-txt #thumbs
{
	float:right;
	position:relative;
	margin:0px 0px 0px 15px;
}
#right-column #content-right #content-txt #thumbs li
{
	margin:0px 0px 15px 0px;
	border-right:#fdcc10 solid 5px;
}
#right-column #footer
{
	position:relative;
	width: 1012px;
	height:60px;
	background-color:#333
}
/*menu*/

p {
  line-height: 1.5em;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 260px;
}

ul.menu a {
  display: block;
  text-decoration: none;
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  background: #fff;
  color: #333;	
  padding: 0.5em;
   padding-left:60px;
}

ul.menu li a:hover {
  background: #f9c301;
}

ul.menu li ul li a {
  background: #f7f7f7;
  color: #4d4d4d;
  font-size:12px;
  padding-left: 80px;
}

ul.menu li ul li a:hover {
  background: #fde17e;
  border-left: 5px #f9c301 solid;
  padding-left: 75px;
}

.code { border: 1px solid #f7f7f7; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #333; border: 1px solid #f7f7f7; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }