@font-face {
    font-family: 'regular';
    src: url('./fonts/regular.eot');
    src: url('./fonts/regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blod';
    src: url('./fonts/blod.eot');
    src: url('./fonts/blod.ttf');
    font-weight: normal;
    font-style: normal;
}

/* =Reset
-------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

ol, ul {list-style-image:none; list-style-position:outside; list-style-type:none;}
li {list-style-type:none;}
img {border:none;}
.clear {clear:both; font-size:1px; height:0; line-height:0;}

blockquote {quotes:none;}
blockquote:before, blockquote:after {content:''; content:none;}
del {text-decoration:line-through;}

h1, h2, h3, h4, h5, h6 {clear:both; font-weight:normal;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
a img {border:none;}
a, :focus {outline-style:none;}

/* =Clearfix
------------------------------------------------------*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

body {color:#333; font-family:'regular'; font-size:1.6em;}
#wrapper {height:466px; position:absolute; width:800px; left:130px; top:10px; }
#content {background:#E2D6B5; margin-bottom:20px; float:left; height:auto; min-height:420px; position:relative; width:800px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:0 3px 4px #333;}
/* =Home _________________________________________*/
#statement {color:#000; font-family:'blod'; line-height:1.1em; margin-bottom:15px; font-size:1.2em; -moz-user-select:none; text-align:justify; }
#interior { background-color:#e3a615;  -moz-user-select:none; }	
#zone { position:relative; float:left; top:7px; left:0px; min-height:400px; height:auto; width:800px; -moz-user-select:none;}
.margentop { width:800px; height:30px; float:left; color:#000; }
/* =AlertV360 ____________________________________ */
#alertV360 { position:absolute; top:0px; left:0px; visibility:hidden; opacity:0.5; background-color:black; -moz-user-select:none; }
#buttonV360 { 
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; 
	cursor:pointer;  box-shadow:0 3px 4px #333;
	background-color:#988758; color:#f8d168; 
	position:absolute; top:103px; left:241px; -moz-user-select:none;
	background-image:url('ok.png'); background-repeat:no-repeat; background-position:9px 4px;  width:50px; height:37px;  
}
#buttonV360:hover { box-shadow:0 1px 4px #333; top:104px; background-image:url('okTouch.png'); }
#textV360 { width:280px; float:left; color:#413514; position:absolute; text-align:center; top:10px; left:10px; background-repeat:no-repeat; -moz-user-select:none; }
.mascota{ position:absolute; left:-80px; top:0px; }#bocata { width:300px; height:130px; padding-top:10px; position:absolute; top:-60px; left:150px; text-align:center; background-repeat:no-repeat;-moz-user-select:none; background-image:url('bocata.png'); }#windowV360 { z-index:9010; position:absolute; top:0px; left:0px; visibility:hidden; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;border-color:#413514; border-style:solid; border-width:1px; width:300px; height:150px; background-color:#e2d6b5; box-shadow:0 3px 4px #333;-moz-user-select:none; background-image:url('pet.png'); background-position:10px 10px; background-repeat:no-repeat; }

#logo { position:relative; float:left; width:780px; margin-bottom:10px; } .imagelogo { float:right; }

/*_________________________________________ */

/* Dos bloques; una l�nea */
.line02 { float:left; width:760px; height:auto; visibility:visible; margin-bottom:10px; margin-left:40px;  position:relative;}
.block02 { float:left; width:355px; height:auto; visibility:visible; margin-right:5px; position:relative; padding-bottom:6px;  -moz-user-select:none; }
.block12 { float:left; width:355px; height:auto; visibility:visible; margin-left:5px; position:relative; padding-bottom:6px; -moz-user-select:none; }
.block22 { float:left; visibility:collapse; position:absolute; }
.line12 { float:left; width:760px; height:auto; visibility:collapse; padding-bottom:10px; margin-left:40px; position:absolute; }
.block32 { float:left; visibility:collapse;position:absolute; }
.block42 { float:left; visibility:collapse; position:absolute;}
.block52 { float:left; visibility:collapse; position:absolute;}
/* Tres bloques; una l�nea */
.line03 { float:left; width:760px; height:auto; visibility:visible; padding-bottom:10px; margin-left:40px;  position:relative;}
.block03 { float:left; width:234px; height:auto; visibility:visible; margin-right:6px;  position:relative; padding-bottom:6px;  -moz-user-select:none;}
.block13 { float:left; width:234px; height:auto; visibility:visible; margin-left:3px; margin-right:3px; position:relative; padding-bottom:6px;  -moz-user-select:none;}
.block23 { float:left; width:234px; height:auto; visibility:visible; margin-left:6px; position:relative; padding-bottom:6px; -moz-user-select:none;}
.line13 { float:left; width:0px; height:auto; visibility:collapse; position:absolute;}
.block33 { float:left; visibility:collapse; position:absolute;}
.block43 { float:left; visibility:collapse; position:absolute;}
.block53 { float:left; visibility:collapse; position:absolute;}
/* Cuatro bloques; dos l�nea */
.line04 { float:left; width:760px; height:auto; visibility:visible; padding-bottom:10px;  margin-left:40px;  position:relative; }
.block04 { float:left; width:355px; height:auto; visibility:visible; margin-right:5px;  position:relative; padding-bottom:6px;  -moz-user-select:none;}
.block14 { float:left; width:355px; height:auto; visibility:visible; margin-left:5px;  position:relative; padding-bottom:6px; -moz-user-select:none; }
.block24 { float:left; visibility:collapse; position:absolute;}
.line14 { float:left; width:760px; height:auto; visibility:visible; padding-bottom:10px;  margin-left:40px;  position:relative;}
.block34 { float:left; width:355px; height:auto; visibility:visible; margin-right:5px;  position:relative; padding-bottom:6px; -moz-user-select:none; }
.block44 { float:left; width:355px; height:auto; visibility:visible; margin-left:5px;  position:relative; padding-bottom:6px; -moz-user-select:none;}
.block54 { float:left; visibility:collapse; position:absolute;}
/* Cinco bloques; dos l�nea */
.line05 { float:left; width:760px; height:auto; visibility:visible; padding-bottom:10px;  margin-left:40px;  position:relative;}
.block05 { float:left; width:234px; height:auto; visibility:visible; margin-right:6px;  position:relative; padding-bottom:6px;  -moz-user-select:none;}
.block15 { float:left; width:234px; height:auto; visibility:visible; margin-left:3px; margin-right:3px;  position:relative; padding-bottom:6px;  -moz-user-select:none;}
.block25 { float:left; width:234px; height:auto; visibility:visible; margin-left:6px;  position:relative; padding-bottom:6px;  -moz-user-select:none;}
.line15 { float:left; width:760px; height:auto; visibility:visible; padding-bottom:10px;  margin-left:40px;  position:relative;}
.block35 { float:left; width:234px; height:auto; visibility:visible; margin-left:121px; margin-right:5px;   position:relative; padding-bottom:6px; -moz-user-select:none; }
.block45 { float:left; width:234px; height:auto; visibility:visible; margin-left:5px; margin-right:120px;  position:relative; padding-bottom:6px;  -moz-user-select:none;}
.block55 { float:left; visibility:collapse; position:absolute;}
/* Seis bloques; dos l�nea */
.line06 { float:left; width:760px; height:auto; visibility:visible; padding-bottom:10px;  margin-left:40px;  position:relative;}
.block06 { float:left; width:234px; height:auto; visibility:visible; margin-right:6px;  position:relative; padding-bottom:6px;  -moz-user-select:none;}
.block16 { float:left; width:234px; height:auto; visibility:visible; margin-left:3px; margin-right:3px;  position:relative; padding-bottom:6px;  -moz-user-select:none;}
.block26 { float:left; width:234px; height:auto; visibility:visible; margin-left:6px;  position:relative; padding-bottom:6px;  -moz-user-select:none;}
.line16 { float:left; width:760px; height:auto; visibility:visible; padding-bottom:10px;  margin-left:40px;  position:relative;}
.block36 { float:left; width:234px; height:auto; visibility:visible; margin-right:6px;  position:relative; padding-bottom:6px;  -moz-user-select:none;}
.block46 { float:left; width:234px; height:auto; visibility:visible; margin-left:3px; margin-right:3px;  position:relative; padding-bottom:6px; -moz-user-select:none; }
.block56 { float:left; width:234px; height:auto; visibility:visible; margin-left:6px;  position:relative; padding-bottom:6px;  -moz-user-select:none;}

.caption { float:left; width:inherit; height:auto; margin-bottom:3px; color:#000; font-weight:bold;  -moz-user-select:none;}

.group { float:left; width:inherit; height:auto; padding-bottom:3px; padding-top:3px; border:1px solid #999999; background:#FEEBD2; -moz-border-radius:4px; -webkit-border-radius:4px; }
.groupTouch { float:left; width:inherit; height:auto; padding-bottom:3px; padding-top:3px; border:1px solid #2600FF; background:#CCE4FF; -moz-border-radius:4px; -webkit-border-radius:4px; }

.cell { float:left; height:auto; width:auto; cursor:pointer;  padding-left:5px; padding-right:5px; border:1px solid transparent; opacity:1; position:static; -moz-user-select:none; }
.cellTouch { float:left; height:auto; width:auto; cursor:pointer; padding-left:5px; padding-right:5px; border:1px solid #999999; background:#BBBBBB; opacity:1; position:static; -moz-user-select:none;}
.cellMove { float:left; height:auto; width:auto; cursor:pointer;  padding-left:5px; padding-right:5px; border:1px solid #999999; background:#BBBBBB; opacity:0.7;  position:relative; -moz-user-select:none;}
.rcell
 { 
	float:left; height:auto; width:auto; cursor:pointer; 
	padding-left:5px; padding-right:5px; color:transparent;  -moz-user-select:none;
}

#origen { float:left; margin-bottom:15px;  border:1px solid #999999; height:auto; width:720px; background-color:#ffffff; -moz-border-radius:4px; -webkit-border-radius:4px; margin-left:40px; padding-bottom:10px;  -moz-user-select:none;}

#rcell00 { height:auto; width:auto; float:left; }
#cell00 { height:auto; width:auto; float:left; cursor:pointer; }
#rcell01 { height:auto; width:auto; float:left; }
#cell01 { height:auto; width:auto; float:left; cursor:pointer; }
#rcell10 { height:auto; width:auto; float:left; }
#cell10 { height:auto; width:auto; float:left; cursor:pointer; }
#rcell11 { height:auto; width:auto; float:left; }
#cell11 { height:auto; width:auto; float:left; cursor:pointer; }
#rcell20 { height:auto; width:auto; float:left; }
#cell20 { height:auto; width:auto; float:left; cursor:pointer; }
#rcell21 { height:auto; width:auto; float:left; }
#cell21 { height:auto; width:auto; float:left; cursor:pointer; }
#rcell30 { height:auto; width:auto; float:left; }
#cell30 { height:auto; width:auto; float:left; cursor:pointer; }
#rcell31 { height:auto; width:auto; float:left; }
#cell31 { height:auto; width:auto; float:left; cursor:pointer; }
#rcell40 { height:auto; width:auto; float:left; }
#cell40 { height:auto; width:auto; float:left; cursor:pointer; }
#rcell41 { height:auto; width:auto; float:left; }
#cell41 { height:auto; width:auto; float:left; cursor:pointer; }