/*divs comunes a todas las paginas*/
body { margin:0;padding:0;background:#333; font-family:Arial, Helvetica, sans-serif; color:white;}
img { border:0; }

h1, h2, h3, h4, h5, h6, p, form, ul, li { margin:0; padding:0; }

h1 { color:#fff;font-family:Arial, Helvetica, sans-serif; }
p { color:#a3a3a3; font-size:11px; line-height:16px; }

#container {
	position:absolute;
	width:1000px;
	height:580px;
	top:50%;
	left:50%;
	margin-left:-500px;
	margin-top:-290px;
	}

#top {	position:relative;float:left;width:100%; height:70px;	}

#sidebar { 	position:relative; float:left; width:440px;	height:510px; }
#main { position:relative; float:left; width:560px;	height:510px; text-align:left; }
#bottom {position: absolute; bottom: 0px;}


#idiomas { float:left; height:40px; margin:0 0 0 0;z-index:20;}
#rrhh {	float:right; }


#paises {width:560px; height:80px; text-align:right;}
#paises ul {}
#paises li {display:inline;}



/*------------------------------*/
/*CONCEPTO Y SERVICIOS*/
#content {position:relative;float:left;width:560px; }
#contenedor-box-bg {
	position:absolute; z-index:1; top:0px; left:0px; 
	width:560px; height:350px; 
	background:black; filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
	}
#contenedor-txt {z-index:5; position:absolute; top:0px; *top:1px; width:560px;height:350px; background: url(../shared/line.gif) no-repeat bottom right;}
	#contenedor-txt p { margin:0 60px 0 40px; padding:0; !important; color:#bbb; }
#servicios-txt { font:normal 12px/16px Arial, Helvetica, sans-serif; color:#adadad;}
	#servicios-txt p {padding:0 50px 0px 50px; }
.bg-servicios-txt { background:url(../shared/bg-servicios-txt.jpg) no-repeat;}
.imagen-servicios {padding:0  0 15px 50px;}


/*------------------------------*/
/*PORTFOLIO Y DETALLE DEL PORTFOLIO*/
#sidebar-portfolio { position:relative; float:left; width:440px; height:330px; clear:both;}
#main-portfolio { position:relative; float:right; width:560px; height:330px;}
#main-portfolio-detalle { position:relative; float:right; width:560px; height:509px;}
#galeria {position:relative;float:left;width:900px; height:180px; margin-left:55px; *margin-left:28px;}
#galeria ul {
	height:100px; padding:0; text-align:left;}
#galeria li {
	display:block;
	float:left;
	width:87px;
	margin:0;
	padding:0 12px 0 0;*padding:0;
	font:normal 11px/12px Arial, Helvetica, sans-serif; color:#c09602; }
#galeria li a{ font:normal 11px/12px Arial, Helvetica, sans-serif; color:#c09602; text-decoration:none;}	
#galeria li a:hover {color:#fff; }	
#galeria li img { display:block; margin:0 0 10px 0 !important; padding-right:8px;*padding-right:8px;*/}	
#navegador-portfolio {
	float:left;
	width:240px;
	height:14px;
	margin-bottom:30px;
	padding-left:30px;
	font:normal 10px Arial, Helvetica, sans-serif;color:#999;
	background:#585455;}
#navegador-portfolio a {font:normal 10px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
#navegador-portfolio ul {margin:0;padding:0;}
#navegador-portfolio li {display:inline;}
#counter {
	position:relative;
	float:right;
	margin:20px 14px 0 0;*margin:20px 7px 0 0;
	width:300px;
	height:30px;
	padding:0 0 0 0;
	font:normal 11px Arial, Helvetica, sans-serif;color:#fff;}
	a.prev, a.next { width:40px; height:30px; display:block; float:right; margin-top:0px;*margin-top:0px}
	a.prev{background:url(../shared/portfolio-prev.gif) top left no-repeat;}
	a.next{background:url(../shared/portfolio-next.gif) top left no-repeat;}
	a:hover.prev {background:url(../shared/portfolio-prev-on.gif) top left no-repeat;}
	a:hover.next {background:url(../shared/portfolio-next-on.gif) top left no-repeat;}
	#counter .serie, #fotos-counter .serie { float:right; text-align:right; padding:6px 0 0 0;}
	#counter .serie strong { color:white;}
	

#portfolio-info { height:180px; }
#portfolio-info h3, h4, p { padding:0 20px 0 60px; font-weight:normal;}
#portfolio-info h3 { font-size:16px; color:#e5a808; line-height:16px;}
#portfolio-info h4 { font-size:13px; color:#fff; margin:4px 0 20px 0; line-height:14px;}
#portfolio-info p { margin-bottom:20px; line-height:16px;}


#portfolio-fotos { width:525px;	height:400px; }
#portfolio-fotos img { display:block; width:500px; height:347px; border-bottom:3px solid #e5a808; }

.anterior-siguiente { height:15px; margin-bottom:20px;}
.anterior-siguiente li { display:inline; margin:0; padding:0; float:left;}
.anterior-siguiente img { margin:0px; border:0; display:block;}

#fotos-counter { z-index:5; position:absolute; top:350px; *top:350px; width:500px; padding:15px 0 0 0; }
#fotos-counter-box-bg {
	position:absolute; z-index:1; top:350px; left:0px; 
	width:503px; height:60px; 
	background:black; filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
	}
/*------------------------------*/

/*CLIENTES*/
#contenedor-clientes {	
	float:right; 
	width:940px; height:180px; 
	background:#000; filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;
	}
#sidebar-clientes { position:relative; float:left; width:440px;	height:260px; clear:both}
#main-clientes { position:relative; float:right; width:560px; height:170px;margin-top:70px;}
#clientes {
	position:relative;
	float:left;
	width:880px !important;
	height:270px;
	}
#clientes ul { margin:55px 0 0 50px; padding:0;}
#clientes li { display:block; float:left; width:85px; padding:0px 20px;}
#clientes-nav-next { height:70px; }
#nav-next, #nav-prev { float:right;}
#nav-next{}
#nav-prev{}


/*------------------------------*/
/*CONTACTO*/
#contacto-box-bg {
	position:absolute; z-index:1; top:30px; left:0px; 
	width:560px; height:320px; 
	background:black; filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
	}
#contacto-box  { z-index:5; position:absolute; top:30px; *top:31px; width:480px; padding:30px 0 0 60px;	}
	#contacto-box p { color:#fff; margin:0 !important; padding:0 !important ; height:54px; }
	#contacto-box a { color:#c09602; text-decoration:none;}
	#contacto-box a:hover { color:#fff;}

#formulario-contacto {
	width:445px; margin-left:0px;
}
#formulario-contacto td {
	font:bold 11px/22px Arial, Helvetica, sans-serif;color:#c09602;
	vertical-align:bottom;
	border-bottom:2px solid #c09602;
	}
#formulario-contacto td input, textarea.comentarios {
	height:18px;
	width:140px;
	margin-left:8px;
	padding: 12px 4px 0 4px;
	border:none;
	background-color:#333333; filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;	
	font:normal 11px Arial, Helvetica, sans-serif; color:#fff;
	}	
	textarea.comentarios { width:355px; height:156px; *height:150px !important; }
	td.comentarios { vertical-align:top !important; padding-top:10px; }

.btn-enviar {border:none !important; display:block; float:right; margin:20px 40px 0 0; *margin:20px 20px 0 0;}
.btn-enviar:hover { background:white}

/*------------------------------*/
/*estilos para los fondos segun seccion*/
.bg-concepto {background:url(../shared/bg-concepto.jpg) no-repeat;}
.bg-servicios {background:url(../shared/bg-servicios.jpg) no-repeat;}
.bg-contacto {background:url(../shared/bg-contacto.jpg) no-repeat;}
.bg-portfolio {background:url(../shared/bg-portfolio.jpg) no-repeat;}
.bg-clientes {background:url(../shared/bg-clientes.jpg) no-repeat;}
/*------------------------------*/
/*estilos para el posicionamiento del titulo de seccion*/	
.flash-index {height:84px;margin-top:250px;}
.flash-concepto {height:120px;margin-top:210px;}
.flash-servicios {height:160px;margin-top:170px;}
.flash-contacto {margin-top:270px;}
.flash-portfolio {margin-top:10px;}
.flash-clientes {margin-top:0px;}
/*------------------------------*/


.txt-destacado { font-size:14px !important; line-height:18px !important; color:#e9a909 !important;}

.color { color:#e5a808 !important; }

.clear { clear:both; }