@charset "utf-8";
/* CSS Document */

/************************//* Para resetear los estilos de los navegadores */
* { 
	margin:0;
	padding:0;
}
table {
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
hr{
	color: #aba190;
}
blockquote{
	margin-left:15px;
}

/************************//* Etiquetas de HTML */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	margin: 0px;
	background-color: #dfd5c9;
}
#contenedor {
	vertical-align: middle;
	margin-top: -305px;
	margin-left: -490px;
	position: absolute;
	top:50%;
	left: 50%;
	height: 610px;
	width: 980px;
}
#inicio{
	position: absolute;
	top: 0px;
	left: 15px;
	height: 20px;
	width: 940px;
	padding-right: 10px;
	text-align: right;
	font-size: 11px; 
	font-weight: bold;
	letter-spacing: 1px;
}
#ini_txt{
 	position: relative;
	float: left;
	top: 0px;
 	left: 0px;
	height: 15px;
	width: 920px;
	text-align: right;
}
#ini_img{
	position: relative;
	float: left;
	left: 0px;
	height: 15px;
	width: 20px;
}
/*
#ini_izq{
 	position: relative;
	float: left;
 	left: 10px;
	height: 15px;
	width: 180px;
	text-align: left;
}
#ini_dcha{
	position: relative;
	float: left;
	left: 10px;
	height: 15px;
	width: 750px;
	padding-right: 10px;
	text-align: right;
}
*/
#cuerpo{
	position: absolute;
	top: 20px;
	left: 15px;
	height: 550px;
	width: 950px;
}
#flash{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 550px;
	width: 360px;
	z-index: 1;
}
#menu{
	position: absolute;
	top: 285px;
	left: 175px;
	height: 245px;
	width: 175px;
	z-index: 2;
}
#logo{
	position: absolute;
	top: 250px;
	left: 306px;
	height: 89px;
	width: 140px;
	background-image:url(../images/logo_cachopo.jpg);
	background-repeat: no-repeat;
	z-index: 3;
}
#contenido{
	position: absolute;
	top: 0px;
	left: 360px;
	height: 550px;
	width: 590px;
}
#col{
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	height: 450px;
	width: 200px;
}
#col2{
	position: relative;
	float: left;
	top: 0px;
	left: 25px;
	height: 450px;
	width: 200px;
}
#txt_index {
	position: relative;
	left: 0px;
	height: auto;
	width: 200px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #999999;
	/*text-align: justify;*/
}
#news_index{
	position: absolute;
	top:160px;
	left: 0px;
	height: 270px;
	width: 180px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #999999;
	background-color:#f0eee1;
}
#txt_news {
	position: relative;
	top: 10px;
	left: 0px;
	height: 235px;
	width: 170px;
	text-align: justify;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0px;
	padding-right: 10px;
	overflow-y: scroll;
	overflow-x:none;
	scrollbar-face-color: #ede8cd;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-track-color: #f0eee1;
	scrollbar-arrow-color: #cccccc;
}
#texto{
	position:relative;
	top: 50px;
	left: 115px;
	height: 450px;
	width: 425px;
	text-align: justify;
}
#texto2{
	position:relative;
	top: 20px;
	left: 0px;
	height: 420px;
	width: 415px;
	letter-spacing:0px;
	text-align: justify;
	padding-right: 10px;
	overflow-y: scroll;
	overflow-x:none;
	scrollbar-face-color: #aba190;
	scrollbar-shadow-color: #cccccc;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: #6e5f53;
	scrollbar-darkshadow-color: #6e5f53;
	scrollbar-track-color: #ede8cd;
	scrollbar-arrow-color: #cccccc;
}
#galeria_imagenes{
	position: absolute;
	top: 285px;
	left: 115px;
	height: 225px;
	width: 425px;
}
#logo_01{
	position: absolute;
	top: 415px;
	left:135px;
	height: 114px;
	width: 114px;
}
#logo_02{
	position: absolute;
	top: 415px;
	left:280px;
	height: 119px;
	width: 76px;
}
#logo_03{
	position: absolute;
	top: 415px;
	left:385px;
	height: 114px;
	width: 114px;
}
#mapa{
	position:relative;
	top: 20px;
	left: 0px;
	height: 235px;
	width: 425px;
}
#direccion{
	position: absolute;
	top: 330px;
	left: 175px;
	height: 130px;
	width: 250px;
	text-align: right;
}
#atcliente{
	position: absolute;
	top:390px;
	left: 10px;
	height: 50px;
	width: 170px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #999999;
	background-color:#CC9;
	text-align: center;
}
#piepagina{
	position: absolute;
	top: 570px;
	left: 15px;
	height: 37px;
	width: 950px;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	text-align: center;
}
/*
#pie_izq{
 	position: relative;
	float: left;
 	top: 3px;
	left: 10px;
	height: 27px;
	width: 760px;
	text-align: left;
}
#pie_dcha{
 	position: relative;
	float: left;
 	top: 3px;
	left: 10px;
	height: 12px;
	width: 170px;
	padding-right: 10px;
	text-align: right;
}
*/


/************************//* MENU PRINCIPAL */

ul.menu {
	position:relative;
	top: 65px;
	left: 7px;
	height: 185px;
	width: 162px;	
}
ul.menu li{
	display: inline;
}
ul.menu li a{
	display: block;
	float:left;
	height: 15px;
	width: 162px;
	margin-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: right;
	text-decoration: none;
}
a.m {
	color: #3e301c;
}
a.m:visited {
	color: #3e301c;
}
a.m:hover {
	color: #CC9900;
}
/* mps = menu principal seleccionado */
a.ms {
	color: #996600;
}

/************************//* LINKS */

.link{
	color:#666666;
	text-decoration: none;
}
a.link:visited {
	color: #666666;
	text-decoration: none;
}
a.link:link {
	color: #666666;
	text-decoration: none;
}
a.link:hover {
	color: #CC9900;
	text-decoration: none;
}

.mail{
	color:#996600;
	text-decoration: none;
}
a.mail:visited {
	color: #996600;
	text-decoration: none;
}
a.mail:link {
	color: #996600;
	text-decoration: none;
}
a.mail:hover {
	color: #CC9900;
	text-decoration: none;
}


.info{
	color: #666633;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12px;
	text-decoration: none;
}
a.info:visited{
	color: #666633;
	text-decoration: none;
}
a.info:link{
	color: #666633;
	text-decoration: none;
}
a.info:hover{
	color: #FF6600;
	text-decoration: none;
}

.eng{
	color:#C00;
	text-decoration: none;
}
a.eng:visited {
	color: #C00;
	text-decoration: none;
}
a.eng:link {
	color: #C00;
	text-decoration: none;
}
a.eng:hover {
	color: #039;
	text-decoration: none;
}

.esp{
	color:#C00;
	text-decoration: none;
}
a.esp:visited {
	color: #C00;
	text-decoration: none;
}
a.esp:link {
	color: #C00;
	text-decoration: none;
}
a.esp:hover {
	color: #FF0;
	text-decoration: none;
}

/************************//* TOOLTIP PARA LOGOS */
a.tooltip:hover {background:#ffffff; text-decoration:none; } /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:3px 3px; margin-left:-198px; top: 50px;width:100px; font-size: 11px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; }

a.tooltip2:hover {background:#ffffff; text-decoration:none; } /*BG color is a must for IE6*/
a.tooltip2 span {display:none; padding:3px 3px; margin-left:-30px; top: 50px; width:100px; font-size: 11px; }
a.tooltip2:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; }



/************************//*botones de la galeria*/
ul.botongaleria {
	position: relative;
	float:left;
	height: 225px;
	width: 425px;
}
ul.botongaleria li {
	display: inline;
}
ul.botongaleria li a {
	display: block;
	float: left;
	height: 100px;
	width: 100px;
	margin-bottom: 5px;
	margin-left: 5px;
}


/************************//* ESTILOS */
.tit{
	font-size: 22px;
	letter-spacing: 2px;
	color: #CC9900;
	font-weight:bold;
}
.tit2{
	font-size: 13px;
	letter-spacing: 1px;
	color: #CC9900;
}
.tind{
	font-size: 15px;
	letter-spacing: 1px;
	color: #666600;
	font-weight:bold;
}
.tac{
	font-size: 17px;
	letter-spacing: 1px;
	color: #666;
	font-weight:bold;
}
.tel{
	font-size: 24px;
	letter-spacing: 2px;
	color: #333;
	font-weight:bolder;
}
.titnews{
	font-size: 22px;
	letter-spacing: 7px;
	color: #CCCC00;
	font-weight:bold;
}
.txtesp{
	font-size: 14px;
	letter-spacing: 1px;
	color: #666666;
	font-weight:bold;
}
.txtesp2{
	font-size: 20px;
	letter-spacing: 1px;
	color:#996600;
	font-weight:bold;
}
.p{
	margin-top: 10px;
}
.pg{
	margin-top: 20px;
}
.pp{
	margin-top: 5px;
}

/*********************************************************/
/*Link Idea Corporativa*/
a.idea:link {
	color: #999999;
	text-decoration: none;
}
a.idea:visited {
	color: #999999;
	text-decoration: none;
}
a.idea:hover {
	color: #ff9900;
	text-decoration: none;
}
a.corporativa:link {
	color: #ff9900;
	text-decoration: none;
}
a.corporativa:visited {
	color: #ff9900;
	text-decoration: none;
}
a.corporativa:hover {
	color: #999999;
	text-decoration: none;
}

/*********************************************************/
/*Creditos Idea Corporativa*/
.creditosidea {
	color: #666666;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
}
.creditoscorporativa {
	color: #FF9900;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
}

a.linkcreditos:link {
	color: #666666;
	text-decoration: none;
}
a.linkcreditos:visited {
	color: #666666;
	text-decoration: none;
}
a.linkcreditos:hover {
	color: #ff9900;
	text-decoration: none;
}



#mapa_ventas{
	position:relative;
	top: 150px;
	left: 50px;
	height: 270px;
	width: 365px;
}
