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

/* ---------------------------------------------
	San Carlos Sud
----------------------------------------------*/


/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	color: #ccc8bf;
	font: 62.5%/1.6 Georgia, Georgia, "Times New Roman", Times, serif; /* with this settings 1em = 10px approx. */
	background: #000 url(../_img/bkg_pagina_02.gif) left top;
}

/* Remove padding and margin */
* { margin: 0; padding: 0; }

/* Class for clearing floats */
.clear { width: 100%; clear: both; overflow: hidden; }

/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatRight { margin: 0 0 20px 20px; float: right; }
.imgFloatLeft { margin: 0 20px 20px 0; float: left; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

.asBlock { display: block; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w100px { width: 100px; }
.w120px { width: 120px; }
.w150px { width: 150px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }


ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style-position: inside;
}

/* =Layout
-----------------------------------------------------------------------------*/
#wrapper {
	width: 960px;
	margin: 20px auto;
}

	#header {
		width: 960px;
		height: 117px;
		background: url(../_img/img_head.gif) no-repeat left top;
		position: relative;
	}
		
		#header a {
			width: 150px;
			height: 95px;
			text-decoration: none;
			position: absolute;
			left: 405px;
			top: 10px;
			outline: none;
		}

		#header a em { visibility: hidden; }

	#headerBanner {
		width: 960px;
		height: 210px;
		background: #000;
	}
	
	#content {
		width: 870px;
		background: #000;
		padding: 20px 90px 20px 0;
	}

		#navigation {
			float: left;
		}

			#menu {
				padding: 0 0 0 1px;
			}
		
		#mainContent {
			width: 570px;
			float: right;
		}
	
	#footer {
		width: 960px;
		height: 140px;
		background: url(../_img/bkg_footer.gif) no-repeat left top;
		clear: both;
	}
	
		#footerImg {
			float: right;
			padding: 3px 0 0 0;
		}
		
		#footerText {
			margin: 100px 0 0 30px;
			float: left;
		}

/* =Typography
-----------------------------------------------------------------------------*/

p {
	font-size: 1.2em;
	margin: 0 0 1.2em 0;
}

	#footerText  p { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 1.2em; }

	.wineContainer p {
		font-size: 1.1em;
	}

h1 {
	/* color: #7F7D77; */
	color: #a50020;
	font-size: 2.8em;
	font-weight: normal;
	margin: 0 0 .5em 0;
}

h2 {
	/* color: #a50020; */
	color: #7F7D77;
	font-size: 2.3em;
	font-weight: normal;
	margin: 1em 0 .25em 0;
}

	.wineContainer h2 {
		font-size: 2em;
		font-weight: normal;
		line-height: 100%;
		margin: 0 0 .5em 0;
	}

	.newsInfo h2 {
		font-size: 2em;
		font-weight: normal;
		line-height: 100%;
		margin: 0 0 .5em 0;
	}
	p.error {
		color: #a50020;
		font-size: 1.2em;
		margin: 0 0 1.5em 0;
	}

/* =Classes
-----------------------------------------------------------------------------*/
ul.mainMenu {
	font-size: 2.1em;
}

	li.mainMenu {
		margin: 0 0 10px 0;
	}

	a.mainMenu {
		width: 175px;
		height: 41px;
		color: #ccc8bf;
		text-decoration: none;
		line-height: 41px;
		padding: 0 0 0 30px;
		display: block;
		outline: none;
	}
	
	a.mainMenu:hover { background: url(../_img/bkg_menuItemHover.gif) no-repeat left top; }
	
	a.mainMenu.activo { color: #fff; background: url(../_img/bkg_menuItem.gif) no-repeat left top; }
	

		.subMenu {
			width: 205px;
			margin: 15px 0 20px 0;
		}
		
		.subMenuElem {
			margin: 0;
		}
		
		.subMenuElem a {
			width: 170px;
			color: #7F7D77;
			font-size: 12px;
			text-decoration: none;
			padding: 0 0 0 35px;
			margin: 0 0 5px 0;
			display: block;
			outline: none;
		}

		.subMenuElem a:hover, .subMenuElem a:active {
			color: #A30020;
			background: none;
		}

		.subMenuElem a.activoElem {
			color: #A30020;
		}

#mainContent ul, #mainContent ol {
	font-size: 1.2em;
	margin: 0 0 1.2em 0;
}
	
	#mainContent ul li {
		margin: 0 1.2em .5em 1.2em;
		padding: 0 2em 0 1.5em;
		background: url(../_img/bul_submenu.gif) no-repeat left 4px;
	}

	#mainContent ol li {
		margin: 0 1.2em .5em 1.3em;
		/* padding: 0 2em 0 1em; */
	}

.wineContainer {
	margin: 0 0 50px 0;
}

	.winePicture {
		width: 150px;
		float: left;
	}

	.wineDescription {
		width: 390px;
		float: right;
	}
	
#wineDetails {
	margin: 20px 0 50px 0;
}

	.wineDetailsPicture {
		width: 200px;
		float:left;
	}

	.wineDetailsText {
		width: 340px;
		margin: 30px 0 0 0;
		float: right;
	}

#mainContent div.buttons { text-align: center; }
#mainContent ul.buttonList { list-style: none; margin: 0 auto; }
#mainContent ul.buttonList li.btnGeneral { height: 25px; background: url(../_img/btn_general_izq.gif) no-repeat left top; margin: 0; padding: 0 0 0 10px; }
#mainContent ul.buttonList li.btnGeneral a { color: #ccc8bf; height: 25px; font-size: .8em; font-weight: bold; text-decoration: none; text-align: center; line-height: 25px; text-transform: uppercase; padding: 0 10px 0 0; display: block; background: url(../_img/btn_general_der.gif) no-repeat right top;  outline: none; }

#news  {
	margin: 30px 0;
}

	.newsRow {
		margin: 0 0 50px 0;
	}

	.newsDate {
		width: 57px;
		height: 74px;
		background: url(../_img/bkg_calendario.gif) no-repeat left top;
		float: left;
	}
	
		.newsDateMonth {
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 100%;
			margin: 14px 0 0 5px;
		}
	
		.newsDateYear {
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.5em;
			font-weight: bold;
		}
		
		.newsDateDay {
			color: #000;
			width: 57px;
			font-size: 3em;
			text-align: center;
		}
	
	.newsInfo {
		width: 490px;
		margin: 10px 0 0 0;
		float: right;
	}

/* =Forms
-----------------------------------------------------------------------------*/
label { color: #CECAC7; font-size: 1.5em; display: block; margin: 0 0 1em 0; }
label.codigoSeguridad { color: #CECAC7; font-size: 1.2em; display: block; margin: 0 0 1em 0; }

input.textField { color: #fff; font-size: 1.4em; font-family: Georgia, Georgia, "Times New Roman", Times, serif; width: 350px; background: none; border: #333; border: 1px solid #333; padding: 5px; }
input.textFieldCode { color: #fff; font-size: 1.4em; font-family: Georgia, Georgia, "Times New Roman", Times, serif; width: 110px; background: none; border: #333; border: 1px solid #333; padding: 5px; }
textarea.textArea { color: #fff; font-size: 1.2em; font-family: Georgia, Georgia, "Times New Roman", Times, serif; width: 350px; background: none; border: #333; border: 1px solid #333; padding: 5px; }


blockquote{
	font-size: 1.8em;
	font-style: italic;
	line-height: 1.6em;
}
blockquote div{
 	color: #666 !important;
}
input.button { color: #fff; border: none; background: #333; padding: 5px; display: block; margin: 0 0 1em 0; }