/* CSS Document */



body {
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(Bkgnd.gif);
	background-repeat: repeat;
	background-color: #000;
	scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color: #d0a95a;
	scrollbar-darkshadow-color:#000;
	scrollbar-face-color:#000000;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#000000;
	scrollbar-base-color: #000000;
}

body, html {height: 100%}

a img {border: none}

@font-face
{
	font-family: "Tenacity";
	src: url('tenacity.ttf'),
     url('tenab__.ttf'),
	 url('tenae__.ttf'), 
	 url('tenaeb_.ttf'),
	 url('tenac_.ttf'),
	 url('tenacb_.ttf');
	 /* IE9+ */
}


#contenedorBase
   {
    position: relative;
	padding: 0px;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 100%;
	background: transparent;
	visibility: visible;
	z-index: 0;
   }

#contenedorBaseContact
   {
	position: absolute;
	padding: 0px;
	left: 50%;
	top: 12px;
	margin-top: 0px;
	margin-left: -390px;
	width: 780px;
	height: 480px;
	z-index: 1;
	background-image: url(MapaMundiFondo.gif);
	visibility: visible;
   }
   
#contenedorBaseComo
   {
	position: absolute;
	padding: 0px;
	left: 50%;
	top: 12px;
	margin-top: 0px;
	margin-left: -390px;
	width: 780px;
	height: 480px;
	visibility: visible;
	z-index: 7;
	background-image: url(Tablet.gif);
   }   
   
#contenedorBaseQuien
   {
	position: absolute;
	padding: 0px;
	left: 50%;
	top: 12px;
	margin-top: 0px;
	margin-left: -390px;
	width: 780px;
	height: 480px;
	visibility: visible;
	z-index: 2;

   }   

#contenedorHome
   {
	position: absolute;
	padding: 0px;
	left: 50%;
	top: 12px;
	margin-top: 0px;
	margin-left: -390px;
	width: 780px;
	height: 480px;
	background: transparent;
	text-align: center;
	border-width: 0px;
	z-index: 5;
	visibility: visible;
   } 
 
 #contenedorMarcoPrincip
   {
    position: relative;
	padding: 0px;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 12px;
	background: transparent;
	visibility: visible;
	z-index: 100;
   }

#contenedorMusica
   {
	position: absolute;
	padding: 0px;
	left: 50%;
	margin-top: 0px;
	margin-left: -390px;
	width: 780px;
	height: 12px;
	background: transparent;
	text-align: center;
	border-width: 0px;
	z-index: 140;
	visibility: visible;
   } 
 
 
#contenedorBaseHow
   {
	position: absolute;
	padding: 0px;
	left: 50%;
	top: 12px;
	margin-top: 0px;
	margin-left: -390px;
	width: 780px;
	height: 480px;
	z-index: 7;
	background-image: url(Tablet-Eng.gif);
	visibility: visible;
   }   

   
.bordesCeldas { border: 2px solid #d0a95a; }



	
.leyendaFotos {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
		


.texto {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: transparent;
	border-width: 0px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.textoFormContacto {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: transparent;
	border-width: 0px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

.textoQuien
    {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #ffdb87;
	background: transparent;
	text-align: left;
	margin: 10px;
	padding: 0px;
}
	

.leyendaOK {
	font: italic 14px Times New Roma, Times, serif;
	color: #d0a95a;
}

.logoDigitanaCh {
     position: absolute;
	 visibility: visible;
	 right: 0px;
	 top: 0px;
	 width: 220px;
	 height: 131px;
	 border-width: 0px;
	 padding: 0px;
	 background-image: url(Logotipos/Logo-Digitana-Dorado-ch.png)
	 }
	 
.menuEsp {
     position: absolute;
	 right: 276px;
	 top: 11px;
	 width: 488px;
	 height: 48px;
	 border-width: 0px;
	 padding: 0px;
	 text-align: center;
	 }	 

.contenedorLapizOp {
     position: absolute;
	 right: 240px;
	 top: 100px;
	 border-width: 0px;
	 padding: 0px;
	 }

.logoAG {
     position: absolute;
	 width: 43px;
	 height: 23px;
	 right: 5px;
	 bottom: 5px;
	 }
	 
.disenio {
     position: absolute;
	 right: 55px;
	 bottom: 5px;
	 text-align: right;
	 font-family: verdana, Arial;
	 color: #d0a95a;
	 font-size: 8px;
	 visibility: hidden;
	 }
	 	 
.misDatos {
	text-align: right;
	color: #d0a95a;
	visibility: hidden;
	font: 9px/9px verdana, Arial;
	font-weight: bold;
	 }     		 
		 
.botonSubmit
   {
	background: transparent url(Botones-Web/Enviar.jpg) no-repeat center center;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	border-width: 0px;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	height: 21px;
	width: 48px;
	border-style: none;
   }  

.botonReset
   {
	background: transparent url(Botones-Web/Corregir.jpg) no-repeat center center;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	border-width: 0px;
	color: #000000;
	border-style: none;
	visibility: visible;
	margin: 0px;
	height: 21px;
	width: 56px;
   }


	INPUT 		{
	BORDER-RIGHT-COLOR: #fabb76;
	BORDER-BOTTOM-COLOR: #f5f5f5;
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 10px;
	BORDER-BOTTOM-WIDTH: 1px;
	FONT-FAMILY:  "Verdana";
	BORDER-RIGHT-WIDTH: 1px;
	background-color: #fff;
	color: #d0a95a;
}
	TextArea	{
	BORDER-TOP-COLOR: #efb429;
	BORDER-LEFT-COLOR: #efb429;
	BORDER-RIGHT-COLOR: #efb429;
	BORDER-BOTTOM-COLOR: #efb429;
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 10px;
	BORDER-BOTTOM-WIDTH: 1px;
	FONT-FAMILY:  "Verdana";
	BORDER-RIGHT-WIDTH: 1px;
	background-color: #fff;
	color: #d0a95a;
}

SELECT 		{
	BORDER-TOP-COLOR: #efb429;
	BORDER-LEFT-COLOR: #efb429;
	BORDER-RIGHT-COLOR: #efb429;
	BORDER-BOTTOM-COLOR: #efb429;
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 10px;
	BORDER-BOTTOM-WIDTH: 1px;
	FONT-FAMILY:  "Verdana";
	BORDER-RIGHT-WIDTH: 1px;
	background-color: #FCFCFC;
	color: #000000;
}
FORM 		{
	FONT-FAMILY:Verdana;
	FONT-SIZE: 10px;
	margin: 0px;
}



a:link {
	text-decoration: underline;
	color: #fff;
}
a:visited {
	text-decoration: underline;
	color: #fff;
}
a:hover {
	text-decoration: underline;
	color: #ff0000;
}
a:active {
	text-decoration: underline;
	color: #FF0033;
}
