/*
Template: default
Theme Name: SERVICORP Soluciones Integrales de Outsourcing
Theme URI: http://www.cinetica.co.cr
Description: Tema original para la empresa SERVICORP.
Version: 1.0
Author: <a href="http://www.cinetica.co.cr" target="_blank">Grupo Cin&eacute;tica S.A</a> 
Tags: SERVICORP, dise&ntilde;o 960, css framework, sin tablas

Diseño gráfico: Antonio Salazar Chinchilla <asalazar@cinetica.co.cr>
Programador: Alejandro Madrigal Leiva <alemadlei@cinetica.co.cr>
*/

html{
  background: #687982;
}

body{
  background: #FFF url(css/img/bg.png) repeat-x;
}

strong{
  font-weight: bold;
}

h1, h2, h3, h4, h5{
  color: #005C92;
}

h2 a, h3 a, h4 a{
  color: #005C92; 
}

a{
  -moz-outline-style: none;
  outline: none;
  text-decoration: none;
}

a:focus{
  -moz-outline-style: none;
  outline: none;
}

a img{
  outline: none;
}

a:hover{
	text-decoration: underline;
}

h1{
  font-size: 250%;
  margin: 0 0 10px;
  text-transform: uppercase;
}

h2{
  font-size: 200%;
}

h1, h2{
  font-family: "Impact", "Arial Black", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

h3{
  font-size: 110%;
  margin: 0 0 10px;
  text-transform: uppercase;  
}

.SinIzquierda{
  margin-left: 0;
}

.SinDerecha{
  margin-right: 0;
}

a.LinkGrande{
  color: #005C92;
  font-size: 1.1em;
  font-style: italic;
  font-weight: bold;
}

#contenedorMenu{
  padding-bottom: 10px;
  padding-top: 10px;
}

#contenedorMenu #menu-wrap{
  background: url(css/img/bgMenu.png) no-repeat;
  height: 32px;
  width: 100%;
}

#contenedorMenu #menu-wrap li{
  background: none;
}

#contenedorMenu #menu-wrap li a{
  background: url(css/img/bgSeparator.png) no-repeat left center;
  border: none;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
}

#contenedorMenu #menu-wrap li.icl_first a{
  background: none;
}

#contenedorMenu #menu-wrap li.icl_first ul{
  display: none;
}

#contenedorMenu #menu-wrap a{
  padding-left: 0.85em;
  padding-right: 0.85em;
}

#contenedorMenu #menu-wrap li ul{
  background: #A2BAC7;
  font-weight: bold;
  width: auto;
}


#contenedorMenu #menu-wrap li li{
  background: #a2bac7!important;
  clear: both;
  color: #FFF!important;
  float: none;
  padding: 0.5em 1.1em;
  width: auto;
}

#contenedorMenu #menu-wrap li li a{
  background: #a2bac7!important;
  line-height: 175%;
  padding: 0;
}

#contenedorMenu #menu-wrap li li a:hover{
  color: #005C92;
}

#contenedorMenu #menu-wrap li.selected_page a.trigger, #contenedorMenu #menu-wrap li.selected_subpage{
  color: #005C92!important;
}

#menu-wrap li.selected_subpage{
  color: #FFF;
  line-height: 150%;
  padding: 0 1.1em;
  text-transform: uppercase;
}

#contenedorRSE{
  padding: 5px 0 0;
}

#contenedorRSE img{
  width: 100%;
}

#contenedorMarca{
  border: #A2BAC7 solid 1px;
  border-left: none;
  border-right: none;
  clear: both;
  height: 115px;
}

#contenedorLogo{
  background: url(css/img/bgBlocksSeparator.png) no-repeat 260px center;
  padding-bottom: 35px;
  padding-top: 35px;
}

#contenedorSlogan{
  background: url(css/img/bgBlocksSeparator.png) no-repeat 380px center;
  color: #005C92;
  font-size: 90%;
  font-weight: bold;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  padding-bottom: 50px;
  padding-top: 50px;
}

#contenedorIdiomas{
  color: #A2BAC7;
  padding-top: 10px;
  text-align: right;
  text-transform: uppercase;
}

#contenedorIdiomas strong{
  background: url(css/img/bgFlecha.png) no-repeat left center;
  padding-left: 10px;
}

#contenedorChatEIdiomas #contenedorIdiomas ul{
  border: none;
  display: block;
  float: right;
  width: 75px;
}

#lang_sel_list{
  clear: both;
  width: auto;
}

#contenedorChatEIdiomas #contenedorIdiomas li{
  display: block;
  float: left;
  margin: 0;
  width: 31px;
}

#contenedorChatEIdiomas #contenedorIdiomas li a{
  background: none;
  border: none;
  height: 22px;
  overflow: hidden;
  padding: 0;  
  width: auto;
}

#contenedorChatEIdiomas #contenedorIdiomas li a img{
  display: block;
  float: right;
  height: auto;
  width: auto;
}

#contenedorChatEIdiomas #contenedorIdiomas .icl-en{
  padding-right: 5px!important;
}

#contenedorChatEIdiomas #contenedorIdiomas .icl-es{
  border-left: #A2BAC7 solid 1px;
  padding-left: 4px!important;
}

#contenedorContenido{
  color: #636467;
  min-height: 355px;
  padding: 10px 0 20px;
}

#contenedorContenido strong{
  color: #005C92;
}

#columnaIzquierda{
  text-align: justify;
}

#contenedorContenido .ColumnaIzquierdaContenido{
  margin-left: 0;
}

#contenedorContenido .ColumnaDerechaContenido{
  margin-right: 0;
}

#contenedorPie{
  background: #687982;
  color: #FFF;
  font-weight: bold;
}

#contenedorSlideshowLogos{
  height: 80px;
  position: relative;
}

#slideshowLogos{
  background: url(css/img/bgSlideshowLogos.png) no-repeat 0 0;
  height: 85px;
  left: 120px;
  padding: 0 1px;
  position: absolute;
  top: -12px;
}

#contenedorTirasSlideshowLogos{
  height: 60px;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  width: 660px;
}

#contenedorPie #contenedorTirasSlideshowLogos strong{
  color: #005C92;
  left: 0;
  position: absolute;
  text-transform: uppercase;
  top: 10px;
  z-index: 10;  
}

.ImagenDeTira{
  float: left;
  position: relative;
  z-index: 0;
}

.ContenedorImagenCamaleon{
  background: #FFF;
  border: 1px solid #000;
  display: none;
  left: -100px;
  padding: 5px;
  position: absolute;
  top: -75px;
  z-index: 10;
}

.ContenedorImagenCamaleon img{
  height: 200px;
}

#slideshowLogos img{
  padding: 0 3px;
}

.TiraSlideshowLogos{
  text-align: center;
  width: 100%;
}

#contenedorPie h2{
  color: #6BCAF3;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
  margin: 5px 0 0;
}

#contenedorTextosPie{
  line-height: 100%;
}

#contenedorPie strong, #contenedorPie strong a{
  color: #6BCAF3;
}

#pieIzquierdo{
  font-size: 85%;
  text-align: right;
}

#pieDerecho{
  font-size: 85%;
  text-align: left;
}

#contenedorCopy{
  color: #FFF;
  text-align: center;
}


/**
 * 
 * 
 */

#paginaDeContacto{
  color: #A2BAC7;
}

#paginaDeContacto .grid_5{
  margin-left: 0;
}

#paginaDeContacto .grid_6{
  margin-right: 0;
}

#paginaDeContacto dl{
  margin: 0 0 5px;
}

#paginaDeContacto dt{
  font-weight: bold;
  text-transform: uppercase;
}

#paginaDeContacto dd input, #paginaDeContacto dd textarea{
  border: #A2BAC7 solid 1px;
  width: 100%;
}

#paginaDeContacto form p{
  text-align: right;
  position: relative;
}

#paginaDeContacto form p input{
  background: #005C92;
  border: none;
  color: #FFF;
  cursor: pointer;
}

#paginaDeContacto form p .ajax-loader{
  left: 0;
  position: absolute;
  top: 0;
}

.wpcf7-response-output{
  clear: both;
}


/**
 * 
 * 
 */

#columnaDerecha .ContendorBloqueColumnaDerecha{
  background: url(css/img/bgBlocks.png) 0 0 no-repeat;
  padding: 12px 3px 0 0;
  margin: 0 0 20px;
}

#columnaDerecha .BloqueDeColumnaDerecha{
  background: url(css/img/bgBlocks.png) -280px bottom no-repeat;
  padding: 0 0 12px;
}

#columnaDerecha .ContenedorBloque-2 .BloqueDeColumnaDerecha{
  background: url(css/img/bgBlocks.png) -560px bottom no-repeat;
}

#columnaDerecha .ContenidoBloqueDerecha{
  background: #F5F6F6;
  border: #A2BAC7 solid 1px;
  border-top: none;
  border-bottom: none;
}

#columnaDerecha .ContenidoBloqueDerecha ul{
  padding-bottom: 1px;
  padding-right: 15px;
}

#columnaDerecha .ContenidoBloqueDerecha ul li{
  margin-bottom: 15px;
  text-align: justify;
}

#columnaDerecha .ContenedorBloque-2 .ContenidoBloqueDerecha,
#columnaDerecha .ContenedorBloque-3 .ContenidoBloqueDerecha{
  background: #FFF;
}

.ContenedorBloque-3 img{
  margin: 0 0 10px;
}

#columnaDerecha h2{
  background: #E5ECF0;
  border-bottom: #A2BAC7 solid 1px;
  line-height: 100%;
  margin: 0;
  padding: 0 0 10px;
  text-align: center;
  text-transform: uppercase;
}

#columnaDerecha h3{
    background: #E5ECF0;
    border: #A2BAC7 solid 1px;
    border-left: none;
    border-right: none;
    color: #A2BAC7;
    margin: 0;
    padding: 0 20px;
}

#columnaDerecha p{
  margin: 10px 0;
  padding: 0 20px 1px;
}

#columnaDerecha ol, #columnaDerecha ul{
  margin: 10px 0;
}


.ListaDescargas li{
  background: url(css/img/pdfIcon.png) no-repeat;
  border-bottom: #A2BAC7 dashed 1px;
  list-style: none;
  margin: 0 0 10px 20px;
  padding: 20px 10px 25px 70px;
}

.ListaDescargas .wp-oembed{
  background: url(css/img/bgBotonDescarga.png) no-repeat;
  color: #FFF;
  display: block;
  font-size: 90%;
  line-height: 100%;
  padding: 3px 5px 3px;
  text-align: center;
  text-decoration: none;
  width: 80px;
}

form dd input, form dd textarea{
  border: #A2BAC7 solid 1px;
  width: 98%
}

form p{
  position: relative;
  text-align: right;
}

form dl{
  margin: 0 0 5px;
}

form p input{
  background: url(css/img/bgBotonDescarga.png) no-repeat;
  border: none;
  display: block;
  float: right;
  color: #FFF;
  padding: 0 10px;
  width: 90px;  
}

form p img{
  position: absolute;
}

#contenedorEnvoltorioCasos{
  background: url(css/img/bgCasos.png) no-repeat;
  height: 305px;
  padding: 25px 50px;
  position: relative;
}

#contenedorCasos{
  height: 320px;
  overflow: hidden;
  position: relative;
}

.CasoDeExito{
  border-right: #005C92 solid 1px;
  float: left;
	font-size: 90%;
  height: 295px;
  margin: 0;
  padding: 5px 20px;
  width: 238px;
}

.CasoDeExito p{
  margin: 0 0 10px;
}

.CasoDeExito h2{
  font-size: 115%;
  margin: 0 0 5px;
}

.Caso-3{
  border-right: none;
}


/**
 * 
 * 
 */
#contenedorSlideshow{
  border: #97A9B1 solid 1px;
	height: 295px;
  margin: 0 0 10px;
	overflow: hidden;
  position: relative;
	width: 100%;
}

#contenedorSlideshow img{
  height: 100%;
  width: 100%;
}

#navegadorSlideshow{
  background: url(css/img/bgSlideshowMenu.png) no-repeat 0 0;
  bottom: 10px;
	height: 21px;
	overflow: hidden;
	padding-left: 10px;
	position: absolute;
	right: 10px;
	z-index: 20;
}

#navegadorSlideshow ul{
	background: url(css/img/bgSlideshowMenu.png) no-repeat right bottom; 
  float: left;
	height: 25px;
	padding-right: 10px;
}

#navegadorSlideshow ul li{ 
  background: url(css/img/bgSlideshowMenu.png) repeat-x 0 -25px;
  float: left;
	font-size: 85%;
	list-style: none;
	margin: 0;
	padding: 2px 0;
}

#navegadorSlideshow a{
  border-right: 1px solid #FFF;
	color: #FFF;
	line-height: 100%;
	padding: 0 5px;
}

#navegadorSlideshow .Primero a{
  padding-left: 0;
}

#navegadorSlideshow .Ultimo a{
  border: none;
  padding-right: 0;
}

#navegadorSlideshow a:hover, #navegadorSlideshow .Activo a{
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

#menuInferior{
  background: url(css/img/bgMenuInferior.png) no-repeat;
  height: 197px;
  padding: 0 0 40px;
}

#menuInferior ul{
  margin: 0;
  padding: 0; 
}

#menuInferior ul li{
  border-right: 1px solid #B5C8D3;
  float: left;
  list-style: none;
  height: 188px;
  margin: 5px 0 0;
  padding: 0;
  position: relative;
  width: 159px;
}

#menuInferior ul li a{
  position: absolute;
  left: 20px;
  top: 15px;
}

#menuInferior #linkMenu-3 a{
  left: 10px;
}

#menuInferior .Expandido{
  width: 299px;
}

#menuInferior .Expandido a{
  left: 8px;
}

#menuInferior #linkMenu-5{
  border: none;
}

#menuInferior #linkMenu-5 a{
  left: 7px;
}

#menuInferior .TextoServicio{
  color: #687982;
  font-size: 0.8em;
  font-weight: bold;
  left: 10px;
  line-height: 100%;
  position: absolute;
  text-align: left;
  text-indent: -50000px;
  top: 110px;
  width: 150px;
  z-index: 5;
}



#menuInferior .Expandido .TextoServicio{
  text-indent: 0;
}

/**
 * 
 */
.Persona h2{
  font-size: 120%;
  margin: 0 0 5px;
}

.Persona dt{
  font-weight: bold;
}

.Persona dd{
  padding: 0 0 0 20px;
}

#columnaDerecha form{
  padding: 0 20px 20px;
}

#columnaDerecha form dl input, #columnaDerecha form dl select{
  width: 100%;
}

#columnaDerecha form p{
  padding: 0;
}

/**
 * 
 */

 .Empleo{
   border-bottom: #B5C8D3 dashed 1px;
   padding: 10px 20px;
 }
 
 .LinkVerMasEmpleo{
   background: url(css/img/bgBotonDescarga.png) no-repeat;
   color: #FFF;
   display: block;
   float: right;
   font-size: 0.95em;
   font-weight: bold;
   line-height: 100%;
   padding: 3px 19px 4px; 
   text-transform: uppercase;
}
 
.Puesto{
  height: 100px;
} 
 
.Puesto dt, .Puesto dd{
   float: left;
}

.Puesto dt{
  color: #005C92;
  clear: left;
  font-weight: bold;
  margin: 0 5px 0 0;
}

.LinkMasIngles{
  padding: 3px 11px 4px;
}

#wrapperGaleria{
  background: url(css/img/bgGaleriaImagenes.png) no-repeat -1660px bottom;
  margin: 0 auto;
  padding: 0 0 25px;
  position: relative;
  width: 822px;
}

#contenedorGaleria{
  background: url(css/img/bgGaleriaImagenes.png) no-repeat 0 0;
  padding: 15px 0 0;
}

#galeria{
  background: url(css/img/bgGaleriaImagenes.png) repeat -830px 0;
  margin: 0 auto;
  padding: 0 100px;
}

#galeria .ngg-galleryoverview{
  border: 1px solid #b5c8d3;
  border-left: none;
  border-right: none;
  padding: 10px 0;
}