/**  Copyright (c) 2010 Akeibo Software. Todos los Derechos Reservados.
 *
 *   TÉRMINOS DE LA LICENCIA DE ESTE SOFTWARE:
 *   Este código se distribuye bajo los términos de la licencia de Software
 *   de Akeibo Software [1] con la esperanza de que le sea de utilidad,
 *   pero SIN GARANTÍA ALGUNA; aún sin la garantía expresa o implícita de
 *   la COMERCIALIZACIÓN o del AJUSTE A UN PROPÓSITO PARTICULAR.
 *
 *   [1] http://www.akeibo.com/legal/licencia.html
 *
 **************************************************************************
**/ 
body,html{ padding:0;margin:0;
background: #fff url(/images/akeibo-bg.png) repeat fixed;
font: normal 1em/1.6em "Myriad Pro", "Gill Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
h1,h2,h3,h4{font-weight:normal;}
  
/* Contenedor principal */
#container{width:920px;margin:10px auto;background-color: #fff;border:2px solid #5B750F;}

/* Header layout */
#header{ width:100%;height:120px;}
#header .slogan {margin:30px 15px 0 0;float:right;} 

/* Pie de pagina */
#footer{padding:1%;width:98%;height:20px;clear:both;background-color: #fff;border-top:1px solid gray;}



/* Zona de logos */
#logos{width:100%;clear:both;text-align:center; }


/* Pagina completa o dos columnas */
.fullpage{ padding:1%;width:98%;clear:both;}
.fullpage h1{font-size:1.8em;padding-left:10px;}
.fullpage p{padding-left:10px;}

.izquierda{ float:left;}
.derecha{ float:right;}
.centrar {text-align:center;}
.exterior{padding-right:15px; background: url(/images/exterior.png) no-repeat right;	}
.note {font-size:80%;margin:0 50px;}
.previus-next {text-align:right;font-size:80%; border-bottom:1px dotted #e1e1e1;}
.previus-next a {width:50px;margin-right:5px;} 

.topUl  {margin:0 50px;height:12px;background: url(/images/box/gray-top.png) no-repeat}
.decor ul {background-color: #e1e1e1;}
.decor li {padding:0 0 5px 22px;background:url(/images/check.png) no-repeat 0px 4px;}
.bottomUl {margin:0 50px 20px 50px;height:12px;background: url(/images/box/gray-bottom.png) no-repeat }

.anterior {        text-align:center;padding:8px 0 0 20px;display:block;width:146px; height:38px;background: #fff url(/images/flechasnextprev.png) 167px 0px }
.anterior:hover {  text-align:center;padding:8px 0 0 20px;display:block;width:146px; height:38px;background: #fff url(/images/flechasnextprev.png) 167px 48px }
.siguiente {       text-align:center;padding:8px 20px 0 0;display:block;width:146px; height:38px;background: #fff url(/images/flechasnextprev.png) 0 0px }
.siguiente:hover { text-align:center;padding:8px 20px 0 0;display:block;width:146px; height:38px;background: #fff url(/images/flechasnextprev.png) 0 48px }

.enfasis {font-style:italic;margin:0 40px;}
.justificar {margin:0 40px;}
.negrita {font-weight:bold;}


/* Layout de dos columnas */
#leftCol{text-align:justify; width:70%;float:left;border-right:1px solid #e1e1e1;}
#leftCol h1{font-size:1.8em;padding:10px 20px 6px 10px;clear:both;}
#leftCol h2{font-size:1.4em;padding:10px 20px 6px 10px;color:#7DBA00;clear:both;}
#leftCol h3{font-size:1.2em;padding:20px 20px 6px 50px;color:#666666;font-weight:bold;}
#leftCol p{padding:4px 20px 12px 12px;}
#leftCol ul{padding:10px 10px 0 10px;margin:0 50px;}
#leftCol ol{padding:10px 10px 0 10px;margin:0 50px;}
#leftCol img{border:0;margin:0 10px 10px 10px;}
#leftCol a {color:#000;text-decoration:underline;}
#leftCol a:hover {text-decoration:underline;color: #000;background-color:#C3D980;}
#leftCol label > span{ color:red; } 
#leftCol p > span {color:#74873B;font-weight:bold;}

 
#rightCol{width:28%;float:right;}
#rightCol h1{font-size:120%;padding:10px 0 6px 0;color:#7DBA00;font-weight:bold;}
#rightCol p{font-size:90%;padding:10px 0 6px 0;} 
#rightCol ul {background-color: #fff;}
#rightCol li{ font-size:90%;}
#rightCol a {color:#000;text-decoration:underline;}
#rightCol a:hover {text-decoration:underline;color: #000;background-color:#C3D980;}
#rightCol label{ font-size:80%;}
#rightCol .small{ font-size:80%;margin-left:0;margin-right:10px;}


/* Dos columnas en la comuluma izquierda #leftCol */
#leftColOne,#leftColTwo  {width:49%;}
#leftColOne {float:left;}
#leftColTwo {float:left;}


/* Bottom page links */
#links{width:920px;padding-bottom:10px;clear:both;margin:0 auto;height:120px;background-color: #4B4B4B;}
#links:hover{background-color: #b5b5b5;} 

/* Contenido pied e pagina */
.linksCols{float:right;width:24%;}
.linksCols h1{font-family: Helvetica,Arial,sans-serif;font-size:1em;color:#000;}
.linksCols p{color:#000;font: normal normal normal 0.7em/1.4em Helvetica,Arial, sans-serif;}
.linksCols span{font-style: italic;} 
.linksCols a {color:#000;}
.linksCols a:hover {text-decoration:underline;color: #74873B;}

#posicion{display:block;font-size:80%;float:right;margin-right:10px;padding-left:10px;color:#808080;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;} 
 
/* Navegacion principal superior */      
#topNavList {position:absolute;width:910px;text-align:right;top:100px;height:32px;background: url(/images/background-navlist.png) no-repeat 10px 0;}     
#topNavList h1{ display: none;}
#topNavList li{ display: inline;}
#topNavList li a{line-height: 2em;padding:0 15px; text-decoration: none; } 
#topNavList a:link { color: #000;} 
#topNavList a:visited { color: #000; }
#topNavList a:hover{ color: #fff;}
#topNavList a#current{color: #fff;}
#topNavList h1,#topNavList h2{display:none;} 

 
/* Navegacion secundaria pie de página */      

#bottomNavList li{ display: inline;color:#808080;}
#bottomNavList li a{padding:0 5px; text-decoration: none; } 
#bottomNavList a,#bottomNavList a:link,#bottomNavList a:visited{text-decoration:none;color:#000;}
#bottomNavList a:hover { color:#000; text-decoration:underline;}
#bottomNavList a#active{color: #808080;} 


/* Lista de Redes Sociales  */
#social li{ display: inline;}  
#social a,#social a:link,#social a:visited{color:#000; padding:0 10px 0 18px; text-decoration: none; } 
#social a:hover { color:#000; text-decoration:underline;}
.linkedin{background: url(/images/social/linkedin.png) no-repeat;}
.facebook{background: url(/images/social/facebook.png) no-repeat;}
.flickr{background: url(/images/social/flickr.png) no-repeat;}
.twitter{background: url(/images/social/twitter.png) no-repeat;} 

#tweets {font-size:0.90em;line-height:1.2em;}
#tweets li{ padding:6px 0 6px 25px;background: url(/images/twitter-bird.png) no-repeat 0px 8px;}
#tweets p {font-size:1em;padding:6px 0 20px 0;}


/* Galeria de Proyectos destacados  */ 
#gallery{ width:100%; }
.project{ padding:10px 0 0 25px;}
.project img {border:2px solid #7DBA00;}
.project-imagen{float:left;width:400px;height:310px;border:0;padding-right:20px;}
.project-descr {width:94%;float:left;}
.project-descr h1{font-size:1.6em;padding-bottom:10px;}
.project-descr p{padding-bottom:8px;text-align:justify;}
.project-descr ul{padding:0 0 10px 10px;margin:0;}
.project-descr a:link,.project-descr a:visited {text-decoration:none;color:#7DBA00;}
.project-descr a:hover{text-decoration:underline;}                 


/* Formulario */
#formulario p{margin:0 0 0 15px;padding:0;}
#formulario label { font-size:0.9em;display:block; clear:right; width:180px; }
#formulario input,#formulario textarea{ padding:2px;color:#7DBA00;font-size:1.1em;width:250px;border:1px solid #7DBA00;}
#formulario input{ height:20px;}
#formulario textarea{ height:80px; } 
#formulario .send {clear:left;display:block;float:left;height:30px;width:70px;background-color:#7DBA00;color:white;}
#formulario .send:hover{color:#7DBA00;background-color:white;} 
#formulario label.error { display: block; float: left;font-size:0.8em;width:250px;  color: red;text-align:left; }

pre {margin-left:-80px;font-size:1em;line-height:120%;} 


	
/* Carousel Styles */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 330px; /*Height should enough to fit largest content's height*/
background:  url(/images/background-featured.png) no-repeat; /*#cccccc*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;top: 0;
}

.stepcarousel .project{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
} 
 
#featured-paginate {
width: 100%;
text-align:center;
padding:0;margin:0;
}