@charset "utf-8";
/* CSS Document Cuatro tintas*/

body {background-color:#20262f; margin:0 auto; font-family:Arial, Helvetica, Tahoma; text-align:center; font-size:12px; color:#cccccc; background-image:url(../img/fondo_principal.jpg); background-repeat:repeat;}

@font-face {
	font-family: 'VigilanteSidekickBold';
	src: url('../font/side_k_bold-webfont.eot');
	src: local('☺'), url('../font/side_k_bold-webfont.woff') format('woff'), url('../font/side_k_bold-webfont.ttf') format('truetype'), url('../font/side_k_bold-webfont.svg#webfontnye9u9ed') format('svg');
	font-weight: normal;
	font-style: normal;
}
.Vigilante {font-weight: normal; font-style: normal; line-height:normal; font-family: 'VigilanteSidekickBold', Arial, Helvetica; }

.tooltip {
	display:none;
	background:transparent url(../img/tooltiphome.png);
	background-repeat:no-repeat;
	font-size:15px;
	height:270px;
	width:230px;
	padding:35px;
	color:#000;
	font-size:11px;
	font-family: Arial, Helvetica;
}

.titulo2 { font-size:14px; color:#fff;}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:600px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


.mapa {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:700px;	
	min-height:321px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.mapa .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:170px;
	}
	
	.details h3 {
		color:#fff;
		font-size:15px;
		margin:0 0 -10px 0;
		font-weight:none;
	}
	
	
	
	
	#msg {

		/* overlay is hidden before loading */
		display:none;

		/* standard decorations */
		width:400px;
		border:10px solid #666;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	#msg div {
		padding:10px;
		border:1px solid #3B5998;
		background-color:#cccccc;
		font-family:arial,sans-serif;
		color:#000000;
		font-size:14px;
	}

	#msg h2 {
		margin:-11px;
		margin-bottom:0px;
		color:#fff;
		background-color:#999;
		padding:5px 10px;
		border:1px solid #3B5998;
		font-size:20px;
	}



	#popup {

		/* overlay is hidden before loading */
		display:none;

		/* standard decorations */
		width:400px;
		border:10px solid #666;

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(82, 82, 82, 0.698);

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	#popup div {
		padding:10px;
		border:1px solid #3B5998;
		background-color:#fff;
		font-family:arial,sans-serif;
		color:#000000;
		font-size:14px;
	}





.formcontacto {font-family:Tahoma, Trebuchet, Arial; text-align:center; font-size:12px; color:#cccccc; text-align:right;}
a {font-size:12px;  color:#FFFFCC; text-decoration:none;}
a:hover {font-size:12px;  color:#FFffff; text-decoration:underline;}
#contenedor {width:auto; height:auto; text-align:left; margin:0 auto; color:#ffffff;}
/*#cabezalindex {width:921px; height:221px; text-align:left; margin:0 auto; margin-top:0px; background-image:url(../img/cabezalA.jpg); background-repeat:no-repeat; }*/

#cabezalindex {width:978px; height:231px; text-align:left; margin:0 auto; margin-top:0px; background-image:url(../img/cabezalcirculos.jpg); background-repeat:no-repeat; }


/*#cabezal {width:921px; height:221px; text-align:left; margin:0 auto; margin-top:0px; background-image:url(../img/cabezalAint.jpg); background-repeat:no-repeat; }*/

#cabezal {width:978px; height:231px; position:relative; text-align:left; margin:0 auto; margin-top:0px; background-image:url(../img/cabezalcirculos.jpg); background-repeat:no-repeat; }


#cuerpo_index {margin:0 auto; width:921px; height:100%; text-align:left;  overflow:hidden; background-image:url(../img/fondotg.gif); background-repeat:no-repeat;}
#cuerpo {margin:0 auto; width:921px; height:100%; text-align:left;  overflow:hidden; background-image:url(../img/fondotg.jpg); background-repeat:no-repeat;}

#fecha {margin-left:278px; width:250px; font-size:11px; color:#FFFFFF; padding-top:15px;}
#textoshome {margin-left:0px; margin-top:85px; width:290px; color:#FFFFCC; font-size:11px; float:left;}
#loginhome {margin-left:648px; width:250px; height:110px; /*margin-top:-55px;*/ margin-top:70px;}
input.boton { border:0;  text-decoration:underline;  cursor:hand; cursor:pointer; background-color:#0099FF; padding:3px 5px 3px 5px; font-size:12px; text-decoration:none; color:#FFFFFF; width:70px;}

.tarjeta_textil {width:225px; height:318px; float:left; background-image:url(../img/tarjeta_textil.jpg); background-repeat:no-repeat; color:#333333;}
.tarjeta_laser {width:225px; height:318px; float:left; background-image:url(../img/tarjeta_laser.jpg); background-repeat:no-repeat; color:#333333; margin:0 40px;}
.tarjeta_9900 {width:225px; height:318px; float:left; background-image:url(../img/tarjeta_9900.jpg); background-repeat:no-repeat; color:#333333; }
.tarjeta_ruter {width:225px; height:318px; float:left; background-image:url(../img/tarjeta_ruter.jpg); background-repeat:no-repeat; color:#333333; }
.tarjeta_mutoh {margin:0 40px; width:225px; height:318px; float:left; background-image:url(../img/tarjeta_mutoh.jpg); background-repeat:no-repeat; color:#333333; }
.tarjeta_remeras {width:225px; height:318px; float:left; background-image:url(../img/tarjeta_remeras.jpg); background-repeat:no-repeat; color:#333333; }
.tarjeta_cd {width:225px; height:318px; float:left; background-image:url(../img/tarjeta_cd.jpg); background-repeat:no-repeat; color:#333333; margin:0 40px; }
.tarjeta_promocionales { margin:0 40px; width:225px; height:318px; float:left; background-image:url(../img/tarjeta_promocionales.jpg); background-repeat:no-repeat; color:#333333; }
.tarjeta_chucherias { margin:0  40px 0 40px; width:225px; height:318px; float:left; background-image:url(../img/tarjeta_chucherias.jpg); background-repeat:no-repeat; color:#333333; }
#logoin {float:left; width:278px; height:145px;}
#horariosn { float:left; width:225px; height:243px; background-image:url(../img/horarios.jpg); background-repeat:no-repeat;  margin:0 30px 20px 25px;}







.boton { background-color:#0099FF; padding:3px 5px 3px 5px; font-size:12px; text-decoration:none; color:#FFFFFF; width:120%;}
#horarios { float:left; width:203px; height:223px; background-image:url(../img/horariosA.jpg); background-repeat:no-repeat;  margin:0 30px 20px 25px;}
#logospie {width:147px; height:226px; background-image:url(../img/logospie.jpg); background-repeat:no-repeat; float:left; margin-right:15px;}
#destamos {width:228px; height:226px; background-image:url(../img/mapaA.jpg); background-repeat:no-repeat; float:left; margin:0 0px 20px 0;}
#destamosn {width:244px; height:243px; background-image:url(../img/ubicacion.jpg); background-repeat:no-repeat; float:left; margin:0 0px 20px 20px;}

#txtpie {float:left; width:auto; height:226px; }
.cajaceleste1 { cursor:pointer; cursor:hand; width:383px; height:141px; float:left; padding:20px; margin:0 18px 20px 25px; background-color:#05a2e5; color:#FFFFFF; font-size:12px;}
.cajaceleste2 {cursor:pointer; cursor:hand; width:383px; height:141px; float:left; padding:20px; background-color:#05a2e5; color:#FFFFFF; font-size:12px;}
.titulo1 {padding:3px 9px 3px 0; border-color:#0099FF;  font-size:14px; color:#FFCC00;}
#pie {width:921px; height:240px; margin:0 auto;}
.bubbleInfo {
    position: relative;
}
#taglaser {width:48px; height:176px; position:absolute; margin-top:10px; background-image:url(../img/taglaser.jpg); background-repeat:no-repeat;}
#tagtextil {width:48px; height:176px; position:absolute; margin-top:190px; background-image:url(../img/tagtextil.jpg); background-repeat:no-repeat;}
#izquierda {width:210px; height:1200px; position:absolute; left:0px; top:0px; margin:0 auto; background-image:url(../img/izquierda.jpg); background-repeat:no-repeat;}
#izquierda0 {width:210px; height:1050px; position:absolute; margin-top:0px; background-image:url(../img/izquierda0.jpg); background-repeat:no-repeat;}

h2 {font-family: Helvetica; font-weight:bold; color:#fff;}



.bubble {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	/*background-image:url(../img/toltip_index.png); 
	_background-image:url(../img/toltip_index.gif);*/
	width:186px;
	height:176px;
	color:#000;
	padding-top:30px;
	text-align:left;
	padding:20px;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	background-image:url(../img/toltip.gif);
	background-repeat:no-repeat;
	width:180px;
	_width:230px;
	height:224px;
	padding:29px;
	_padding:31px;
	text-align:center;
	color:#333333;
	
}

.popup2 {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	background-image:url(../img/toltip.gif);
	background-repeat:no-repeat;
	width:180px;
	_width:230px;
	height:224px;
	padding:29px;
	_padding:31px;
	text-align:center;
	color:#333333;
}

.popup3 {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	/*background-image:url(../img/toltip.png); */
	background-image:url(../img/toltip.gif);
	background-repeat:no-repeat;
	width:180px;
	_width:230px;
	height:224px;
	padding:29px;
	_padding:31px;
	text-align:center;
	color:#333333;
}
.popup3 a {
    color:#FFFFCC; text-decoration:none;
}

#tooltip {
    position: relative;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip.pretty {
	position:absolute;
    border: none;
    width: 210px;
    padding:20px;
    height: 200px;
    opacity: 0.8;
    background: url('../img/toltip.gif');
	left: 50px;
}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}



.template td {border:1px solid #CCCCCC; padding:4px;}

#formularioreg {/*background-image:url(../img/fondotg.jpg); background-repeat:no-repeat;*/}