/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* External Files
================================================== */
@import url("onebyone/css/jquery.onebyone.min.css");
@import url("onebyone/css/animate.min.css");


/* #Site Styles
================================================== */
body {
	background:url(../imagenes/pattern_bg.jpg);
	/*background: #FAFAFA url(../imagenes/ghmi-back.png);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.05em;
	}
	
select.mobileMenu{
		color:#444;
		font:15px 'PTSansNarrowRegular', sans-serif;
		margin: 0 auto;
		margin-top:50px;
		margin-bottom: 10px;
		padding:10px;
		z-index: 9999 !important;
		cursor: pointer;
		cursor: hand;
		}   
.only-device{
		display: none !important;
		visibility: hidden !important;
		}

.box {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 7px;
	border-radius: 6px;
	}

.box-top {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.box-bottom {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	}

.shadow-box {
	-webkit-box-shadow:  0px 0px 14px 0px rgba(99, 99, 90, .4);
	-moz-box-shadow: 0px 0px 14px 0px rgba(99, 99, 90, .4);
	box-shadow:  0px 0px 14px 0px rgba(99, 99, 90, .4);
	}
.left { float:left}
.right{ float:right}


.ie .container {
	/*background:#FCFCFC;*/
	}


header {
	background:url(../imagenes/ghmi-header-2.png) center left no-repeat;
	height: 150px;
	margin-top:20px;
	margin-bottom: 10px;
	}
	header hgroup {
		height: 89px;
		/*margin-top:20px;*/
		text-align:center;
		padding-top: 18px;
		}
	header .url {
		text-indent: 300px;
		overflow:hidden;
		}
		header .url a {
			display:block;
			text-decoration:none;
			}
			
	/*.ie .ie-url {
		margin-top: -20px;
		}*/
			
	header nav.menu {
		font-family:'PTSansNarrowRegular';
		font-size:14px;
		}
		ul#main-nav {
			margin:0px;
			padding:0px;
			display:block;
			position:absolute;
			top: 56px;
			right:10px;
		}
			.sf-menu, .sf-menu * {
				margin:			0;
				padding:		0;
				list-style:		none;
			}
			.sf-menu {
				line-height:	1.0;
				margin-top:8px;
			}
			.sf-menu ul {
				position:		absolute;
				top:			-999em;
				width:			12.5em; /* left offset of submenus need to match (see below) */
			}
			.sf-menu ul li {
				width:			100%;
			}
			.sf-menu li:hover {
				visibility:		inherit; /* fixes IE7 'sticky bug' */
			}
			.sf-menu li {
				float:			left;
				position:		relative;
			}
			.sf-menu a {
				display:		block;
				position:		relative;
			}
			.sf-menu li:hover ul,
			.sf-menu li.sfHover ul {
				left:			0;
				top:			2.9em; /* match top ul list item height */
				z-index:		99;
				
			}
			ul.sf-menu li:hover li ul,
			ul.sf-menu li.sfHover li ul {
				top:			-999em;
			}
			ul.sf-menu li li:hover ul,
			ul.sf-menu li li.sfHover ul {
				left:			10em; /* match ul width */
				top:			0;
			}
			ul.sf-menu li li:hover li ul,
			ul.sf-menu li li.sfHover li ul {
				top:			-999em;
			}
			ul.sf-menu li li li:hover ul,
			ul.sf-menu li li li.sfHover ul {
				left:			10em; /* match ul width */
				top:			0;
			}
			
			/*** SKIN ***/
			.sf-menu {
				float: right;
				background: url(../imagenes/divider.png) no-repeat right top;
			}
			.sf-menu a {
				padding: 	10px 13px 9px 15px;
				text-decoration:none;
			}
			.sf-menu a, .sf-menu a:visited  {
				color:			#444;
			}
			.sf-menu li a:hover { 
				color:			#fff;
				background:	#b2bbc8 url(../imagenes/ghmi-footer.png);
				text-shadow:0 1px 1px rgba(0,0,0,.9);
			}
			.sf-menu li {
				background: url(../imagenes/divider.png) no-repeat left top;
				text-transform:uppercase;
				font-size:14px;
				line-height: 1.25em;
			}
			.sf-menu li li {
				background:	#ededed ;
				border-bottom:1px solid #fff;
				font-size:15px;	
				text-transform: none;
				line-height: 1.1em;				
			}
			.sf-menu li li a:hover {
				background:	#b2bbc8 url(../imagenes/ghmi-footer.png);
				text-shadow: none;
			}
			
			.sf-menu li li li {
				background:		#f5f5f5;
			}
			.sf-menu li:hover, .sf-menu li.sfHover,
			.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
				outline:		0;
			}
			.sf-menu a:hover, .sf-menu a:active {
				outline:		0;
			}
						
					
					

.main-content {
	background:#FCFCFC;
	margin-bottom: 10px;
	padding: 10px 0;
	/*height:500px;*/
	}
	.main-content .slide {
		margin-top: 30px;
		margin-bottom: 35px;
		}
	.main-content #banner{   
		position: relative;
		
	}     
		.main-content .oneByOne1{
			/*top: 50px;
			left: 36px;  */
			background: ;	
			margin: 0 auto;
			width: 100%;
			height: auto;   
			background: #FFF url(../imagenes/pattern_bg.jpg) repeat;    
			position: relative;
			overflow: hidden;
			border:1px solid #FCFCFC;
			-webkit-box-shadow:  0px 0px 50px 0px rgba(99, 99, 90, .45);
			-moz-box-shadow: 0px 0px 50px 0px rgba(99, 99, 90, .45);
			box-shadow:  0px 0px 50px 0px rgba(99, 99, 90, .45);
			}
			.main-content #banner .oneByOne_item{
				position: absolute;
				width: 820px;
				height: 325px;  
				overflow: hidden;  
				}         
				.main-content #banner .oneByOne_item span{
					font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
					}                                                                                              
				.main-content #banner .oneByOne_item a{
					text-decoration: none;
					color: #B22222;
					}
			/* slide 1 */
			.main-content #banner img{
				position: absolute;
				top:  0px;
				left: 0px;
				}
			.main-content .oneByOne1,
			.main-content #banner .oneByOne_item,
			.main-content #wrapper,
			.main-content img{
				max-width:820px;
				}
		
	.main-content .main-body{}
		.main-content .main-body ul{
			list-style:none;
			}
			.main-content .main-body ul li{
				color: #61818c;
				font-weight:700;
				background:url(../imagenes/tick_1.png) left no-repeat;
				padding-left: 20px;
				margin-left: 25px;
				line-height: 0.9em;
				}
			
		
	.main-content .sidebar{
		border: 0px solid #e6f0f4;
		/*padding: 10px;*/
		}
		.main-content .sidebar nav{}
			.main-content .sidebar nav ul{
				list-style:none;
				}
				.main-content .sidebar nav ul li{
					font-family:'PTSansNarrowRegular';
					font-size:16px;
					display:block;
					line-height: 2.25em;
					border-bottom:1px dashed #cadbe2;
					background:url(../imagenes/ghmi-header-2.png) top center no-repeat;
					margin:0;
					padding: 3px 12px;
					}
				.main-content .sidebar nav ul li:hover{
					background:url(../imagenes/ghmi-footer.png) top center no-repeat;
					border-bottom:1px solid #9fb7c1;
					}
				.main-content .sidebar nav ul li.current {
					color:#FFF;
					background:url(../imagenes/ghmi-footer.png) bottom no-repeat;
					border:none;
					font-weight:700;
					text-transform:uppercase;
					}
			.main-content .sidebar a {
				display:block;
				}
			.main-content .sidebar a:hover {
				color: #f4fafb;
				text-decoration:none;
				}


	/* #Conatcto ================================================== */
	
	#myform input,#myform textarea{ background:#fff; border:1px solid #dcdcdc; border-radius:3px; color:#555; margin:2px 0 5px 0; -moz-border-radius:3px; padding:5px; -webkit-border-radius:3px; width:110px;}
	#myform input{ width:95%;}
	#myform label {font-size:16px !important;}
	label .errorEnvio{ font-size:16px !important; color: #C00; display:block; height:15px; margin:0 0 10px 0; padding:4px 10px; z-index:9999;}
	label .errorEnvio strong{ color: #C00 }
		
		

footer {
	font-size:14px;
	background:url(../imagenes/ghmi-footer.png) top center no-repeat;
	height:50px;
	color:#f0f9fc;
	margin-bottom: 20px;
	}
	footer p {
		text-align:center;
		line-height: 3.50em;
		}
	footer nav{}
		footer nav ul{
			list-style:none;
			}
			footer nav ul li{
				display:block;
				float:right;
				line-height: 3.5em;
				margin: 0 5px;
				font-weight:700;
				}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

			/*.main-content{padding: 10px;}*/
			
			.main-content .oneByOne1,
			.main-content #banner .oneByOne_item,
			.main-content #wrapper,
			.main-content img{
				max-width:652px;
				}

		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

			body{
				text-shadow:0 1px 1px rgba(0,0,0,.15) !important;
				}
			
			.no-device{
				display: none !important;
				visibility: hidden !important;
			}
			
			.main-content {
				margin-top: 0px;
				/*padding: 10px;*/
				}
				
			.main-content .oneByOne1,
			.main-content #banner .oneByOne_item,
			.main-content #wrapper,
			.main-content img{
				max-width:652px;
				}
			.main-content .slide {
				margin-top: 10px;
				margin-bottom: 15px;
				}

		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

			.no-device{
				display: none !important;
				visibility: hidden !important;
				}
			.only-device{
				display: inherit !important;
				visibility: inherit !important;
				}
			
			/*.main-content{padding: 10px;}*/
			.main-body p,
			.main-content p,
			.main-content .datos-contacto,
			.main-content h1,
			.main-content h2 {padding: 10px;}
			
			ul.datos-contacto li a {
				font-size:18px;
				padding: 0 10px;
				display:block;
				text-align:center;
				line-height: 2.25em;
				color: #FFF;
				font-weight:700;
				border-bottom:1px solid #61818c;
				background:url(../imagenes/ghmi-menu.png) center;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				-o-border-radius: 10px;
				border-radius: 10px;
				}
				ul.datos-contacto li a:hover,
				ul.datos-contacto li a:active {
					color:#61818c;
					border-bottom-style:dashed;
					background:url(../imagenes/ghmi-header-2.png) top center no-repeat;
					}
			
			.main-content .oneByOne1,
			.main-content #banner .oneByOne_item,
			.main-content #wrapper,
			.main-content img{
				max-width:420px;
				border:none;
				}

		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
			
			.no-device{
				display: none !important;
				visibility: hidden !important;
				}
			.only-device{
				display: inherit !important;
				visibility: inherit !important;
				}
			
			.main-body p,
			.main-content p,
			.main-content .datos-contacto,
			.main-content h1,
			.main-content h2 {padding: 10px;}
			
			ul.datos-contacto li a {
				font-size:18px;
				padding: 0 10px;
				display:block;
				text-align:center;
				line-height: 2.25em;
				color: #FFF;
				font-weight:700;
				border-bottom:1px solid #61818c;
				background:url(../imagenes/ghmi-menu.png) center;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				-o-border-radius: 10px;
				border-radius: 10px;
				}
				ul.datos-contacto li a:hover {
					color:#61818c;
					border-bottom-style:dashed;
					background:url(../imagenes/ghmi-header-2.png) top center no-repeat;
					}
				ul.datos-contacto li a:active {
					color:#61818c;
					border-bottom-style:dashed;
					background:url(../imagenes/ghmi-menu.png) bottom center no-repeat;
					}
			
			.main-content .oneByOne1,
			.main-content #banner .oneByOne_item,
			.main-content #wrapper,
			.main-content img{
				max-width:300px;
				border:none;
				}
		
		}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
		
	@font-face {
		font-family: 'PTSansNarrowRegular';
		src: url('tipografia/PTSans/PTN57F-webfont.eot');
		src: url('tipografia/PTSans/PTN57F-webfont.eot%3F') format('embedded-opentype'),
			 url('tipografia/PTSans/PTN57F-webfont.woff') format('woff'),
			 url('tipografia/PTSans/PTN57F-webfont.ttf') format('truetype'),
			 url('tipografia/PTSans/PTN57F-webfont.svg') format('svg');
		font-weight: normal;
		font-style: normal;
		}
	
	@font-face {
		font-family: 'PTSansNarrowBold';
		src: url('tipografia/PTSans/PTN77F-webfont.eot');
		src: url('tipografia/PTSans/PTN77F-webfont.eot%3F') format('embedded-opentype'),
			 url('tipografia/PTSans/PTN77F-webfont.woff') format('woff'),
			 url('tipografia/PTSans/PTN77F-webfont.ttf') format('truetype'),
			 url('tipografia/PTSans/PTN77F-webfont.svg') format('svg');
		font-weight: normal;
		font-style: normal;
		}