/*
CSS **** WINETOURS CHILE
BY SANTIAGO VALDES, svaldesm@gmail.com

DICHO ESTO, A COLOREAR!
*/

/* --------COSAS GENERALES-------------*/

body {	background:#FFFEEC;
	font-family: "Arial", sans-serif;
	font-size:12px;
	text-align:center;
	margin:0;
	padding:35px 0 0;
}

a { 	text-decoration:none;
		color:#12388B;
}

/*-----BOX----*/

#box {		background: url('images/cristo-bg.jpg') no-repeat top center transparent;
			width:900px;
			height:740px;
			margin:-18px auto 0;
			padding:0 10px;
			z-index:100;
}

#barra-top { 	height:18px;
				width:100%;
				background: #BE302F;
				z-index:10;
}

#barra-top-box { 	background: url('images/barra-top.jpg') no-repeat top center #BE302F;
					top:0;
					height:18px;
					width:900px;
					z-index:10;
					margin:0 auto;
}

#button-container { 	font-size:15px;
						font-weight:bold;
						position:relative;
						top:215px;
						height:240px;
						width:420px;
						margin:0 auto;
}

#buttons-left { 		border:none;
						color:#FFE401;
						position:relative;
						float:left;
						width:150px;
						height:100%;
}

#buttons-right { 		border:none;
						color:#FFE401;
						position:relative;
						float:right;
						width:150px;
						height:100%;
}

ul.buttons-list { 		list-style:none;
						margin:0;
						padding:0;
}

ul.buttons-list li { 	height:100px;
						display:block;
						margin-bottom:40px;
}

ul.buttons-list li.no-margin { 		margin:0;
}

.button-top-part { 		background:url('images/buttonbg.jpg') repeat-x bottom;
						padding-bottom:11px;
						color:#012A86;
}

.button-bottom-part{ 	margin-top:5px;
}

.button-bottom-part a {  color:#012A86;
}

.button-bottom-part a:hover { color:#BE302F;
}

#backbutton { 		position:relative;
					top:285px;
}

#backbutton img, #backbutton a img { 	border:0;
}


/*-----GALERIAS-----*/

#left-pic-bar { 	position:relative;
					top:30px;
					float:left;
					height:615px;
					width:180px;
					z-index:1000; /*sin esto el link no funciona porque topa con el footer*/
}

#right-pic-bar { 	position:relative;
					top:30px;
					float:right;
					height:615px;
					width:180px;
}

ul.picture-bar { 	list-style:none;
					padding:0;
					margin:0;
}

ul.picture-bar li { 	margin-bottom:15px;
}

ul.picture-bar li a img { 	border:1px solid #B0BFE1;
}

ul.picture-bar li.left-picture a:hover img { 	border-color:#477498;
}

ul.picture-bar li.right-picture a:hover img { 	border-color:#477498;
}

/*-----FOOTER----*/

#footer { 		position:relative;
				top:350px;
				color:#12388B;
				font-size:14px;
				letter-spacing:.2em;
				line-height:30px;
				font-weight:bold;
}

#footer a:hover { 	color:#BE302F;
}


/*-----------CLEARFIX----------*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */