/* ====================================================================================================				
	Mobile Browser Specific CSS
==================================================================================================== */
body {
	background:#000000;
	background-image: url(../imag/bg.png);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
}

.contacto{
	font-size:16px;
	color: #000000;
	background: url(../imag/flecha.png) no-repeat left center;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:35px;
}

/* Basic Typography
-------------------------------------------------------------- */

body,p,ul,ol,dl,blockquote {
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
input,textarea,button { font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	color: #c11b01;
}
h1 { font-size: 30px; margin: 0 0 10px 0; line-height: 40px; }
h2 {
	font-size: 14px;
	margin: 0 0 10px 0;
	line-height: normal;
}
h3 { font-size: 16px; margin: 0 0 10px 0; line-height: 20px; }

.contentheading  {
	background:url("../imag/fondo-menu2.png") no-repeat scroll left bottom transparent;
	background-repeat: repeat-x;
	background-color:#c11b01;
	color:#FFFFFF;
	font-size:12 px;
	letter-spacing:1px;
	margin:1px 0px 0px 0;
	padding:8px 0 7px 15px;
 }
 .contenidotexto  {
	background-color:#000;
	color:#FFFFFF;
	font-size:10 px;
	margin:1px 8px 0px 0;
	padding:8px 0 7px 15px;
 }
.contentheading {
	text-transform: uppercase;
	text-shadow: 1px 1px #333;
}

#ja-content {

	display: block;
	float: left;
	width: 100%;
}

/* Links */
a:link, 
a:visited {
	color: #c11b01;
	text-decoration: none;
}
a:hover {
	color: #c11b01;
	background-image: url(./imag/flechita.png);
}

/* Horizontal Rule */
hr { background: #ccc; color: #ccc; clear: both; float: none; width: 100%; height: .1em; margin: 20px 0 20px 0; border: none; }

 
/* Header & Navigation
---------------------------------------------------------------------------------------------------- */
 
#header {
	text-align: left;
	line-height: 0;
	font-size: 0;
}
 
#navigation {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #000000;
}
#navigationIdioma {
	text-align: right;
	margin: 0;
	padding: 0;
	background-color: #000000;
	background-image: url(../imag/bg.png);
}
#navigation ul { margin: 0; padding: 0; display: inline;}
#navigationIdioma ul {
	margin: 0;
	display: inline;
	padding-right: 10px;
}

#navigation ul li {
	display: inline;
	list-style-type: none;
	font-size: 14px;
	line-height: 16px;
	height: 16px;
}
#navigationIdioma ul li {
	display: inline;
	list-style-type: none;
	font-size: 12px;
	line-height: 16px;
	height: 16px;
	padding: 10px;
}
#navigation ul li a {
	color: #ffffff;
}
#navigationIdioma ul li a {
	color: #ffffff;

}
#navigation ul li a:link,
#navigation ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	
}
#navigationIdioma ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	padding: 9px;
}
#navigation ul li a:hover {
	color: #999999;
	text-decoration: none;
}
#navigationIdioma ul li a:hover {
	color: #32ac32;
	text-decoration: none;
}
#navigation ul li a.menu-selected { color: #d99e0a; }

#subNavigation {
	text-align: center;
	margin: 0;
	padding: 0;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	background-color: #363636;
}
#subNavigation ul { margin: 0; padding: 0; display: inline; }
#subNavigation ul li { display: inline; list-style-type: none; font-size: 14px; line-height: 32px; height: 32px; }
#subNavigation ul li a { }
#subNavigation ul li a:link,
#subNavigation ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px;
}
#subNavigation ul li a:hover {
	color: #999999;
	text-decoration: none;
}
#subNavigation ul li a.menu-selected { color: #000; }

#feature { text-align: center; background-color: #000000; border-bottom: 1px solid #333; margin: 0; padding: 0; line-height: 0; font-size: 0; }
 
 
/* Content
---------------------------------------------------------------------------------------------------- */
 
#contenido { background: url(../images/background-content.png) top no-repeat #000000; color: #111; width: 100%; }
#contentVinedo { background: url(../imag/vinedo.jpg) top no-repeat #000000; color: #111; width: 100%; }
	#contentText { padding: 20px 15px 30px 15px; }
	
	#contentTexto { padding: 20px 15px 30px 15px; }
	
	#content #contentText .contact-info { width: 130px; float: right; margin: 0 0 15px 15px; padding: 5px; border: 1px solid #b4b4b4; background: #eee; }
	#content #contentText .contact-info .hours { text-align: center; font-family: Georgia, serif; font-size: 12px; line-height: 18px; margin: 0; }
	
	#content #contentText .contact-pod { width: 150px; float: right; margin: 0 0 5px 15px; padding: 5px; border: 1px solid #666; background: #000; }
	#content #contentText .contact-pod .text { text-align: center; font-family: Georgia, serif; font-size: 12px; line-height: 18px; margin: 5px 0 0 0; }
	
	.call-button { width: 100%; }
	


	
/* Footer
---------------------------------------------------------------------------------------------------- */
#footerGraphic { text-align: center; } 

#footer {
	color: #CCCCCC;
	width: 100%;
	text-align: center;
	padding: 15px 0;
	background-color: #000000;
}

	#footer ul { margin: 0; padding: 0; display: inline; }
	#footer ul li { display: inline; list-style-type: none; }
	#footer ul li a { }
	#footer ul li a:link,
	#footer ul li a:visited { color: #ffffff; text-decoration: none; padding: 8px; }
	#footer ul li a:hover { color: #ffffff; text-decoration: none; }
	

	#footer p {
	color: #FFF;
}
	
	#footer p#legal { font-size: 12px; }
	#footer p#author {
	font-size: 12px;
	color: #CCCCCC;
}
	#footer p#author a {
	color: #333333;
}
#footer p#qrvinum {
	font-size: 10px;
	color: #CCCCCC;
}
	#footer p#qrvinum a {
	color: #333333;
}
 
	#footer a:link,
	#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
	#footer a:hover {
	color: #c11b01;
}
	
/* QR Mobile Overrides
---------------------------------------------------------------------------------------------------- */	
.qr-productMobileReviews { display: none; }

/* Buttons
---------------------------------------------------------------------------------------------------- */
	
	/* OPTIONAL BUTTON STYLES regular button: */		
	button.defaultBtn { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; }
	button.defaultBtn span { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES alt button: */		
	button.altBtn { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
	button.altBtn span { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES modal button: */		
	button.modalBtn { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
	button.modalBtn span { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES modal alt button: */		
	button.altModalBtn { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
	button.altModalBtn span { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES large button: */		
	button.largeBtn { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
	button.largeBtn span { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }
	
	
	/* REQUIRED LINK BUTTON STYLES: */
	
	/* Link Button Normal */
	a.linkBtn { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; }
	a.linkBtn span { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; }
	
	/* Link ALT Button Normal */
	a.linkAltBtn {  background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
	a.linkAltBtn span { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top;  }
		
	/* Modal Link Button Normal */
	a.modalLinkBtn { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
	a.modalLinkBtn span { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
		
	/* Modal Link ALT Button Normal */
	a.modalLinkAltBtn { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
	a.modalLinkAltBtn span { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
		
	/* Link Button Large */
	a.largeLinkBtn { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
	a.largeLinkBtn span { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }