html, body
{ 
	font-family : arial; 
	font-size : 11px; 
	color : #999999; 
} 

h1
{ 
	margin : 0; 
	padding : 0; 
	font-size : 18px; 
	text-transform : uppercase; 
} 

h1 a
{ 
	width : 197px; 
	height : 56px; 
	display : block; 
	background : url(../img/logo.gif) no-repeat; 
	text-indent : -5000px; 
	margin : 25px 0 0 45px; 
} 

h1.int a
{ 
	margin : 25px 0 0 0; 
} 

h2
{ 
	font-size : 16px; 
	margin : 10px 0 5px 0; 
	text-transform : uppercase; 
} 

h3
{ 
	font-size : 11px; 
	margin : 25px 0 0 0; 
	text-transform : uppercase; 
	clear : both; 
} 

h4
{ 
	font-size : 12px; 
	margin : 0 0 5px 0; 
	text-transform : uppercase; 
	color : #00a0e0; 
	clear : both; 
} 

#contenedor
{ 
	margin : auto; 
	width : 990px; 
	overflow:hidden;
} 

#flash
{ 
	margin-top : -75px; 
	float : left; 
	clear : both; 
} 

#pie
{ 
	float : right; 
	width : 500px; 
	text-align : right; 
	margin : 5px 68px 0 0; 
} 

#pieright
{ 
	float : right; 
	width : 100%; 
	text-align : right; 
	padding-top : 5px; 
} 

#pie span, #pieleft span
{ 
	color : #999999; 
	text-decoration : none; 
} 

#txt, #links
{ 
	clear : both; 
	padding : 0 25px 0 25px; 
	display : none; 
} 

#links ul
{ 
	margin : 10px 0 10px 0; 
	padding : 0; 
	float : left; 
	text-align : center; 
} 

#links li
{ 
	list-style : none; 
	padding : 1px; 
	text-align : center; 
	float : left; 
} 

#links li a
{ 
	display : block; 
	color : #00a0e0; 
	padding : 5px; 
	border : 1px solid #00a0e0; 
	text-decoration : none; 
	width : 900px; 
	text-transform : uppercase; 
} 

#links li a:hover
{ 
	background-color : #00a0e0; 
	color : #ffffff; 
	border : 1px solid #00a0e0; 
} 

p
{ 
	margin : 0 0 5px 0; 
} 

div.trabajo
{ 
	float : left; 
	clear : both; 
	margin : 10px 0 10px 10px; 
	width : 990px; 
	padding : 25px 0 25px 0; 
	height : 250px; 
} 

div.trabajo a.img
{ 
	padding : 5px 5px 40px 5px; 
	border : 1px solid #999999; 
	float : left; 
} 

div.trabajo ul.textos
{ 
	float : left; 
	padding : 0; 
	list-style : none; 
	height : 105px; 
	margin : 20px 5px 20px 20px; 
	padding : 0; 
	list-style : none; 
	width : 675px; 
} 

div.trabajo ul.textos li
{ 
	margin : 0 0 5px 0; 
	list-style : none; 
} 

div.trabajo ul.imgs
{ 
	float : left; 
	margin : 0 0 0 20px; 
	padding : 0; 
	width : auto; 
} 

div.trabajo ul.imgs li
{ 
	float : left; 
	margin : 0 10px 0 0; 
	padding : 0; 
	list-style : none; 
} 

a
{ 
	text-decoration : none; 
	color : #00a0e0; 
	font-weight : bold; 
} 

a:hover
{ 
	text-decoration : underline; 
} 

div.trabajo a.img img
{ 
	border : 1px solid #999999; 
	background:url(../img/loader.gif) no-repeat center center #333333;
	float : left; 
	width : 261px; 
	height : 196px; 
} 

div.trabajo a.img:hover
{ 
	margin : -10px; 
	padding : 10px 10px 50px 10px; 
} 

div.trabajo a.img:hover img
{ 
	width : 271px; 
	height : 206px; 
} 

div.trabajo ul.imgs li a
{ 
	float : left; 
	border : 1px solid #999999; 
	margin : 0; 
	padding : 3px 3px 10px 3px; 
} 

div.trabajo ul.imgs li a img
{ 
	width : 76px; 
	height : 57px; 
	border : 1px solid #999999; 
	background-color:#333333;
	background:url(../img/loader.gif) no-repeat center center #333333;
	margin : 0; 
	float : none; 
} 

div.trabajo ul.imgs li a:hover
{ 
	margin : -3px; 
	padding : 4px 4px 12px 4px; 
} 

div.trabajo ul.imgs li a:hover img
{ 
	width : 80px; 
	height : 61px; 
} 

#vcard
{ 
	float : right; 
	width : 25%; 
	text-align : left; 
	margin-top : -50px; 
	text-align:center;
	padding:5px;
	border:1px solid #999999;
	display:none;
} 

.oculto
{ 
	display : none; 
} 

div.clientes
{
	clear:both;
	width:100%;
	float:left;
}

div.cliente
{ 
	float : left; 
	margin : 10px 0 10px 0; 
	width : 195px; 
	padding : 25px; 
} 

div.cliente a img
{ 
	border : none; 
} 

div.cliente h4 a
{ 
	text-indent : -5000px; 
	width : 175px; 
	height : 80px; 
	display : block; 
} 

#menu ul
{ 
	margin : -50px 0px 50px 0px; 
	padding : 0px 10px 0px 0px; 
	float : right; 
	text-align : right; 
	width : 265px; 
	border-bottom : 1px solid #00a0e0; 
} 

#menu li
{ 
	list-style : none; 
	padding : 1px; 
	text-align : center; 
	float : right; 
} 

#menu li a
{ 
	display : block; 
	color : #999999; 
	padding : 3px; 
	border : 1px solid #999999; 
	border-bottom : 1px solid #00a0e0; 
	text-decoration : none; 
	width : 75px; 
	margin-bottom : -2px; 
} 

#menu li a:hover, #menu li a.active
{ 
	background-color : #00a0e0; 
	color : #ffffff; 
	border : 1px solid #00a0e0; 
} 


form
{ 
	margin : 25px 0 25px 165px; 
	padding : 0; 
	float : left; 
	width : auto; 
	background : url(../img/stamp.gif) no-repeat 530px 15px; 
} 

fieldset
{ 
	padding : 50px 0 50px 150px; 
	border : 1px solid #999999; 
	float : left; 
	width : auto; 
} 

label
{ 
	text-transform : uppercase; 
	font-weight : bold; 
	color : #00a0e0; 
	float : left; 
	clear : both; 
	margin : 10px 0 0 0; 
	width : auto; 
} 

input, textarea
{ 
	font-family : arial; 
	color : #999999; 
	padding : 5px; 
	border : 1px solid #999999; 
	width : 300px; 
	margin : 0; 
	float : left; 
	clear : both; 
	margin-right : 150px; 
} 

input.boton
{ 
	text-transform : uppercase; 
	font-weight : bold; 
	font-size : 12px; 
	color : #999999; 
	background-color : #ffffff; 
	width : auto; 
	padding : 3px 7px 3px 7px; 
	clear : both; 
	cursor : pointer; 
	float : left; 
	margin : 15px 0 0 125px; 
} 

input.boton:hover
{ 
	color : #ffffff; 
	background-color : #00a0e0; 
	border : 1px solid #00a0e0; 
} 

ul.contacto
{ 
	float : right; 
	margin : -20px 210px 25px 0; 
	padding : 0; 
	list-style : none; 
} 

ul.contacto li
{ 
	float : left; 
	margin : 0; 
	color : #999999; 
	font-weight : bold; 
	font-size : 11px; 
	font-family : arial; 
} 

ul.contacto li.email
{ 
	background : url(../img/mail.gif) no-repeat left bottom; 
	padding : 5px 10px 0 25px; 
} 

ul.contacto li.mobile
{ 
	background : url(../img/mobile.gif) no-repeat left 2px; 
	padding : 5px 10px 5px 15px; 
} 

ul.contacto li a
{ 
	color : #999999; 
	text-decoration : none; 
} 

ul.contacto li a:hover
{ 
	color : #00a0e0; 
} 

#mensaje
{ 
	width : 300px; 
	float:left;
	height : 50px; 
	text-align : center; 
}