body {
	background-color:#C5C4C3;
}
* {
	margin:0px;
	padding:0px;
}
a	{
	text-decoration:none;
}
.clear	{
	clear:both;
	margin-bottom:0px;
}
.com	{
	padding:0px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:10px;
	color:#1A4843;
}
.pantalla	{
	margin:80px auto;
	width:340px;
	background-color:#2DE2F7;
	padding:15px;
}
.volver	{
	float:left;
	margin:20px 20px 0px 0px;
}
ul	{
	list-style:none;
}
/*
* Formato primera pantalla
*/
#formulario {
	margin:80px auto;
	width:350px;
	background-color:#2DE2F7;
	padding:15px;
	webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
}
#formulario ul	{
	list-style:none;
	padding-left:45px;
}
#formulario li	{
	margin-bottom:8px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;		
}
#formulario li.texto	{
	margin-top:15px;	
}
#formulario li.boton	{
	float:right;	
	margin-top:10px;
	margin-bottom:5px;
}
#formulario li input.btn	{
	margin-right:40px;
	padding:4px 2px;
    background-color:#02B8CC;
    width:100px;
	font-size:18px;
	-moz-border-radius:5px;
}
#formulario li input.btn:hover	{
	background-color:#0303C9;
	color:#D8D8D8;
}
#formulario p	{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#232323;
}
#formulario a	{
	color:#151515;
	font-weight:bold;
}
#formulario a:visited	{
	color:#151515;
}
#formulario a:hover	{
	color:#422745;
}
/*
* Formato pantalla foto
*/
#foto	{
	width:720px;
	margin:auto;
	border:solid 10px #EFEECF;
	background-color:#EFEECF;
	padding-top:2px;
	-moz-box-shadow: 3px 3px 4px #777;
	-webkit-box-shadow: 3px 3px 4px #777;
}
#foto img	{
	
}
/*empiezo la barra de navegación y las flechas*/
#nav	{
	width:720px;
	margin:auto;
	background-color:#EFEECF;
	padding:10px;
	-moz-box-shadow: 3px 3px 4px #777;
	-webkit-box-shadow: 3px 3px 4px #777;
}
#nav ul	{
	list-style:none;
}
#nav li	{
	float:left;
	margin:0px 252px 8px 0px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;			
}
#nav li.izda a {
	display:block;
	width:55px;
	height:45px;
	text-indent:-9999px;
	background:url(imagenes/flechaizda.png) top left no-repeat;
}
#nav li.izda a:hover {
	background-position:0 -45px;
}
#nav li.inicio a {
	margin-top:-12px;
	display:block;
	width:105px;
	height:55px;
	text-indent:-9999px;
	background:url(imagenes/inicio.png) top left no-repeat;
}
#nav li.inicio a:hover {
	background-position:0 -55px;
}
#nav li.derecha	{
	margin:0px 0px 8px 0px;
}
#nav li.derecha a {
	display:block;
	width:55px;
	height:45px;
	text-indent:-9999px;
	background:url(imagenes/flechadcha.png) top left no-repeat;
}
#nav li.derecha a:hover {
	background-position:0 -45px;
}
/*comentarios*/	
#contenedor	{
	width:740px;
	margin:auto;
	background-color:#EFEECF;
	-moz-box-shadow: 3px 3px 4px #777;
	-webkit-box-shadow: 3px 3px 4px #777;
}
#contenedor ul ul {/* Para todos los ul debajo del ul.contenedor	 */
	display:none;
	list-style:none;
	background-color:#06069A;
} 
#contenedor ul li:hover > ul	{/* Para mostrar submenus al pasar por encima */
   display:block;
   width:100px;
 }
#comentario 	{/*caja de comentarios*/
	width:690px;
	margin:auto;
	background-color:#FDFDF2;
	border:solid #EFEECF 10px;
	padding:10px 20px 20px 10px;
	color:#232323;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
}
/*
* formato login
*/
#login	{
	min-height:80px;
	margin:80px auto;
	width:340px;
	background-color:#2DE2F7;
	padding:15px;
	webkit-box-shadow: 3px 3px 7px #777;
	-moz-box-shadow: 3px 3px 7px #777;
}
#login p	{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#232323;
}
#login a	{
	color:#151515;
	font-weight:bold;
}
#login a:visited	{
	color:#151515;
}
#login a:hover	{
	color:#422745;
}
#login ul	{
	padding-left:45px;
}
#login li	{
	margin-bottom:15px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;		
}
#login li.texto	{
	margin-top:25px;	
}
#login li.boton	{
	float:right;	
	margin-top:5px;
	margin-bottom:15px;
}
#login li input.btn	{
	margin-right:30px;
	padding:4px 2px;
    background-color:#02B8CC;
    width:100px;
	font-size:18px;
	-moz-border-radius:5px;
}
#login li input.btn:hover	{
	background-color:#0303C9;
	color:#D8D8D8;
}
/*
* diseño menu flotante
*/
#menu {
	width:79px;
	float:left;
	padding:5px 7px 5px 4px;
	position:fixed;
	top:0px;
	left:5px;
	background-color:#001EFF;
	font-size:10px;
	color:#EFEECF;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:solid 1px #001EFF;
	-moz-border-radius:0px 0px 8px 8px;
}
#menu ul ul {/* Para todos los ul debajo del ul.contenedor */
	display:none;
	margin-top:3px;
}
#menu li	{
	padding-bottom:1px;
} 
#menu ul li:hover > ul	{/* Para mostrar submenus al pasar por encima */
   display:block;
   /*
padding-bottom:2px;
*/
}
#menu a	{
	color:#EFEECF;
	font-size:9px;
}
#menu a:visited	{
	color:#EFEECF;
}
#menu a:hover	{
	color:#EDC745;
}
/*
* disño página información
*/
#info {
	margin:50px auto;
	width:600px;
	background-color:#2DE2F7;
	padding:15px 15px 25px 15px;
	-moz-box-shadow: 3px 3px 7px #777;
	-webkit-box-shadow: 3px 3px 7px #777;
}
#info h1	{
	background-color:#2DE2F7;
	text-align:center;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	margin-top:10px;
	font-size:40px;
}
#info h2	{
	background-color:#2DE2F7;
	text-align:center;
	padding-bottom:15px;
	padding-top:10px;
	font-size:25px;
}
#info a	{
	color:#151515;
	font-weight:bold;
}
#info a:visited	{
	color:#151515;
}
#info a:hover	{
	color:#422745;
}
#info a.inicio	{
	width:80px;
	margin:25px auto 15px auto;
	background-color:#B8F7FE;
	padding:5px;
	display:block;
	text-align:center;
	font-size:17px;
	-moz-border-radius:35px;	
	-moz-box-shadow: 3px 3px 3px #777;
	-webkit-box-shadow: 1px 2px 7px #777;
}
#info a.inicio:hover	{
	background-color:#03AABC;
	color:#D4D4D4;
}
.caja	{
	background-color:#DFFCFF;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:8px 15px 15px 15px;
}

.caja p	{		
	text-align:justify;
	text-indent:5px;
	line-height:20px;
	margin-bottom:10px;
}
.caja ul	{
	list-style:circle;
	list-style-position:inside;
	font-size:13px;
	margin-left:30px;
	margin-bottom:10px;
}
.caja li	{
	margin-bottom:5px;
}
.caja span.hecho	{
	text-decoration:line-through;
}
#ribbonderecho	{  
 	position: absolute;  
	right: 0;  
	top: 0;  
	display: block;  
	height: 125px;  
	width: 125px;  
	background: url(imagenes/bandafotolog.png) no-repeat;  
	text-indent: -1999px;  
	text-decoration: none;  
}