body {background-color:#89B7D1;
}

.frame {
	position: relative;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	background-color: #B3CFE2;
	border: 10px solid #FFFFFF;
}

/* top */
.top {
	position: relative;
	height: 190px;
	z-index: 2;
}

.languages {
	position: absolute;
	height: 190px;
	width: 30px;
	right: -70px;
	top: -10px;
}


/* nav1 */
.nav1 {
	position: relative;
	z-index: 2;
	background-color: #FFFFFF;
	border-top-width: 3px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-color: #B3CFE2;
	border-right-color: #4B8FBC;
	border-bottom-color: #FFFFFF;
	border-left-color: #4B8FBC;
	border-bottom-style: solid;
	border-top-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #0463A5;
	height:35px;
}


.nav1 ul {
          list-style-type:none;
          /*padding:3px 0 20px 0;*/
          /*border-top:1px solid #E0E0E0;*/
          /*margin-top:10px;*/ 
		  margin-top: 0px;
		  margin-left: 0px;
		  padding-left: 0px;
      }
.nav1 ul li {
          float:left;
          /*margin:0px 2px;*/
        
      }

.nav1 ul li a {
          display:block;
         padding-top:10px;
		   /*padding-bottom:10px;/-*/
		  padding-left:38px;
		  background-image: url(Imagenes/rec-nav-back2.gif);
		  background-repeat:no-repeat;
          color: #0463A5;
          text-decoration:none;
		  height:30px;
      }
      /* place the "current" pseudo class here http://www.finalwebsites.com/tutorials/css-navigation-bar.php*/
.nav1 ul li a.current {
          background-color:#000000;
          color: #84AAC5;
      }
	  
.nav1 ul li a:hover {
		  background-image: url(Imagenes/rec-nav-back2over.gif);
          color:#84AAC5;
      }





/* nav2 */

.nav2 {
	position: relative;
	z-index: 2;
	height: 23px;
	background-image: url(Imagenes/rec-subnav-back.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #0463A5;
	padding-top: 5px;
	margin-top: 0px;
}

.nav2 a{
color: #0463A5;
	padding-left: 10px;
	text-decoration:none;

}

/* other stuff */

.contentcontainer {
	position: relative;
	width: 585px;
	padding-top: 65px;
	padding-left: 170px;
	padding-bottom: 35px;
	z-index: 3;
	padding-right: 65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #414867;
}

.contentcontainer h1{
color: #414867;
font-size: 16px;
margin-top: 0px;
margin-bottom: 30px;
}

.contentcontainer h2{
color: #414867;
margin-bottom: 5px;
}

.contentcontainer h3{
color: #414867;
margin-top: 28px;
margin-bottom: 5px;
}

.contentcontainer h4{
color: #414867;
margin-top: 30px;
margin-bottom: 5px;
}

.contentleft {
	position: absolute;
	width: 137px;
	left: 10px;
	top: 55px;
	z-index: 1;
}

.boxcontentleft1 {
	position: relative;
	background-color: #CCCCCC;
	width: 137px;
	margin-top: 10px;
	z-index: 1;
}

.boxcontentleft2 {
	position: relative;
	background-color: #B3CFE2;
	width: 134px;
	margin-top: 10px;
	z-index: 2;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}

/*.boxcontentleftgratis {
	position: relative;
	background-color: #B3CFE2;
	width: 134px;
	margin-top: 10px;
	z-index: 2;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}*/

.boxcontentleftgratis {
	position: relative;
	background-color: #FFFFFF;
	height: 20px;
	width: 137px;
	margin-top: 10px;
	z-index: 2;
	padding-top: 85px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	background-image: url(Imagenes/rec-sq-pirmeravisita.gif);
	background-repeat: no-repeat;
}

.formcontainer {
	position: relative;
	width: 100%;
	margin-top: 10px;
	z-index: 2;
	height: 240px;
	padding-bottom: 10px;
}

.formcontainerleft {
	position: absolute;
	width: 400px;
	top: 10px;
	left: 10px;
	z-index: 2;
}

.formcontainerright {
	position: absolute;
	background-color: #CC00CC;
	width: 250px;
	top: 10px;
	left: 320px;
	z-index: 2;
}


/* note: an abs div withourt top or left is displayed in flow like a rel div? */

.contentnav {
	position: absolute;
	height: 50px;
	left: 10px;
	top: 25px;
	z-index: 2;
	color: #0463A5;
}

.contentnav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #0463A5;
}

/* note: an abs div withourt top or left is displayed in flow like a rel div? */

.footer {
	position: relative;
	width: 800px;
	padding-top: 3px;
	padding-left: 0px;
	z-index: 1;
	background-color: #FFFFFF;
	height: 30px;
}
.backimage {
	position: absolute;
	background-color: #CC00CC;
	height: 384px;
	width: 200px;
	left: 0px;
	top: -384px;
	z-index: 3;
}
.footertext {
	position: absolute;
	height: 20px;
	width: 100%;
	left: 0px;
	top: 7px;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
}
.newtext {
	color: #FF0000;
}


.wherenext {
	position: relative;
	width: 100%;
	margin-top: 30px;
	height: 80px;
	color: #333333;
	padding-top: 15px;
	font-size: 12px;
	}
	
.wherenext h5{
	font-size: 12px;
	}



.frontimage {
	float: right;
	position: relative;
	height: 201px;
	width: 137px;
	margin-left: 8px;
	margin-right: 40px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.quote {
	float: right;
	position: relative;
	height: 210px;
	width: 190px;
	margin-left: 19px;
	margin-right: 35px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.quotetext {
	position: absolute;
	top: 163px;
	left: 24px;
	height: 15px;
	width: 200px;
	color: #FFFFFF;
	font-size: 11px;
}

.quotetext a{
	color: #FFFFFF;
	font-size: 11px;
}


.quote2 {
	float: right;
	position: relative;
	height: 210px;
	width: 380px;
	margin-left: 19px;
	margin-right: 35px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.quote2inner1 {
	position: absolute;
	height: 210px;
	width: 190px;
	left: 0px;
	top: 20px;
}

.quote2inner2 {
	position: absolute;
	height: 210px;
	width: 190px;
	left: 200px;
	top: 20px;
}

.linksbox {
position: absolute;
bottom: -50px;
height: 20px;
width: 100px;
}

.linksbox a{
	color: #66CCFF;
	font-size: 9px;
}