/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #ffcc99; color:#5B5B5B;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

/* -- header start -- */
#header{
	width:838px; height:233px; margin:0 auto; position:relative;
	background:url(images/header_bg.jpg) no-repeat 0 0 #FFFADC;}
#header_contenido {
	width:838px; height:120px; margin:0 auto; position:relative;
	background:url(images/header_bg_cont.jpg) no-repeat 0 0 #FFFADC;}
#header img, #header_contenido img{
	border:none; position:absolute; left:30px; top:58px;}
#header h1{
	font:normal 12px/16px Georgia, "Times New Roman", Times, serif; color:#000;
	position:absolute; left:25px; top:148px;}
#header_contenido h1 {
	font:normal 12px/16px Georgia, "Times New Roman", Times, serif; color:#000;
	position:absolute; left:25px; top:80px;}
#header ul, #header_contenido ul{
	position:absolute; left:16px; bottom:0;}
#header ul li, #header_contenido ul li{
	float:left; background:url(images/top_btn_divider.gif) repeat-y right top #B87F00; color:#FFE8B4;
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header ul li.noborder, #header_contenido ul li.noborder{
	float:left; background-image:none; color:#FFE8B4;
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header ul li a, #header_contenido ul li a{
	float:left; background:url(images/top_btn_bg.gif) repeat-x 0 0 #B87F00; color:#FFE8B4;
	font:bold 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 8px; margin:0 1px 0 0;}
#header ul li a:hover, #header_contenido ul li a:hover{
	float:left; background-color:#8F0000; color:#FFFFFF; background-image:none;
	font:bold 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 8px; margin:0 1px 0 0;}
#header ul li a.hover, #header_contenido ul li a.hover{
	float:left; background-color:#8F0000; color:#FFFFFF; background-image:none;
	font:bold 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 8px; margin:0 1px 0 0;}
#header a.login, #header_contenido a.login{
	background:url(images/member_login_btn.gif) no-repeat 0 0 #FFFBDD;
	color:#000000; width:119px; height:18px; display:block; text-decoration:none; text-indent:-2000px;
	position:absolute; right:2px; top:7px;}
#header a.login:hover, #header_contenido a.login:hover{
	background:url(images/member_login_btn_h.gif) no-repeat 0 0 #FFFBDD;
	color:#000000; width:119px; height:18px; display:block; text-decoration:none; text-indent:-2000px;
	position:absolute; right:2px; top:7px;}
/* -- header end -- */
/* -- body start -- */
#body{
	width:838px; margin:0 auto; padding:19px 26px 22px 26px;}
#body h2{
	font:normal 26px/32px Arial, Helvetica, sans-serif;
	/*background-color:#FFFFFF; */
	color:#855C00; 
	float:left; 
	height:32px;}
#body span.dotLine{
	/*background:url(images/dot_line.gif) repeat-x 0 24px #FFFFFF; color:#000000;
	float:right;*/ 
	width:565px; display:block; height:30px;}
#body p{
	font:normal 12px/17px Arial, Helvetica, sans-serif; 
	color:#5B5B5B; 
	/*background-color:#FFFFFF; */
	padding:3px 0; 
	/*float:left;*/}
#body a img, body img a:hover {
	text-decoration:none;
	border: 0;
}
/* -- body end -- */
/* -- future pannel start -- */
#futur{
	/*background-color:#FFFDF3;*/
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#757057;}
#futur span.midleTop{
	/*background:url(images/midle_top_bg.gif) repeat-x 0 0 #FFFDF3; color:#757057; height:20px; display:block;*/}
#futur span.midleBottom{
	/*background:url(images/midle_bottom_bg.gif) repeat-x 0 0 #FFFDF3; color:#757057; height:24px; display:block;*/}
#futureContainer{
	width:688px; padding:0 25px; margin:0 auto;}
.futureLeft{
	width:295px; padding:0 25px 0 0; float:left;}
.futureLeft h2{
	font:normal 24px/50px Arial, Helvetica, sans-serif; color:#000000;
	background:url(images/dot_line1.gif) no-repeat 255px 31px #FFFDF3;}
.futureLeft h2 span{
	font:normal 24px/50px Arial, Helvetica, sans-serif; color:#89774C; background-color:#FFFDF3;}
.futureLeft p{
	background-color:#FFFDF3;
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#757057;}
.futureLeft h3{
	font:bold 13px/15px Arial, Helvetica, sans-serif; color:#8F0000;
	background:url(images/star.gif) no-repeat 0 10px #FFFDF3; padding:10px 0 5px 21px;}
.futureLeft p.uppercase{
	background-color:#FFFDF3;
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#333021; text-transform:uppercase;}
.futureLeft p.line{
	height:13px; background:url(images/more_bg.gif) repeat-x 0 0 #FFFDF3; color:#000000; margin:10px 0 0 0;}
.futureLeft p.line a.more{
	background:url(images/more_btn.gif) no-repeat 0 0 #FFFDF3; width:78px; height:13px;
	display:block; text-decoration:none; text-indent:-2000px; float:right; color:#FFFFFF;}
.futureLeft p.line a.more:hover{
	background:url(images/more_btn_h.gif) no-repeat 0 0 #FFFDF3; width:78px; height:13px;
	display:block; text-decoration:none; text-indent:-2000px; float:right; color:#FFFFFF;}
.futureRight{
	border-left:#ECE9D8 2px solid; width:315px; padding:0 0 0 25px; float:left;}
.futureRight ul li.update{
	background:url(images/update_bg.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left; text-indent:-2000px;}
.futureRight ul li.update a{
	background:url(images/more_btn1.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
.futureRight ul li.update a:hover{
	background:url(images/more_btn1_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
.futureRight ul li.serviece{
	background:url(images/serviece_bg.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left; text-indent:-2000px;}
.futureRight ul li.serviece a{
	background:url(images/more_btn1.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
.futureRight ul li.serviece a:hover{
	background:url(images/more_btn1_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
/* -- future pannel end -- */
/* -- catagory pannel start -- */
#catagory{
	width:700px;
	margin:0 auto; 
	padding:24px 0 24px 0; 
	height: 380px;}
.testimonial{
	width:325px; 
	float:left;
	height: 50px;}
.testimonial h2{
	/*background:url(images/testimonial_bg.gif) no-repeat 0 0 #E39E17;*/
	background:url(images/testimonial_bg.gif) no-repeat 0 0; 
	color:#FFFFFF;
	width:256px;
	height:87px; 
	padding:10px 0 10px 69px; 
	margin:4px 0 0px 0; 
	float:left;
	font:normal 18px/43px Arial, Helvetica, sans-serif #ffffff;}
.testimonial ul {
	padding: 60px 0 0 0;
	margin:0 0 0 0;}
.testimonial p{
	font:normal 12px/17px Arial, Helvetica, sans-serif; 
	color:#5B5B5B; 
	background-color:#FFFFFF;
	float:left; 
	width:185px; 
	padding:0 0 0 22px;}	
.testimonial img{
	float:right; 
	border:none; 
	padding:0 20px 0 0;}
.testimonial p.italic{
	font:bold 12px/17px Arial, Helvetica, sans-serif; color:#296D8D; background-color:#FFFFFF;
	float:left; width:288px; padding:10px 10px 0 22px;}	
.line1{
	 padding:0 0 0 20px; width:282px;}
.line1 p{
	height:13px; background:url(images/line1_bg.gif) repeat-x 0 7px #FFFFFF;
	float:left; color:#000000;width:282px;
	font:bold 12px/13px Arial, Helvetica, sans-serif;}
.line1 p span{
	display:block; height:13px; float:right; padding: 0 12px 0 3px;
	font:bold 12px/13px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#000000;}
.solution{
	width:325px; float:right; height:50px;}
.solution h2{
	/*background:url(images/solution_bg.gif) no-repeat 0 0 #3A86A9; */
	background:url(images/solution_bg.gif) no-repeat 0 0;
	color:#FFFFFF;
	width:245px; height:47px; padding: 10px  0 10px 80px; margin:4px 0 20px 0; float:left;
	font:normal 18px/43px Arial, Helvetica, sans-serif;}
.solution p{
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#5B5B5B; background-color:#FFFFFF;
	float:left; padding:0 35px 0 25px;}	
.solution ul{
	padding:60px 0 0 0}
.solution img {
	border: none;}
/*.solution ul li{
	background:url(images/solution_li_bg.gif) no-repeat 0 0 #FFFFFF;
	height:19px; margin:0 0 1px 0; padding:0 0 0 35px;
	font:normal 11px/17px Arial, Helvetica, sans-serif; color:#020202;}
.solution ul li a{
	background-color:#FAF8EC;
	height:19px; margin:0 0 1px 0; text-decoration:none;
	font:bold 11px/17px Arial, Helvetica, sans-serif; color:#8F0000;}
.solution ul li a:hover{
	background-color:#FAF8EC;
	height:19px; margin:0 0 1px 0; text-decoration:none;
	font:bold 11px/17px Arial, Helvetica, sans-serif; color:#4B7E00;}*/
/* -- catagory pannel end -- */
/* -- footer start -- */
#footer{
	background:url(images/footer_bg.gif) repeat-x 0 0 #867F50; color:#E5E2D0;}
#footerContainer{
	width:838px; margin:0 auto; padding:18px 0 45px 0;}
#footerContainer ul{
	width:740px; margin:0 auto;}
#footerContainer ul li{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#867F50; color:#FFFFFF; float:left;}
#footerContainer ul li a{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#867F50; color:#FFFFFF; text-decoration:none; padding:0 8px;}
#footerContainer ul li a:hover{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#787145; color:#FFFFFF; text-decoration:none; padding:0 8px;}
#footerContainer p{
	font:normal 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#867F50; color:#E5E2D0; width:175px; margin:0 auto;}
.valid{
	width:114px; margin: 0 auto;}
.valid a.xhtnl{
	width:53px; height:14px; display:block; margin:0 8px 0 0; text-decoration:none; text-indent:-2000px;
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.xhtnl:hover{
	width:53px; height:14px; display:block; margin:0 8px 0 0; text-decoration:none; text-indent:-2000px;
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.css{
	width:53px; height:14px; display:block; text-decoration:none; text-indent:-2000px;
	background:url(images/css_btn.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.css:hover{
	width:53px; height:14px; display:block; text-decoration:none; text-indent:-2000px;
	background:url(images/css_btn_h.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
#footerContainer p.tworld{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; color:#FFE2AA; background-color:#867F50;}
#footerContainer p.tworld a{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; text-decoration:none; color:#FFFFFF; background-color:#867F50;}
#footerContainer p.tworld a:hover{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; text-decoration:none; color:#FFFFFF; background-color:#787145;}
/* footer end -- */
img.centrar {
	margin:0 auto;}


#pop { 
   z-index:999; 
   position:absolute; 
   border: 1px solid #333333; 
   text-align:center; 
   background:#000000; } 
#cerrar { 
   float:right; 
   margin-right:5px; 
   cursor:pointer; 
   font:Verdana, Arial, Helvetica, sans-serif; 
   font-size:12px; 
   font-weight:bold; 
   color:#FFFFFF; 
   background-color:#666666; 
   width:60px; 
   position:relative; 
   margin-top:-1px; 
   text-align:center; }
#overlay {
	display: none;
	position: fixed;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: 998;
	background-image: url(images/overlay.gif);
	background-repeat:repeat;}
	
#etiqueta {
	display:block;
	font-weight:bold;
	padding-bottom: 0px;
	margin-bottom: 12px;
	line-height:0;}

#campo {
	position:relative;
	left:160px;
	top: -16px;}
	
#boton {
	margin-left: 40px;
	width: 60px;}

input, textarea { 
 border:1px solid #000;}

input:focus, textarea:focus { 
 background:#FFF799;}
 
.precios {
	padding-left: 20px;
	list-style-image:url(images/3.gif);
	list-style-position:top;}
.precios li {
	padding-bottom: 8px;}

.idiomas {
	position:relative;
	float:left;
	left:10px;
	text-align:left;
	top:10px;
	width: 280px;}

.castellano {
		background-image:url(images/band_esp.gif);
		background-position:right;
		background-repeat:no-repeat;}
a.castellano {
	text-decoration:none;
	color:#666;
	padding: 0 24px 0 0;}
a:hover.castellano {
		background-image:url(images/band_esp_ov.gif);}
.frances {
		background-image:url(images/band_frances.gif);
		background-position:right;
		background-repeat:no-repeat;}
a.frances {
	text-decoration:none;
	color:#666;
	padding: 0 24px 0 0;}

a:hover.frances {
		background-image:url(images/band_frances_ov.gif);}
.ingles {
		background-image:url(images/band_ingles.gif);
		background-position:right;
		background-repeat:no-repeat;}
a.ingles {
	text-decoration:none;
	color:#666;
	padding: 0 24px 0 0;}

a:hover.ingles {
		background-image:url(images/band_ingles_ov.gif);}

#portfolio {
	margin-left: 50px;}