html {background-position: center center; background-repeat: no-repeat; background-image: url(../images/wc.jpg);
-webkit-background-size: cover;
   -moz-background-size: cover;
     -o-background-size: cover; 
        background-size: cover;
     
height: 100%;
position: absolute;
width: 100%;}

body
{
   background-color: #fff;
   background-image: url(../simages/1.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	font-family: Gotic;
}

	a:hover
	{
	 text-decoration: line-through;
	 }
#topmenu
{
	width: 100%-100px;
	height: 30px;
	border-bottom-color: #404040;
	border-bottom-style: solid;
	border-width: 0px;
	background-color: #fff;
 }
#contenedor
{
	background-image: url('http://www.williamcalavera.com/images/wc.png');
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;	
	position: absolute;	
	height: 450px;
	width: 100%;
/*	
	border-style: solid;
	border-color: red;
	border-width: 1px;
*/	
	}
a{
	text-decoration: none;
	color: #606060;
}

.menuitem
{
padding-top: 10px;	
padding-right: 200px;
font-family: Arial;
font-style: normal;
font-size: 11px;
color: #000;
/*border-style: dotted;
border-width: 1px;
border-color: red;
*/	}
#box 
{
width: 300px;
height: 300px;
float: left;
border-style: dotted;
border-width: 1px;
border-color: red;
	}

.hidden{
    display: none;
}
#cirkel :hover + #box {
    display: block;
}


	
	}



#cirkel {
	/*background-image: url(../images/1.jpg); */
	background-color: red; 
	background-repeat:no-repeat; 
	background-position: center bottom;
	width: 150px;
	height:150px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius: 50%;
	        .border-radius: 105px 105px 105px 105px;
	box-shadow: 0px 0px 15px 0px #ffffff;		
        
}

#cirkel2 {
	background-image:url(../images/2.jpg); 
	background-repeat:no-repeat;
	background-position: center center;
	width: 120px;
	height:120px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius: 50%;
	        .border-radius: 105px 105px 105px 105px;
	box-shadow: 0px 0px 15px 0px #ffffff;		
}

#cirkel3 {
	background-image:url(../images/3.jpg); 
	background-repeat:no-repeat; 
	background-position: center center;
	width: 90px;
	height:90px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius: 50%;
	        .border-radius: 105px 105px 105px 105px;
	box-shadow: 0px 0px 15px 0px #ffffff;		
}

#cirkel4 {
	background-image:url(../images/4.jpg); 
	background-repeat:no-repeat;
	background-position: center left; 
	width: 60px;
	height:60px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius: 50%;
	        .border-radius: 105px 105px 105px 105px;
	box-shadow: 0px 0px 15px 0px #ffffff;		
}


#cirkel5 {
	background-image:url(../images/5.jpg); 
	background-repeat:no-repeat; 
	background-repeat: r
	background-position: center left;
	width: 30px;
	height:30px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius: 50%;
	        .border-radius: 105px 105px 105px 105px;
	box-shadow: 0px 0px 15px 0px #ffffff;		
}

#cirkel6 {
	background-image:url(../images/1.jpg); 
	background-repeat:no-repeat; 
	width: 6px;
	height:6px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius: 50%;
	        .border-radius: 105px 105px 105px 105px;
	box-shadow: 0px 0px 15px 0px #ffffff;		
}


#header {
	background-image:url(../images/1.jpg); 
	background-repeat:no-repeat; 
	background-color: #3e8ede;
	display:block;
	width: 950px;
	height:155px;
	margin-top: 0px;

	margin-right: auto;
	margin-left: auto;
	border-style: solid;
	border-bottom-color: #afafaf; 
	border-left-color:   #afafaf;
	border-right-color:  #afafaf;
	border-width: 0px;

	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius: 0px 0px 15px 15px;
	-webkit-box-shadow: 7px 8px 2px #333;	
		-moz-box-shadow: 7px 8px 2px #333;
			  box-shadow: 0px 6px 15px #fff;
	        
}
#news
{
	padding-top: 10px;
	background-image:url('../images/1.jpg');
	background-repeat: no-repeat; 
	display: block;
	float: left;
	background-color: #000;

	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 35px 15px #fff;	        

	#display:block;
	width:304px;
	height:200px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: 350px;
	}

#news2
{
	padding-top: 10px;
	background-image:url('../images/1.jpg');
	background-repeat: no-repeat; 
	float: left;
	background-color: #ffffff;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 8px 10px #fff;	        

	display:block;
	width:304px;
	height:200px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: 10px;
	border-style: solid;
	border-color: blue;
	border-width: 0px;
	}

#news3
{
	padding-top: 10px;
	background-image:url('../images/.jpg');
	background-repeat: no-repeat; 
	float: right;
	background-color: #000;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 8px 10px #fff;	        

	display:block;
	width:304px;
	height:200px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: 10px;
	border-style: solid;
	border-color: blue;
	border-width: 0px;
	}

#news4
{
	padding-top: 10px;
	background-image:url('../images/2.jpg');
	background-repeat: no-repeat; 
	float: center;
	clear: both;
	background-color: #000;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius: 50%;
	        .border-radius: 105px 105px 105px 105px;
	box-shadow: 0px 0px 15px 0px #ffffff;	        

	display:block;
	width:150px;
	height:150px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: 10px;
	border-style: solid;
	border-color: blue;
	border-width: 0px;
	}

#home 
{
   font-size: 12px;
	line-height: 18px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-shadow: 0px 0px 0px #000;	
	float: left;
	width: 51px;
	height: 20px;
	padding-top: 10px;
	padding-left: 16px;
	border-right-style: solid;
	border-width: 1px;
	border-style: solid;
	border-color: #404040;
	
		 }



#perfil
	{	
	 font-size: 12px;
	line-height: 18px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	text-shadow: 0px 0px 0px #000;
	
   float: left;
	width: 83px;
	height: 25px;
	margin-left: 12px;
	padding-left: 10px;
	padding-top: 10px;
	border-right-style: solid;
	border-width: 1px;
	border-style: solid;
	border-color: #404040;	
	}		
	 
	 
#bio
	{	
	 font-size: 12px;
	line-height: 18px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	text-shadow: 0px 0px 0px #000;	
	
	
   float: left;
	width: 61px;
	height: 25px;
	margin-left: 12px;
	padding-left: 15px;
	padding-top: 10px;
	border-right-style: solid;
	border-width: 1px;
	border-style: solid;	
	border-color: #404040;
	}			 


#contacto
	{	
	 font-size: 12px;
	line-height: 18px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	text-shadow: 0px 0px 0px #000;
	
	float: left;
	width: 81px;
	height: 25px;
	margin-left: 12px;
	padding-left: 13px;
	padding-top: 10px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:0px 0px 0px 0px;
	border-right-style: solid;
	border-width: 1px;
	border-style: solid;
	border-color: #f0f0f0; 
		}	






/*

@media only screen and (max-width: 1925px) {

	

	body {background-position: left top; background-repeat: no-repeat; background-image: url(images/bg.jpg);}	

}



@media only screen and (max-width: 1605px) {

	

	body {background-position: left top; background-repeat: no-repeat; background-image: url(images/bg-1600.jpg);}	

}



@media only screen and (max-width: 1285px) {

	

	body {background-position: left top; background-repeat: no-repeat; background-image: url(images/bg-1280.jpg);}	

}



@media only screen and (max-width: 1030px) {

	

	body {background-position: left top; background-repeat: no-repeat; background-image: url(images/bg-1024.jpg);}	

}



@media only screen and (max-width: 980px) {

	body {background-position: right top; background-repeat: no-repeat; background-image: url(images/bg-iphone.jpg);}	

}



@media only screen and (max-width: 767px) {

	body {background-position: left top; background-repeat: no-repeat; background-image: url(images/bg-mob.jpg);}	

}
*/