@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #000;
	text-align: left;
	background-image: none !important;
	background-color: #fff;
}

img {
	vertical-align: middle;
}

.clear {
	clear: both;
}

.right {
	float: right;
	margin: 0 0 20px 20px;
}

img.left {
	float: left;
	margin: 0 20px 20px 0px;
}

a img {
	border: 0 none;
}

.digg {
	float: right;
	display: block;
	width: 52px;
	margin: 0 0 20px 20px;
}


/* Typeface */

h1 {
	background-image: url(../images/VMG-Studio-disenando-comunicacion.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
}

	h1 a {
		text-indent: -9999px;
		width: 208px;
		height: 45px;
		display: block;
	}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.9em;
	color: #000;
	font-weight: normal;
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 3.6em;
	font-weight: normal;
	color: #f60;
	text-transform: lowercase;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2.1em;
	font-weight: normal;
	margin-bottom: 30px;
	border-bottom: 7px dotted #eee;
	padding-bottom: 20px;
}

h5 {
	/*font-family: Helvetica, Arial, sans-serif;*/
	/*font-size: 1.5em;*/
	font-size: 1.1em;
	margin-bottom: 8px;
	text-transform: uppercase;
}
	h5.black {
		color: #000;
	}

h6 {
	/*font-size: 1.2em;*/
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 8px;
	text-transform: uppercase;
	color: #666;
}

p, #content ol, #content ul, #content.internal .interna dd {
	font-size: 1.1em;
	line-height: 1.8em;
	margin-bottom: 20px;
}
	p.date {
		text-transform: uppercase;
		font-size: 1em !important;
		color: #666 !important;
	}
	p.copyright {
		font-size: 1em;
	}
	p.bajada {
		font-size: 1.2em;
		margin-bottom: 30px;
		color: #000;
	}
	
	#content ul ul, #content ul ul ul {
		font-size: 1em;
	}

ol, ul {
	margin-left: 20px;
}
	
	ul#sitemap li {
		font-weight: bold;
	}
		ul#sitemap li li {
			text-transform: uppercase;
		}
			ul#sitemap li.second li, ul#sitemap li.third {
				text-transform: none;
				font-weight: normal;
			}
		ul#sitemap li li li {
			text-transform: none;
			font-weight: normal;
		}

.ejemplo {
	color: #666;
	text-align: right;
}

.note {
	color: #666;
	padding-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
}

a {
	color: #f60;
	text-decoration: underline !important;
}

.fecha {
	text-transform: uppercase;
	/*font-size: 0.9em;*/
	margin: 50px 0 12px 0;
	color:#666 !important;
}

/* Structure */

#container {
	width: 1024px;
	margin: auto;
	clear: both;
	font-size: 1em;
}

	#header {
		height: 45px;
		padding: 40px;
		display: block;
		background-color: #f60;
	}
		#header .frase {
			float: right;
			width: 500px;
		}
			
	#main {
		width: 768px;
		float: left;
	}
	
		.shortcuts {
			background-image: none;
			margin-top: 80px;
			position: relative;
			clear: both;
			display: block;
		}
			
		.column {
			width: 206px;
			padding: 0 25px;
			/*margin-bottom:25px;*/
			display: block;
			float: left !important;
		}
		
		.doublecolumn {
			width: 462px;
			padding: 0 25px;
			display: block;
		}
		
		.midcolumn {
			width: 324px;
			margin: 0 30px 30px 0;
			display: block;
			float: left;
		}
			.midcolumn.border {
				width: 324px;
				padding-right: 30px;
				margin: 0 0 40px 0;
				border-right: 30px solid #000;
				float: right;
			}
		
			.column.left {
				width: 256px;
				padding: 0px;
				float: left;
			}
				.column.left p {
					margin: 40px 30px;
					color: #999;
				}
				
			.column h3.main,
			.doublecolumn h3.main {
				display: none;
			}
				
			.column.nuevo, .column.noticias, .column.testimonios, .column.novedades, .doublecolumn.novedades {
				float: left;
				background-repeat: no-repeat;
				background-position: 15px 15px;
			}
				.column.nuevo {
					background-image: url(../images/titles/lo-nuevo.gif);
					background-color: #fff;
				}
				.column.noticias {
					background-image: url(../images/titles/noticias.gif);
					background-color: #fff;
				}
				.column.testimonios {
					background-image: url(../images/titles/testimonios.gif);
				}
				.doublecolumn.novedades, .column.novedades {
					background-image: url(../images/titles/novedades.gif);
				}
				
				.lang1 .column.nuevo {
					background-image: url(../images/titles/lo-nuevo_en.gif);
				}
				.lang1 .column.noticias {
					background-image: url(../images/titles/noticias_en.gif);
				}
				.lang1 .column.testimonios {
					background-image: url(../images/titles/testimonios_en.gif);
				}
				.lang1 .doublecolumn.novedades, .lang1 .column.novedades {
					background-image: url(../images/titles/novedades_en.gif);
				}
				
				.doublecolumn.novedades {
					color: #000;
					background-color: #fff;
				}
					.column.nuevo dl, .column.noticias dl, .column.novedades dl, .doublecolumn.novedades dl {
						padding-top: 20px;
						margin-bottom: 30px;
					}
					.column.nuevo dl {
						font-size: 1.2em;
					}
					.column.novedades dl, .doublecolumn.novedades dl, .column.testimonios p, .column.noticias dl {
						font-size: 1.1em;
						line-height: 1.4em;
					}
						.doublecolumn.novedades dl {
							width: 218px;
							margin-right: 25px;
							float: left;
						}
							.doublecolumn.novedades dl.noMargin {
								margin: 0;
							}
						.column.nuevo dl dd.fecha, .column.noticias dl dd.fecha, .column.novedades dl dd.fecha, .doublecolumn.novedades dl dd.fecha {
							padding-bottom: 8px;
							font-size: 0.9em;
						}
						
							.column.nuevo dl dd {
								color: #000;
							}
							.column.nuevo dl dd.fecha {
								color: #333 !important;
							}
							.column.noticias dl dd.fecha a {
								text-transform: none;
								font-weight: bold;
							}
						.column.nuevo dl dd img {
							border: 1px solid #ccc;
							margin-bottom: 12px;
							padding: 9px;
						}
						.column.nuevo dl dd, .column.noticias dl dd, .column.novedades dl dd, .doublecolumn.novedades dl dd, .interna dl dd {
							margin-bottom: 8px;
						}
												
							.column.nuevo dl dd.cat {
								font-weight: bold;
							}
							.column.noticias dl dd {
								color: #666;
							}
						.column.nuevo dl dt, .column.noticias dl dt, .column.novedades dl dd strong, .doublecolumn.novedades dl dd strong, .interna dl dd strong {
							font-weight: bold;
							font-size: 1.2em;
						}
						
						.column.noticias dl dt, .column.novedades dl dd strong, .doublecolumn.novedades dl dd strong {
							margin-bottom: 8px;
						}
							.column.nuevo dl dt a {
								color: #f60;
							}
							.column.novedades dl dd strong, .doublecolumn.novedades dl dd strong {
								color: #000;
							}
						.column.novedades dl dt, .doublecolumn.novedades dl dt, .interna dl dt {
							font-size: 2em;
							line-height: 1em;
							margin-bottom: 8px;
						}
							.column.novedades dl dt a, .doublecolumn.novedades dl dt a {
								color:#f60;
							}
						.column.nuevo dl dd a {
							font-size: 0.9em;
							color: #fff;
						}
						.column.novedades dl dd, .doublecolumn.novedades dl dd {
							color: #000;
						}
							.column.novedades dl dd a, .doublecolumn.novedades dl dd a {
								font-size: 0.9em;
							}
							
						.column.testimonios div.comments {
							background-image: url(../images/icons/quote-start.gif);
							background-repeat: no-repeat;
							background-position: center top;
							margin: 70px 0 20px 0;
							padding: 20px 0 0 0;
							color: #666;
						}
						.testimonios div.comments {
							background-image: url(../images/icons/quote-full_big.gif);
							background-repeat: no-repeat;
							background-position: center;
							margin: 0;
							padding: 0 50px;
						}
							/*.testimonios div.comments p {
								line-height: 1.4em;
							}*/
						
							.column.testimonios p.firma {
								background-image: url(../images/icons/quote-end.gif);
								background-repeat: no-repeat;
								background-position: center top;
								margin: 30px 0 10px 0;
								padding-bottom: 20px;
								font-size: 1em;
								color: #333;
								font-style: normal;
							}
							.testimonios p.firma {
								background-image: none;
								padding: 20px 0 0 0;
								margin: 0 !important;
							}
								.testimonios p.fecha {
									margin: -15px 0 40px 0;
									padding: 0 0 20px 0;
									border-bottom: 1px dotted #ccc;
									/*font-size: 1em;*/
								}
								
							.column.testimonios a {
								font-style: normal;
								background-image: none;
								margin-top: 0;
								padding-top: 0;
								font-size: 1.1em;
							}


	#content {
		padding: 30px;
	}
	
		#content.home {
			padding: 0;
		}
	
		#content .imageList {
			/*width: 738px;*/
			clear: both;
			display: block;
			margin-bottom: 40px;
		}
			#content .imageList .imgselector {
				width: 211px; 
				float: left;
				display: block;
				border-left: 10px solid #efefef;
				padding: 0 25px 0 16px;
				margin-bottom: 20px;
				color: #666;
				background-color: #FFF;
			}
				#content .imageList .imgselector p {
					margin-bottom: 8px;
					line-height: 1.6em;
				}
				#content .imageList .imgselector a {
					font-size: 1.1em;
				}
				
				#content .imgselectorContainer {
					min-height: 150px;
				}
									
			#content .imageList .photselector {
				width: 350px; /* sin margen derecho, al corte */
				display: block;				
				overflow: hidden;
				background-color: #FFF;
			}
			
				#content .imageList .controls {
					position: absolute;
					z-index: 20;
				}
			
				#content .imageList .control {
					position: relative;
					cursor: pointer;
					background-position: top left;
					background-repeat: no-repeat;
					width: 12px;
					height: 12px;
					text-indent: -9999px;
					display: block;
					margin-top: 50px;
					float: left;
				}
				
					#content .imageList .prev { 
						background-image:url(../images/icons/arrow-left-small.gif);
						left: 275px
					}
					#content .imageList .next {
						background-image:url(../images/icons/arrow-right-small.gif);
						left: 640px
					}
			
				#content .imageList .photselector ul,
				#content .imageList .photselector li {
					margin: 0;
					list-style-type: none;
				}
				
				#content .imageList .photselector li {
					display: block;
					float: left;
				}
			
				#content .imageList .photselector a {
					float: left;
					border: 1px solid #ccc;
					padding: 4px;
					margin-right: 10px;
				}
				
					#content .imageList .photselector a.last {
						margin: 0 !important;
					}
				
				#content .imageList .photoslide {
					position: absolute;
					border-right: 30px solid #EFEFEF;
					width: 413px;
					margin-left: 263px;
					background-color: #FFF;
					padding-left: 32px;
				}
				
	#myImageFlow {
		background-color: #fff;
	}
	
		#myImageFlow.home {
			background-color: #fff !important;
		}
		

/* Menu */

ul#mainMenu, ul#secondMenu, ul#thirdMenu, ul#fourthMenu, ul#languageMenu {
	display: block;
	margin: 26px 0;
	padding: 0 10px;
}
	ul#mainMenu, ul#secondMenu, ul#thirdMenu, ul#languageMenu {
		font-size: 1.2em;
	}
	ul#fourthMenu {
		font-size: 1.1em;
	}
	ul#mainMenu {
		border-left: 10px solid #f60;
	}
	ul#secondMenu {
		border-left: 10px solid #333;
	}
	ul#thirdMenu {
		border-left: 10px solid #666;
	}
	ul#fourthMenu {
		border-left: 10px solid #fff;
	}
	ul#languageMenu {
		border-left: 10px solid #ccc;
	}
	ul#mainMenu li {
		list-style: none;
		font-weight: bold;
		font-size: 1em;
		margin-bottom: 20px;
	}
	ul#secondMenu li, ul#thirdMenu li, ul#fourthMenu li {
		list-style: none;
		font-size: 1em;
		padding: 4px 0 0 10px;
	}
	ul#fourthMenu li.delicious a {
		color: rgb(20, 98, 193);			
	}
	ul#languageMenu li {
		list-style: none;
		font-size: 0.8em;
		padding-left: 10px;
		text-transform: uppercase;
		margin-bottom: 3px;
	}
		ul#mainMenu li.single {
			margin-bottom: 0;
			padding: 4px 0 1px 0;
		}
		ul#mainMenu li li {
			padding-bottom: 0;
			margin-bottom: 5px;
			font-weight: normal;
		}
		
			ul#mainMenu li.servicios li {
				margin-bottom: 0;
			}
		
			ul#mainMenu li li li {
				margin-bottom: 0;
			}
		
			ul#mainMenu li li strong {
				text-transform: uppercase;
			}
			ul#mainMenu ul {
				margin:2px 0 10px -2px;
				padding: 4px 0 1px 0;
			}
			ul#mainMenu ul li {
				padding: 3px 0 1px 0;
				text-indent: 9px;
			}
				ul#mainMenu ul.selected, ul#mainMenu li.selected {
					background-color: #fff;
					width: 239px;
					border-top: 4px solid #fff;
					border-bottom: 2px solid #fff;
				}
					ul#mainMenu ul.selected li a, ul#mainMenu li.selected li a {
						color: #f60;
					}
						ul#mainMenu ul.selected li li a {
							color: #333;
						}
			ul#mainMenu ul ul {
				margin: 0 0 5px 0;
				padding: 0;
			}
				ul#mainMenu li li a, ul#mainMenu li li li a, ul#secondMenu li a {
					color: #333;
				}	
				ul#thirdMenu li a {
					color:#666;
				}
				ul#languageMenu li a {
					color: #aaa;
				}
					
					
/* Elements */

#main .breadcrum {
	display: block;
	margin-bottom: 20px;
	color: #999;
}
	#main .breadcrum a {
		color: #666;
	}					
		
ul#customText {
	position: absolute;
	list-style: none;
	margin: 30px 0 0 670px;
	z-index: 1000;
}	
	ul#customText li {
		float: left;
		text-align: center;
		display: block;
		width: 27px;
		border: 1px solid #ccc;
		color: #bbb;
		margin-left: 4px;
		cursor: pointer;
	}
	
		ul#customText li#increase {
			font-size: 13px;
			height: 22px;
			padding-top: 4px;
		}
		ul#customText li#decrease {
			font-size: 10px;
			height: 20px;
			padding-top: 6px;
		}

/* Forms */

form#contactForm {
	margin-top: 20px;
}

	#contactForm label {
		display: none;
	}
		#contactForm input, #contactForm textarea {
			width: 312px;
			background-color: #fff;
			border: 1px solid #000;
			border: none;
			padding: 4px;
			margin: 0 4px 4px 0;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 1em;
		}
			#contactForm input.small {
				width: 150px;
				margin-right: 4px;
				float: left;
			}
			#contactForm input#submit, #contactForm input#reset {
				width: auto;
				padding: 4px 20px;
				background-color: #fff;
				color: #000;
				cursor: pointer;
				float: right;
			}

div.alert {
	font-size: 1.1em;
	color: #390;
	margin-bottom: 20px;
	font-weight: bold;
}
	.colLeft div.alert {
		font-size: 0.9em !important;
		color: #fff;
		line-height: 0.7em;
	}
	
div.error {
	font-size: 1.1em;
	color: #f00;
	margin-bottom: 20px;
	font-weight: bold;
}
	.colLeft div.error {
		font-size: 0.9em !important;
		color: #933;
		line-height: 0.7em;
	}
	
	div.alert ul li, div.error ul li {
		list-style-position: outside;
		margin-left: 30px;
		font-size: 1em;
	}

/* googlemaps */

#googlemap {
	width: 304px;
	height: 500px;
	margin: 0 0 30px 30px;
	font-size: 1.2em;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float: right;
	border: 10px solid #eee;
}

	#googlemap strong {
		font-size: 1.2em;
	}
	
	#googlemap div {
		 max-width: 304px; /* Change to the width of your map */
	}
	#googlemap div span {
		 white-space: normal;
	}