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


* {
	margin:0;
	padding:0
}
/* mac hide \*/
html, body {
	height:100%;/* */
	width:100%;
	font-family: 'Andika', sans-serif;
	color: #000;
	font-size: 12px;
	background-color:#999;
}
/* end hide */
h1{
	font-size:24px;
	text-align:left;
	margin-bottom:15px;
	font-family: 'Andika', sans-serif;
	}
h2{
	color:#FFF;
	font-size:20px;
}
p {
	font-size: 14px;
	margin-bottom:20px;
	margin-right:40px;
	margin-left:40px;
	letter-spacing: 1px;
	line-height:16px;
/* 	color:rgb(0,70,173);*/
	color:#FFF;
	text-align:left;
	font-family: 'Andika', sans-serif;
	font-style: normal;
	font-weight: 400;
		text-align:justify;
	}
p a{
	margin-bottom:10px;
	letter-spacing: 1px;
	line-height:15px;
	color:rgb(255,255,255);
	text-align:left;
	text-decoration:none;
	}
	
p a:hover{
	color:#333;
	}
#pieportada a, #pie a{
	letter-spacing: 1px;
	color:rgb(255,255,255);
	text-align:left;
	text-decoration:none;
	}
#pieportada a:hover, #pie a:hover{
	color:#333;
	}

body {
/*	text-align:center; */
	min-height:540px;/* for good browsers*/
	min-width:900px;/* for good browsers*/
font-family: 'Puritan', sans-serif;
}
#douter {
	height:85%;/* */
	width:100%;
	display:table;
	vertical-align:middle;

}
#dcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	background-color:#999;
 	height: 555px;

/*	height:50%;*/
}
#dinner {
	width: 900px;
/*	background:#FFF;*/
	background:#999;
	height: 555px;  
	margin-left:auto;
	margin-right:auto;

/*	border:1px solid #990410; 
	border-left:1px solid #990410;
	border-right:1px solid #990410;
	border-top:1px solid #990410;*/
	border:solid 0px;
	border-color:rgb(0,0,0);
}
#contenido{
	position:relative;
	float:left;
	height:395px;
	width:350px;
	overflow:auto;
	}
#contenido1{
	overflow:hidden;
	background-image:url(imagenes/logofondo.gif); 
	background-repeat:no-repeat;
	width: 900px;
	height: 530px;
	padding-left:0px;
	
	}
#contenido2{
	position:relative;
	float:left;
	width:500px;
	height:325px;
	color:#FFF;
	padding:18px;
	}
	
#menunavi{
/*	list-style:disc; */
	font-family: 'Andika', sans-serif;
	color:#FFF;
	font-size:16px;
	
	}	
#menunavi li{
	line-height:30px;
	}
#menunavi li.descrip{
	font-size:12px;
	line-height:12px;
	margin-bottom:18px;
	}
#menunavi li a{
	color:#666;
	text-decoration:none;}
#menunavi li a:hover{
	color:#333;}
#log{
	position:relative;
	float:left;
	width:840px;
	height:210px;
	text-align:left;}
#galp img{margin-right:10px;
	padding-top:30px;
}
#galp{
	position:relative;
	float:left;
	width:480px;
	height:80px;
	padding-top:50px;
	text-align:left;
	color:#FFF;
z-index:10;
	font-size:14px;
}
#menu{
	clear:both;
	position:relative;
	float:left;
	width:275px;
	height:300px;
	left:35px;
	top:-5px;
	}
li.men1 {
	margin-left:99px;
	}
li.men2 {
	margin-left:70px;
	}
li.men3 {
	margin-left:40px;
	}
li.men4 {
	margin-left:10px;
	}
#contenidoReal{
	position:relative;
	float:right;
	width:470px;
	top:1px;
	height:304px;
	left:0px;
	/**/overflow:auto;
	margin-right:90px;
	background-image:url(imagenes/pru8.jpg);
	background-repeat:no-repeat;
/*	background-position:right;*/
	}
#contenidoRealFONDO{
	position:relative;
	float:right;
	background-image:url(imagenes/pru8.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-right:0px;
	width:470px;
	height:474px;
	padding-right:20px;
	}
#contenidoReal2{
	position:relative;
	float:right;
	width:419px;
	top:-45px;
	height:289px;
	padding:4px;
	overflow-x:hidden; 
	overflow-y:auto;
/*	overflow:auto;
	background:rgba(65,65,65,0.8);  
	border: 2px solid #FFF;
		*/
	margin-right:115px;

/*	margin-right:10px;*/
		 -moz-border-radius: 5px;
		 -webkit-border-radius: 5px;
		 border-radius: 5px;

	}
#contenidoReal3{
	position:relative;
	float:right;
	width:419px;
	top:-45px;
	height:289px;
	padding:4px;
	text-align:left;
	overflow-x:hidden; 
	overflow-y:auto;
/*	overflow:auto;
	background:rgba(65,65,65,0.8);  
	border: 2px solid #FFF;
		*/
	margin-right:115px;

/*	margin-right:10px;*/
		 -moz-border-radius: 5px;
		 -webkit-border-radius: 5px;
		 border-radius: 5px;

	}
ul.menuinterior{
	position:relative;
	float:right;
	top:-70px;
	width:419px;
	margin-right:115px;
	list-style:none;
	margin-top:12px;
	margin-bottom:5px;


}
ul.menuinterior li{
	display:inline;
	  padding-bottom:10px;
	  padding-top:10px;
	  line-height:20px;
	text-align:left;
	padding-left:0px;
	padding-right:0px;

}
ul.menuinterior li a{
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	background: #999999;
	background: rgba(153,153,153,0.3);
	border: 2px solid #777;
	padding: 8px 14px;
	margin-left:-5px;
		 -moz-border-radius: 5px;
		 -webkit-border-radius: 5px;
		 border-radius: 5px;
}
ul.menuinterior li:hover{

}
ul.menuinterior li a:hover{
		color:#333;
	background-color:#CCC;
}
ul.menuinterior li.selectec{
/*	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);
	*/
		margin-left:-5px;
	color:#333;
	font-size:16px;
	border: 2px solid #777;
	background:#CCC;
		 padding: 8px 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
#sele{
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg); 
	}

#contenido3{
	position:relative;
	float:left;
	width:650px;
	height:225px;
	margin-left:200px;
	margin-top:50px;
	}
#menu ul li{
	padding:8px;
	width:138px;
	height:30px;
	background-image:url(imagenes/fonmenu.png);
	background-repeat:no-repeat;
	text-align:left;
	padding-left:40px;	
	}
#menu ul li:hover{
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);}
#menu ul li a{
	text-decoration:none;
	font-family: 'Andika', sans-serif;
	color:#FFF;
	font-size:18px;
	line-height:10px;
	trasition: color 5s ease-in;
    -moz-transition: color 0.5s ease-in;
    -o-transition: color 0.5s ease-in;
    -webkit-transition: color 0.5s ease-in;
	}
#menu ul li a:hover{
	color:#333;

}

#contereal{
	position:relative;
	float:left;
	width:650px;
	height:230px;

}
#button{
	text-align:center;
	width:100%;
	}
p.poco15{
	margin-top:-10px;
	border:0;
	}
#pieportada{
	float:right;
	position:relative; 		
	font-family: 'Andika', sans-serif;
	width:800px;
	height:31px;
	margin-bottom:0px;
	top:0px;
	background-color:#999; 
	color:#FFF;
	/*	border:1px solid #FFF; 
	*/
	padding-right:28px;
	text-align:right;
	font-size:12px;
}
#pieportada p, #pie p{
	text-align:right;
	font-size:12px;
	line-height:12px;
	
	}
#pie{

	font-family: 'Andika', sans-serif;
	width:700px;
	height:25px;
	
	
	top:20px;
	position:relative; /* mas */
	float:right;
	background-color:#999; 
	color:#FFF;
	/*	border:1px solid #FFF; */
	text-align:right;
	padding-right:93px;
	font-size:12px;

	}
a.enlace{

	margin-bottom:20px;
	letter-spacing: 1px;
	line-height:15px;
	color:rgb(250,250,250);
	text-align:left;
	text-decoration:none;
font-size:15px;
	}
	
a.enlace:hover{
	color:#333;
	}
p.comentario {
	font-size: 14px;
	margin-bottom:20px;
	margin-right:7px;
	margin-left:0px;
	line-height:16px;
	letter-spacing: 0.3px;
/* 	color:rgb(0,70,173);*/
	color:#FFF;
	text-align:left;
	font-family: 'Andika', sans-serif;
	font-style: normal;
	font-weight: 400;
		text-align:justify;
	}

#pscroller1 {
width: 360px;
height: 100px;
border: 1px solid #FFF;
padding: 5px;
background-color:#000;
color:#FFF;
float:right;}
.someclass{
background:#000;
font-family: 'Andika', sans-serif;}
.someclass a, .someclass a:visited{color:#FFF;}
.someclass a:hover{color:#999:}
.overlai{
	width:97%;
	background:#CCCCCC;}
#lssice{
	overflow:hidden;
	width:100%;
	background:#ddd;
	z-index:0;
	top:50px;
	padding:15px;
	text-align:center;
	
	}
#peque{
	font-size:9px;
	color:#000;}	
#peque input{
	font-size:9px;
	background:#FFF;
}