/* Estilo de Texto */

body
{
	
}

/*Nuevo Para Titulos*/
.titulosAzul
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#2665D9;
	font-weight:bold;
}

.titulosAzulPeque
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#2665D9;
	font-weight:bold;
	font-style:italic;
}

/*Nuevo Para Texto Resaltado*/
.textoResaltado
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
	/*color:#DB1A4F;*/
	color:#000;
}

/*Nuevo. SOLO PARA IDEAS*/

.ideas
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
	color:#f98f14;
	font-weight:bold;
}

/*Nuevo Para Contenido*/
.textoContenido
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#777;
	line-height:25px;
	font-style:italic;
}

.textoContenidoArticulo
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#777;
	line-height:25px;
	font-style:italic;
	width:700px;
	height:350px;
	overflow:auto;
}

.textoContenido a:hover
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#f98f14;
	line-height:30px;
	font-style:italic;
}

.textoContenido a
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#777;
	text-decoration:none;
	line-height:30px;
	font-style:italic;
}

/*Nuevo Para listas*/
.textoContenidoMas
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#777;
	line-height:30px;
	font-style:italic;
}


/*Para links*/
.textoContenidoMas a:hover
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#f98f14;
	line-height:30px;
	font-style:italic;
}

.textoContenidoMas a:visited
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#777;
	line-height:30px;
	font-style:italic;
}

.textoContenidoMas a
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#777;
	line-height:30px;
	font-style:italic;
}

.textoContenidoMas a:visited:hover
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#f98f14;
	line-height:30px;
	font-style:italic;
}

.avisos
{
	overflow:hidden;
	display:none;
}

.paraCortar
{
	text-align:center;
	width:920px;
	height:300px;
	overflow:auto;
}

/*Nuevo Para comentarios*/
.textoComentarios
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.7em;
	color:#777;
	font-style:italic;
}

/*Para ampliar mapa*/

.especial
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#f98f14;
	text-decoration:none;
}

.especial:hover
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#777;
}

.autor
{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:15px;
}

.especialScroll
{
	overflow:auto;
}

.idpagina {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.encontenido {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.subencontenido {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.contenido {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.piepagina {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.general {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.submenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
/* Estilo de Imagen */
#popup {
position:absolute;
width:350px;
height:350px;
z-index:1;
left: 500px;
top: 300px;
visibility:visible;
overflow:hidden;
display: block;
}

/* Estilo de Scroll */

.scroll {
	width:650px; 
	height:430px; 
	overflow:hidden;
}

       
.flecha {
cursor:pointer;
}












/*Quitar efecto de lineas punteadas en un href*/

#navlist {
   list-style-type:none;
   padding:0;
   width:350px;
   height:350px;
}
#navlist li {
   width:350px;
   height:350px;
}
#navlist li img {
   font-style:normal;
   color:#000;
}
#navlist a {
   width:350px;
   height:350px;
   text-decoration:none;
}
#navlist a img {
   font-style:normal;
   color:#000;
   width:350px;
   height:350px;
   top:0;
   left:0;
}
#navlist a:hover {
   color:#c00;
}
#navlist a:active, #navlist a:focus {
   width:0;
   height:0;
   outline:0;
}


/*Quitar efecto de lineas punteadas en un href a Cerrar*/


#navlistCerrar {
   list-style-type:none;
   padding:0;
   width:180px;
   height:40px;
}
#navlistCerrar li {
   width:180px;
   height:40px;
}
#navlistCerrar li img {
   font-style:normal;
   color:#000;
}
#navlistCerrar a {
   width:180px;
   height:40px;
   text-decoration:none;
}
#navlistCerrar a img {
   font-style:normal;
   color:#000;
   width:180px;
   height:40px;
   top:0;
   left:0;
}
#navlistCerrar a:hover {
   color:#c00;
}
#navlistCerrar a:active, #navlist a:focus {
   width:0;
   height:0;
   outline:0;
}


/*Navegador del lado izquierdo*/

#navcontainer
{
        background: #FFF;
        margin: 0 auto;
        padding: 7.7em 0;
        font-family: georgia, serif;
        font-size: 13px;
        text-align: center;
        text-transform:uppercase;
}

ul#navcontainerlist
{
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 100%;
}

ul#navcontainerlist li
{
        display: block;
        margin: 0;
        padding: 0;
}

ul#navcontainerlist li a
{
        display: block;
        width: 100%;
        padding: 0.5em 0em 0.5em 0em;
        border-width: 1px;
        color: #777;
        text-decoration: none;
}

#navcontainer>ul#navcontainerlist li a 
{
	width: auto;
}

ul#navcontainerlist li#navcontaineractive a
{
        /*background: #f0e7d7;*/
        color:#f98f14;
}

ul#navcontainerlist li a:hover, ul#navcontainerlist li#navcontaineractive a:hover
{
        color:#f98f14;
        background: transparent;
        /*border-color: #aaab9c #fff #fff #ccc;*/
}


/*Para todo el contenido de Portafolio*/
#nav{ width:815px; }
#nav, 
#nav ul {padding:0 0 0px 0px; margin:0; list-style:none; font: 11px verdana, sans-serif; border:1px solid #CCC; border-color:#CCC #CCC #CCC #CCC; border-width:1px 1px 1px 1px; background:#fff; position:relative; z-index:200;}
#nav {height:25px; padding:8px;}

#nav li {float:left;}
#nav li li {float:left; background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#888; margin:0 5px 0 5px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#CCC;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100px; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#c00;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}

#galleryPortafolios ul font li.click i.show {
	position:absolute;
	right:0px;
	top:0;
	width:354px;
	height:355px;
}
#galleryPortafolios li i.hide{ display:none; width:0; overflow:hidden; }
#galleryPortafolios li.click i.show{ width:0; overflow:visible; }
#galleryPortafolios li.click i.hide{ display:none width:0; overflow:hidden; }

#galleryPortafolios ul li.click font{border-color:#fc0; background:#fff; cursor:default; color:#F00;}

#galleryPortafolios ul li.click i.show img {margin:-20px 0px 0px -410px; width:auto; height:auto; border:0px solid #fff;}

#galleryPortafolios ul li.click span {display:block;}
/**/
#galleryPortafolios {
	width:750px;
	height:361px;
	right:50px;
	position:relative;
}
/******/

#galleryPortafolios ul.dunosusa {list-style:none; padding:0px; margin:385px 0px 0px 150px; width:600px; float:left; height:50px; overflow:hidden;}
#galleryPortafolios ul {list-style:none; padding:0px; margin:385px 0px 0px 0px; width:880px; float:left; height:50px; overflow:hidden;}
#galleryPortafolios ul li {display:inline; width:80px; height:50px; float:left; margin:0px 3px 0px 3px; border:0px solid #444; cursor:pointer;}
#galleryPortafolios ul li font {display:block; width:100px; height:50px; margin:15px 0px 0px 0px;}
/******/
#galleryPortafolios ul li span b {color:#444;}
#galleryPortafolios ul li.otroLi{ width:auto; height:auto; margin:12px 0px 0px 6px;}
/*#galleryPortafolios ul li.click i img.default {margin:5px auto 0 auto; width:320px; height:240px; border:0px solid #fff;}*/
#galleryPortafolios ul li.off {display:none;}
#galleryPortafolios ul li.click {border-color:#fc0; background:#fff; cursor:default;}
#galleryPortafolios ul li.click i {
	position:absolute;
	right:245px;
	bottom:-25px;
	width:354px;
	height:355px;
}

#galleryPortafolios ul li.click i img.especialGrande {
	position:absolute;
	right:-378px;
	bottom:15px;
	width:900px;
	height:310px;
}

#galleryPortafolios ul li.click i img.especialFarma {
	position:absolute;
	right:-355px;
	bottom:15px;
	width:900px;
	height:310px;
}

#galleryPortafolios ul li.click i img.logos {
	position:absolute;
	right:-80px;
	bottom:35px;
}

#galleryPortafolios ul li.click i img {margin:0px 0px 0px 0px; width:auto; height:auto; border:0px solid #fff;}
#galleryPortafolios ul li.click span {display:block;}
#content{width:750px; margin:0px 0px 0px 0px;}
#contentDunosusa{width:750px; margin:0px 0px 20px 60px;}



/*Para galeria de clientes*/
#galleryClientes li i.hide{ display:none; width:0; overflow:hidden; }
#galleryClientes li.click i.show{ width:0; overflow:visible; }
#galleryClientes li.click i.hide{ display:none width:0; overflow:hidden; }
#galleryClientes ul font li.click div i.show img.default {margin:5px auto 0 auto; width:320px; height:240px; border:1px solid #fff;}
#galleryClientes ul font li span {display:none; position:absolute; right:547px; top:235px; width:200px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}

#galleryClientes ul font li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}

#galleryClientes ul font li.click i.show {position:absolute; right:0; top:0; width:545px; height:355px;}

#galleryClientes ul font li.click i.show img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#galleryClientes ul font li.click span {display:block;}
/**/
#galleryClientes {width:750px; height:360px; position:relative;}
/******/
#galleryClientes ul {list-style:none; padding:5px; margin:55px 0px 0px 0px; width:195px; float:left; height:219px; overflow:auto;}
#galleryClientes ul li {display:inline; width:50px; height:50px; float:left; margin:0px 3px 0px 3px; border:1px solid #444; cursor:pointer;}
#galleryClientes ul li img {display:block; width:50px; height:50px;}
/******/
#galleryClientes ul li span {display:none; position:absolute; right:547px; top:235px; width:200px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify; margin:55px 0px 0px 0px;}
#galleryClientes ul li span b {color:#444;}
#galleryClientes ul li.click i img.default {margin:5px auto 0 auto; width:320px; height:240px; border:1px solid #fff;}
#galleryClientes ul li.off {display:none;}
#galleryClientes ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}
#galleryClientes ul li.click i {position:absolute; right:0; top:0; width:545px; height:355px;}
#galleryClientes ul li.click i img {margin:0px 0px 0px 155px; width:auto; height:auto; border:1px solid #fff;}
#galleryClientes ul li.click span {display:block;}
#content {width:750px; margin:0px 0px 20px 60px;}




/*Para vinculos*/
#vinculos {width:850px; height:338px; position:relative; overflow:auto;}
#vinculos font {list-style:none; padding:0px; margin:0;}
#vinculos font {display:block; width:100px; height:0.78em;  margin:0px 0px 0px 15px; cursor:pointer;}