﻿body {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#E1DACA; background-image:url('../img/background.jpg'); background-position:center top; background-repeat:no-repeat;}
#contenedor{
	position:absolute;
	width:100%;
	height:99%;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	border:solid 0px #000;
	left: 1px;
	top: 1px;
}

/*CABECERA*/
#header {
	position:absolute;
	width:900px;
	height:100px;
	margin:0px 0px 0px -450px;
	padding:0px 0px 0px 0px;
	left:50%;
	float:left;
	border:solid 0px #000;
	z-index:100;
}
#header2 {
	position:absolute;
	width:251px;
	height:303px;
	margin:0px 0px 0px -450px;
	padding:0px 0px 0px 0px;
	left:1094px;
	float:left;
	border:solid 0px #000;
	z-index:100;
	top: 868px;
	background-image: url(../img/fondo.jpg);
}

#header #menu {background-image:url('../img/menu.png'); background-position:center top; background-repeat:no-repeat; position:absolute; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; top:44px; left:370px; height:64px; width:525px; border:solid 0px #fff}
#header #menu UL {list-style:none; z-index:10; position:relative; z-index:100; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}
#header #menu UL LI {margin:0px 0px 0px 14px; position:relative; float:left; height:30px; top:15px; border:solid 0px #000;}
#header #menu UL LI A {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; height:29px; cursor:pointer hand;}
#slide {position:absolute; bottom:0; height:4px; background:#FEF105; z-index:10;}

/*CUERPO*/
#cuerpo {
	position:relative;
	width:900px;
	height:auto;
	background-color:White;
	margin:90px 0px 20px -450px;
	padding:0px 0px 0px 0px;
	left:50%;
	float:left;
	clear:left;
	border:solid 1px #61594E;
}
#cuerpo #imagen {margin:20px 0px 0px 8px; padding:0px 0px 0px 0px;}
#cuerpo #contenido {
	margin:10px 0px 0px 23px;
	padding:0px 0px 0px 0px;
	border:solid 0px #000;
	width:850px;
	float:left;
	text-align: center;
}
#cuerpo #contenido2 {
	margin:10px 0px 0px 23px;
	padding:0px 0px 0px 0px;
	border:solid 0px #000;
	width:650px;
	float:left;
	text-align: center;
}
#cuerpo #contenido3 {
	margin:10px 0px 0px 23px;
	padding:0px 0px 0px 0px;
	border:solid 0px #000;
	width:600px;
	float:left;
	text-align: center;
}
#cuerpo #banners {margin:20px 0px 10px 23px; padding:20px 0px 0px 10px; border:solid 0px #000; width:860px;  float:left; background-image:url('../img/backClientes.gif'); background-position:left top; background-repeat:no-repeat;}
#cuerpo #bottom {margin:0px 0px 0px 0px; padding:30px 0px 0px 0px; background-image:url('../img/bottom.jpg'); background-position:center top; background-repeat:no-repeat; width:900px; height:65px;  float:left;}

/*TEXTO*/
.titulo{
	font-family:Arial;
	font-weight:bold;
	font-size:17px;
	color:#524a40;
	margin:15px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	text-align: left;
}
.semiTitulo{
	font-family:Arial;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#79251A;
	margin:25px 0px 10px 20px;
	padding:0px 0px 0px 0px;
	text-align: left;
}
.texto{
	font-family:Trebuchet MS;
	font-size:12px;
	color:#767676;
	margin:0px 0px 0px 5px;
	padding:10px 0px 0px 0px;
	text-align: left;
}
.texton{
	font-family:Trebuchet MS;
	font-size:12px;
	color:#767676;
	margin:0px 0px 0px 5px;
	padding:10px 0px 0px 0px;
	text-align: left;
	font-weight: bold;
}

.textojusti{
	font-family:Trebuchet MS;
	font-size:12px;
	color:#767676;
	margin:0px 0px 0px 5px;
	padding:10px 0px 0px 0px;
    text-align:justify;
}

.texto600{font-family:Trebuchet MS; font-size:12px; color:#767676; margin:0px 0px 0px 5px; padding:10px 0px 0px 0px; width:650px;}
#bottom .textoBottom {margin:5px 0px 0px 0px; padding:6px 0px 0px 20px; font-family:Arial; font-size:11px; font-weight:lighter; color:#d7d5d5;}
#bottom .textoBottom A {margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; font-family:Verdana; font-size:11px; font-weight:lighter; color:#f6f7f8; text-decoration:none;}
#bottom .textoBottom A:hover{margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; font-family:Verdana; font-size:11px; font-weight:lighter; color:#ffffff; text-decoration:underline;}
.listaLeft{margin:10px 0px 0px 30px; padding:0px 0px 20px 0px; float:left;}
.listaLeft LI{font-family:Trebuchet MS; font-size:12px; color:#625A4F; margin:10px 0px 0px 10px; padding:0px 0px 0px 0px; float:left; width:300px; list-style-type:circle; text-transform:uppercase;}
.lista{margin:10px 0px 0px 30px; padding:0px 0px 20px 0px;}
.lista LI{font-family:Trebuchet MS; font-size:12px; color:#625A4F; margin:10px 0px 0px 10px; padding:0px 0px 0px 0px; width:650px; list-style-type:circle;}

/*FORM*/
.tablaForm{margin:10px 0px 0px 60px; padding:10px 0px 10px 100px; border:solid 1px #C7BEAF; background-color:#F8F7F3; width:620px;}
.textForm{font-family:Trebuchet MS; font-size:12px; color:#767676; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px;}
.txtBox{ width:400px; border:solid 1px #E2DED6; margin:0px 0px 0px 0px; padding:4px 4px 4px 4px;}
.txtBox:focus{ width:400px; border:solid 1px #C7BEAF; margin:0px 0px 0px 0px; padding:4px 4px 4px 4px;}
/***********************************************************************************************************************/
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{
	width: 883px;
	margin: 25px auto;
	position: relative;
	min-height: 255px;
/*	background: url(images/bg.png) top center;*/
}


/*
	TYPOGRAPHY
*/
/*ul											{ list-style: square inside; }*/
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{
	color: white;
	text-align: right;
}
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{
	width: auto;
	position: absolute;
	top: 27px;
	left: 25px;
}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 883px; height: 255px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 883px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }
#apDiv1 {
	position:absolute;
	width:45px;
	height:68px;
	z-index:1;
	left: 87px;
	top: 391px;
}
#apDiv2 {position:absolute; width:146px; height:74px; z-index:2; left: 203px; top: 55px;}
#apDiv3 {
	position:absolute;
	width:124px;
	height:52px;
	z-index:2;
	left: 207px;
	top: 391px;
}
#apDiv4 {
	position:absolute;
	width:92px;
	height:102px;
	z-index:3;
	left: 352px;
	top: 391px;
}
#apDiv5 {
	position:absolute;
	width:148px;
	height:146px;
	z-index:4;
	left: 463px;
	top: 391px;
}
/*
	************************************  PARTE NUEVA   ************************************
*/
/*
	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 
*/

