/* Diseņado por Complemento Creativo */
* {
padding: 0;
margin: 0;
} 

body {
margin:0;
padding: 0;
font: 12px Arial, Verdana, Tahoma, sans-serif;
line-height: 17px;
}

#jrwrap {
width: 820px;
_width: 820px;
margin: 0 auto;
background-color:  #fff;
}

#jrcenter {
background:   url(images/fondo.jpg) repeat-x;
height: 669px;
}

/*---------------------------- LAYOUT ----------------------------*/

#lineaiz {
float: left;
background: url(images/degra_iz.jpg) no-repeat;
width: 14px;
height: 510px;
}
#lineader {
float: right;
background: url(images/degra_der.jpg) no-repeat;
width: 14px;
height: 510px;
}

/*--------------------------- GENERAL ----------------------------*/

/*---------------------------- Logo----------------------------*/
#jrheader {
background : #e9e9e9 url(images/encabezado.jpg) no-repeat;
width: 820px;
height: 89px;
position: relative;
}

#jrheader #ima {
	position: absolute;
	top: 0px; right: 20px;
	width: 163px;
	height: 145px;	
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	padding-left:30px;
	z-index: 0;	
}

/*---------------------------- Menu Principal----------------------------*/
#navigation {
background: #fff url(images/bot_fon.jpg) repeat-x;
height: 36px;
color: #ffffff;
font: 14px Arial, Verdana, Tahoma, sans-serif;
line-height: 36px;
}
#navigation li {
float:left;
height: 14px;
list-style-type:none;
margin-left: 7px;
padding-right:7px;
border-right:1px dotted #fff;
margin-top:10px;
}
#navigation li a {
color: #ffffff;
font: 12px Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
display:block;
padding:0 6px;
text-decoration:none;
letter-spacing:1px;
}
#navigation li a:hover {
color:#ffffff;
text-decoration:underline;
}

/*---------------------------- Buscador ----------------------------*/


/*---------------------------- Tablas ----------------------------*/


/*---------------------------- Menu Lateral----------------------------*/


/*---------------------------- Detalle ----------------------------*/


/*---------------------------- Fin detalle ----------------------------*/

/*---------------------------- Contenido ----------------------------*/
#c{ 
float: left;
width: 792px;
}

#c h2{ 
color:#1a5e8a;
font: 18px Arial, Verdana, Tahoma, sans-serif;
text-align:left;
margin-left:18px;
margin-top:15px;
}

#c #iz{ 
float: left;
width: 263px;
}

#c #ders{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_home.jpg) no-repeat;
}

#c #ders_i{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_home_i.jpg) no-repeat;
}

#c #ders_e{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_empresa.jpg) no-repeat;
}

#c #ders_ei{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_empresa_i.jpg) no-repeat;
}

#c #ders_s{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_servicios.jpg) no-repeat;
}

#c #ders_si{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_servicios_i.jpg) no-repeat;
}

#c #ders_c{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_clientes.jpg) no-repeat;
}

#c #ders_ci{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_clientes_i.jpg) no-repeat;
}

#c #ders_en{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_enlaces.jpg) no-repeat;
}

#c #ders_eni{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_enlaces_i.jpg) no-repeat;
}

#c #ders_co{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_contacto.jpg) no-repeat;
}

#c #ders_coi{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_contacto_i.jpg) no-repeat;
}

#c #ders_n{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_noticias.jpg) no-repeat;
}

#c #ders_ni{ 
float: right;
width: 529px;
margin-bottom:110px;
background: url(images/fon_noticias_i.jpg) no-repeat;
}

#c #der{ 
width: 529px;
margin-top:110px;
}

#c #der ul {
	margin-left:50px;
     list-style: circle;
}

#c #der #fondo{ 
width: 529px;
}

#c #der p{ 
font: 12px Arial, Verdana, Tahoma, sans-serif;
text-align:justify;
margin-left:20px;
margin-right:30px;
margin-top:2px;
}

#c #der p2{ 
font: 12px Arial, Verdana, Tahoma, sans-serif;
margin-left:20px;
margin-right:30px;
margin-top:2px;
}

#c #der strong{ 
color:#1a5e8a;
font: 18px Arial, Verdana, Tahoma, sans-serif;
text-align:left;
margin-left:6px;
margin-top:15px;
}

#c #der #cl{ 
float:left;
width: 560px;

}

#c #der #clientes{ 
float:left;
width: 120px;
height: 136px;	
border: 1px solid #d8d8d8;
padding-top:4px;
padding-left:4px;
padding-bottom:4px;
margin:2px;
}

#c #der #clientes .nom { 
margin-right:5px;
color:#1f6a9b;
font-size: 10px;
font-family: verdana, arial, sans-serif;
text-align:center;
clear: both;
}

#c #der #clientes .nom a { 
color:#1f6a9b;
text-decoration: none;
}

#c #der #clientes .nom a:hover { 
text-decoration: underline;
}



#destacados{ 
float: left;
width: 792px;
}

#destacados #iz{ 
float: left;
width: 259px;
margin-left:5px;
}

#destacados #iz #tit{ 
width: 259px;
height: 29px;
background: url(images/des_ultimas.jpg) no-repeat;
margin-bottom:6px;
}

#destacados #iz #tit_i{ 
width: 259px;
height: 29px;
background: url(images/des_ultimas_i.jpg) no-repeat;
margin-bottom:6px;
}

#destacados #iz #con{ 
width: 252px;
border: 2px solid #d8d8d8;
padding-top:4px;
padding-left:4px;
padding-bottom:4px;
}

#con #img{ 
float:left;
margin-right:12px;
margin-left:12px;
}

#destacados #iz #titulo{ 
color:#1c6390;
font: 13px Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
text-align:left;
}
#destacados #iz p{ 
color:#6f6f6f;
font: 11px Arial, Verdana, Tahoma, sans-serif;
text-align:justify;
margin-right:4px;
}

#destacados #iz #leer { 
margin-right:5px;
background: transparent url(images/cruz.jpg) no-repeat right center; 
padding-right: 10px;
color:#1f6a9b;
font-size: 10px;
font-family: verdana, arial, sans-serif;
text-align:right;
clear: both;
}

#destacados #iz #leer a { 
color:#1f6a9b;
text-decoration: none;
}

#destacados #iz #leer a:hover { 
text-decoration: none;
}

#destacados #der{ 
float: right;
width: 516px;
margin-right:5px;
}

#destacados #der #tit{ 
width: 516px;
height: 29px;
background: url(images/des_algunos.jpg) no-repeat;
margin-bottom:6px;
}

#destacados #der #tit_i{ 
width: 516px;
height: 29px;
background: url(images/des_algunos_i.jpg) no-repeat;
margin-bottom:6px;
}

#destacados #der #con{ 
width: 509px;
border: 2px solid #d8d8d8;
padding-top:4px;
padding-left:4px;
}
#destacados #der img{ 
margin-right:10px;
}



/*-------------- Noticias --------------*/
#c #noti{ 
width: 526px;
}

#c #noti #ima{ 
float:left;

border: 1px solid #d8d8d8;
padding:4px;
padding-bottom:2px;
margin:4px;
}

#c #noti h1{ 
color:#1a5e8a;
font: 18px Arial, Verdana, Tahoma, sans-serif;
text-align:left;
margin-left:4px;

}

#c #noti h1 a { 
color:#1a5e8a;
text-decoration: none;
}

#c #noti h1 a:hover { 
color:#1a5e8a;
text-decoration: underline;
}

#c #noti h2{ 
color:#1a5e8a;
font: 16px Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;
text-align:left;

}

#c #noti h2 a { 
color:#1a5e8a;
text-decoration: none;
}

#c #noti h2 a:hover { 
color:#1a5e8a;
text-decoration: underline;
}


#c #noti #sumario{ 
color:#6f6f6f;
font: 12px Arial, Verdana, Tahoma, sans-serif;
text-align:justify;
margin-right:4px;
}

#c #noti #leer { 
margin-right:5px;
background: transparent url(images/cruz.jpg) no-repeat right center; 
padding-right: 10px;
color:#1f6a9b;
font-size: 10px;
font-family: verdana, arial, sans-serif;
text-align:right;
clear: both;
}

#c #noti #leer a { 
color:#1f6a9b;
text-decoration: none;
}

#c #noti #leer a:hover { 
color:#1f6a9b;
text-decoration: underline;
}

#c #ders_n #der #sepa{ 
width: 514px;
height: 5px;
background: url(images/sepa.jpg) repeat-x;
margin-top:10px;
}

#sepa{ 
width: 500px;
height: 5px;
background: url(images/sepa.jpg) repeat-x;
margin-top:4px;
margin-left:12px;
}

#separa{ 
width: 792px;
height: 8px;
background: url(images/separa.jpg) no-repeat;
margin-bottom:10px;
}

/*-------------- izquierda --------------*/

/*-------------- tablas --------------*/

/*---------------------------- Formularios ----------------------------*/

#c form {
width: 420px;
text-align: left;
margin-left: 30px;
}


#c fieldset {
width: 420px;
margin: 10px;
border: 1px solid #1a5e8a;
padding : 1em;
}

#c legend {
color:#1a5e8a;
clear: both;
padding: 5px 0px 10px 0px;
font: 14px Arial, Verdana, Tahoma, sans-serif;
font-weight: bold;	
}

#c form label {
display: block;
width: 310px;
font-size: 12px;
line-height: 14px;
padding: 0px 0px 12px 0px;
}

#c form input {
display: block;
margin-top: 3px;
}

#c form input:hover{ 
background:#EEEEEE;

}

#c form select {
float: left;
display: block;
}

#c form label.field-first {
float: left;
}


#c form label.field-first {
float: left;
margin: 0px 10px 0px 0px;
width: 200px;
}

#c form label.field-first input{
float: left;
width: 200px;
padding: 0px;
border-top: 1px solid #ccc; 
border-right: 1px solid #a3a3a3;
border-bottom: 1px solid #a3a3a3;
border-left: 1px solid #ccc;
}

#c textarea {
display: block;
width: 420px;
margin-top:6px;
border-top: 1px solid #ccc; 
border-right: 1px solid #a3a3a3;
border-bottom: 1px solid #a3a3a3;
border-left: 1px solid #ccc;
}

#c textarea:hover{ 
background:#EEEEEE;

}

#c .button {
width: 72px;
height: 26px;
border: none;
background: url(images/up.png) no-repeat top left;
padding: 2px 8px;
margin-left:180px;
}
#c .button:hover {
border: none;
background: url(images/down.png) no-repeat top left;
padding: 2px 8px;
}



/*---------------------------- Varios ----------------------------*/

/*---------------------------- Pie de Pagina ----------------------------*/

#jrpie {
clear : both; 
} 

#footer {
	clear : both; 
	border-top:1px solid #2475a9;
	height:77px;
	margin-left:14px;
	margin-right:14px;

}

#footer #texto {
	width:820px;
	margin:auto;

}

#footer #texto .uno{
	float:left;
	text-aling:left;
	margin-top:34px;
	margin-left:10px;
	color: #2475a9;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer #texto .uno a{
	color: #2475a9; 
	text-decoration: none;
}

#footer #texto .uno a:hover{
	color: #2475a9; 
	text-decoration: underline;
}

#footer #texto .dos{
	float:right;
	text-aling:right;
	margin-top:44px;
	margin-right:28px;
	color: #2475a9;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer #texto .dos a{
	color: #2475a9; 
	text-decoration: none;
}

#footer #texto .dos a:hover{
	color: #2475a9; 
	text-decoration: underline;
}

#extra {

	width:500px;
	height: 20px;
	margin-top:30px;
	padding-top:4px;
	padding-left:10px;
	_padding-left:2px;
	background : #F4F4F3;
	color : #454545;
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	text-align:center;
	
}

#extra a{
	color : #454545;
	text-decoration:none;
}

#extra a:hover{
	color : #454545;
	text-decoration:underline;
}