

body{
	position:absolute;
	left: 0px;
    top: 0px;
	padding: 0px;
	margin:0px;
   background-color: black;
   background-image: url(../images/fondo.jpg);
   background-position: 0 0;
   background-repeat: no-repeat;
   background-attachment: scroll; /*fixed scroll*/
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-webkit-transform:translate3d(0,0,0);
-webkit-tap-highlight-color:transparent;

 -webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
   height:100%;
	width:100%;
overflow: auto; 
overflow-x: hidden;
}


* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) ; 
    outline: none;
} 

*:focus {
    outline: none;
}

a:active img{
	border: none;
	outline: none;
	cursor:pointer;
	display:block;
}
a:link img{
	border: none;
	outline: none;
	cursor:pointer;
	display:block;
}
a:visited img{
	border: none;
	outline: none;
	cursor:pointer;
	display:block;
}
a:hover img{
	border: none;
	outline: none;
	cursor:pointer;
	display:block;
}


img.itemmenu{
	border:none;
	padding:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	display:inline;
-webkit-user-drag: none;
}


#navcontainer{ 
	left:0px;
	padding:0px;
	width: 50%; 
	position:absolute;
	top:140px;
	left:0px;
     text-decoration:none; 
/*	background:#ff00ff;	*/
}
 
#cuerpoPrincipal {
	position:absolute;
	top:0px;
	margin-top:130px;
	margin-left: 30px;
	margin-right: 0px;/*breathing space for the text*/
	margin-bottom: 0px;
	padding: 0px;/*space to separate navigation and content*/
	/*width: 360px;*/
	height:600px;
	/*background:#ff0000;*/
	z-index:2;
}
#barra {
	width:534px;
}

img.sello{
	border:10px;
	margin-top:20px;
    cursor:pointer;
}

img.sello3{
	border:0px;
    cursor:pointer;
     text-decoration:none; 
}


:active, :focus { outline: none; -moz-outline-style: none; }

img.iconomenudesplegable{
	position:absolute;
	left: 500px;
    top: 0px;
	
 	width:	50px;
	height:50px;
	padding-top:30px;
	padding-right:20px;
	padding-left:20px;
	/*background:#ff0000;	*/
}


.arrows{
/*    vertical-align: center; */
	width: 270px;
	height:115px;
	margin:0px;
	margin-left: auto;
    margin-right: auto; 
	padding:0px;
	background:#ff00ff;	
}

.arrowback{
	position:relative;
	top:30px;
	left:10px;
	width: 60px;
	height:60px;
	color:inherit;
	border:none;
	outline:none;
}
.arrowhome{
	position:relative;
	top:30px;
	left:10px;
	width: 60px;
	height:60px;
	color:inherit;
	border:none;
	outline:none;
}

.arrowforward{
	position:relative;
	top:30px;
	left:10px;
	width: 60px;
	height:60px;
	color:inherit;
	border:2px;
	outline:none;
}
.iconomenudesplegableDisplay{
	position:relative;
	top:30px;
	left:10px;
	width: 60px;
	height:60px;
	color:inherit;
	border:none;
	outline:none;
}

.arrowsecciones{
	position:absolute;
	top:10px;
	left:140px;
	width: 60px;
	height:60px;
	color:inherit;
	background: #ff0000;
	border:2px;
	outline:none;
}

table{
border:0px;
margin:0px;
padding:0px;

} 
table.tr{
border:0px;
margin:0px;
padding:0px;

} 
table.td{
border:0px;
margin:0px;
padding:0px;

}
table.thumbs{
	border:0px;
	margin-left: 12px;
    margin-right: 0px;
    margin-top: 0px;
    background:0xff00ff;	
    padding-top:0px;
    
}

td.thumbs{
	padding: 3px;
}
#menudesplegable{
	width: 600px;
	
}
div:first-child {
  opacity: .99;
}

.traslucent
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	width: 100%;
	height:100%;
    background: rgb(0, 0, 0);
    z-index: 10;
	overflow-x: hidden;
	overflow-y: hidden;
vertical-align: middle;
}

/*
.imagecontainer{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	width: 100%;
	height:100%;
    background: rgba(0, 255, 0, 0.9);
    z-index: 20;
	overflow-y: hidden;
}
*/
.painting{
	position:absolute;
   	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	width: 100%;
	height:100%;
	min-width: 100%;
    text-align:center;
   background: rgba(0, 0, 0, 0.9);
    z-index: 20;
 overflow-y: hidden;
overflow-x: hidden;
vertical-align: middle;
 }
 
#iconocerrar{
    position: absolute;
    top:10px;
    right: 10px;
    z-index:30;
    cursor:pointer;
	
}
#iconodcha{
    position: absolute;
    top:50%;
    right: 0px;
    z-index:30;
    cursor:pointer;
	
}
#iconoizqu{
    position: absolute;
    top:50%;
    left: 0px;
    z-index:30;
    cursor:pointer;
	
}


/*Centrado de la imagen horizontal y vertical */ 	
img.paint{
	position:absolute;
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
	margin-top:auto;
	margin-bottom:auto;
 	margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    max-height: 80%;
 	color: blue;
   background: rgba(0, 0, 0, 0.9);
overflow-x: hidden;
overflow-y: hidden;
 }  
 
 /* De momento, solo para el correo*/
 p.parrafomail{
 	color: white;
	text-decoration: none;
	font-size: 12pt;
	font-weight: 100;
	line-height: 20px;
	padding: 10px;
	font-family: verdana,arial, helvetica, sans-serif;
	padding-top:24px; 
	width:90%;
	padding-right:20px;
	padding-left:20px;
 	/*background: #00ff00;*/
 }	
 
  p.parrafomail2{
 	color: white;
	text-decoration: none;
	font-size: 12pt;
	font-weight: 100;
	line-height: 20px;
	padding: 10px;
	font-family: verdana,arial, helvetica, sans-serif;
	padding-top:0px; 
	width:90%;
	padding-right:20px;
	padding-left:20px;
 	/*background: #00ff00;*/
 }	
 
 p.mailaddress{
 	color: white;
	text-decoration: none;
	font-size: 14pt;
	font-weight: 100;
	padding: 10px;
	font-family: verdana,arial, helvetica, sans-serif;
 	text-align: center;
 }
 div.infotext{
 z-index:20;
 display:block;
 position:absolute;
 bottom: 0;
 left: 0;
 right: 0;
 background: rgba(0, 0, 0, 0);
 /*height:10%;*/
 }
  
  p.info{
 	color: white;
	text-decoration: none;
	font-size:9pt;
	font-size: 3vmin;        /*2vh;*/ /*9pt;*/
	/*font-weight: 100;*/
	/*line-height: 20px;*/
	padding: 0px;
	font-family: verdana,arial, helvetica, sans-serif;
	padding-top:0px; 
	padding-right:20px;
	padding-left:20px;
	text-align: center;
 	/*background: #00ff00;*/
 	
 }