@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; -moz-user-select:none; }
#content {background:#E2D6B5; float:left; height:auto; margin-bottom:20px; 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:#008ABF;  -moz-user-select:none; -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; -moz-user-select:none; }
/* =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:-88px; 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; }
/*_________________________________________ */

#divcanvas { width:160px; height:auto; float:left; }

#marco { width:760px; min-height:370px; float:left; padding-left:20px; margin-bottom:10px; -moz-user-select:none; }

#children { width:300px; float:left; -moz-user-select:none; }
#parents { width:300px; float:right; -moz-user-select:none; }

.blockleft  
{
	border:1px solid #999999; 
	padding-left:4px; padding-right:4px; padding-bottom:3px;
	-moz-border-radius:4px; -webkit-border-radius:4px;
	top:auto; left:auto; height:auto; width:290px;
	float:left; margin-bottom:10px; 
	background:#FEEBD2; margin-bottom:6px; 
	cursor:pointer; -moz-user-select:none; 
}

.blockright  
{
	border:1px solid #999999; 
	padding-left:4px; padding-right:4px; padding-bottom:3px;
	-moz-border-radius:4px; -webkit-border-radius:4px;
	top:auto; left:auto; height:auto; width:290px;
	float:right; margin-bottom:10px; 
	background:#FEEBD2; margin-bottom:6px; 
	cursor:pointer; -moz-user-select:none; 
}