@charset "UTF-8";
/* CSS Document */

*{
		margin:0;
		padding:0;
		border-bottom-color: #B5D5FF;
}



/*body style{overflow-x:hidden; overflow-y:scroll;}
*/
* {margin: 0;}


* body {overflow-x:hidden; overflow-y:scroll;}
 


#enter{ 	width:490px;
			height:470px;
			position: absolute;
			margin-left:0px;
			bottom:0px;
		/*	.background-image: url("ppl_img1.png") !important;
			.background-image: none; 
			.filter: none !important;
			.filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ppl_img1.png');*/
			}


body {      background-color:#a48d63;
			background-image: url(../img/bg1.png);
			top:0; 
			left:0; 
			width:100%; 
			height:100%; 
			overflow:hidden;
			}

	  
	  
#principal	{
			width:847px;
			height:630px;
			background-color:#a58f64;
			background-image: url(../img/bg2.png);
			margin: 0px auto 0px auto;
			border-bottom:1px;
			border-left:1px;
			border-right:1px;
			border-bottom-color:#867350;
			border-left-color:#867350;
			border-right-color:#867350;
			border-bottom-style:solid;
			border-left-style:solid;
			border-right-style:solid;
			/*position:absolute; */
			top:0; 
			left:0; 
			/*width:100%; 
			height:100%; */
			overflow: visible; 

			
			 }
			 
			 
#logo { 
			width:200px;
			height:50px;
			padding-top:10px;
			padding-left:25px;
			float:left;
			text-decoration:none;}			 
			 
html>body #principal { 
			  position:static; 
			  top:auto; 
			  left:auto; 
			 /* width:auto; 
			  height:auto; */
			  overflow:visible; }
			  
			  
#bloque_izq {
			display:block;
			width:330px;
			height:400px;
			float:left;
			
			
						  
}

#bloque_drch {
			display:block;
			width:515px;
			height:560px;
			float:left;
			}
		 
#menu         {float:right;}
			
				
				
#menu li {float:left;
		margin-right:25px;
		margin-top:10px;
	
		}
			
			 li {list-style-type:none;}		
			 
#portafolio a{
				display:block;
				width:90px;
				height:27px;
				text-decoration:none;
				background-image: url(../img/bt_portf.png);
				background-position:0 0;
			
				
				}	
				
#portafolio a:hover {
				
				text-decoration:none;
				background-image: url(../img/bt_portf.png);
				background-position:0 27px;
				}			
			
	  #blog a{
				display:block;
				width:50px;
				height:27px;
				text-decoration:none;
				background-image: url(../img/bt_blog.png);
		
				background-position:0 0;
		
				
				
				}	
				
#links a:hover {
				
				text-decoration:none;
				background-image: url(../img/bt_links.png);
				background-position:0 27px;
				}
				
				
	  #links a{
				display:block;
				width:58px;
				height:27px;
				text-decoration:none;
				background-image: url(../img/bt_links.png);
		
				background-position:0 0;
		
				
				
				}	
				
#blog a:hover {
				
				text-decoration:none;
				background-image: url(../img/bt_blog.png);
				background-position:0 27px;
				}		
	
				
#contacto a{
				display:block;
				width:81px;
				height:27px;
				text-decoration:none;
				background-image: url(../img/bt_conct.png);
				background-position:0 0;
			
				
				}	
				
#contacto a:hover {
				
				text-decoration:none;
				background-image: url(../img/bt_conct.png);
				background-position:0 27px;
				}	
										
				
#menu ul li span{display:none;
				}

	

#columna {
	width:90px;
	height:auto;
	/*margin-top:20px;*/
	margin-left:25px;
	float:left;
	/*clear:both;*/
	display:block;
	
	}
				
#columna2 {
	width:90px;
	height:auto;
/*	margin-top:20px;
*/	margin-left:10px;
	float:left;
	
}

#columna3 {
	width:90px;
	height:auto;
/*	margin-top:20px;
*/	margin-right:20px;
	float:right;
	display:block;
	clear:right;
	
}
				
/*#bgaleria{		float:right;
				margin-top:30px;
				margin-right:70px;
}*/

.fila {			
/*display:inline;*/
				float:left;
				margin-bottom:8px;
				width:auto;
				height:40px;
				/*padding-left:10px;*/
				}

.caixa1 { 		display:block;
				width:37px;
				height:40px;
				float:left;
				margin-left:7px;
				margin-bottom:8px;
				
				}
				
.caixa2 { 		display:block;
				width:37px;
				height:40px;
				float:right;
				margin-left:7px;
				margin-bottom:8px;
				}
				
				
.ilu {		margin-left:10px;
			margin-bottom:4px;
			}	
			
.arte{		margin-left:30px;
			margin-bottom:4px;	
			}
				
.ani{		margin-left:10px;
			margin-bottom:4px;
			}	
			
			/*imagenes del index*/
			
.index_img { 	background-image: url(../img/index_img.png);
				width:494px;
				height:435px;
				position: absolute;
				.background-image: url("index_img.png")!important;
				.background-image: none; 
				.filter: none !important;
				.filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index_img.png');				/* position:absolute;*/ 
				left:0px;
				bottom:0px;}

.index_img2 { 
				background-image: url(../img/index_img2.png);
				position: absolute;
				right:0px;
				bottom:0px;
				width:399px;
				height:470px;
				.background-image: url("index_img2.png") !important;
				.background-image: none; 
				.filter: none !important;
				.filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ppl_img2.png');				/* position:absolute;*/ 
				 

				
			
			
}



.img_bt{ padding-top:242px;
		padding-left:158px;
		position:fixed;}


html>body #img { 
  position:fixed; }
  
 .img { 
				background-image:url(../img/ppl_img.png);
				position: fixed;
				left:0px;
				bottom:0px;
				width:245px;
				height:384px;
				/*.background-image: url("ppl_img2.png") !important;
				.background-image: none; 
				.filter: none !important;
				.filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ppl_img2.png');	*/			/* position:absolute;*/ 
				 

				
			
			
}
  
.img2 { 		background-image:url(../img/ppl_img2.png);
				width:215px;
				height:401px;
				position: fixed;
				/*.background-image: url("ppl_img.png")!important;
				.background-image: none; 
				.filter: none !important;
				.filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ppl_img.png');	*/			/* position:absolute;*/ 
				right:0px;
				bottom:0px;}
				
				

.lablog {
	
			 float:left;
			 width:700px;
			 height:550px;
			 clear:both;
			
			 margin-left:75px;
			 border-top:1px;
			 border-top-color:#867350;
			 border-bottom:1px;
			 border-top-style:solid;

			/* border-left:1px;
			 border-right:1px;
			
			 border-bottom-color:#867350;
			 border-left-color:#867350;
			 border-right-color:#867350;
			 border-bottom-style:solid;
			 border-left-style:solid;
			 border-right-style:solid;
			 background-image:url(../img/bg1.png);
	*/
	
}

#galeria {  display:block;
			/*padding-right:15px;*/
		    text-align:right;
			float:left;
			width:515px;
			height:525px;
			margin-top:35px;
/*			background-color:#003366;
*/			
		}
			
	

#roll_1 {
	position:absolute;
	float:right;
	width:486px;
	height:229px;
	visibility:visible;
/*	margin: 0px auto 0px auto;
*/
}

#roll_2 {
	position:absolute;
	
	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
/*	margin: 0px auto 0px auto;
*/
}
#roll_3 {

	position:absolute;
	
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
/*	margin: 0px auto 0px auto;
*/		}
		
#roll_4 {

	position:absolute;
	
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
/*		margin: 0px auto 0px auto;
*/		}
		
		
#roll_5 {

	position:absolute;
	
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
/*		margin: 0px auto 0px auto;
*/		}
		
#roll_6 {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_7 {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_8 {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
		
#roll_9 {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_10 {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
		
#roll_11 {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_12 {

		position:absolute; 
		width:486px;
		height:229px;
		z-index:99;
		visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_13 {

		position:absolute; 
		width:486px;
		height:229px;
		z-index:99;
		visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_1a {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_2a {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_3a {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_4a {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_5a {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_6a {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_7a {

	position:absolute;

/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_8a {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
		
#roll_9a {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_10a {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_11a {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_12a {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
#roll_1b {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		

		
		
#roll_2b {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
	
#roll_3b {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}
		
	#roll_4b {

	position:absolute;
/*	float:right;
*/	width:486px;
	height:229px;
	z-index:99;
	visibility:hidden;
		margin: 0px auto 0px auto;}	
		
#galeria p {
			font-family:Verdana, Arial, "Helvetica", sans-serif;
			font-size:10px;
			color:#333333;
			font-weight:lighter;
		}

.cb{clear:both;}

/*	#formulario {
	background-image:url(../img/formulario.jpg);
	width:327px;
	height:374px;
	background-repeat:no-repeat;
	background-color:transparent;
	border:0px transparent;
	padding-top: 25px;
	margin-right:40px;
	margin-top:60px;
	float:right;}*/
				
				


		
/*input.nombre{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	width:214px;
	height:22px;

	padding-top:2px;
	background-color:transparent;
	border:0px transparent;
	margin-bottom:8px;
	margin-top:42px;
	margin-left:28px;
}		
		

		
input.mail{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	width:214px;
	height:22px;

	padding-top:2px;
	background-color:transparent;
	border:0px transparent;
	margin-bottom:8px;
	margin-top:8px;
	margin-left:28px;
}	

input.asunto{
		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	width:214px;
	height:22px;

	padding-top:2px;
	background-color:transparent;
	border:0px transparent;
	margin-bottom:8px;
	margin-top:8px;
	margin-left:28px;
	
}	
textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border:0px transparent;
	background-color:transparent;
	color:#000000;
	font-size:9px;
	width: 256px;
	height: 133px;
	margin-top:8px;
	margin-left:28px;
	padding-top:2px;}
	
.boto_envia{

		background-color:transparent;
		border:0px;
		width:100px;
		height:25px;
		}*/
#foto{
	display:block;
	width:400px;
	height:380px;
	float:left;
	margin-left:50px;
	margin-top:60px;
	color:#ffffff;

	
}	
	

	
#resumen{
	display:block;
	width:300px;
	height:380px;
	float:left;
	margin-right:0px;
	margin-top:60px;
	
	}
	
#texto{	color:#ffffff;
		margin-top:30px;
		
}

#copy{ font-family:"Verdana", Arial, Helvetica, sans-serif;
		font-size:8px;
		bottom:0px;
		margin-left:50px;}


#resumen p {font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#000000;
			
			
}