/*---------------------------------------------------------------------------------------*/
/*----------- ESTILOS MAESTROS -----------*/
/*---------------------------------------------------------------------------------------*/
html
{
	margin:0;
	padding:0;
	background-color:#fff; 
}

body
{
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
	color:#555;
	text-align:center;
}

a
{
	color: #666699;
	text-decoration:none;
}

a:hover
{
	color:#FFA400;
}

	
/*---------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

/*------------------------------- MENU SUPERIOR -----------------------------------------*/
#menusup
	{
	margin:0.3em 0em 0em 0em;
	padding:1.3em 0em 0em 0em;
	height:3em;
	background:url(pics/gr_barra.png) top center no-repeat;
	display:block;
	text-align:center;
	}

#menusup li , #menusup ul
{
	margin:0;
	padding:0;
	display:inline;
	
}



 #menusup a 
{
	font-family:Trebuchet MS, Verdana,Arial,Helvetica, sans-serif;
	padding:0em 0.7em 0em 0.2em;
	font-size:105%;
	font-weight:bold;
	text-transform:capitalize;
	background:url(pics/gfx_dot.png) right center no-repeat;
	
}

 #menusup a.no-dot
{
	background:none;
}
/*---------------------------------------------------------------------------------------*/
/*------------------------------    CONTENIDO CENTRAL   ---------------------------------*/
/*---------------------------------------------------------------------------------------*/

	
#contenedor
{ 
	margin: auto;
	text-align:left;
	width:780px;
	height:420px;
	background:url(pics/index_back.png) top center no-repeat ; 
}	
	

#contenedor.error404
{ 
	background:url(pics/index_back_error404.png) top center no-repeat ; 
}

#contenedor.error401
{ 
	background:url(pics/index_back_error403.png) top center no-repeat ; 
}

#contenedor.error403
{ 
	background:url(pics/index_back_error403.png) top center no-repeat ; 
}

#contenedor.error500
{ 
	background:url(pics/index_back_error500.png) top center no-repeat ; 
}

#contenedor a
{
	text-decoration:none;
	font-weight:bolder;
}

#contenedor a:hover
{
	color:#FFA400;
}




#row01
{
	z-index:3;
	margin:0em auto 0em auto;
	padding:55px 0em 0em 0em;
	width:780px;
/*	height:10px;*/
	position:absolute;
	text-align:center;
	display:block;
	clear:both;
}
	
#row02
{
	z-index:2;
	margin:0em auto 0em auto;
	padding:170px 0em 0em 0em;
	width:780px;
/*	height:102px;*/
	position:absolute;
	text-align:center;
	display:block;
	clear:both;
}
	
#row03
{
	z-index:1;
	margin:0em auto 0em auto;
	padding:290px 0em 0em 0em;
	width:780px;
/*	height:102px;*/
	position:absolute;
	text-align:center;
	display:block;
	clear:both;
}
	
#index-me a
{
	position:relative;
	padding-top:5.8em;
	background:url(pics/index_me-move.png) top left no-repeat;
	float:left;
	left:120px;
	width:100px;
	display:block;
}

#index-me a:hover
{
	background-position:top right;
}
	
	
#index-docs a
{
	position:relative;
	padding-top:5.8em;
	background: url(pics/index_docs-move.png) 10px 0% no-repeat;
	float:right;
	right:120px;
	width:100px;
	display:block;
}

#index-docs a:hover
{
	background-position: -140px 0px ;
}

#index-blog a 
{
	position:relative;
	padding-top:5.8em;
	background:url(pics/index_blog-move.png) top left no-repeat;
	float:left;
	left:28px;
	width:100px;
	display:block;
}

#index-blog a:hover
{
	background-position:top right;
}
	

#index-links a
{
	position:relative;
	padding-top:5.8em;
	background: url(pics/index_links-move.png) top left no-repeat;
	float:right;
	right:20px;
	width:100px;

}

#index-links a:hover
{
	background-position:top right;
}

#index-portafolio a
{
	position:relative;
	padding-top:5.8em;
	background: url(pics/index_otto-move.png) 50% -40px no-repeat transparent;
	float:left;
	width:40%;
}

#index-portafolio a:hover
{
	background-position:50% -240px;
	background-repeat:no-repeat;
}	
	
#index-album a
{
	position:relative;
	padding-top:5.8em;
	background: url(pics/index_album-move.png) 50% 0% no-repeat;
	float:left;
	width:20%;
}

#index-album a:hover
{
	background-position:50% -200px;
}
	
#index-projects a
{
	position:relative;
	padding-top:5.8em;
	background: url(pics/index_projects-move.png) 50% 0% no-repeat;
	float:left;
	width:40%;
}

#index-projects a:hover
{
	background-position:50% -200px;
}

/*------------------------------- MENU INFERIOR -----------------------------------------*/

#menubottom
{ 
	margin:0;
	padding:1.2em 0em 0em 0em;
	clear:both;
	display:block;
	text-align:center;
	height:5em;
	background:url(pics/gr_barra-bottom.png) top center no-repeat;

}

#menubottom h2
{
	display:inline;
	background:url(pics/back_note-small.png) left center no-repeat;
	padding:0.3em 0.5em 0.2em 1.5em;
	font-size:80%;
}

#menubottom p.novedades
{
	margin:0;
	padding:0;
	font-size:80%;
	display:inline;
}

#menubottom p
{
	display:inline;

	margin:0;
	padding:0;
	font-size:78%;
	margin:0;
}
#menubottom hr
{
	font-size:78%;

	margin:0.3em auto 0.2em auto;
	padding:0;
	width:700px;
	text-align:center;
}


#menubottom .cc
{
	background:url(pics/ico-cc-bottom.png) right center no-repeat;
	padding-right:2em;
}


#menubottom .mail
{
	background:url(pics/ico-mail-bottom.png) right center no-repeat;
	padding-right:1.8em;
}

#menubottom .mapaweb
{
	background:url(pics/ico-mapaweb-bottom.png) right center no-repeat;
	padding-right:1.5em;
}

#menubottom .info
{
	background:url(pics/ico-info-bottom.png) right center no-repeat;
	padding-right:1.5em;
}




p.error
{
	display:block;
	color:#FFA400;
	font-size:250%;
	text-align:center;
	margin:auto;
	padding-top:5em;

}


p.error-desc
{
	display:block;
	color: ;
	font-size:120%;
	text-align:center;
	margin:auto;
}


p.error-suggestion
{
	display:block;
	color: ;
	font-size:100%;
	text-align:center;
	margin:auto;
	margin-top:3em;
}


/*---------------------------------------------------------------------------------------*/
/*----------- CLASES ESPECIALES ------------*/
/*---------------------------------------------------------------------------------------*/		

/*----------- clases del men superior -----*/

.mail
{
	background:url(pics/ico-mail.png) right center no-repeat;
	padding:0.1em 1.8em 0.1em 0em;
}



.display-none
{
	display:none;
}