/* CSS Document */

@font-face { font-family: 'Orbitron', sans-serif;
	src: url(http://fonts.googleapis.com/css?family=Orbitron:400,700);
}
@import src: url(http://fonts.googleapis.com/css?family=Orbitron:400,700);

*{
	border: 0px;
	margin: 0px;
}

body {	
		padding-left: 0px;
		margin-left: 0px;
		background-color: white;
		padding-top: 10px;
		padding-bottom: 0px;
}
.nombre{
		font-family: 'Orbitron', sans-serif;
		font-size: 50px;
		color: black;
		line-height: 40px;
		font-weight: 500;
}
nav {
	
	margin-top: 0px;
	height: 100px;
	width:auto;
	margin-left:0px;
	text-align: center;
	line-height: 50px;
}
nav ul{
		text-decoration: none;
		list-style: none;
		text-align: justify;
}
nav ul li{
		width: 170px;
		height: 50px;
		margin-left: 0px;
		padding: auto;
		float: left;
}
#navmargin{
		margin-left: -20px;
}
nav ul li a {
			width: 140px;
			height: 20px;
			background-color: white;
			color: black;
			margin: 0px;
			padding: 0px;
			text-decoration: none;
			font-family:'Orbitron', sans-serif;
			font-size: 18px;
			text-decoration: none;
			color: black;
			display: block;
}
nav ul li a:hover{
				text-decoration: underline;
				color: gray;
}

nav li ul{
		display: none;
		list-style: none;
		height: auto;
}
nav li:hover ul{
			display: block;
			position:absolute;
			list-style: none;
			margin-left:0px;
			padding: 15px; 
			background-color: transparent;
			width: 250px;
}
nav li:hover li {
		float: none;
		width: 370px;;
		list-style: none;
		text-align: left;
		height: 35px;
		font-size: 15px;
		margin-left: 0px;
		background-color: #e3e3e3;
}
nav li:hover li a { 
		background-color: #e3e3e3; 
		text-decoration: none;
		color: black;
		font-size: 15px;
		text-align: left;
		text-indent: 20px;
		width:370px;
		height: 35px;
		margin-left: -15px;
}	
nav li li a:hover {
	text-decoration: underline;
	color: silver;
}

#titulo{
		height: 30px;
		width: 250px;
		line-height: 50px;
		margin-left: 0px;
}

.titulo{
		text-decoration: underline;
		color: black;
		text-align:center;
		font-family: 'Orbitron', sans-serif;
		font-size: 21px;
		text-transform: capitalize;
}

#main {
		background-color: transparent;
		width: 900px;
		height: 500px;
		margin-left: auto;
		margin-right: auto;

}
#central{
		width:900px;
		margin-top: 40px;
		margin-left: 0px;
}

.sliderbutton {
		float:left;
		width:32px;
		padding-top:135px;
}
.sliderbutton img {
		cursor:pointer;
		background-color: black;
}
.sliderbutton img:hover {
		background:#ff66ff;
}
#slideshow {
		float:left;
		width:800px;
		height:350px;
		background:#fff;
		margin: auto;
		border: 1px solid black;
}
#slides {
		position:relative;
		width:740px;
		height:350px;
		list-style:none;
		overflow:auto;
		margin-left:0px;
		
}
#slides li {
		width:740px;
		height:350px;
		}

#content{
		width: 740px;
		height: 350px;
	
		background-color:white;
		padding-top: 35px;
		padding-left: 35px;
		padding-right: 35px;
		margin-left: -32px;
		
		
}
#content img{ margin-left: auto;
margin-right: auto;
text-align: center;
cursor: pointer;
}
#content p{ font-family: 'Orbitron', sans-serif;
font-size: 14px;
text-align: center;
}

.fader-slide {opacity:0; position:absolute}
.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}

#pagination_ooak { margin-top: 1px;
			margin-left: 100px;
			margin-right:auto;
			padding-top: 15px;
			width:620px;
}
.pagination_ooak {
		float:left;
		list-style:none;
		height:25px;
}
.pagination_ooak li {
		float:left;
		cursor:pointer;
		padding:5px 8px;
		background:white;
		border:1px solid silver;
		margin:5px 4px 0 0;
		text-align:center;
		color:black;
		border-radius: 20px;
}
.pagination_ooak li:hover {
			background-color: gray;
			border:1px solid #bbb;
			color:#000;
}
#pagination_blackcollection { margin-top: 1px;
			margin-left: 25px;
			margin-right:auto;
			padding-top: 15px;
			width:750px;
}
.pagination_blackcollection {
		float:left;
		list-style:none;
		height:25px;
}
.pagination_blackcollection li {
		float:left;
		cursor:pointer;
		padding:5px 8px;
		background:white;
		border:1px solid silver;
		margin:5px 4px 0 0;
		text-align:center;
		color:black;
		border-radius: 20px;
}
.pagination_blackcollection li:hover {
			background-color: gray;
			border:1px solid #bbb;
			color:#000;
}

li.current {border:1px solid black; background:silver;}

footer{
		font-family: 'Orbitron', sans-serif;
		color: grey; 
		font-size: 9px; 
		background-color: transparent; 
		margin-top: 0px; 
		padding-bottom: 10px;
		text-align: right;
		margin-right: 25px;
}
footer a { 
			text-decoration: none;
			color: grey;
}
footer a:hover {
			text-decoration: underline;
			
}
header{ height: 50px;
}

header ul li{ float: left;
			list-style: none;
			height: 40px;
			margin-left: -40px;
			line-height: 50px;
			
}