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

body{
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	padding:0;
	margin:0;
}

h1{
	padding:0;
	margin:0;
}

.links{
	font-weight:700;
	color:#333;
	text-decoration:none;
}

.links:hover{
	font-weight:700;
	color:#C00;
	text-decoration:none;
}

#container{
	width:950px;
	height:550px;
	left:50%;
	top:50%;
	margin-left:-475px;
	margin-top:-275px;
	position: absolute;
	border:2px solid #333;
}

#header{
	height:129px;
	background:url(../images/header.jpg) no-repeat;
}

#header-alt{
	height:129px;
	background:url(../images/header_alt.jpg) no-repeat;
}


/* MAIN */

#main{
	height:388px;
	background:url(../images/main.jpg) no-repeat;
}

#main-alt{
	height:388px;
	background:url(../images/main_alt.jpg) no-repeat;
}


#text{
	text-shadow: rgba(255,255,255,0.5) 0px 1px 1px;
	font-size:14px;
	float:left;
}

.about{
	width:550px;
	height:300px;
	padding:20px 10px 40px 100px;
}

.video{
	width:200px;
	height:300px;
	padding:20px 10px 40px 100px;
}

.dist{
	width:780px;
	height:340px;
	padding:20px 10px 20px 100px
}

.list-bold{
	font-weight:700;
}

#img{
	height:388px;
	width:290px;
	background:url(../images/img.png) no-repeat center;
	float:right;
}


/* FADE */


img.grey {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
 
img.color {
    position: absolute;
    left: 0; top: 0;
}


/* MENU */

#menu ul{
	margin: 0;
	list-style-type: none;
	font-weight:200;
	font-size:22px;
	width:180px;
	padding: 50px 80px;
}

#menu ul li{
	border-bottom:1px dotted #888;
	padding:10px 0;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 1px;
}

#menu ul li a{
	text-decoration:none;
	color:#000;
}

#menu ul li a:hover{
	color:#E2001A;
}

#menu ul li.last{
	border:none;
	padding-right:11px;
}





#nav ul{
	margin: 0;
	list-style-type: none;
	font-weight:200;
	font-size:0px;
	float:right;
	padding:100px 110px 0 0;
}

#nav ul li{
	border-right:1px dotted #888;
	font-size:17px;
	display:inline;
	padding:0 10px;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 1px;
}

#nav ul li a{
	text-decoration:none;
	color:#000;
}

#nav ul li a:hover{
	color:#E2001A;
}

#nav ul li.active{
	text-decoration:none;
	color:#FFED00;
	background-color:#000;
	text-shadow:none;
	padding:10px;
	
}

#nav ul li.last{
	border:none;
	padding-right:11px;
}


#buy{
	height:300px;
	overflow:auto;
	padding-right:20px;
}


#buy ul{
	margin: 25px 0 0 0;
	list-style-type: none;
	font-weight:400;
	font-size:14px;
	padding:0;
}

#buy ul li{
	border-bottom:1px dotted #888;
	padding:8px;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 1px;
}


#buy ul li a{
	text-decoration:none;
	color:#000;
}

#buy ul li a:hover{
	color:#E2001A;
}


#buy ul li.last{
	border:none;
}

span{
	border-right:1px dotted #888;
	padding:0 5px;
}

.title{
	font-weight:700;
	color:#444;
	background-color:#CCC;
	text-shadow:none;
}


/* CONTACTO */	
	
	/* formulario */

	#form1{
		margin:0;
		width:300px;
		float:right;
		font-size:12px;
		padding:25px 150px 0 10px;
		}
	#form1 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:260px;
		margin:10px 0 0 25px;
		}		
	#form1 legend{display:none;}	
	#form1 p{margin:.5em 0;}	
	#form1 label{display:block;}	
	#form1 input, #form1 textarea{		
		width:252px;
		border:1px solid #ddd;
		padding:3px;
		}		
	#form1 textarea{
		height:110px;
		overflow:auto;
		resize:none;
		}					
	#form1 p.submit{
		clear:both;
		padding:0 53px 20px 25px;
		margin:0;
		text-align:right;
		}	
	#form1 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(../images/form1/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}				

#form1 label.error{
	font-weight:bold;
	color:#CC0000;
}

/* // formulario */

/* FOOTER */

#footer{
	height:33px;
	background:url(../images/footer.jpg) no-repeat;
}

#footer ul{
	margin: 0;
	padding:0 0 0 25px;
	list-style-type: none;
	float:left;
}

#footer ul li{
	display:inline;
	border-right:solid thin #FFED00;
	padding:0 10px;
    color:#000;
	font-size:13px;
}

#footer ul li.last{
	border:none;
}

#footer-alt{
	height:33px;
	background:url(../images/footer_alt.jpg) no-repeat;
}

#footer-alt ul{
	margin: 0;
	padding:0 30px 0 0;
	list-style-type: none;
	float:right;
}

#footer-alt ul li{
	display:inline;
	border-right:solid thin #FFED00;
	padding:0 10px;
    color:#000;
	font-size:13px;
}

#footer-alt ul li.last{
	border:none;
}