@charset "utf-8";
body{
	background:#999999 url(../imagenes/fondo-pagina.jpg) no-repeat center top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
h1{
	font-size: 24px;
}
h3{
	font-size: 16px;
}
#contorna-pagina{
  width:772px;
  margin:50px auto 0 auto;
}
#pagina {
  width:722px;
  margin:0 auto;
}
#menu1{
	margin:0 10px;
	font-size:13px;
}
#menu1 .menu1-bg {	
	background:repeat-x bottom url(../imagenes/fondo-menu1.png) #666;
}
#menu1 .menu1-bg-i {
	background:no-repeat -9px top url(../imagenes/fondo-menu1.png);
}
#menu1 .menu1-bg-d {
	height:26px;
	background:no-repeat 693px top url(../imagenes/fondo-menu1.png);
}
#menu1 ul {
	margin:0 20px;
	padding:5px 0;
	color:#CCC;
	letter-spacing:2px;
	list-style-type: none;
}
#menu1 li{
	margin:0 15px 0 0;
	padding:0;
	float:left;
}
#menu1 a{
	margin:0 5px 0 15px;
	padding:0;
	color:#CCC;
	text-decoration:none;
}
#menu1 a:hover{
	color:#FFF;
	border-bottom:1px solid #FFF;
}
#menu1 .off{
	margin:0;
	padding:0;
	color:#FFF;
	font-weight:bold;
}
#logo-botones{
	background:repeat url(../imagenes/pagina-bg-logo.png) #FC3;
	height:91px;
}
#logo-botones #logo{
	margin:2px 0 0 3px;
	border:none;
}
#logo-botones .bg-it{
	background:no-repeat -4px -5px url(../imagenes/pagina-fondo-logo-ezquinas.png);
	border:none;
}
#logo-botones .bg-dt{
	background:no-repeat 718px -5px url(../imagenes/pagina-fondo-logo-ezquinas.png);
	border:none;
}
#logo-botones .bg-ib{
	background:no-repeat -3px 85px url(../imagenes/pagina-fondo-logo-ezquinas.png);
	border:none;
}
#logo-botones .bg-db{
	background:no-repeat 717px 85px url(../imagenes/pagina-fondo-logo-ezquinas.png);
	border:none;
}
#logo-botones .coete{	
	background:no-repeat 317px bottom  url(../imagenes/pagina-punta-coete-bg.png);
	border:none;
}
#logo-botones #menu-bt{
	margin-left:143px;
	display:inline;
}
#menu-bt img{
	margin:0 0 5px 0;
	height:60px;
	width:65px
}
#menu-bt img.servicios {
	background:no-repeat left top url(../imagenes/pagina-bt-menu.png);
}
#menu-bt img.servicios:hover {
	background:no-repeat left bottom url(../imagenes/pagina-bt-menu.png);
}
#menu-bt img.porfolio {
	margin:5px 25px;
	background:no-repeat -65px top url(../imagenes/pagina-bt-menu.png);
}
#menu-bt img.porfolio:hover {
	background:no-repeat -65px bottom url(../imagenes/pagina-bt-menu.png);
}
#menu-bt img.e-mail {
	background:no-repeat -130px top url(../imagenes/pagina-bt-menu.png);
}
#menu-bt img.e-mail:hover {
	background:no-repeat -130px bottom url(../imagenes/pagina-bt-menu.png);
}
#contenido-fondo1{
	height:330px;
	background:url(../imagenes/pagina-bg-logo.png) repeat #FC3;
}
#contenido-fondo2{
	background:url(../imagenes/pagina-bg-contenido-fondo.png) repeat-y;
}
#contenido{
	margin:0 auto;
	height:191px;
	background: url(../imagenes/pagina-bg-top-inicio.png) no-repeat;
}
#pera-sombra{
	background:url(../imagenes/pagina-pera-sombra.png) no-repeat; height:22px;
}
#proyectos-recientes{
	height:191px;
	background:url(../imagenes/pagina-contenido-fondo.jpg) no-repeat 50% 0%;
	border:none;
	padding:15px 30px 0 430px;
}
#proyectos-recientes .col1 {
	color:#FFF;
	text-align:justify;
}
.tituloh3{
	font-weight:lighter;
	letter-spacing:2px;
}
#sub-contenido hr{
	margin:5px 12px;
	color:#999;
	background:#999;
	border-top:#999 1px solid;
}
.link-cuadrados{
	width:115px;
	float:right;
	background:#666;
	color:#FC0;
	text-align:center;
	padding:2px 0;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2px;
}
.link-cuadrados:hover{
	background:#FC0;
	color:#666;
}
#sub-contenido #col1{
	background:#CCC url(../imagenes/pagina-subcontenido-bg.png) repeat;
	width:213px;
	height:81px;
	margin:0 5px 0 27px;
	border-left:2px solid #999;
	border-right:2px solid #999;
	float:left;
}
#sub-contenido #col2{
	background:#CCC url(../imagenes/pagina-subcontenido-bg.png) repeat 2px;
	width:435px;
	height:81px;
	margin:0 6px;
	border-left:2px solid #999;
	border-right:2px solid #999;
	float:left;
}
#contenido-porfolio{
	background:url(../imagenes/porfolio_bg_contenido.png) no-repeat top center;
	height:308px;
}
#contenido-texto{
	color:#FFF;
}
#contenido-texto p{
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
}
#contenido-texto p a{
	color:#FC0;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:1px;
}
#contenido-texto p a:hover{
	text-decoration:underline;
}
#porfolio-foto{
	float:right;
	min-width:365px;
	min-height:266px;
	background: #FFF url(../imagenes/porfolio-fecha-foto.gif) no-repeat bottom;
	margin:15px 31px 0 0;
	text-align:center;
}
#porfolio-foto img{
	margin-top:7px;
	margin-bottom:3px;
}
#porfolio-foto a div.link-cuadrados{
	float:right;
	background:none;
	color:#000;
	text-decoration:none;
	padding:0;
	font-size:12px;	
	margin:0 5px;
	text-decoration:none;
}
#porfolio-foto a div.link-cuadrados:hover{
	color:#666;	
}
img.flechas-grises-derecha {
	float:right;
	margin-top:10px;
	background:no-repeat left top url(../imagenes/flechas-grises.png);
	width:31px;
	height:25px;
}
img.flechas-grises-derecha:hover {
	background:no-repeat left bottom url(../imagenes/flechas-grises.png);
}
img.flechas-grises-izquierda {
	float:right;
	margin-top:10px;
	background:no-repeat right top url(../imagenes/flechas-grises.png);
	width:34px;
	height:25px;
}
img.flechas-grises-izquierda:hover {
	background:no-repeat right bottom url(../imagenes/flechas-grises.png);
}
.form_campo{
	width:320px;
	color:#333;
	font-weight:bold;
	font-size:12px;
	background-color:#F1F1F1;
	border:none;
	margin:2px;
	padding-left:2px;
}
.form_campo:hover{
	background:#FFFAE3;
}
.form_campo:focus{
	background:#FFFAE3;
}
p::selection {
	color:#333;
    background:#FC0;  
}  
p::-moz-selection {
	color:#333;
	background:#FC0;  
}  
textarea.form_campo{
	margin:5px 1px 5px 2px;
	padding:2px 0 0 2px;
	height:50px;
	width:670px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	background-color:#F1F1F1;
	border:none;
}
#contenido-servicios h1{
	font-style: normal;
	font-weight: 400;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	margin:10px 0 0 28px;
	display:inherit;
}
#contenido-servicios{
	background:url(../imagenes/e-om.com.ar-servicios-desarrollo-web.jpg) no-repeat top left;
	height:295px;
	width:699px;
	margin:auto;
}
#contenido-servicios p{
	font-size:13px;
}
#contenido-servicios p strong{
	font-size:16px;
	line-height:23px;
}