* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		p { text-align: left; margin: 15px 0 }
		
		p, ul { font-size: 11px; line-height: 1.8em; } 
		
		p a, li a { color: #006666; text-decoration: none }
		
		p.intro { border-bottom: 1px solid #006666; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #006666; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
	    h3 {  margin-bottom: 5px; padding-bottom: 3px; text-align: left }
		
		body {
			font-family: "Verdana";
			background: url("sombras.png") center;
			background-repeat: repeat-y;
			color: #000;
			width: 685px;
			margin: auto; 
			text-align: center;
			padding-bottom: 20px;
		}
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
			
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 373px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center; }

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border-top: 1px solid #66af9e;  this is the border. should have the same value for the links */
			margin: auto;
			width: 666px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			min-height: 200px; /* 460px inicialmente */
			clear: both;
			background: #fff;
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			margin-left:15px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 665px; /* Also specified in  .stripViewer  above */  /*tamaņo de la ventana deslizante*/
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 30px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin-left: 290px;
			
			
		}
		
		.stripNav ul { /* The auto-generated set of links */
			/* list-style: none;*/
			list-style: none;
					
			
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 1px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 20px;
			 /* Fondo de las pestaņas */
			color: #66af9e; /* Texto de las pestaņas */
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav a:hover {
			
		}/*pestaņa sobre*/
		
		.stripNav a.current { 
			
			color: #666666;
		}/*pestaņa seleccionada*/
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			margin-left:70px;
			margin-right:70px;
			text-indent: -9000em;
		}
		
		

		
		 
		#cabecera {
			
			width: 667px;
			height: 94px;
			background:#FFFFFF url(cabecera.jpg) center;
			background-repeat:no-repeat;
			margin-left: 10px;
			margin-bottom:0px;
			border:0px;
			border-bottom:0px;
			
			}
		
		#menu {
			
			width: 665px;
			height: 85.5px;
			margin-left: 9px;
			margin-top:1px;
			border:0px;
			display: block;
			padding:0px;
			position: static;
			
			
			}
		
		#menu1 { 
		background:url(inicio.jpg);
		width: 130px;
		height: 85.5px;
		border:0px;
		position:relative;
		
		
		}
		
		
		#menu1:link, #menu1 li a:visited {background-image:url(inicio.jpg);}
		#menu1:hover {background-image:url(iniciopress.jpg);}
		
		
		#menu2 { 
		background:url(nosotros.jpg);
		width: 133.5px;
		height: 85.5px;
		border:0px;
		margin-left: 1px;
		position:relative;
		
		
		}
		
		
		#menu2:link, #menu2 li a:visited {background-image:url(nosotros.jpg);}
		#menu2:hover {background-image:url(nosotrospress.jpg);}
		
		#menu3 { 
		background:url(servicios.jpg);
		width: 133.5px;
		height: 85.5px;
		border: 0px;
		margin-left: 1px;
		position:relative;
		
		
		}
		
		
		#menu3:link, #menu3 li a:visited {background-image:url(servicios.jpg);}
		#menu3:hover {background-image:url(serviciospress.jpg);}
		
		#menu4 { 
		background:url(contacto.jpg);
		width: 133.5px;
		height: 85.5px;
		border: 0px;
		margin-left: 1px;
		position:relative;
	
		
		
		}
		
		
		#menu4:link, #menu4 li a:visited {background-image:url(contacto.jpg);}
		#menu4:hover {background-image:url(contactopress.jpg);}
		
		#menu5 { 
		background:url(formulario.jpg);
		width: 132px;
		height: 85.5px;
		border:0px;
		margin-left: 1px;
		position:relative;
		
		
		}
		
		
		#menu5:link, #menu5 li a:visited {background-image:url(formulario.jpg);}
		#menu5:hover {background-image:url(formulariopress.jpg);}
		

		
		.listaservicios
		{
			margin-left:0px;
			font-size:10px;
			line-height:15px;
			color: #595959;
		}

		h1{ line-height:20px; color:#66af9e; font-size:11px; }

		.inicio
		{
		color:#595959;
		padding-right:25px;
		float:right;
		text-align: left;
			
		}
		.foto
		{
			float:left;
			padding-right:10px;
			margin-left:0px;
			padding-left:0px;
		}





		#caja{
				font-family:Lucida grande;
				font-variant:small-caps;
				text-align: left;
				border-color: 5px #006666;
				background-image:url(caja.jpg);
				background-repeat:no-repeat;
				
				
		
		}
		#manejadores{
		float:right;
		}
		
		.formulario
		{
		color: #333333;
		text-align: left;
		font-size:11px;
		line-height: 35px;
		padding-left: 35px;
		vertical-align:bottom;
			
		}
		
		
		#footer
		{
			
			width: 667px;
			height:25px;
			border:0px;
			padding:0px;
			margin-bottom:0px;
			line-height: 25px;
			margin-left: 9px;
			position: fixed;
			bottom:0;
			
		}
		#footer2
		{
			background-color:#595959;
			width: 667px;
			height:25px;
			border:0px;
			padding:0px;
			margin-bottom:0px;
			line-height: 25px;
			margin-left: 9px;
			position: fixed;
			bottom:0;
			
		}
		.pie
		
		{
		color:#24d2a1;
		font-family: "Lucida Grande";
		vertical-align: middle;
		font-size:10px;
		padding-bottom:2px;
		float: left;
		padding-left:45px;
		text-decoration:none;
		display:inline;
		}
		
		.pie2
		
		{
		color: #FFFFFF;
		font-family: "Lucida Grande";
		vertical-align: middle;
		font-size:10px;
		padding-bottom:2px;
		padding-left:150px;
		text-decoration:none;
		display:inline;
		}
		
		
		.legal
		{
			margin-right:25px;
			font-size:9px;
		}
			


		
		option {color: #595959; border-style:none;}
		option.uno {background-color: transparent;}
		option.dos {background-color: transparent;}
		SELECT{ color: #595959; }
		input {color:#595959;}