@charset "utf-8";
/* CSS Document */

/*
Gris Titulos 	#9a999c
Gris textos		#a6a5aa
Gris bg 		#f1f1f1
Verde 			#9ac53b
*/

*{margin:0; padding:0;}
img {border:none}
a{outline:none; color:#9a999c; text-decoration:none}
a:hover{ color:#9ac53b}
body{ color:#a6a5aa; font-family:verdana}
body,html {height:100%}

#wrapper{ width:980px; height:100%; margin:0 auto; background:#fff;}
.top {text-align:center; padding-bottom: 35px;}

.header{ width:980px; height:auto; background:#FFF; float:left; padding-bottom:70px;}
.header h1{ width:320px; height:55px; text-indent:-3500px; background:url('../images/logo/img-logo-proyektoweb.jpg') no-repeat; float:left; margin-top:40px}
.header h1 a{width:320px; height:55px;; display:block}
.topmenu{ height:auto; float:right}
.languages{ list-style:none;font-family:Verdana, Geneva, sans-serif; font-size:9px; float:right;padding-top:5px}
.languages li{ float:left; padding:0 3px;  }
.menu{ margin-top: 52px; list-style:none; float:right; clear: right}
.menu li{ float:left; margin:4px; text-indent:-3500px}
.menu-agencia{ width:86px; height:23px; background:url(http://www.proyektoweb.com/images/menu/img-menu-agencia.jpg) no-repeat;}
.menu-agencia a{ width:86px; height:23px; display:block}
.menu-clientes{ width:84px; height:23px; background:url(http://www.proyektoweb.com/images/menu/img-menu-clientes.jpg) no-repeat;}
.menu-clientes a{ width:84px; height:23px; display:block}
.menu-portafolio{ width:110px; height:23px; background:url(http://www.proyektoweb.com/images/menu/img-menu-portafolio.jpg) no-repeat;}
.menu-portafolio a{ width:110px; height:23px; display:block}
.menu-noticias{ width:88px; height:23px; background:url(http://www.proyektoweb.com/images/menu/img-menu-noticias.jpg) no-repeat; }
.menu-noticias a{ width:88px; height:23px; display:block}
.menu-contacto{ width:96px; height:23px; background:url(http://www.proyektoweb.com/images/menu/img-menu-contacto.jpg) no-repeat; }
.menu-contacto a{ width:96px; height:23px; display:block}

.arrowSubMenu {
	float:left;
	list-style: none;
	margin-top: 20px;
	clear:left;	
}
.arrowSubMenu li {
	background: url(http://www.proyektoweb.com/images/contenido/img-bullet-triangulo-gris.jpg) 0px 5px no-repeat;
	padding-left: 10px;
	margin-bottom: 10px;
}

/**** Titulos BR ****/
.header-br{ width:980px; height:auto; background:#FFF; float:left; padding-bottom:70px;}
.header-br h1{ width:320px; height:55px; text-indent:-3500px; background:url('http://www.proyektoweb.com/images/logo/img-logo-proyektoweb-br.jpg') no-repeat; float:left; margin-top:40px}
.header-br h1 a{width:320px; height:55px;; display:block}
.menu-agencia-br{ width:86px; height:23px; background:url(http://www.proyektoweb.com/images/menu/img-menu-agencia-br.jpg) no-repeat; margin-left:166px}
.menu-agencia-br a{ width:86px; height:23px; display:block}
.menu-clientes-br{ width:84px; height:23px; background:url(http://www.proyektoweb.com/images/menu/img-menu-clientes-br.jpg) no-repeat; margin-left:166px}
.menu-clientes-br a{ width:84px; height:23px; display:block}
.menu-portafolio-br{ width:98px; height:23px; background:url(http://www.proyektoweb.com/images/menu/img-menu-portafolio-br.jpg) no-repeat;margin-left:153px}
.menu-portafolio-br a{ width:98px; height:23px; display:block}
.menu-noticias-br{ width:88px; height:23px; background:url(http://www.proyektoweb.com/images/menu/img-menu-noticias-br.jpg) no-repeat; margin-left:158px;}
.menu-noticias-br a{ width:88px; height:23px; display:block}
.menu-contacto-br{ width:84px; height:23px; background:url(http://www.proyektoweb.com/images/menu/img-menu-contacto-br.jpg) no-repeat; margin-left:167px}
.menu-contacto-br a{ width:84px; height:23px; display:block}

.container{ width:980px; height:auto; min-height:550px; float:left; background:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px;display:scroll;}

.footer{width:980px; height:60px;margin:0 auto;padding:30px 0px 25px 0px;font-family:Verdana, Geneva, sans-serif; font-size:10px; background:#FFF; color:#999;margin:0 auto; clear:both; position:relative; bottom:0px}
.address{ width:515px; height:50px; float:left;}
.address li{ float:left; list-style:none;}
.address-geneal{ width:495px; padding-bottom:10px;}
.address-mexico{ width:210px; padding:1px 10px 0 5px;}

.socio{ width:185px; height:50px; float:left;}
.socio li{ list-style:none; padding-bottom:8px; text-align:center}

.follow-us{ width:120px; height:60px; float:right;}
.follow-us li{ padding-left:4px; list-style:none}
.follow { 
	float:left;
	width:25px;
	height: 25px; 
	margin-top:8px;
}
#facebook{ background:url(../images/footer/facebook.jpg) no-repeat top }
#facebook:hover { background-position:bottom }
#twitter{ background:url(../images/footer/twitter.jpg) no-repeat top}
#twitter:hover { background-position:bottom }
#wordpress{ background:url(../images/footer/blog.jpg) no-repeat top}
#wordpress:hover{ background-position:bottom }
#youtube{ background:url(../images/footer/youtube.jpg) no-repeat top}
#youtube:hover{ background-position:bottom }


.contatoverlay{ 
	width:600px; 
	height:570px;
	display:none; 
	background: url(../images/overlay/sh-contacto.png);
	padding: 23px 27px;
}



.txt {
  font-family: Verdana;
  font-size: 12px;
  color: #000;
  background-color: #FFF;
  border: #AAA solid 1px;
}

.txt:hover {
  background-color: #EEEEEE;
}

.txt:focus{
  background-color: #daebba;
  border-color: #9ac210;
}