/*/////////////////////////////////////////////////////
///////| HOJA DE ESTILO - NEW DIGITAL CONCEPT |///////
///////| MATIAS VARONE - 2007 - REVISION 1.0  |//////
//////////////////////////////////////////////////*/

* {
	margin:0; 
	padding:0;
}

body {
	font:62.5% Georgia, "Times New Roman", Times, serif; 
	background:#fff url(../images/bg_body.gif) repeat-x left  top;
	color:#323232;
}

#warp{ 
	width:780px;
	margin:0 auto; 
	position:relative; 
	text-align:center;
}

#lang{
	height:20px;
	display:block;
	float:right;
	clear:both;
}

#lang a.eng{
	width:16px;
	height:11px;
	background:url(../images/us.gif) no-repeat;
	float:right;
	text-indent:-9999px;
	margin-right:5px;
}

#lang a.esp{
	width:16px;
	height:11px;
	background:url(../images/ar_.gif) no-repeat;
	float:right;
	text-indent:-9999px;
}


#lang span {
	float:right;
	display:block;
}


#header{
	
	width:780px;
	text-align:center; 
	margin-top:79px;
	height:auto;
}

#header h1 a { 
	width:676px; 
	height:132px; 
	background:url(../images/h1_new_digital_concept.gif) no-repeat; 
	display:block;
	margin:0 auto;
}

#header h1 a span { 
	display:block; 
	text-indent:-9999em;
}


#intro {
	width:720px;
	margin:0 auto;
	margin-top:20px;
	text-align:center;
}


#intro h2 {
	font-size:2.2em;
	font-weight:normal;
	height:125px;
	margin-bottom:25px;
}

#intro p{
	font-size:2.2em;
	font-weight:normal;
	margin-bottom:20px;
}


#ok {
	width:556px;
	height:95px;
	font-size:1.8em;
	color:#fff;
	margin:10px auto;
	background:url(../images/ok.gif) no-repeat center center;
	font-weight:bold;
	height:95px;
}

#ok p{
	padding-top:20px;
}

#ok p a{	
	text-decoration:none;
	color:#cfc;
}

#error {
	width:556px;
	height:95px;
	font-size:1.8em;
	color:#fff;
	margin:10px auto;
	background:url(../images/error.gif) no-repeat center center;
	font-weight:bold;
	height:95px;
}

#error p{
	padding-top:20px;
}

#error p a{	
	text-decoration:none;
	color:#fcc;
}


#vermas {
	width:780px;
	height:24px;
	margin-top:10px;
	margin-bottom:15px;
	display:block;
	float:right;
	clear:both;
}


#mas a{
	background:url(../images/btn_mas.gif) no-repeat; 
	width:59px; 
	height:24px; 
	float:right;
	text-indent:-9999px;
}

#mas a span,#menos a span {
	float:right;
	display:block;


}

#menos a{
	background:url(../images/btn_menos.gif) no-repeat; 
	width:76px; 
	height:24px; 
	float:right;
	text-indent:-9999px;		
}


#porfolio {
	text-align:center;
	width:780px;
	height:205px;
	clear:both;
	display:block;
	margin-bottom:20px;
}

#show {
	width:693px;
	height:205px;
	background:url(../images/porfolio.gif) no-repeat;
	margin:0 auto;
}

#vercontacto {
	width:780px;
	height:24px;
	margin-top:0px;
	margin-bottom:15px;
	display:block;
	float:right;
	clear:both;
}


#mostrar a{
	background:url(../images/btn_contacto.gif) no-repeat; 
	width:88px; 
	height:24px; 
	float:right;
	text-indent:-9999px;
}

#mostrar a span,#esconder a span {
	float:right;
	display:block;


}

#esconder a{
	background:url(../images/btn_cerrar.gif) no-repeat; 
	width:72px; 
	height:24px; 
	float:right;
	text-indent:-9999px;		
}

#contacto{
	width:780px;
	height:400px;
	text-align:center;
	display:block;
}

#formulario { 
	margin-top:40px;
	text-align:center;
	width:639px;
	margin:0 auto;
	clear:both;
	background:url(../images/bg_form.gif) no-repeat center center;
}

form { 
	margin:20px auto;
	clear:both;
}

fieldset { 
	border:0;
}

.row { 
	width:639px;
	display:block;
	height:57px;
	margin:15px auto;
}

.row2 { 
	width:639px;
	display:block;
	height:110px;
	margin:15px auto;
}

label { 
	width:90px;
	font-size:1.8em;
	float:left;
	text-align:left;
	margin-top:15px;
	margin-right:10px;
	margin-left:40px;
	border-left:5px solid #c1e996;
	padding:7px 0;
	padding-left:15px;
}

.row .inputrow {
	display:inline;
	width:408px;
	margin-left:30px;
	float:left;
	height:57px;
	background:url(../images/bg_input.gif) no-repeat;
	
}


.inputrow input {
	font-size:2.6em;
	border:none;
	width:400px;
	margin:2px auto;
	margin-top:10px;
	height:40px;
	background-color:#fffbe3;
}

.inputrow input.validation-failed {
	color:#FF3300;
}

.inputrow input.validation-passed {
	color:#323232;
}

.validation-advice {
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	display:block;
	width:410px;
	font-size:1.2em;
	padding:4px 0;
	
}


.row2 .inputrow {
	display:inline;
	width:408px;
	margin-left:30px;
	float:left;
	height:139px;
	background:url(../images/bg_input2.gif) no-repeat;
}

.row2  textarea {
	font-size:1.6em;
	border:none;
	width:400px;
	height:110px;
	margin:2px auto;
	margin-top:10px;
	background-color:#fffbe3;
	overflow:auto;
}

.send { 
	width:630px;
	text-align:center;
	display:block;
	clear:both;
	height:50px;
	margin:10px auto;
	float:left;
}

.send input{ 
	width:153px;
	height:52px;
	text-align:center;
	background:url(../images/btn_enviar.gif) no-repeat;
	color:#fff;
	font-size:2.3em;
	cursor:pointer;
	border:0;
	margin-top:15px;
}

.send input:hover{
	background-position:0 -54px;
}


#pie { 
	border-top:3px solid #eaf4fc;
	padding-top:12px;
	width:780px; 
	margin:0 auto; 
	font-size:1.1em;
	clear:both; 
	margin-top:10px;
}

#pie ul { 
	list-style:none;
}

#pie li.iz { 
	float:left;
}

#pie li.de { 
	float:right;
}

#pie li#pay { 
	position:absolute; 
	bottom:0; 
	left:0px;
}

#pie a, #pie a:visited { 
	font-weight:bold; 
	color:#999;
}

#pie a:hover {
	color:#93d151;
}