@charset "ISO-8859-1";
/* CSS Document */

body{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/bg_body.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#main {	
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	width:900px;
	min-height:1763px !important;
	height:auto;
}

#header{
	float:left;
	width:900px;
	height:38px;
	padding:8px 0px 0px 0px;
	background-color:#000;
}

#logo{
	float:left;
	width:112px;
	height:auto;
	padding:11px 30px 0px 30px;
}

#menu{
	float:left;
	width:420px;
	height:auto;
}

#menu .item_menu{
	float:left;
	width:auto;
	height:38px;
	padding:0px 1px 0px 1px;
}

#menu .selected{
	background-color:#FFF;
}

#inicio{
	display:block;
	width:61px;
	height:38px;
	background-image:url(../images/btn_inicio.png);
	background-position:top;
	background-repeat:no-repeat;
}

#inicio:hover{
	background-position:bottom;
}

#inicio_selected{
	display:block;
	width:61px;
	height:38px;
	background-image:url(../images/btn_inicio_selected.png);
	background-position:top;
	background-repeat:no-repeat;
}

#nosotros{
	display:block;
	width:85px;
	height:38px;
	background-image:url(../images/btn_nosotros.png);
	background-position:top;
	background-repeat:no-repeat;
}

#nosotros:hover{
	background-position:bottom;
}

#nosotros_selected{
	display:block;
	width:85px;
	height:38px;
	background-image:url(../images/btn_nosotros_selected.png);
	background-position:top;
	background-repeat:no-repeat;
}

#servicios{
	display:block;
	width:86px;
	height:38px;
	background-image:url(../images/btn_servicios.png);
	background-position:top;
	background-repeat:no-repeat;
}

#servicios:hover{
	background-position:bottom;
}

#servicios_selected{
	display:block;
	width:86px;
	height:38px;
	background-image:url(../images/btn_servicios_selected.png);
	background-position:top;
	background-repeat:no-repeat;
}

#portafolio{
	display:block;
	width:87px;
	height:38px;
	background-image:url(../images/btn_portafolio.png);
	background-position:top;
	background-repeat:no-repeat;
}

#portafolio:hover{
	background-position:bottom;
}

#portafolio_selected{
	display:block;
	width:87px;
	height:38px;
	background-image:url(../images/btn_portafolio_selected.png);
	background-position:top;
	background-repeat:no-repeat;
}

#contacto{
	display:block;
	width:85px;
	height:38px;
	background-image:url(../images/btn_contacto.png);
	background-position:top;
	background-repeat:no-repeat;
}

#contacto:hover{
	background-position:bottom;
}

#contacto_selected{
	display:block;
	width:85px;
	height:38px;
	background-image:url(../images/btn_contacto_selected.png);
	background-position:top;
	background-repeat:no-repeat;
}

#content_top{
	float:left;
	width:900px;
	height:737px;
}

#phrase{
	float:left;
	width:372px;
	height:465px;
	padding-top:75px;
}

#banner{
	float:left;
	width:480px;
	height:302px;
	padding:75px 24px 129px 24px;
	background-image:url(../images/bg_banner.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

#slogans{
	float:left;
	width:670px;
	height:157px;
	padding:20px 0px 20px 230px;
	background-image:url(../images/bg_slogans.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#content_middle{
	float:left;
	width:900px;
	height:286px;
	padding:30px 0px 0px 0px;
}

#content_middle .titulo, #content_middle .parrafo{
	float:left;
	width:900px;
	height:auto;
	padding:0px 0px 20px 0px;
}

#services{
	float:left;
	width:900px;
	height:250px;
	border-top:10px solid #181818;
	background-image:url(../images/bg_servicios.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#services .item_services{
	float:left;
	width:260px;
	height:230px;
	padding:15px 20px 0px 20px;
}

#diseno{
	background-image:url(../images/icon_diseno.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#desarrollo{
	background-image:url(../images/icon_desarrollo.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#hospedaje{
	background-image:url(../images/icon_hospedaje.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#services .item_services .titulo, #services .item_services .parrafo{
	float:left;
	width:260px;
	height:auto;
	padding:0px 0px 15px 0px;
}

#content_bottom{
	float:left;
	width:900px;
	height:474px;
	padding:25px 0px 0px 0px;
}

#clients{
	float:left;
	width:400px;
	height:444px;
}

#clients .item_clients{
	float:left;
	width:200px;
	height:111px;
}

#content_main{
	float:left;
	width:470px;
	height:444px;
	padding:0px 0px 0px 30px;
}

#content_main .titulo, #content_main .parrafo, #content_main .ver_mas{
	float:left;
	width:470px;
	height:auto;
	padding:0px 0px 15px 0px;
}

#footer{
	float:left;
	width:900px;
	height:100px;
	padding:55px 0px 0px 0px;
}

#footer #copyright{
	float:left;
	width:900px;
	height:auto;
}

#footer #links{
	float:left;
	width:900px;
	height:auto;
}

#footer #w3c{
	float:left;
	width:900px;
	height:auto;
}

/* Generales */

#content_top #slogans{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:justify;
	line-height:28px;
	color:#646464;
}

#services .item_services .titulo, #content_main .titulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFFFFF;
}

#content_main .titulo{
	color:#acaba9;
}

#content_middle .parrafo, #content_main .parrafo, #content_main .ver_mas{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#acaba9;
	text-align:justify;
}

#content_main .parrafo{
	line-height:18px;
	color:#FFFFFF;
}

#content_main .ver_mas, #content_main .ver_mas a{
	color:#FFF;
	text-align:right;
	text-decoration:none;
}

#footer #copyright, #footer #links, #footer #w3c{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#787773;
	line-height:16px;
}

#footer #links a, #footer #w3c a{
	color:#787773;
	text-decoration:none;
}

#footer #links a:hover, #footer #w3c a:hover{
	text-decoration:underline;
}
	
small{
	font-size:10px;
}

a{outline:0 none;}
em{color:#000; font-style:normal;}
img{border:0;}