/*Estilos para el sitio esoft08*/

body 
{	
	margin:0px auto;
	border:0px;	
	font-family:arial;
	font-size:11px;
	color:#203558;
	background:#e4f1bc url(publico/imagenes/principal/background.jpg) no-repeat center;
}

h1, h2, h3, h4, h5, h6, pre,
blockquote, ol, dl, address {
     margin: 0px;
     padding: 0px;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
	 display: inline;	
}

/*Ver mas, Continuar Leyendo*/
h1
{
	font-family:arial;
	font-size:9px;
	color:#203558;
}

/*Titulos*/
h2
{
	font-family:arial;
	font-size:18px;
	color:#203558;
}

h3
{
	color:#10203b;
}

a:hover{color: #557099;}
a.titulonoticia:hover{color: #557099;}
a.titulonoticia{
	font-family:arial;
	font-size:18px;
	color:#203558;	
}

img
{
	border:0px;
	padding:0px;
}

a:link{text-decoration:none; }
a:visited{text-decoration:none;}
a:hover{cursor:pointer;}
a:active{text-decoration:none;}
a
{
	font-family:arial;
	color:#203558;		
	text-decoration:none;
}

.abecedario
{	
	word-spacing:2px;
}

a.continuar:link{text-decoration:none;}
a.continuar:visited{text-decoration:none;}
a.continuar:hover{cursor:pointer;}
a.continuar:active{text-decoration:none;}
a.continuar
{
	font-size:9px;
}

a.tituloTestimonio:hover
{
	color: #557099;	
}

a.tituloTestimonio
{
	font-size:11px;	
}

a.verde
{
	
	color:#79930D;
}

/*******ESTILOS DE LA PAGINA PRINCIPAL********/
/*Este marco es el que contiene a toda la estructura de la pagina*/
#marcoPrincipal
{
	width:960px;	
	height:1025px;	
	margin:0px auto;			
	/*overflow:hidden;	*/
}
/*Div que contiene el logo SAGCAP*/
#sagcap
{
	width:137px;	
	height:369px;	
	float:left;
	margin-top:-1px;
}

/*Div que contiene el logo superior*/
#toplogo
{
	width:800px;
	height:195px;
	text-align:center;			
	float:left;
	overflow:hidden;
}

/*Div que contiene el banner superior*/
#topbanner
{
	width:800px;
	height:251px;	
	float:left;
	overflow:hidden;
}

#links
{
	width:227px;/*193px;*/
	height:29px;	
	float:right;
	font-size: 10px;
	overflow:hidden;	
}

/*Marco de el contenido*/
#marcoContenido
{
	width:880px;   /*800px*/
	height:530px;
	/*padding-left:65px;*/
	float:left;			
	/*overflow:hidden;	*/
}

#contenidoLeft
{
	width:360px;/*400*/
	height:530px;			
	float:left;
	overflow: hidden;	
}



#backGroundTitulo{	
	width: 250px;/*360px;*/
	/*min-height:79px;
	height:auto !important;*/
	min-height:95px;
	height:auto !important;
	height:95px;/*265*/
	padding-top:20px;
	padding-left:10px;
	padding-right:103px;
	background-image:url(publico/imagenes/principal/verificacion.png);
	background-repeat:no-repeat;
	overflow:hidden;
	/*background-position:right bottom;*/
	color:White;
	font-size: 18px;
	text-align:right;
}


#noticiaTop
{
	width:360px;
	height:256px;/*265*/
	overflow:hidden;
}

#noticia{
	width:250px; /*360px*/
	height:100px;
	padding-left:80px;
	padding-right:30px;
	text-align:right;
	overflow:hidden;	
}

#noticiaBottom
{
	width:340px;/*360*/
	height:225px;/*234*/	
	padding-top:40px;
	padding-left:0px;
	padding-right:20px;
	color:#8B0F04;	
	text-align:right;	
	overflow:hidden;	
}

#contenidoRight
{
	width:215px;/*375px*/
	height:449px;/*530px*/
	padding-top:51px;
	padding-right:140px;
	padding-left:20px;		
	float:left;	
	overflow:hidden;
}

#trabajos
{
	width:220px;
	height:170px;	
	padding-top: 6px;
	text-align:right;	
	overflow:hidden;

}

#primerTrabajo
{
	width:220px;/*285px*/
	height:85px;/*85px*/
	text-align:right;
	padding-right:50px;	
	overflow:hidden;
}

#segundoTrabajo
{
	width:220px;
	height:85px;/*85px*/
	text-align:left;
	padding-right:50px;			
	overflow:hidden;
}

.titulos
{
	width:180px;
	height:47px;	
	padding-right:5px;
	text-align:right;	
	float:left;	
	overflow:hidden;
}

.titulos2
{
	width:180px;
	height:47px;
	padding-left:5px;
	float:right;		
	overflow:hidden;
}

#testimonios
{
	width:210px;/*215px*/
	height:249px;/*279px*/
	padding-top:30px;
	padding-right:50px;
	padding-left:5px;
	text-align:right;	
	background:url(publico/imagenes/principal/testimonios.png) no-repeat;	 
	/* background-image: none;
	 filter: none !important;
	 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imagenes/principal/testimonios.png'); */
	overflow:hidden;
}

#contenidoTestimonio
{
	width:210px;	
	padding-bottom:5px;	
	font-size:10px;
	text-align:left;
	overflow:hidden;	
}



/*Cuadro chico donde ira el logo de la empresa*/
.minifoto
{
	width:24px;
	height:41px;		
	border:solid 3px #ADADAD;	
	overflow:hidden;
	cursor:pointer;
}

.minifoto2
{
	width:24px;
	height:41px;		
	border:solid 3px #ADADAD;
	overflow:hidden;
	cursor:pointer;
}

/*Menu bottom*/
#menuBottom
{
	width:880px;
	height:14px;/*26px;*/
	padding-top:12px;
	font-size:11px;
	text-align:center;
	float:left;
	overflow:hidden;
}

/*Clase para los contenidos de las paginas interiores*/
.interiores
{
	width:320px;/*360*/
	height:498px;/*530*/
	text-align:justify;
	padding-left:20px;	
	padding-right:20px;	
	padding-top:34px;	
	overflow:hidden;
}
.interioresCorto
{
	width:320px;/*360*/
	height:273px;/*307*/
	padding-left:20px;	
	padding-right:20px;	
	padding-top:34px;	
	overflow:hidden;
}

/*Estilos para las seccion de noticias con imagen, titulo y abstract*/
#imagen
{
	width:116px;
	height:93px;
	border:solid 2px gray;
	margin-top:20px;
	float:left;
	overflow:hidden;
}

#textoNoticias
{
	width:190px;
	height:96px;
	padding-left:10px;
	margin-top:20px;
	float:left;
	overflow:hidden;
	
}

#imagenPortafolio{
	width: 100px;
	height: 77px;
	margin-top: 20px;
	border: 2px solid White;
	float: left;
	overflow: hidden;
}

#textoportafolio{
	width: 205px;
	height: 77px;	
	padding-left:10px;
	margin-top: 22px;
	float: left;
	overflow: hidden;
}

/*Estilos para los tooltip*/
a.tt{
    position:relative;
    z-index:24;
    color: #203558;
	font-weight:bold;
    text-decoration:none;
}

a.tt span{ display: none; }


/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #203558;}
a.tt:hover span.tooltip{
    display:block;
    position: absolute;
	padding-top: 100px;
	padding-left: 80px; 
	width:200px;
	color: #203558;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0px;
    background: url(publico/imagenes/tooltip/bubble.gif) no-repeat top;
}

a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: auto 8px;
	background: url(publico/imagenes/tooltip/bubble_filler.gif) repeat bottom; 
}

a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #203558;
    background: url(publico/imagenes/tooltip/bubble.gif) no-repeat bottom;
}

/*Estilos para la seccion de comentarios*/
#departamento,#nombre, #email
{	
	padding-right:20px;
	padding-bottom:15px;
	float:right;
}




#empresa
{	
	padding-right:20px;
	padding-bottom:15px;
	float:right;
}

#telefono
{	
	padding-right:20px;
	padding-bottom:15px;
	float:right;
}

#asunto
{
	padding-right:20px;
	padding-bottom:15px;
	float:right;
}

#problema
{
	padding-right:20px;
	padding-bottom:15px;
	float:right;
}

#comentarios
{	
	padding-right:20px;
	float:right;	
}

.textBox
{
	width:215px;
	height:18px;
	padding-left:5px;
	font-family:Arial;
	font-size:11px;
	border:solid 1px;
	color:#203558;
}

.txtComentarios
{
	width:215px;
	height:150px;
	padding-left:5px;	
	font-family:Arial;
	font-size:11px;
	border:solid 1px;
	color:#203558;
}

.dropDown
{
	width:225px;
	height:auto;
	font-family:Arial;
	font-size:11px;	
	color:#203558;
}

.btnEnviar
{
	width:66px;
	height:18px;
	border:none;
	margin-top:5px;	
	background:url(publico/imagenes/botones/enviar.png) no-repeat;
	cursor:pointer;
	float:right;
}

.btnLimpiar
{
	width:66px;
	height:18px;
	border:none;
	margin-top:5px;
	margin-right:5px;			
	background:url(publico/imagenes/botones/limpiar.png) no-repeat;
	border:none;	
	cursor:pointer;
	float:right;
}

#userControl
{
	width:320px;
	height:auto;
	text-align:right;		
}

#marconoticias{
    width:320px;
	 padding-top: 10px;
	 min-height: 467px;
	 height: auto !important;
    height:467px;
    background-color:Transparent;
    float:left;
}

/*Clase para la imagen de eNotaria*/
.eNotaria
{
	left:-97px;
	position:relative;
}