/*All code is Copyright of Pentacorp.net*/
body {
	margin:0;
	padding:0;
	font:normal 10px/1.7 'Verdana', Arial, Helvetica, sans-serif; 
	color:#aca196;
	background:#fff;
}
a, a:link, a:visited, a:hover {
	outline:none;
	color:#7baad7;
	white-space:nowrap;
}
a:hover {
 text-decoration:underline;
}
img {
	outline:none;
	border:none;
}
form, img {
	margin:0;
	padding:0;
}
.clearfix { 
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
textarea {
	overflow:auto;
}

body
{
	background:#f9f8f7;
}

.fr {float:right;}
#main, #index, #loading{
	width:1074px;
	height:672px;
	margin:1px auto;
	color:#b5aba2;
	background:#f9f8f7;
}
/*Gallery*/
#gallery {
	text-align:center;
}
#gallery img {
	margin-bottom:10px;
}
div.info {
	float:left;
	text-align:left;
	font-size:9px;
}
#gallery div.info img {
	vertical-align:middle;
	border:none;
	margin:-3px 3px 0px 0px;
}
div.pages {
	float:right;
	font-size:9px;
}
div.pages a:link, div.pages a:visited, div.pages a:hover {
	color:#b5aba2;
	text-decoration:none;
}
div.pages a:hover {
	color:#7baad7;
}

span.pageOn
{ 
	color:#7baad7;
}
	
#gallery div.pages img {
	vertical-align:middle;
	border:none;
	margin:-3px 0px 0px 3px;
}
/*Categories*/
#navbar {
	position:absolute;
	top:590px;
	width:1074px;
	height:82px;
	background:#f9f8f7;
}
/*Carrusel de Fotos*/
ul#carousel {
	margin:0;
	padding:342px 0 0 0;
	list-style:none;
	width:1074px;
	height:103px;
	background:#f9f8f7;
}
ul#carousel li {
	float:left;
	display:inline;
	height:10px;
	margin:0px;
	padding:0px 3px 0px 0px;
}
ul#carousel li a {
	float:left;
	display:inline-block;
}
ul#carousel li a#previous {
	height:103px;
	width:20px;
	background:url(../images/previous.gif) top no-repeat;
}
ul#carousel li a#previous:hover {
	background:url(../images/previous.gif) bottom no-repeat;
}
ul#carousel li.fr {float:right; padding:0px;}
ul#carousel li a#next {
	height:103px;
	width:20px;
	background:url(../images/next.gif) top no-repeat;
}
ul#carousel li a#next:hover {
	background:url(../images/next.gif) bottom no-repeat;
}
/*Index*/
#index h1 {
	margin:0px;
	padding:250px 0px 20px 0px;
	font-size:40px;
	text-align:center;
	color:#aca196;
}
#index p, #main p{
	margin:0px;
	padding:5px 0px;
	text-align:center;
}
/*Martin Sigal*/
#main h1, #loading h1{
	margin:0px;
	padding:80px 0px 30px 0px;
	font-size:20px;
	text-align:center;
	color:#aca196;
}
#cont {
	width:815px;
	margin:0px auto;
	background:#f9f8f7;
}
#cont p.martin {
	padding:0px;
	margin:0px;
	text-align:justify;
}
.martinPhoto {
	width:107px;
	height:85px;
	text-align:center;
	margin:0;
	padding:100px 0px 0px 0px;	
}
/*Login*/
fieldset {
	border:none;
	width:255px;
	margin:0px auto;
	padding-top:40px;	
}
fieldset br {clear:left;}
legend {display:none;}
fieldset label {
	float:left;
	display:inline;
	width:65px;
}
fieldset label.mail {
	margin-left:5px;
}
fieldset input {
	float:left;
	display:inline;
	width:183px;
	padding:1px;
	border:1px solid #cdc7c0;
	font:normal 10px/normal 'Verdana', Arial, Helvetica, sans-serif;
	margin-bottom:7px;	
}
fieldset input.user {
	width:88px;
}
/*Clients*/
ul#clientes {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

ul#scroll_button {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

ul#clientes li a, ul#clientes li a:link, ul#clientes li a:visited, ul#clientes li a:focus, ul#clientes li a:hover {
	width:585px;
	display:block;
	padding:0;
	margin:0;
	border-bottom:1px solid #f9f8f7;
	color:#aca196;
	text-decoration:none;
}

ul#scroll_button li a, ul#scroll_button li a:link, ul#scroll_button li a:visited, ul#scroll_button li a:focus, ul#scroll_button li a:hover {
	width:585px;
	display:block;
	padding:0;
	margin:0;
	border-bottom:1px solid #f9f8f7;
	color:#aca196;
	text-decoration:none;
}

ul#clientes li a:hover {
	border-bottom:1px solid #f9f8f7;
	color:#5191cd;
}

ul#scroll_button li a:hover {
	border-bottom:1px solid #f9f8f7;
	color:#5191cd;
}

ul#clientes li a#selected, ul#clientes li a#selected:link, ul#clientes li a#selected:visited, ul#clientes li a#selected:focus, ul#clientes li a#selected:hover {
	border-bottom:1px solid #79aad7;
}

ul#scroll_button li a#selected, ul#scroll_button li a#selected:link, ul#scroll_button li a#selected:visited, ul#scroll_button li a#selected:focus, ul#scroll_button li a#selected:hover {
	border-bottom:1px solid #79aad7;
}

ul#clientes li a#up, ul#clientes li a#up:link, ul#clientes li a#up:visited, ul#clientes li a#up:focus, ul#clientes li a#up:hover {
	background:url(../images/up.gif) left top no-repeat;
	text-indent:-9999px;
	height:8px;
	margin-bottom:3px;
}

ul#scroll_button li a#up, ul#scroll_button li a#up:link, ul#scroll_button li a#up:visited, ul#scroll_button li a#up:focus, ul#scroll_button li a#up:hover {
	background:url(../images/up.gif) left top no-repeat;
	text-indent:-9999px;
	height:8px;
	margin-bottom:3px;
}

ul#clientes li a#up:hover {
	background:url(../images/up.gif) left bottom no-repeat;
}

ul#scroll_button li a#up:hover {
	background:url(../images/up.gif) left bottom no-repeat;
}

ul#clientes li a#down, ul#clientes li a#down:link, ul#clientes li a#down:visited, ul#clientes li a#down:focus, ul#clientes li a#down:hover {
	background:url(../images/down.gif) left top no-repeat;
	text-indent:-9999px;
	height:8px;
	margin-top:3px;
}

ul#scroll_button li a#down, ul#scroll_button li a#down:link, ul#scroll_button li a#down:visited, ul#scroll_button li a#down:focus, ul#scroll_button li a#down:hover {
	background:url(../images/down.gif) left top no-repeat;
	text-indent:-9999px;
	height:8px;
	margin-top:3px;
}

ul#clientes li a#down:hover {
	background:url(../images/down.gif) left bottom no-repeat;
}

ul#scroll_button li a#down:hover {
	background:url(../images/down.gif) left bottom no-repeat;
}


ul#clientes ul.subnav {
	position:absolute;
	float:right;
	left:55%;
	text-align:left;
	list-style:none;
	width:288px;
	padding:8px 0px 7px 4px;
	margin:0px;
	display:block;
	background:#f9f8f7;
	font-size:9px;
}

ul#scroll_button ul.subnav {
	position:absolute;
	float:right;
	left:55%;
	text-align:left;
	list-style:none;
	width:288px;
	padding:8px 0px 7px 4px;
	margin:0px;
	display:block;
	background:#f9f8f7;
	font-size:9px;
}

/*Contact*/
#cont p.countries {
	padding:0px;
	margin:0px;
	text-align:left;
	border-bottom:1px solid #79aad7;
}
#cont p.datos, #cont p.datos2 , #cont p.datos3 {
	float:left;
	display:inline;
	text-align:left;
	display:inline;
	width:250px;
	margin:0;
	padding:5px 0px 0px 65px;
}

#cont p.datosa, #cont p.datosu , #cont p.datosg {
	float:left;
	display:inline;
	text-align:left;
	display:inline;
	width:250px;
	margin:0;
	padding:5px 0px 0px 40px;
}
#cont p.datos2 {
	padding-left:0px;	
}

#cont p.datos3 {
	padding-left:0px;	
}

#cont p.datosu {
	padding-left:0px;	
}

#cont p.datosg {
	padding-left:0px;	
}

/*********************<CSS CAROUSEL>***********************************************/
/**
 * Copyright (c) 2006, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;
	visibility:visible; /* component turns it on when first item is rendered */
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

.carousel-component .carousel-vertical li { 
	float:none;
	margin-bottom:0px;
}

.carousel-component ul.carousel-vertical { 
	width:auto;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden;
	margin:0px auto;
	position:relative; 
}

/**
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	background:#3F3F3F;
	padding:0px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px 0px 0px 0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}

#html-carousel .carousel-list li { 
    margin:4px 10px 0px 10px;
    text-align:center;
}

#html-carousel .carousel-list li { 
    /*width: 159px;*/
    text-align:center;
    padding: 1px;
    padding-top:  1px;
    margin: 0;
    color: #3F3F3F;
}

#html-carousel .carousel-list li img { 
    display:block;
    margin:0 auto;
}
#html-carousel
{
	margin-top:340px;
	background: #F9F8F7;
    margin-bottom: 10px;
    float: left;
    width: 1000px;
    height: 106px;
}

/* BUTTONS */
#prev-arrow-container, #next-arrow-container { 
    float:left;
    margin: 0px;
    padding: 0px;
	margin-top:342px;
	height:103px;
	width:20px;
}

#prev-arrow-container
{
	margin-left:10px;
}

a#next-arrow { 
	background:transparent url(../images/next.gif) no-repeat scroll center top;
	height:103px;
	width:20px;
	display:inline-block;
	float:left;
}

a#next-arrow:hover
{
	background:transparent url(../images/next.gif) no-repeat scroll center bottom;
}

a#prev-arrow { 
    background:transparent url(../images/previous.gif) no-repeat scroll center top;
    height:103px;
	width:20px;
	display:inline-block;
	float:left;
}

a#prev-arrow:hover
{
	background:transparent url(../images/previous.gif) no-repeat scroll center bottom;
}


ul#clientes li a#selected, ul#clientes li a#selected:link, ul#clientes li a#selected:visited, ul#clientes li a#selected:focus, ul#clientes li a#selected:hover {
	border-bottom:1px solid #79aad7;
}

ul#clientes li a.cliente_seleccionado,ul#clientes a.cliente_seleccionado:hover,ul#clientes a.cliente_seleccionado:focus,ul#clientes a.cliente_seleccionado:visited,ul#clientes a.cliente_seleccionado:link
{
	border-bottom:1px solid #79aad7;
}

.transparente
{
	filter: alpha(opacity=0);
	opacity: 0
}

/**
* Carousel clientes
************************************************************/
.contenedor_clientes
{
	position:relative;
	overflow:hidden;
	visibility:visible;
	height:350px;
	width:500px;
}

.clip_contenedor_clientes
{
	position:relative;
	overflow:hidden;
	margin:0px auto;
}

.lista_clientes
{
	height:1000000px;
	z-index:1;
}