/*
Proyecto: Cotamguasa
Programadores: Kenneth Rosales
Fecha: 02/04/2012
*/
/*GENERAL DEL SITIO*/

@font-face {
    font-family: 'HaettenschweilerRegular';
    src: url('../font/haettenschweiler.eot');
    src: url('../font/haettenschweiler.eot?#iefix') format('embedded-opentype'),
         url('../font/haettenschweiler.woff') format('woff'),
         url('../font/haettenschweiler.ttf') format('truetype'),
         url('../font/haettenschweiler.svg#HaettenschweilerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0;
	background: url(../images/fondo.jpg) center -33px no-repeat fixed;
	background-color:#0a1f4a;
}
a { font-weight: bold;
    text-decoration:none;
    color: #484747;
    outline:none;
}
	a:hover {color: white;
	}
img {border:none;
    vertical-align:middle;
}
form {display:inline;
}
h1,h2,h3 {font-size: 14px;
    color: white;
    margin:0;
    padding:0 0;
    font-weight: normal;
}
p, span {font-size: 14px;
    letter-spacing: 0px;
    font-weight: normal;
}
.block-region{display: none;}
/*****Mensajes de Alerta en Raw*****/
.search-info {display: none;
}
div.messages {padding: 9px;
    margin: 1em 0;
    color: #003366;
    background: #bbddff;
    border: 1px solid #aaccee;
}
div.warning {color: #884400;
    background: #ffee66;
    border-color: #eedd55;
}
div.error {color: white;
    background: #ee6633;
    border-color: #dd5522;
}
div.status {color: #336600;
    background: #ccff88;
    border-color: #bbee77;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, tt, var, b, u, i, center, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {font-family: Helvetica, sans-serif;
    font-size: 100%;
}
table {border-collapse: separate;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block;}
.node .terms {display: none;}

/*****Resize de Contactenos********/
.webform-client-form .form-textarea { resize: none; }
.marker, .form-required { color: #c373be; }

/*****Mensajes de busqueda*********/
#console .messages{ display:none;}
#admin-menu ul a { font-family: Helvetica,tahoma,verdana,arial,sans-serif !important; }
.gritter-item, .gritter-item p {color: white;
	font-size: 12px;
	font-weight: bold;
}
.gritter-item span {color: white;
	font-size: 30px;
	font-weight: bold;
}
.gritter-item ul {padding-left: 25px;
}
#user-login{color: black;}
#admin-menu{position: fixed;}



/*******************CSS PAGINAS********************/
img#bkr-gen{
	position:fixed;
	width:100%;
	z-index:-1;
}
/*MAIN CONTAINER*/
#main-bkr{
	overflow:hidden;
}
/*CONTENEDOR PRINCIPAL*/
#main-container{
	width:960px;
	margin:0 auto;
	clear:both;

}
#page{
	width: 960px;
	margin: 0 auto;
}


/********************ENCABEZADO*****************/
#header{ background: url(../images/BG.png) no-repeat 2px 0;
	float:left;
	padding-top: 5px;
	position: fixed;
	width: 956px;
	z-index: 999;
}
#header .logo{width: 385px;
	height:113px;
	float:left;
	margin-top: 13px;
}
.logo_panama{width: 385px;
	height:118px;
	float:right;
	margin-top: 0px;
}
#header .header-region{float:left;
	padding-left: 300px;
    width: 397px;
}
#header .search-box{float:left;}

/****************Menu Secundario****************/
#header #block-menu-secondary-links ul{margin:0;
	padding:0;
}
#header #block-menu-secondary-links ul li{margin:0 10px 0 0;
	padding:0 10px 0 0;
	list-style:none;
	list-style-image:none;
	float:left;
	border-right:1px solid #ffca29;
}
#header #block-menu-secondary-links ul li a{margin:0;
	padding:0;
	color:#012c50;
	text-transform:capitalize;
	font:14px Arial, Helvetica, sans-serif;
}
#header #block-menu-secondary-links ul li.last{border-right:none;}


/*******************BUSCADOR********************/
.search-box{width: 180px;}
.search-box .container-inline label {display:inline;}
.search-box .form-item{width: 174px;
	height: 22px;
	float:left;
	margin:0 0 0 50px;
	
}
.search-box .form-item .form-text{width: 137px;
	height: 20px;
	border: 1px solid #959595;
	color: #959595;
	padding:1px 24px 0 13px;
}
.search-box .form-submit{width: 15px;
	height:25px;
	float:left;
	border:none;
	background:url(../images/lupita.png) right no-repeat;
	position:relative;
	margin-left:200px;
	margin-top:-24px;
	cursor:pointer;
}


/*****************Banner Header****************/
.logo_panama p{width:336px;
	height:106px;
	float:left;
}


/******************MENU PRINCIPAL**************/
#menu-principal{width:960px;
	height:56px;
	float:left;
}
	#menu-principal ul {width:959px;
		height: 56px;
		margin:0 0;
		padding:0;
		border-width: 0;
		background:url(../images/menu.png) no-repeat;
	}
		#menu-principal ul li{padding:0;
			list-style:none;
			list-style-image:none;
			float:left;
			background:transparent;
		}
			#menu-principal ul li a{  margin-top: 2px;
				border:none;
				padding: 16px;
				color:#484747;
				text-transform: uppercase;
				font:16px 'Ubuntu', sans-serif;
				background: url(../images/limenu.png) no-repeat center right; 
			}
				#menu-principal ul li.last{
					border-right:none;
				}
				#menu-principal ul li a:hover{
					height:26px;
					color:#ffffff;
					background:url(../images/lihover.png) repeat-x;
					-webkit-transition: all 1s ease-in-out;
					-moz-transition: all 1s ease-in-out;
					-ms-transition: all 1s ease-in-out;
					-o-transition: all 1s ease-in-out;
					transition: all 1s ease-in-out;
				}
	/*Submenu Principal*/
	#menu-principal ul li ul{  display: none;
		width:266px !important;
		margin-top:60px;
		top: 55px;
		height:auto;
		margin:0;
		padding-bottom: 20px;
		color:#000;
		background-position: bottom;
		background: #012c50;

	}

	#menu-principal ul li ul li a:hover{height: auto;}
	
	#menu-principal ul li ul li{
		border:0px !important;
	}
	
	#menu-principal ul li ul a{border-bottom: 1px dotted skyblue;
		width: auto;
		list-style:none;
		list-style-image:none;
		border-width: 0;
		color: white;
		background: none;
		padding: 5px 15px;
	   }
	#menu-principal ul ul li a:hover{ background: #015091;}
	#menu-principal ul ul ul{ border-left: 1px dotted white;
    border-radius: 0 10px 10px 10px;
    left: 266px !important;
    top: 0;
    }
	
/************Contenido Cuerpo*/
#contenido-home{ margin-top: 210px;
	overflow: hidden;
	float: left;
	margin-left: 2px;
	width: 953px;
}

/**********************Slideshow Home*************/
#block-views-SlideShow_Home-block_1,
#block-views-SlideShow_Home-block_1 .views_slideshow_slide{   border: 1px solid white;
    height: 425px !important;
    width: 955px !important;
}
  #block-views-SlideShow_Home-block_1 .content{ padding: 0 !important;}
  #block-views-SlideShow_Home-block_1 .tituloslideshowhome{ color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
  font: 20px 'Ubuntu', sans-serif;
  background: url(../images/descripcion.png) repeat;
  margin-top: -90px;
  padding: 10px 125px 10px 20px;
  position: relative;
  height: 70px;
  }
  #block-views-SlideShow_Home-block_1 .views-slideshow-controls-bottom{ float: right;
    padding: 0 20px 0 0;
    position: relative;
    top: -30px;
    width: 100px;
    z-index: 9999;
    }
    #block-views-SlideShow_Home-block_1 .views-slideshow-controls-bottom .pager-item{ float: left;}
      #block-views-SlideShow_Home-block_1 .views-slideshow-controls-bottom a{ background: #ffab00;
      border-radius: 10px;
      -mor-border-radius: 10px;
      font-size: 0;
      display: block;
      width: 15px;
      height: 15px;
      }
      #block-views-SlideShow_Home-block_1 .views-slideshow-controls-bottom .activeSlide a{ background: #e85900;}

/************************Informacion*******************/
.area-informacion{ background: url(../images/informacion.png) center top no-repeat;
   float: left;
    width: 960px;
}
  .area-informacion .content{padding: 0 !important;}
    .area-informacion .views-row{float: left;
    height: 300px;
    overflow: hidden;
    width: 240px;
    }
      .area-informacion .views-row .views-field-title{text-align: center;
      width: 240px;
      padding-bottom: 15px;
      padding-top: 18px;
      }
	.area-informacion .views-row .views-field-title a{ text-transform: uppercase;
	letter-spacing: 1px;
	font: 20px 'Ubuntu', sans-serif;
	color: white;
	}
      .area-informacion .views-row .views-field-field-imagen-informacion-fid{ border-right: 1px solid white;
      height: 200px;
      width: 239px;
      }
      .area-informacion .views-row .views-field-title-1{margin-top: -136px;
      position: relative;
      background: url(../images/descripcion.png) repeat;
      padding: 15px 10px 5px;
      display: none;
      }
	.area-informacion .views-row .views-field-title-1 a{color: white;
	font: 15px 'Ubuntu', sans-serif;
	}
      .area-informacion .views-row .views-field-body{ background: url(../images/descripcion.png) repeat;
      float: left;
      padding: 0 10px;
      position: relative;
      height: 75px;
      display: none;
      }
	.area-informacion .views-row .views-field-body p{font: 13px ubuntu;
	text-align: justify;
	width: 220px;
	color: white;
	}
      .area-informacion .views-row .views-field-view-node{ background: url(../images/descripcion.png) repeat;
      float: left;
      position: relative;
      display: none;
      padding-bottom: 6px;
    padding-left: 200px;
    padding-right: 30px;
      }
      
      
/*********************Footer******************/
#footer{float:left;
	margin-top: -43px;
	width:960px;
}
#footer .pie-pagina{width:960px;
	   height: 75px;
	float:left;
}

/************menu footer************/
#footer #block-menu-menu-menu-pie-pagina{ float: left;
    width: 720px;
    }
	#footer #block-menu-menu-menu-pie-pagina .content ul{background: none repeat scroll 0 0 #0286C4;
	    height: 45px;
	    margin: 0;
	    padding: 0 0 0 100px;
	    width: 620px;
	}
		#footer #block-menu-menu-menu-pie-pagina .content ul li{ width: auto;
			margin: 0;
			padding: 0;
			list-style:none;
			list-style-image:none;
			float:left;
			padding-top: 10px;
		}
			#footer #block-menu-menu-menu-pie-pagina .content ul li a:hover {
				color:#ffffff;
			}
			#footer #block-menu-menu-menu-pie-pagina .content ul li a{ border-right: 1px solid white;
				margin: 0;
				padding: 0 5px;
				color: white;
				font: 16px Arial, Helvetica, sans-serif;
			}

/************suscripcion***********/
#footer #block-suscripcion-0{ height: 46px;
	float:right;
	width:240px;
	background:#ffc000;
}

#footer #block-suscripcion-0 .title{  background: url("../images/suscribete.png") no-repeat scroll 0 0 transparent;
    font-size: 0 !important;
    height: 46px;
    margin: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 240px;
}
#footer #block-suscripcion-0 .content{background: none repeat scroll 0 0 #FFC000;
    display: block;
    height: 150px;
    padding-top: 5px;
    position: relative;
    top: -200px;
    width: 240px;
    z-index: 99;
    display: none;
    }
#footer #block-suscripcion-0 #suscripcion-formulario-form{text-align:center;
	position:relative;
	top: -15px;
}
#footer #block-suscripcion-0 #suscripcion-formulario-form .form-item label{width: auto;
	float:left;	
	margin: 5px 0 5px 15px;
	color:#484747;
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
}
#footer #block-suscripcion-0 #suscripcion-formulario-form .form-item .form-text{width:150px;
	border:none;
	float:right;
	margin: 5px 0 5px 45px;
	padding:0 5px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	float:left;
}
#footer #block-suscripcion-0 #suscripcion-formulario-form .form-submit{float:left;
	margin-left:70px;
	border:1px solid #f38d06;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	background:#fba10e;
	cursor:pointer;
}




/***************Paginas Internas******************/
body.node-type-formularios #contenido-home{ background: #ccd8e1 !important;}
body.node-type-formularios #contentgeneral{position: relative;
	float: left;
}
/***************Contactenos***************/
body.node-type-formularios .title{background: none repeat scroll 0 0 transparent;
    color: #8892A9 !important;
    font-size: 42px !important;
    margin: 30px 0 0;
    position: absolute;
    text-align: center;
	top: 215px;
    width: 400px !important;
}
body.node-type-formularios .field-field-banner-contacto{ border: 4px solid #8892A9;
    float: left;
    height: 165px;
    margin-bottom: 100px;
    overflow: hidden;
    width: 770px;
    }
body.node-type-formularios p{ float: left;
    margin-right: 379px;
    width: 400px;
}
body.node-type-formularios #node-12 .webform-client-form{  float: right;
    height: 355px;
    margin-top: 29px;
    position: absolute;
    right: 15px;
    top: 200px;
    width: 400px;
}
body.node-type-formularios #node-12 .webform-component .form-item label {width: 90px;
	margin-left:10px;
	font:14px Arial, Helvetica, sans-serif;
	color: white;
	float: left;
}
body.node-type-formularios #node-12 .form-actions{float:left;}
body.node-type-formularios #node-12 .webform-component{ height: 50px;
    width: 400px;
    }
body.node-type-formularios #node-12 .webform-component .form-item .form-text { height: 24px;
	border:none;
	float:left;
	margin: 0;
	padding: 5px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	-webkit-box-shadow: inset 0px 4px 3px 3px rgba(108, 121, 143, .5);
	box-shadow: inset 0px 4px 3px 3px rgba(108, 121, 143, .5); 
	width: 250px;
	background: #8892a9;
}
body.node-type-formularios #node-12 .webform-component .form-actions .captcha .form-item{width: 500px;
	float:right;
}
body.node-type-formularios #node-12 .webform-component .form-item .form-textarea{ width: 250px;
	float:left;
	border:none;
	margin: 5px 0 5px 10px;
	padding:0 5px;
	-webkit-box-shadow: inset 0px 4px 3px 3px rgba(108, 121, 143, .5);
	box-shadow: inset 0px 4px 3px 3px rgba(108, 121, 143, .5); 
	background: #8892a9;
}


/*Formulario Recursos Humanos*/
body.node-35 .title{ text-align:center;
	color:#484747 !important;
	font:36px Arial, Helvetica, sans-serif !important;
	top: 15px;
    width: 700px !important;
}
body.node-type-formularios #node-35 .webform-client-form{height: auto;
	float:left;
	margin-left: 0;
    margin-top: 0;
    width: 500px;
	background:url(../images/recursos.png) no-repeat !important;
	position:relative;
	padding: 80px 0 0 100px;
}
body.node-type-formularios #node-35 .webform-component .form-item label {width: 120px;
	margin-bottom:5px;
	font:14px Arial, Helvetica, sans-serif;
	color: white;
	display: block;
	float: left;
}
body.node-type-formularios  #node-35 #webform-component-mensaje .form-item label span{
	float:right;
}
body.node-type-formularios #node-35 .webform-component .form-item .form-text {width: 250px;
	background: #8892a9;
	height: 24px;
	float: left;
	border:1px solid #b4b4b5;
	margin: 0 0 10px 87px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	-webkit-box-shadow: inset 0px 4px 3px 3px rgba(108, 121, 143, .5);
	box-shadow: inset 0px 4px 3px 3px rgba(108, 121, 143, .5);
	float:left;
}
body.node-type-formularios #node-35 .webform-client-form .form-actions{width: 500px;
	float:left;
	padding-left: 240px;
	margin-left: 40px;
}
body.node-type-formularios #node-35 .webform-component .form-item .form-textarea{width: 250px;
	float:left;
	border:none;
	margin: 5px 0 5px 100px;
	padding:0 5px;
	-webkit-box-shadow: inset 0px 4px 3px 3px rgba(108, 121, 143, .5);
	box-shadow: inset 0px 4px 3px 3px rgba(108, 121, 143, .5); 
	background: #8892a9;
}
body.node-type-formularios #node-35 .webform-component .form-actions .captcha .form-item{width: 500px;
	float:left;
	margin-left: 100px;
	margin-top:168px;
	padding-right: 200px;
}
body.node-type-formularios #node-35 .form-actions .form-submit{border:1px solid #f38d06;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	background:#fba10e;
	cursor:pointer;
	margin-left: 100px;
}
body.node-type-formularios #node-35 #webform-component-adjuntar .form-item label{background:url(../images/icono-adjuntar.png) no-repeat;
}

/**********************Contenido Tipo Pagina*******************/
body.not-front #contenido-home{
	background: url(../images/internas.png) no-repeat #CED9E2;
}
	#block-views-Informacion-block_2{ margin: 20px 0 0 10px;
    text-align: center;
    width: 930px;
    background: url(../images/fondobanner.png) no-repeat center bottom;
    height: 395px;
    }
    	#block-views-Informacion-block_2 img{border: 1px solid white;}
    	#block-views-Informacion-block_2 .views-field-title{ margin-top: -100px;
    	padding: 10px 30px;
	    text-align: left;
	    position: relative;
	    background: url(../images/titulo.png) repeat-x;
	    font: 25px 'Ubuntu', sans-serif;
	    color: white;
	    height: 70px;
	    }
	    	#block-views-Informacion-block_2 .views-field-title span{font: 25px 'Ubuntu', sans-serif;
	    	}
    	#block-views-Informacion-block_2 .views-field-body{margin-top: -50px;
	    position: relative;
	    text-align: left;
	    padding: 0 30px;
	    }
	    	#block-views-Informacion-block_2 .views-field-body p{font: 15px 'Ubuntu', sans-serif;
	    	color: white;
	    	}
	#contentgeneral{ background: none repeat scroll 0 0 #B7C2CF;
    color: #484747;
    margin-bottom: 80px;
    margin-left: 70px;
    padding: 25px;
    width: 770px;
    -webkit-box-shadow: 0px 5px 3px 3px rgba(0, 0, 0, .3);
	box-shadow: 0px 5px 3px 3px rgba(0, 0, 0, .3);
	float: left;
    }
    	#contentgeneral p,
    	#contentgeneral p span{color: #484747;}
    #contentgeneral h1{color: #8892A9;
    float: left;
    font: bold 40px 'Ubuntu',sans-serif;
    text-transform: uppercase;
    width: 770px;
    }



/***************Bloques****************/
#block-admin-display-form{float: left;
    margin-bottom: 50px;
    padding-top: 50px;
    width: 770px;
    }


/***************Clientes************/
#clientes{background: url(../images/engranaje.png) repeat-y center center #01274B;
    width: 957px;
    float: left;
    }
    #block-views-Informacion-block_3{margin: 20px 0 0 75px;
    width: 800px;
    }
    	#block-views-Informacion-block_3 .views-row{float: left;
	    width: 300px;
	    height: 150px;
	    padding-right: 200px;
	    }
	    #block-views-Informacion-block_3 .views-row-2,
	    #block-views-Informacion-block_3 .views-row-4,
	    #block-views-Informacion-block_3 .views-row-6,
	    #block-views-Informacion-block_3 .views-row-8,
	    #block-views-Informacion-block_3 .views-row-10,
	    #block-views-Informacion-block_3 .views-row-12,
	    #block-views-Informacion-block_3 .views-row-14,
	    #block-views-Informacion-block_3 .views-row-15{ padding-right: 0px;}
	    	#block-views-Informacion-block_3 .views-field-field-imagen-informacion-fid{float: left;
		    height: 110px;
		    padding-right: 10px;
		    width: 130px;
		    }
		    #block-views-Informacion-block_3 .views-field-title,
		    #block-views-Informacion-block_3 .views-field-body{color: white;
		    float: left;
		    font: 15px ubuntu;
		    text-align: center;
		    width: 150px;
		    }
/************************Proyectos**********************/
#node-81{height: 400px;
    width: 770px;
}
	.proyectos{   float: left;
    overflow: hidden;
    margin-top: 20px;
    width: 790px;
    background: #01264a;
    padding: 5px;
    margin-left: -15px;

	}
		.proyectos li{border: 4px solid white;
		    float: left;
		    height: 180px;
		    list-style: none outside none;
		    margin-right: 10px;
		    width: 248px !important;
		    background: white;
		    position: relative;
		}
			.proyectos li .views-field-title{margin-left: 12px;
			    padding: 5px;
			    position: absolute;
			    top: 80px;
			    width: 215px;
			    height: 17px;
			    overflow: hidden;
			    background: url(../images/proyectoli.png) repeat;
			    display: none;
			}
				.proyectos li .views-field-title a,
				.proyectos li .views-field-body p{ color:  white !important;
				margin: 0;
				 font: 13px ubuntu;
				}
			.proyectos li .views-field-body{height: 65px;
			    margin-left: 12px;
			    overflow: hidden;
			    position: absolute;
			    top: 107px;
			    background: url(../images/proyectoli.png) repeat;
			    width: 215px;
			    padding: 0 5px;
			    display: none;
			}
			.jcarousel-prev{ background: url(../images/flecha-izquierda.png) no-repeat;
				height: 34px;
			    position: absolute;
			    right: 760px;
			    top: 60px;
			    width: 34px;
			}
			.jcarousel-next{background: url(../images/flecha-derecha.png) no-repeat;
				height: 34px;
			    position: absolute;
			    right: -5px;
			    top: 60px;
			    width: 34px;
			}

#contentgeneral .field-field-imagen-servicio{float: left;
    height: 200px;
    padding: 10px 0;
    width: 300px;
    }

/********Carrusel Servicios*********/
.carrusel-servicios {margin-left: 45px;
    width: 715px;
    float: left;
    }
.carrusel-servicios ul li{ background: none repeat scroll 0 0 white;
    border: 8px solid white;
    float: left;
    height: 200px;
    margin-right: 20px;
    width: 200px;
}
.navegadores{ position: relative;
	width: 770px;
	float: left;
}
	.navegadores .prev{background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    display: block;
    font: bold 25px arial;
    width: 40px;
    float: left;
    position: absolute;
    top: 70px;
    }
    .navegadores .next{background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    display: block;
    font: bold 25px arial;
    width: 40px;
    float: right;
    position: absolute;
    right: -25px;
    top: 70px;
    }


.redessociales{height: 227px;
    position: fixed;
    right: 0;
    top: 200px;
    width: 106px;
    }
.firma,
#solucionweb{font: 15px ubuntu;
    text-align: center;
    width: 960px;
    float: left;
    height: 50px;
}
	.firma p{margin-right: 0 !important;
    width: 960px !important;
}