@charset "utf-8";
*		{	text-align: center;	margin: 0px;	padding: 0px;	}
body	{	text-align: center;	padding: 0px;					}
ul		{	display: inline;	list-style-type: none;			}
li		{	display: inline;	}
img 	{	border-style: none;	}


/*------------------Clase-----------------*/

.borrar, #nav_movil {	display: none;	}
.home {
	background-image: url(../imgs/btn_H.png);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	height: 90px;
	width: 90px;
	text-indent: -9999px;
	float: left;
	text-decoration: none;
}
.portfolio {
	background-image: url(../imgs/btn_P.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-indent: -9999px;
	display: block;
	height: 90px;
	width: 90px;
	float: left;
	text-decoration: none;
}
.blog {
	background-image: url(../imgs/btn_B.png);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	height: 90px;
	width: 90px;
	text-indent: -9999px;
	float: left;
	text-decoration: none;
}
.sobre {
	background-image: url(../imgs/btn_S.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-indent: -9999px;
	display: block;
	height: 90px;
	width: 90px;
	float: left;
	text-decoration: none;
}
.home:hover, .portfolio:hover, .blog:hover, .sobre:hover {
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	text-indent: 0px;
	padding-top: 70px;
	height: 20px;
	}
.fb {
	background-image: url(../imgs/ico_fb-trans.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	padding-top: 8px;
	margin-left: 42px;
}
.twitter {
	background-image: url(../imgs/ico_t-trans.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	padding-top: 8px;
	margin-left: 13px;
}
.tuenti {
	background-image: url(../imgs/ico_tu-trans.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	padding-top: 8px;
	margin-left: 13px;
}
.dev {
	background-image: url(../imgs/ico_d-trans.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	padding-top: 8px;
	margin-left: 13px;
}
.share {
	background-image: url(../imgs/ico_s-trans.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 30px;
	padding-top: 8px;
	float: left;
	margin-left: 13px;
}
.flickr {
	background-image: url(../imgs/ico_f-trans.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 30px;
	float: left;
	padding-top: 8px;
	margin-left: 13px;
}
.fb:hover, .twitter:hover, .dev:hover, .share:hover, .flickr:hover, .tuenti:hover    {
		background-position: left bottom;
	}
	
/*----------------Capas-------------*/

#head {
	height: 190px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}
#nav {
	float: left;
	width: 360px;
	height: 90px;
	margin-top: 99px;
}
#content {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
#content2 {
	height: 398px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

#icon {
	float: left;
	width: 331px;
	height: 48px;
	margin-bottom: 20px;
}
#bottom {
	clear: both;
}
#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #CCCCCC;
	text-align: right;
	float: right;
	width: auto;
	margin-top: 3px;
}
#accesibilidad {
	text-align: center;
	clear: both;
	margin-top: 15px;
	padding-top: 2px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}

#accesibilidad a {
	text-decoration: none;
	color: #CCCCCC;
}
#accesibilidad li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #CCCCCC;
}