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

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #333;
	text-align: left;
	background-image: url(../images/background.gif);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #efefef;
	/*text-rendering: optimizeLegibility;*/
}

iframe {
	display: none;
}

	#container iframe {
		display: block;
	}

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;
}


/* 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: #fff;
	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 {
	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;

	}
	p.fuente {
		color: #999;
		font-size: 1em;
		margin-top: 50px;
	}
	
	#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;
		}
	
	ul.socialNets {
		text-indent: -9999px;
		list-style: none;
		clear: both;
		/*margin: 0;*/
	}	
		ul.socialNets li {
			float: left !important;
			padding-right: 4px;
			margin-bottom: 10px !important;
		}
		ul.socialNets li a {
			width: 20px;
			height: 20px;
			display: block;
			background-position: 0 0;
		}
			ul.socialNets li a.facebook {
				background-image: url(../images/icons/facebook.gif);
			}
			ul.socialNets li a.twitter {
				background-image: url(../images/icons/twitter.gif);
			}
			ul.socialNets li a.linkedin {
				background-image: url(../images/icons/linkedin.gif);
			}
			ul.socialNets li a.diggit {
				background-image: url(../images/icons/digg.gif);
			}
			ul.socialNets li a.delicious {
				background-image: url(../images/icons/delicious.gif);
			}
			ul.socialNets li a.buzz {
				background-image: url(../images/icons/buzz.gif);
			}
				.buzzup {
					background-image: url(../images/icons/buzz-up.gif);
					width: 16px;
					height: 16px;
					display: block;
					text-indent: -999px;
				}
				.buzzup span a span {
				   background-image: url() !Important;
				   width: 16px !important;
				   height: 16px !important;
				}
			ul.socialNets li a.reddit {
				background-image: url(../images/icons/reddit.gif);
			}
			ul.socialNets li a.stumble {
				background-image: url(../images/icons/stumble.gif);
			}
			ul.socialNets li a.rss {
				background-image: url(../images/icons/rss.gif);
			}
				ul.socialNets li a:hover {
					background-position: 0 -20px;
				}

.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: none;
}
	a:hover {
		color: #666;
	}

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

/* Structure */

#container, #footer {
	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;
		}
		
	#footer {
		width: 100%;
		height: auto;
		margin: auto;
		padding: 50px 0 50px 0;
		display: block;
		background-image: url('../images/background-footer.gif');
		background-repeat: no-repeat;
		background-position: center top;
		background-color: #efefef;
	}
		.home #footer {
			background-image: url('../images/background-footer-home.gif');
		}
	
		#footer .links {
			width: 762px;
			margin: auto;
			display: block;
			padding: 0 0 0 262px;
		}
		#footer .links .list {
			width: 237px;
			float: left;
			padding: 0;
			margin-right: 25px;
		}
			#footer .links .list p {
				line-height: 1.8em;
				font-size: 1em;
				color: #666;
			}
				#footer .links .list p strong {
					font-size: 1.2em;
				}
			#footer .links .list.last {
				margin-right: 0;
			}
				#footer .links .list ul {
					padding-bottom:14px !important;
				}
					#footer .links .list ul li {
						line-height: 1.8em;
						font-size: 1.1em;
					}
					#footer .links .list ul.products, #footer .links .list ul {
						list-style: none;
						margin: 0 !important;
					}
						#footer .links .list ul.products li {
							font-weight: normal;
							font-size: 1em;
						}
						#footer .links .list ul.services li {
							font-weight: bold !important;
							font-size: 1em;
						}
							#footer .links .list ul.products li li {
								text-transform: uppercase;
								font-size: 1em;
							}
								#footer .links .list ul.products li li li,
								#footer .links .list ul.services li li,
								#footer .links .list ul li {
									font-weight: normal !important;
									text-transform: none !important;
									font-size: 1em;
								}
						#footer .links .list ul li a {
							color: #AAA;
						}
							#footer .links .list ul li a:hover {
								color: #F60;
							}
			
	#main {
		width: 768px;
		float: left;
	}
	
		.shortcuts {
			background-image: url(../images/background-shortcuts.gif) !important;
			background-repeat: repeat-y;
			margin-top: 80px;
			position: relative;
			clear: both;
			display: block;
		}
			.shortcuts-home {
			   background-image: url(../images/background-shortcuts-home.gif);
			   background-repeat: repeat-y;
			}
						
		.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;
				background-image: url(../images/background-menu.gif);
				background-position: center right;
				background-repeat: no-repeat;

			}
				.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: #f60;
				}
				.column.noticias {
					background-image: url(../images/titles/noticias.gif);
				}
				.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 {
					background-color: #000;
				}
					.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,
					.column.nuevo 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;
								/*font-size: 0.95em;
								line-height: 1.3em;*/
							}
							.column.nuevo dl dd.fecha {
								color: #333 !important;
							}
							.column.noticias dl dd.fecha a {
								text-transform: none;
								font-weight: bold;
							}
							.column.noticias dl dd p {
								font-size: 1em !important;
								line-height: 1.3em;
							}
						.column.nuevo dl dd img {
							border: 10px solid #fff;
							margin-bottom: 12px;
						}
						.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: #fff;
							}
								.column.nuevo dl dt a:hover {
									color: #000;
								}
							.column.novedades dl dd strong,
							.doublecolumn.novedades dl dd strong {
								color: #fff;
							}
						.column.novedades dl dt,
						.doublecolumn.novedades dl dt,
						.interna dl dt {
							font-size: 2.2em;
							line-height: 1em;
							margin-bottom: 8px;
							font-family: Helvetica, Arial, Verdana, sans-serif;
						}
							.column.novedades dl dt a,
							 .doublecolumn.novedades dl dt a {
								color:#f60;
							}
								.column.novedades dl dt a:hover,
								.doublecolumn.novedades dl dt a:hover {
									color: #fff;
								}
						.column.nuevo dl dd a {
							font-size: 0.9em;
							color: #fff;
						}
							.column.nuevo dl dd a:hover {
								color: #000;
							}
						.column.novedades dl dd,
						.doublecolumn.novedades dl dd {
							color: #fff;
						}
							.column.novedades dl dd p,
							.doublecolumn.novedades dl dd p {
								font-size: 1em;
								line-height: 1.4em;
							}
							/*.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.internal .gallery {
			margin-top: -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 .imgselectorContainer:hover .imgselector {
					border-left: 10px solid #000;
					cursor: pointer;
					color: #000;
				}
					
			#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;
					display: block;
					margin-top: 0 !important
				}
				
					#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;
				}
				
				#content .imgselectorContainer:hover .photoslide {
					border-right: 30px solid #000;					
				}

	#myImageFlow {
		background-color: #fff;
	}
	
		#myImageFlow.home {
			background-color: #333;
		}
		
	/*#extras {
		width: 304px;
		height: 305px;
		float: right;
	}
		#extras .banners {
			height: 179px;
			background-color: #333;
		}
			#extras .banners ul#selector {
				display: block;
				width: 24px;
				padding: 107px 0 0 250px;
			}
				#extras .banners ul#selector li {
					list-style: none;
					font-weight: bold;
				}
					#extras .banners ul#selector li a {
						width: 20px;
						height: 12px;
						padding: 6px 2px;
						display: block;
						color: #fff;
						background-color: #000;
					}
						#extras .banners ul#selector li a:hover {
							color: #fff;
							background-color: #f60;
						}*/

/* Menu */

ul#mainMenu, ul#secondMenu, ul#thirdMenu, ul#languageMenu, ul.socialNets .fourthMenu {
	display: block;
	margin: 26px 0;
	padding: 0 10px;
}
	ul#mainMenu, ul#secondMenu, ul#thirdMenu, ul#languageMenu {
		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.socialNets.fourthMenu {
		border-left: 10px solid #fff !important;
	}
	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 {
		list-style: none;
		font-size: 1em;
		padding: 4px 0 0 10px;
	}
	ul.socialNets.fourthMenu li {
		list-style: none;
		font-size: 1em;
		/*padding: 4px 0 0 10px;*/
	}
		/*ul#fourthMenu li {
			padding-bottom: 6px;
		}
	ul#fourthMenu li.delicious a {
		color: rgb(20, 98, 193);			
	}
		ul#fourthMenu li.delicious a:hover {
			color: #000;
		}*/
	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: 8px solid #fff;
					border-bottom: 2px solid #fff;
					padding-left: 10px;
					margin-left: -8px;
				}
					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.selected li a:hover, ul#mainMenu li.selected a:hover {
						color: #333;
					}
						ul#mainMenu ul.selected li li a:hover {
							color: #f60 !important;
						}
			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;
				}
					ul#mainMenu li li a:hover, ul#secondMenu li a:hover, ul#thirdMenu li a:hover, ul#languageMenu li a:hover {
						color: #f60;
					}
					
					
/* Elements */

#main .breadcrum {
	display: block;
	margin-bottom: 20px;
	color: #999;
}
	#main .breadcrum a {
		color: #666;
	}					
		#main .breadcrum a:hover {
			color: #f60
		}
		
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;
		}
			ul#customText li:hover {
				border: 1px solid #f60;
				color: #f60;
			}

ol.destacado li {
	margin-bottom: 15px;
}

	ol.destacado li span {
		margin-bottom: 8px;
		text-transform: uppercase;
		font-weight: bold;
	}
		ol.destacado li li {
			font-size: 0.9em;
			margin-bottom: 0;
			list-style: disc;
		}
			
/* Social Networks icons */

.bottomLeftIcon {
	display: block;
	float: left;
	width: 55px;
	margin-top: 20px;
}

.bottomRightIcon {
	display: block;
	float: right;
	width: auto;
	margin-top: 20px;
}

	.bottomRightIcon div {
		margin-left: 5px;
		float: left;
		display: block;
	}
	
	

/* Forms */

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

	#contactForm label {
		display: none;
	}
		#contactForm input, #contactForm textarea {
			width: 312px;
			background-color: #eee;
			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: #000;
				color: #fff;
				cursor: pointer;
				float: right;
			}
				#contactForm input#submit:hover, #contactForm input#reset:hover {
					background-color: #f60;
				}

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;
	}
	
	/* Captcha */
	
	/*.recaptchatable .recaptcha_r1_c1,
	.recaptchatable .recaptcha_r2_c1,
	.recaptchatable .recaptcha_r2_c2,
	.recaptchatable .recaptcha_r3_c1,
	.recaptchatable .recaptcha_r3_c2,
	.recaptchatable .recaptcha_r3_c3,
	.recaptchatable .recaptcha_r4_c2,
	.recaptchatable .recaptcha_r7_c1,
	.recaptchatable .recaptcha_r8_c1,
	.recaptchatable .recaptcha_r4_c4 {
		background: url(../images/captcha/sprite.png) !important;
	}*/
	
/* 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;
	}