@charset "utf-8";
/* CSS Document */
/*
	Planeta Web Marketing Online
    Diseo & Programacin: Planeta Web S.l.
    Fecha: septiembre 2008
    E-mail: marketing@planeta-web.com
    Pagina Corporativa: www.planeta-web.com
    Code: Xhtml, CSS2 & ASP
    Adaptado: IE7 - FIREFOX 2.0 & 3.0 - Safari 3.1 - Opera 9 - Chrome
*/
/* =============================  CLASS  ================================= */
a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#333333;}
a.over {color:#000000;}
a.mailto {font-weight:bold;}
.link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; color:#000000;}
a.link {text-decoration:none;}
a.link:hover {color:#FFA300;}
a.link_over {color:#FFA300; text-decoration:none; font-weight:bold;}
a.link_mapa {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#000000; text-decoration:none;}
a.link_mapa:hover {color:#FFA300;}
h1,h2,h3 {text-indent:-10000px; margin:0px; padding:0px; font-size:1px;}
p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}

/* =============================  MAIN CLASS  ================================= */
body { 
	background-color: #FFffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*overflow: hidden;*/
	}
#main {
	height: auto;
	width: auto;
	}
input {
	padding:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	width: 150px;
	border: 1px solid #000000;
	margin-bottom: 3px;
	}
#flash_header {
	position:absolute;
	left:-178px;
	top:32px;
	width:300px;
	height:181px;
	z-index:1;
	visibility: hidden;
}
img {
border:none;
}
/* =============================  CONTAINER  ================================= */
#container {
	height: auto;
	width: 768px;
	background-color: #FFFFFF;
	background-image:url(../img/sloogan.gif);
	background-repeat:no-repeat;
	margin: auto;
	position:relative;	
	background-position:left top;
	}
/* =============================  LEFT CONTENT  ================================= */
#left_content {
	height: auto;
	width: 290px;
	margin-left: 110px;
	_margin-left: 50px;
	float: left;
	}
#background_left {
	background-image:url(../img/content_spacer.gif);
	background-repeat:repeat-y;
	}
#main_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	width: 290px;
	padding-top: 25px;
	}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	display: block;
	text-decoration: none;
	padding-left: 24px;
}
a.menu:hover, a.seleccionado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/menu_arrow.gif) no-repeat left center;
}
.seleccionado {
	display: block;
	padding-left: 24px;
}
#logo {
	height: 43px;
	width: 180px;
	margin-left: 30px;
	margin-top: 30px;
	padding-bottom: 2px;
	}
#banner,.banner {
	width: 265px;
	border: solid;
	border-color: #FFA300;
	margin-top: 10px;
	}
#background_left_footer {
	height: 4px;
	width: 290px;
	float:right;
	background-image: url(../img/content_spacer_foot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	_margin-top: -13px;
	}
	
	.background_left_menu {
	height: 8px;
	width: 266px;
	margin-bottom: 4px;
	float:right;
	background-image: url(../img/content_spacer_menu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	_margin-top: -4px;
	}
	
#contact {
	height: auto;
	width: 290px;
	padding-top: 15px; 
	}
#newsletter {
	height: auto;
	width: 290px;
	/*margin-top: 329px;*/
	}
#form {
	height:auto;
	width:150px;
	float:left;

}
.newsletter_box {width:150px;}
#suscribe_btn {
	height: auto;
	width: 90px;
	float: right;
	margin-top: 2px;
	padding-right: 39px;
	}
/* =============================  LENGUAGE  ================================= */
#lenguage {
	height: auto;
	width: 290px;
	float: right;
	padding-right: 50px;
	padding-top: 25px;
	text-align:right;
	}
/* =============================  RIGHT CONTENT  ================================= */
#background_header_right {
	height: 25px;
	width: 290px;
	float:right;
	padding-right: 53px;
	padding-top: 25px;
	text-align:right;
	}
#right_content {
	height: auto;
	width: 290px;
	float: right;
	padding-right: 50px;
	padding-top: 25px;
	margin-bottom: 25px;
	background-image:url(../img/content_spacer.gif);
	background-repeat:repeat-y;
	}
a.title {font-weight:bold;}
#news_title {
	padding-bottom: 20px;
	padding-top: 30px;
	}
#news_text {
	padding-right: 15px;
	}
#corporate {
	padding-right: 25px;
	}
#background_footer_right {
	height: 3px;
	width: 290px;
	float:right;
	margin-top: 1px;
	background-image:url(../img/content_spacer_foot.gif);
	background-repeat:no-repeat;
	_overflow:hidden;
	}
.border {border: 1px solid #999999;	margin-right: 1px;	margin-bottom: 1px;}
#web_title {
	width: 283px;
	padding-top: 10px;
	padding-bottom: 10px;
	left: 0px;
}
.web_title {font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; font-size: 9px; font-weight: bold;}
.layer_project {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	color: #000000;	text-decoration: none; width: 275px; left: 400px; position:absolute; visibility:hidden;	padding-left: 19px;	padding-right: 23px; margin-top: 30px; padding-left: 30px;}
#webs_title {
	padding-top: 10px;
	padding-bottom: 10px;
	}
#webs {
	padding-right: 20px;
 }
 a.numbers:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	background-color: #FF9933;
	height: 18px;
	width: 18px;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;


}
.numbers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
	height: 18px;
	width: 18px;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 2px;
	margin-right: 1px;
	padding-right: 6px;
	padding-bottom: 2px;



}
/* _________________________RIGHT COLUMN WIDTH*/
#team_text, #clientes_text, #programacion_text, #marketing_text, #consulting_text, #videos_text, #enlaces_text, #contacte_text, #trabajo_text { 
	height: auto;
	width: 275px;
}
#projects {
	width: 251px;
	padding-top: 45px;
	padding-left: 19px;
}
#porfolio_text {
	height: 680px;
	width: 275px;
}
#urgencias {
	overflow: hidden;
	visibility: visible;
	height: 388px;
	margin-top: 500px;
	position: absolute;
	z-index: 1;
}


.selected {
	font-style: italic;	
}
.banner img,#banner img{
display:block;
}