@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0 }
		/*He usado un duro CSS restablecer arriba, pero usted debería considerar la posibilidad de un restablecimiento más sofisticados,*/
		
		p { text-align: left; }
		
		p, ul { font-size: 13px; line-height: 1.4em } 
		
		p a, li a { color: #39c; text-decoration: none }
		
		p.intro { border-bottom: 1px solid #ccc; 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 #ccc; 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 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
		
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 0px 0 0px;
		}
		
		.slider-wrap { /* Este div no es del todo necesario, pero bueno para conseguir el lado vertical centrada flechas*/
			margin: 40px 0px 0px 0px;
			position: relative;
			width: 990px;
		}

		/*Estas 2 líneas especificar estilo deslizante mientras se está cargando*/
		.csw {width: 100%; height: 460px; overflow: hidden}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer {/* Esta es la ventana de visualización */
			position: relative;
			overflow: hidden; /* esta es la frontera. deben tener el mismo valor para los vínculos */
			margin: auto;
			width: 933px; /* También se especifica en el. StripViewer. PanelContainer. Debajo de panel de */
			height: 485px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* Este es el gran contenedor utilizado para largo su casa de extremo a extremo divs. Ancho y se calcula por la JS*/
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* 	-moz-user-seleccionar: ninguno; / / Esto rompe la validación de CSS, pero se detiene accidental (e intencional - Cuidado) del panel de relieve en Firefox. Algunas personas podrían encontrar útil, loco tontos.*/
		}
		
		.stripViewer .panelContainer .panel { /* Cada grupo se organiza de extremo a extremo */
			float:left;
			height: 100%;
			position: relative;
			width: 953px; /* También se especifica en el. StripViewer arriba*/
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Envoltura para dar en los paneles de relleno, sin jugar con la anchura del panel existente */
			padding: 0px;
		}
		
		.stripNav { /* Este es el div para celebrar su NAV (el UL generado en tiempo de ejecución) */
			margin: auto;
		}
		
		.stripNav ul { /* La auto-generado conjunto de enlaces */
			list-style: none;
			display:none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /*Si este cambio, asegúrese de ajustar el valor inicial de navWidth en la coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* Los enlaces de navegación*/
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
			
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;/*aqui esta el fondo del contenido*/
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* Las flechas izquierda y derecha*/
			position: absolute;
			top: 200px;
			text-indent: -9000em;
			z-index:999;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 64px;
			width: 41px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url(../sliderwebpa/images/arrow-left.gif) no-repeat center;/*aqui esta la imagen de las fechas*/
		}
		
		.stripNavR {
			background: url(../sliderwebpa/images/arrow-right.gif) no-repeat center;
		}
		/*-----------------aqui es el contenido del portafolio-------------------------------------*/
		p{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#949292;}
#principal-portafolio{ width:953px; height:483px; overflow:hidden; position:relative;}
.contenido-descriptivo{ width:366px; height:auto; overflow:hidden; border-bottom:1px dotted #CCC;}
.head-titulo{ padding:10px 0px 10px 36px; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC; height:auto; overflow:hidden;}
.titulo {font-family: Tahoma, Geneva, sans-serif; font-size:18px; width:308px; color:#565656; font-weight:bold;}
.website{height:auto; overflow:hidden; border-left:1px dotted #ccc; width:81px; font-family: Tahoma, Geneva, sans-serif; font-size:12px; color:#565656; font-weight:bold; padding-left:21px; margin-left:150px;}
.descripcion{ padding-left:36px; font-family:Tahoma, Geneva, sans-serif;}
.descripcion h1, a{ font-size:16px; color:#eb6f21; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.descripcion h2{ font-size:12px;color:#666666;}
a{ text-decoration:none;}
.img-pq{ width:114px; height:222px; position:absolute; top:237px; left:265px; }
.img-mdn{ width:441px; height:449px; position:absolute; top:35px; left:492px; z-index:222;}
.img-grd{ position:absolute; top:0px; left:385px; width:512px; height:483px; z-index:333;}
.contenido-descriptivo1 {width:366px; height:auto; overflow:hidden; border-bottom:1px dotted #CCC; margin-top:102px;}