/*	Index of styles for aplisun by Marciobarrios ~ marciobarrios.com
--------------------------------------------------------------------------
	- General (titles, generic links, preformatting, some classes)
	- Layout
		- Header
		- Content
		- Sidebar
		- Footer
	- Forms
*/


/*	General
--------------------------------------------------------------------------*/

:link,:visited{text-decoration:none}
ul,ol{list-style:none}
table {border-collapse:collapse}
h1,h2,h3,h4,h5,h6,pre,code,input,select,textarea{font-size:1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}
fieldset,img,a img,:link img,:visited img{border:0}

a{
	outline:none;
}

p{
	margin-bottom:18px;
}

body{
	font: .82em/1.3 Geneva, Arial, 'Trebuchet MS', sans-serif;
	color:#666;
	text-align:center;
	background-color:#FFE8CC;
}

a:link,
a:visited,
a:hover,
a:active{
	color:#FF8A00;
	text-decoration:underline;
}

h1 a{
	display:block;
	width:241px;
	height:106px;
	text-indent:-9999px;
	float:left;
	background:url(../img/title.png);
}

h2{
	font:1.3em/1 Arial, sans-serif;
	color:black;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
}

	h2.producto{
		text-transform:uppercase;
		margin-top:0;
	}
	
		h2.producto small{
			display:block;
			font:.6em Geneva, arial, sans-serif;
			color:#999;
		}

.gallery{
	margin:0;
	list-style:none;
}

	.gallery li{
		margin-bottom:10px;
		padding:0;
		background:none;
	}

	.gallery img{
		border:4px solid #ddd;
		padding:2px;
		margin-bottom:10px;
	}

ol{
	margin-left:25px;
	list-style:decimal;
}

ul{
	margin-left:5px;
	list-style:none;
}

	ul li{
		margin-bottom:10px;
		padding-left:15px;
		background:url(../img/bullet.png) no-repeat left 7px;
	}

	ol li{
		margin-bottom:20px;
	}
	
.clear{
	clear:both;
}


/*	Layout
--------------------------------------------------------------------------*/
#wrapper{
	text-align:left;
	background-color:white;
	width:838px;
	margin:20px auto 5px;
	text-align:left;
	padding:30px 30px 10px;
	border:1px solid #FFD6A6;
	overflow:hidden;
}

	/*	Header
	----------------------------------------------------------------------*/
	#header{
		overflow:hidden;
		margin-bottom:18px;
	}
	
		#header ul{
			float:right;
			/*width:510px;*/
		}
		
			#header li{
				padding:0;
				background:none;
			}
		
			#header li,
			#header li a{
				float:left;
			}
				
				#header li a{
					display:block;
					text-indent:-9999px;
					height:27px;
					margin-left:15px;
					display:inline;
				}
				
					#header li.current a{
						cursor:default;
					}
				
					#header #menu-empresa a:link,
					#header #menu-empresa a:visited,
					#header #menu-empresa a:hover,
					#header #menu-empresa a:active{
						width:78px;
						background:url(../img/menu-empresa.png) top;
					}
					
					#header #menu-empresa a:hover,
					#header #menu-empresa a:active,
					#header #menu-empresa.current a:link,
					#header #menu-empresa.current a:visited,
					#header #menu-empresa.current a:hover,
					#header #menu-empresa.current a:active{
						background-position:bottom;
					}
					
					#header #menu-productos a:link,
					#header #menu-productos a:visited,
					#header #menu-productos a:hover,
					#header #menu-productos a:active{
						width:90px;
						background:url(../img/menu-productos.png) top;
					}
					
					#header #menu-productos a:hover,
					#header #menu-productos a:active,
					#header #menu-productos.current a:link,
					#header #menu-productos.current a:visited,
					#header #menu-productos.current a:hover,
					#header #menu-productos.current a:active{
						background-position:bottom;
					}
					
					#header #menu-ofertas a:link,
					#header #menu-ofertas a:visited,
					#header #menu-ofertas a:hover,
					#header #menu-ofertas a:active{
						width:73px;
						background:url(../img/menu-ofertas.png) top;
					}
					
					#header #menu-ofertas a:hover,
					#header #menu-ofertas a:active,
					#header #menu-ofertas.current a:link,
					#header #menu-ofertas.current a:visited,
					#header #menu-ofertas.current a:hover,
					#header #menu-ofertas.current a:active{
						background-position:bottom;
					}
					
					#header #menu-descargas a:link,
					#header #menu-descargas a:visited,
					#header #menu-descargas a:hover,
					#header #menu-descargas a:active{
						width:92px;
						background:url(../img/menu-descargas.png) top;
					}
					
					#header #menu-descargas a:hover,
					#header #menu-descargas a:active,
					#header #menu-descargas.current a:link,
					#header #menu-descargas.current a:visited,
					#header #menu-descargas.current a:hover,
					#header #menu-descargas.current a:active{
						background-position:bottom;
					}
					
					#header #menu-contacto a:link,
					#header #menu-contacto a:visited,
					#header #menu-contacto a:hover,
					#header #menu-contacto a:active{
						width:85px;
						background:url(../img/menu-contacto.png) top;
					}
					
					#header #menu-contacto a:hover,
					#header #menu-contacto a:active,
					#header #menu-contacto.current a:link,
					#header #menu-contacto.current a:visited,
					#header #menu-contacto.current a:hover,
					#header #menu-contacto.current a:active{
						background-position:bottom;
					}
					
					
	
	
	/*	Content
	----------------------------------------------------------------------*/
	#content{
		clear:both;
		width:545px;
		float:left;
	}
	
	#content.wide{
		width:100%;
	}
		
		#content p.top{
			margin-top:20px;
		}
	
		img.producto{
			float:left;
			margin-right:15px;
			margin-bottom:25px;
		}
		
		#content .gallery li{
			float:left;
		}
		
		.par{
			margin-left:15px;
			display:inline;
		}
		
		#content.wide .par{
			margin-left:20px;
		}
		
		.col{
			width:265px;
			float:left;
			margin-bottom:20px;
		}
			.col img{
				margin:10px 0 0;
			}
		
		/*ul.item{
			margin:0;
		}
		
			ul.item li{
				background:url(../img/item.png) no-repeat;
				padding-left:30px;
			}*/
		
			
		
	
	/*	Sidebar
	----------------------------------------------------------------------*/
	#sidebar{
		float:left;
		width:265px;
		margin-left:28px;
	}
		
		#sidebar h2.first-child{
			margin-top:0;
		}
		
		#sidebar h2{
			font-size:1.3em;
		}
		
		.titular{
			font:1.1em/1.2 Geneva, Arial, 'Trebuchet MS', sans-serif;
			text-transform:uppercase;
		}
		
		.nota{
			font-size:.9em;
			
		}
		
		img.img{
			border:4px solid #ddd;
			padding:2px;
		}
		
		#mapa{
			margin-bottom:15px;
		}
	
	/*	Footer
	----------------------------------------------------------------------*/
	#footer{
		width:880px;
		padding:0 10px;
		margin:0 auto;
		text-align:left;
		font-size:.86em;
		overflow:hidden;
	}
		
		#footer a{
			color:#666;
			float:right;
		}
		
		#footer p{
			float:left;
		}
	
	
	/*	Formularios
	----------------------------------------------------------------------*/
	form{
		margin-bottom:20px;
	}
		input.text,
		textarea{
			width:400px;
			border:1px solid #ccc;
			padding:3px;
		}
		textarea{
			height:200px;
			font: 1em/1.5 Geneva, Arial, 'Trebuchet MS', sans-serif;
		}
		input.text:focus{
			background-color:#ffc;
		}
		
		input.submit{
		}
		label{
			font-size:110%;
			color:black;
			display: block;
			margin-top:5px;
		}
		form  ol{
			margin-bottom:40px;
			margin-left:40px;
		}
		form ul{
			margin-left:25px;
			margin-bottom:20px;
		}
		
			form ul li{
				list-style:none;
				padding-left:0;
				background:none;
			}
		form p{
			margin-top:15px;
			margin-bottom:5px;
		}
		form p.first-child{
			margin-top:0;
		}
		
		/* botones */
		.buttons a, button{
			float:left;
			margin:0 7px 0 25px;
			text-decoration:none;
			background-color:#ddd;
			border:1px solid #bcbcbc;
			border-top:1px solid #ccc;
			border-left:1px solid #ccc;
			padding:5px 10px 6px 7px;
			display:block;
			cursor:pointer;
			font-size:100%;
			line-height:130%;
			color:#333;
			font-weight:bold;
			display:inline;
		}
		button{
			font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
			width:auto;
			overflow:visible;
			font-weight:bold;
			padding:4px 10px 3px 7px; /* IE */
		}
		button[type]{
			width:auto;
			padding:5px 10px 5px 7px; /* Firefox */
			line-height:17px; /* Safari */
		}
		*:first-child+html button[type]{
			padding:4px 10px 3px 7px; /* IE7 */
		}
		button img, .buttons a img{
			margin:0 3px -3px 0 !important;
			width:16px;
			height:16px;
			padding:0 !important;
			border:none !important;
		}

		/* PSEUDO CLASSES */
		button:hover, .buttons a:hover{
			background-color:#dff4ff;
			border:1px solid #c2e1ef;
			color:#336699;
		}
		.buttons a:active{
			background-color:#6299c5;
			border:1px solid #6299c5;
			color:#fff;
		}

		/* POSITIVE */
		button.positive, .buttons a.positive{
			color:#529214;
		}
		.buttons a.positive:hover, button.positive:hover{
			background-color:#E6EFC2;
			border:1px solid #C6D880;
			color:#529214;
		}
		.buttons a.positive:active, td.positive{
			background-color:#529214;
			border:1px solid #529214;
			color:#fff;
		}

		/* NEGATIVE */
		.buttons a.negative, button.negative{
			color:#d12f19;
		}
		.buttons a.negative:hover, button.negative:hover{
			background:#fbe3e4;
			border:1px solid #fbc2c4;
			color:#d12f19;
		}
		.buttons a.negative:active, td.negative{
			background-color:#d12f19;
			border:1px solid #d12f19;
			color:#fff;
		}
		
		/* mensajes */
		.msg-ok,
		.msg-ko{
			border:1px solid #ccc;
			background-color:#ffc;
			color:black;
			font-size:110% !important;
			padding:15px;
			margin:0 0 15px;
		}
		
		.msg-ko{
			color:red;
		}