/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #000000;
	background-image: url(images/bgn.jpg);
	background-repeat: no-repeat;
	background-position: center 90px;
	}
#container {
	width:800px; /*ancho total de la pagina*/
	border: none;
	text-align: left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
	display: block;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	font:Arial, Helvetica, Tahoma, Verdana;
}

/**********menutop*******/
#menutop {
	display:block;
	float:left;
	width: 255px;
	height: 95px;
	padding: 15px 0 0 0;
}
#menutopuno {
	display:block;
	float:left;
	width: 205px;
	height: 20px;
	padding: 0 0 0 340px;
	text-align: right;
	background-image: url(images/menutop.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#menutopunos {
	display:block;
	float:left;
	width: 525px;
	height: 65px;
	padding: 10px 0px 15px 20px;
	text-align: right;
	color: #666666;
	font-size: 8pt;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
}
#menutopunos .p1{
	color: #883900;
	font-size: 8pt;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
	text-align: right;
}
#navitop {  
	list-style:none;
}
#navitop {  
	list-style:none;
	margin:0;
	padding:0;
}
#navitop li {
	margin:0px;
	padding:2px 5px 0 0;
	float: left;
}
#navitop li a {
	display: block;
	width: auto;
	text-decoration:none;
	text-align: center;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-size: 8pt;
	color: #000000;
}
#navitop li a:active{
	color: #330000;
	font:Arial, Helvetica, Tahoma, Verdana;
}
#navitop li a:hover{
	color: #FFFFFF;
	font:Arial, Helvetica, Tahoma, Verdana;
}
/****menu PRINCIPAL*******/
#menuprincipal {
	display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-image: url(images/menubg.jpg);
	background-position: top;
}
#menuprinzero {
	display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-color: #000;
	background-repeat: repeat-x;
	background-image: url(images/menubgblack.jpg);
	background-position: top;
}
#menuprinuno {
	display:block;
	float:left;
	width: 800px;
	height: 55px;
	background-color: #21212D;
	background-repeat: repeat-x;
	background-image: url(images/bgclientes.png);
	background-position: top;
}
/*********fotos de menu AUTO******************/
#menunis {
	display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-image: url(images/nissan.jpg);
	background-repeat: no-repeat;
}
#menuwol {
display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-image: url(images/wolkswagwen.jpg);
	background-repeat: no-repeat;
}
#menuren {
display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-image: url(images/rentacar.jpg);
	background-repeat: no-repeat;
}
#menuser {
display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-image: url(images/servicio.jpg);
	background-repeat: no-repeat;
}
	/*********fotos de menu FERRETERIA******************/
#menuferreteria {
display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-image: url(images/ferreteria.jpg);
	background-repeat: no-repeat;
}
#menuferreteriados{
display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-image: url(images/ferreteriados.jpg);
	background-repeat: no-repeat;
}
/*********fotos de menu ROPA******************/
#menujeantex {
display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-image: url(images/patagonia.jpg);
	background-repeat: no-repeat;
}
#menuvestuario{
display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-image: url(images/vestuario.jpg);
	background-repeat: no-repeat;
}
#menuvesjordan{
display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-image: url(images/vesjordan.jpg);
	background-repeat: no-repeat;
}
/*********fotos de menu PESCA******************/
#menupesca {
	display:block;
	float:left;
	width: 800px;
	height: 180px;
	background-image: url(images/centolla2.jpg);
	background-repeat: no-repeat;
}
/*********fotos de menu JUGUETERIA******************/
#menujugueteria {
display:block;
	float:left;
	width: 800px;
	height: 315px;
	background-image: url(images/fotojugueteria.jpg);
	background-repeat: no-repeat;
}
/*********fotos de menu HISTORIA******************/
#menuhistoria {
display:block;
	float:left;
	width: 800px;
	height: 270px;
	background-image: url(images/historia.jpg);
	background-repeat: no-repeat;
}
#menuhistoria .p2 {
	display:block;
	float:none;
	width: 380px;
	padding: 65px 0 0 10px;
	margin: 0 0 0 0;
	font-size: 8.5pt;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	height: auto;
	text-align: justify;
}
#cajacontacto{
	display:block;
	float:left;
	width: auto;
	height: 10px;
	padding: 30px 0 0 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 9pt;
	text-decoration: none;
}
#cajacontactocompu{
	display:block;
	float:left;
	width: 170px;
	height: 10px;
	padding: 245px 0 0 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 9pt;
	text-decoration: none;
	background-image: url(images/logocompu.png);
	background-position: center 170px;
	background-repeat: no-repeat;
}
/*********fotos de menu HISTORIA******************/
#menuhistory {
display:block;
	float:left;
	width: 800px;
	height: auto;
	background-image: url(images/bghystory.jpg);
	background-repeat: no-repeat;
}
#cajahistory{
	display:block;
	float:right;
	width: 300px;
	height: 420px;
	padding: 20px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 9pt;
	text-decoration: none;
	background-color: #20202C;
	margin: 0 30px 0 0;
}
/*********menu PRINCIPAL******************/
#cajaauto{
	display:block;
	float:left;
	width: 770px;
	height: 9px;
	padding: 10px 0 23px 30px;
}
#cajaform{
	display:block;
	float:left;
	width: 770px;
	height: 220px;
	padding: 0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 10pt;
}
#cajacontactodos{
	display:block;
	float:left;
	width: 610px;
	height: 265px;
	padding: 0 0 0 0;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 9pt;
	text-decoration: none;
	margin: 0;
}
#naviauto {  
	list-style:none;
}
#naviauto{  
	list-style:none;
	margin:0;
	padding:0;
}
#naviauto li {
	margin:0px;
	padding:2px 5px 0 0;
	float: left;
}
#naviauto li a {
	display: block;
	width: auto;
	text-decoration:none;
	text-align: right;
	color:#131315;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-size: 10pt;
	text-indent: 10px;
	font-weight: normal;
}
#naviauto li a:active{
	color: #0B0B0B;
	font:Arial, Helvetica, Tahoma, Verdana;
}
#naviauto li a:hover{
	color: #6F373C;
	font:Arial, Helvetica, Tahoma, Verdana;
}
/*********bloques de info ***********/
#info {
	display:block;
	float:left;
	width: 800px;
	height: 170px;
	background-color: #000000;
	padding: 0 0 0 0;
}
#infouno {
	display:block;
	float:left;
	width: 262px;
	height: 150px;
	background-color: #20202C;
	padding: 0 0 0 0;
	margin: 6px 0 0 0;
}
#infouno .p1 {
	display:block;
	float:none;
	width: 262px;
	height: auto;
	padding: 0;
	margin: 0;
	color: #CCCCCC;
	font-size: 9pt;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
}
#infodos {
	display:block;
	float:left;
	width: 262px;
	height: 150px;
	background-color: #20202C;
	padding: 0 0 0 0;
	margin: 6px 7px 0 7px;
}
#infotres {
	display:block;
	float:left;
	width: 660px;
	height: auto;
	background-color: #20202C;
	padding: 40px 70px 5px 70px;
	background-repeat: no-repeat;
	background-position: right top;
}

#infotres .p2 {
	display:block;
	float:none;
	width: auto;
	height: auto;
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 13px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
}
#infotres .p3 {
	display:block;
	margin:0;
	font-size: 25px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}
#infotres .p4 {
	display:block;
	float:right;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0 0 0 0;
	font-size: 13px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	text-align: right;
}
#infotres .p5 {
	display:block;
	float:right;
	margin:0;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}
#infocua {
	display:block;
	float:left;
	width: 760px;
	height: auto;
	background-color: #20202C;
	padding: 20px;
	margin: 0 0 0 0px;
}
#infocua .p1 {
	display:inline;
	margin:0;
	font-size: 25px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}
#infocua .p2 {
	display:block;
	float:none;
	width: auto;
	height: auto;
	padding: 0 70px 0 0;
	margin: 5px;
	font-size: 12px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
}
#infocua .p3 {
	display:inline;
	margin:0;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}
#infocin {
	display:block;
	float:left;
	width: 760px;
	height: auto;
	background-color: #20202C;
	padding: 40px 20px 5px 20px;
	margin: 6px 0 0 0;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/centolla3.jpg);
}
#infocin .p1 {
	display:inline;
	margin:0;
	font-size: 25px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}
#infocin .p3 {
	display:inline;
	margin:0;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
}
#infocin .p2 {
	display:block;
	float:none;
	width: auto;
	padding: 0;
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	height: auto;
	text-align: left;
}
#infosei{
	display:block;
	float:left;
	width: 262px;
	height: 130px;
	background-color: #20202C;
	padding: 5px 2px 5px 1px;
	margin: 0;
}
#infosie{
	display:block;
	float:left;
	width: 262px;
	height: 130px;
	background-color: #20202C;
	padding: 5px 4px 5px 4px;
	margin: 0;
}
/********footer************/
#footer {
	display:block;
	float:left;
	width: 795px;
	height: 17px;
	background-color: #0C0C10;
	border-bottom: solid #20202C 1px;
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
}
#navifot {  
	list-style:none;
}
#navifot {  
	list-style:none;
	margin:0;
	padding:0;
}
#navifot li {
	margin:0px;
	padding:2px 5px 0 0;
	float: left;
}
#navifot li a {
	display: block;
	width: auto;
	text-decoration:none;
	text-align: right;
	color:#999999;
	font-family: Tahoma, Verdana, Helvetica, Arial;
	font-size: 8pt;
	text-indent: 6px;
}
#navifot li a:active{
	color: #FFFFFF;
	font:Arial, Helvetica, Tahoma, Verdana;
}
#navifot li a:hover{
	color: #FFFFFF;
	font:Arial, Helvetica, Tahoma, Verdana;
}
/*******footer direccion********/
#footerdos {
	display:block;
	float:left;
	width: 390px;
	height: 80px;
	color: #444;
	font-size: 8.5pt;
	padding: 0 8px 0 0;
	margin: 10px 0 0 0;
	text-align: right;
	border-right:  dotted #20202C 1px;	
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
}
#footertre {
	display:block;
	float:left;
	width: 390px;
	height: 80px;
	color: #444;
	font-size: 8.5pt;
	padding: 0  0 0 8px;
	margin: 10px 0 0 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
}
#floatleft {
float:left;	
}
#floatleftl {
	float:left;
	padding: 0 0 0 50px;
}
#floatright{
	float:right;
}

/*************a-. linkks general***************/
a{
	color:#FF7105;
	text-decoration: none;
}
a:hover{
	color:#990000;
	text-decoration: none;
}
a:visited{
	color:#FF7105
}
a acronym{
	border:none;
	text-decoration: none;
}
acronym{
	cursor: help;
}
a.external span
{
	width: auto;
	height:auto;
	display: block;
	float: left;
}
a.external:link
{
	color: #D25900;
	background: url(images/icon.png) no-repeat 0% 0px;
	padding: 0px 0px 0px 20px;
	font-size: 9pt;
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-weight: bold;
}
a.external:visited
{
	color: #D25900;
	background: url(images/icon.png) no-repeat 0% -100px;
	padding: 0px 0px 0px 20px;
	font-size: 9pt;
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-weight: bold;
}
a.external:hover
{
	color: #FF0000;
	background: url(images/icon.png) no-repeat 0% -200px;
	padding: 0px 0px 0px 20px;
	font-size: 9pt;
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-weight: bold;
}
a.externall span
{
	width: auto;
	height:auto;
	display: block;
	float: left;
}
a.externall:link
{
	color: #FFFFFF;
	background: url(images/ico.png) no-repeat 0% 0px;
	padding: 0px 0px 0px 20px;
	font-size: 9pt;
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-weight: bold;
}
a.externall:visited
{
	color: #CCCCCC;
	background: url(images/ico.png) no-repeat 0% -100px;
	padding: 0px 0px 0px 20px;
	font-size: 9pt;
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-weight: bold;
}
a.externall:hover
{
	color: #990000;
	background: url(images/ico.png) no-repeat 0% -200px;
	padding: 0px 0px 0px 20px;
	font-size: 9pt;
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-weight: bold;
}
/******cajas para PORTADA****/
	#flashcontent {
	width: auto;
	height: auto;
	float: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	text-align: center;
	font-size: 10pt;
	}
	#flash{
	width: auto;
	height: auto;
	float: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	text-align: center;
	font-size: 10pt;
	}
	#myflash {
	width: auto;
	height: auto;
	float: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	text-align: center;
	font-size: 10pt;
	}
/******cajas para FLASHHHHH****/
	#pcflash {
	width: auto;
	height: auto;
	float: left;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	}
		#video {
	width: auto;
	height: auto;
	float: left;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	}
/***************Forms defaults'''''''''''''*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(nice/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background: url(nice/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url url(nice/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background: url(nice/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background: url(nice/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background: url(nice/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background: url(nice/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background: url(nice/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background: url(nice/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background: url(nice/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}