/* CSS Document */

body {

	width:				100%;
	margin:				0 auto;
	background:			#000000;
	
}

img { behavior: url(iepngfix.htc); }

ul {
    
    
}


li {
    list-style:     none;
    display:        inline;
}

#contenedorCentrado{
	background:			url(img/GENERAL/bg.png);
	background-repeat: 	repeat-x;
	height:				745px;
	width:				100%;
	position: 			relative;
}
a {
	font-family:		Arial;
	font-size:			13px;
	font-weight:		400;
	color:				#FFFFFF;
	text-decoration:	none;
	font:				bold;
}

a:hover{
	font-family:		Arial;
	font-size:			13px;
	font-weight:		400;
	color:				#66CCFF;
	text-decoration:	none;   
	font:				bold;
}

#contenedorPincipal{
	margin:				0 auto;
	height:				745px;
	width:				1024px;
	overflow:			hidden;
}

#imagenInferior{
	height:				295px;
	position:			absolute;
	width:				100%;
	top:				  407px;
	overflow:		    hidden;	
	background:			url( img/GENERAL/edificios.png) no-repeat center -7px; 
	text-align:			center;

}

#contenedorTop{
	height:				105px;
	width:				1024px;
}

#contenedorTop #contenedorFlashBotones{
	width:				650px;
	padding-top:		60px;
	height:				45px;
	float:				left;
	margin-left:		5px;
	color:				#FFFFFF;
}

#contenedorTop #contenedorImagenLogo{
	width:				239px;
	height:				94px;
	float:				left;
	margin-left:		90px;	   
    background:url(img/GENERAL/cic-logo.png) bottom no-repeat;  
}

#contenedorContenidosNoScroll {
	width:				1024px;
	height:				325px;
	margin:				0 auto;
	overflow:			hidden;
}

#contenedorContenidosScroll {
	width:				1000px;
	height:				3325px;
	margin:				0 auto;
	overflow:			hidden;
}

#contenedorSeccion{
	width:				1000px;
	height:				395px;
	float:              left;
}

.Pagina{
    width:				1000px;
	height:				395px;
    overflow:           hidden;
    position:           relative;
}

.imagenTitulo {

	margin-left: 25px;
}

.topContenido{
	width:				1000px;
	height:				62px;
	margin-bottom:		5px;
	background:url(img/GENERAL/linea.png) bottom repeat-x;
    overflow: hidden;
}

.imagenIlustrativa {
	float:				right;
}

.leftContenido{
	width:				250px;
	height:				320px;
	float:				left;
	margin-right:		10px;
	padding-top:		20px;
}

.rightContenido{
	width:				700px;
	height:				320px;
	float:				left;
	margin-left: 		15px;
	padding-top:		10px;
	font-family:		Arial;
	font-weight:		lighter;
	font-size:			13px;
	color:				#FFFFFF;
	text-align:			justify;
}

.contenedorLinkInferior{
	width:  		370px;
	height:			90px;
	padding-top:	10px;
	margin-top:		270px;
	color:			#FFFFFF;
	margin-left:	600px;
	float:			left;
}

.contenedorLinkInferior2{
	width:  		240px;
	height:			70px;
	color:			#FFFFFF;
	float:			left;
}


.contenedorLinkCinetica{
	width:  		92px;
	height:			70px;
	color:			#FFFFFF;
	margin-left:	20px;
	float:			left;
}

.LinkCinetica{
	width:  		92px;
	height:			32px;
	text-indent:	-50000px;
	overflow:		hidden;
	display:		block;
	clear:			both;
	background:     url(img/bgLnkCinetica.png);
}


.LinkCinetica:hover{
	background-position: 0 -32px;
}


#linkInferior1 {
	margin-left:20px;
	margin-right:20px;

}


#linkInferior2 {
	margin-left:20px;
	margin-right:20px;

}
form{

	margin: 			10px;
	height:				175px;
	width:				500px;
	margin:				0 auto;
	color:				#FFFFFF;
	font-size:			14px;
	border:				none;
	padding-top:	    20px;
}

fieldset {
	border: 			none;
}

form dt, form dd{

	float:				left;
	margin-bottom:		13px;
	font-family:		Arial;
	font-weight:		lighter;
	font-size:			13px;
	
}

form dt{
	width:				70px;
	text-align:			right;
	margin-right:		20px;
}

form dd{
	width:				300px;
	text-align:			left;

}

form input, form select, form textarea{

	width:				100%;

}

#txtComentario{

	height:				50px;
	
}

#botones{
 
	clear:				both;
	position:			relative;
	bottom:				0;
	text-align:			right;
	width:				100%;
}

#botones button, #botones input{

    border:             none;
    background-color:   transparent;
    color:              #FFF;
    font-size:          16px;
    text-transform:     uppercase;
    cursor:             pointer;
	width:				115px;
	padding:			0;
	

    
}

#btnEnviar{

    border-right:       white solid 1px!important;

}

.titulo{
	font-style: italic;	
	color:#66CCFF;
}

span {
	color:#66CCFF;
}


#paginaContactos .leftContenido .oficSj{
        background-image: url(img/CONTACTENOS/oficina-san-jose.png);
        width:  136px;
        height: 89px;
        float:  right;
}

#paginaContactos .leftContenido .oficJaco{
        background-image: url(img/CONTACTENOS/oficina-jaco.png);
        width:  136px;
        height: 89px;
        float:  right;
        margin-top: 5px;
}



#paginaContactos .topContenido h1{
    
    background: url(img/CONTACTENOS/tituloContactenosEsp.png) no-repeat;
    text-indent:  -50000px;
    height: 500px;
    
}

.Ingles #paginaContactos .topContenido h1{
    
    background: url( img/CONTACTENOS/tituloContactenosEng.png ) no-repeat;
    text-indent:  -50000px;
    height: 500px;
    
}

#paginaContable .leftContenido span{
        background-image: url(img/CONTABLE/img.png);
        width:  170px;
        height: 119px;
        float:  right;
}

#paginaContable .topContenido h1{
    
    background: url(img/COANTABLE/tituloContableEsp.png) no-repeat;
    text-indent:  -50000px;
    height: 500px;
    
}

.Ingles #paginaContable .topContenido h1{
    
    background: url( img/CONTABLE/tituloContableEng.png ) no-repeat;
    text-indent:  -50000px;
    height: 500px;
    
}

#paginaNosotros .leftContenido span{
        background-image: url(img/NOSOTROS/img.png);
        width:  170px;
        height: 119px;
        float:  right;
}

#paginaNosotros .topContenido h1{
    
    background: url(img/NOSOTROS/tituloNosotrosEsp.png) no-repeat;
    text-indent:  -50000px;
    height: 500px;
    
}

.Ingles #paginaNosotros .topContenido h1{
    
    background: url( img/NOSOTROS/tituloNosotrosEng.png ) no-repeat;
    text-indent:  -50000px;
    height: 500px;
    
}


#paginaExterna .leftContenido span{
        background-image: url(img/EXTERNA/img.png);
        width:  170px;
        height: 119px;
        float:  right;
}

#paginaExterna .topContenido h1{
    
    background: url(img/EXTERNA/tituloAreaExternaEsp.png) no-repeat;
    text-indent:  -50000px;
    height: 500px;
    
}

.Ingles #paginaExterna .topContenido h1{
    
    background: url( img/EXTERNA/tituloAreaExternaEng.png ) no-repeat;
    text-indent:  -50000px;
    height: 500px;
    
}

#paginaLegal .leftContenido span{
        background-image: url(img/LEGAL/img.png);
        width:  170px;
        height: 119px;
        float:  right;
}


#paginaLegal .topContenido h1{
    
    background: url(img/LEGAL/tituloLegalEsp.png) no-repeat;
    text-indent:  -50000px;
    height: 500px;
    
}

.Ingles #paginaLegal .topContenido h1{
    
    background: url( img/LEGAL/tituloLegalEng.png ) no-repeat;
    text-indent:  -50000px;
    height: 500px;
    
}


#paginaForm .topContenido h1{
    
    background: url(img/CONSULTAS/tituloConsultasEsp.png) no-repeat;
    text-indent:  -50000px;
    height: 30px;
    
}

.Ingles #paginaForm .topContenido h1{
    
    background: url( img/CONSULTAS/tituloConsultasEng.png) no-repeat;
    text-indent:  -50000px;
    height: 30px;
    
}

#paginaInicio h1{
    
    background-position: 0 0;
    
}

#paginaInicio .leftContenido span{
        background-image: url(img/INICIO/img.png);
        width:  170px;
        height: 119px;
        float:  right;
}

#paginaInicio .topContenido h1{
    
    background: url( img/titulos.png ) no-repeat;
    text-indent:  -50000px;
    height: 500px;
    
}

#paginaInicio h1{
    
    background-position: 0 0;
    
}

.Ingles #paginaInicio h1{
    
    background-position: 0 -40px;
    
}

.leftContenido div{
    
    border: #93c0d3 solid 1px;
    padding: 5px;
    float: right;
    width: 153px;
    
    
}