/* CSS Document */


/* ------------------------------------- General -----------------------------------*/
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;

font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}


body{
	background-image:url("/img/fondo_gral.gif");
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #222222;
}

a{
	font-weight: normal;
	color:#d32f03;
	text-decoration:none;
}	

a:hover {
    color: #8f4b32;
	text-decoration:underline;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

th{
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	padding:3px;
	background-color: #ca2d08;

}

td{
	border-bottom: 1px solid #dcdacc;
	background-color: #f4f4f4;
	color:#333333;
	padding:3px;
	font-size:100%;
	vertical-align: middle;
}

/* ----------- Encabezados y parrafo -------------*/

h1{
	display:none;
}

h2{
	font-family: georgia, arial;
	font-size: 24px;
	font-weight: normal;
}

h3{
	font-family: arial;
	font-size: 11px;
	color: #bf2b0f;
	font-weight: normal;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 3px;
	margin-bottom: 15px;
}

h4{
	font-family: georgia, arial;
	font-size: 20px;
	color: #60564c;
	padding-bottom: 20px;
	font-weight: normal;
}


/* ----------- Capas -------------*/
#general{
	width:980px;
	margin: 0px auto;
	padding: 0px 15px 0px 15px;
}

#cabecera{
	width:950px;
	height:123px;
	margin: 0px;
	padding: 0px;
}

#logo{
	width:465px;
	margin:0px;
	float:left;
	}
	
#caja_menu_hor{
	clear:both;
	width: 950px;
	height: 31px;
	background-image:url("/img/fondo_menu_hor.gif");
	background-repeat: repeat-x;
}

#caja_menu_hor2{
	clear:both;
	width: 950px;
	height: 31px;
	background-color: #E15D21;
}

#foto_cabecera1{
	width: 950px;
	height: 230px;
	border: 0px solid #ff0000;
	background-image:url("/img/foto_cab1.jpg");
	background-repeat: no-repeat;
}
#foto_cabecera2{
	width: 950px;
	height: 230px;
	border: 0px solid #ff0000;
	background-image:url("/img/foto_cab2.jpg");
	background-repeat: no-repeat;
}
#foto_cabecera3{
	width: 950px;
	height: 230px;
	border: 0px solid #ff0000;
	background-image:url("/img/foto_cab3.jpg");
	background-repeat: no-repeat;
}
#foto_cabecera4{	
	width: 950px;
	height: 230px;
	border: 0px solid #ff0000;
	background-image:url("/img/foto_cab4.jpg");
	background-repeat: no-repeat;
}
	
#migas{
	width:950px;
	border: 0px solid #ff0000;
	margin: 0px;
	padding: 0px;
}

#cuerpo{
	width:950px;
	clear:both;
	float:left;
	padding-bottom: 20px;
	border: 0px solid #ff0000;
}

#contenedor_centro{
	width:510px;
	float:left;
	margin: 0px 19px 0px 19px;
}

#contenedor_centro2{
	width:710px;
	float:left;
	margin: 0px 20px 0px 20px;
}

#contenedor_dcho{
	width:200px;
	float:left;
	background-color: #E6E6E6;
}

#titulo_actualidad{
	width:180px;
	background-image: url(/img/fondo_titu_actualidad.gif); 
	background-repeat: repeat-x;
	background-position: top;
	color:#ffffff;
	padding: 7px 10px;
	font-family: georgia, arial;
	font-size: 12px;
}

#contenedor_pie{
	clear:both;
	background-image: url(/img/fondo_pie.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	border-top: 10px solid #d84709;
}

#pie{
	width:910px;
	height: 100px;
	margin: 0px auto;	
	padding: 20px;
	color: #ffffff;	
}

/* ----------- menu vertical -------------*/

#contenedor{
	display: inline; 
	float: left; 
	width: 200px;
}

#subcontenedor{
	background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
	/*-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; */
	clear: both; 
	display: block; 
	font-family: Verdana; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 8pt; 
	line-height: normal; 
	/*font-size-adjust: none; 
	font-stretch: normal; 
	-x-system-font: none;*/
	}
	
.conten_servicio{
	border-style: solid; 
	border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(255, 255, 255); 
	border-width: 1px; 
	background: rgb(255, 255, 255) url("/img/menu-tiled.gif") repeat-x scroll left top; 
	/*-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;*/
}

.plan { color:#222222;font:bold 8pt Arial;padding:5px;padding-left:10px;margin-bottom:3px;margin-top: 0px; }
.plan A:link { color:#d32f03;text-decoration:none;}
.plan A:visited { color:#d32f03;text-decoration:none; }
.plan A:hover { color:#d32f03;text-decoration:underline; }
.plan A:active { color:#d32f03;text-decoration:none; }

.opcion { background:url('/img/bgopcion.gif') no-repeat center left;padding:2px;padding-left:12px;font:8pt Arial; }
.opcion A:link { color:#222222;text-decoration:none; }
.opcion A:visited { color:#222222;text-decoration:none; }
.opcion A:hover { color:#8f4b32;text-decoration:underline; }
.opcion A:active { color:#222222;text-decoration:none; }


.pad7{padding:7px;}

.txt_cab{
	font-family: trebuchet_ms, arial;
	font-size: 13px;
	color: #333333;
	line-height: 20px;
	padding: 80px 0px 0px 153px;
	height: 125px;
	border: 0px solid #ff0000;
	
}

.caja_sel{
	font-size: 11px;
	color: #333333;
	height: 20px;
	width: 400px;
}

.caja_sel_min{
	font-size: 11px;
	color: #333333;
	height: 20px;
	width: 150px;
}

/* ----------- capas del acceso de clientes -------------*/

#contenedor_clientes{ 
	clear:both;
	width: 200px;
}


.titu_col_serv{
	background-image: url(/img/fondo_titu_serv.gif); 
	background-repeat: repeat-x;
	background-position: top;
	color:#ffffff;
	padding: 7px 10px;
	font-family: georgia, arial;
	font-size: 12px;
	margin-bottom:5px;
}

/* ----------- formulario -------------*/

form {
	padding: 0px;
	margin:0px;
}

input{
	font-size:100%;
	color:#444444;
	border:1px solid #ddd;
	padding:4px 6px;
	margin:5px 0px 10px 0px;
	background: url(/img/fondo_boton_menu_hor.gif) repeat-x  #ffffff;
	}

textarea{
	font-size:100%;
	color:#444444;
	border:1px solid #ddd;
	padding:4px 6px;
	margin:5px 0px 10px 0px;
	background: url(/img/fondo_boton_menu_hor_txt.gif) repeat-x  #ffffff;
	}
	
.cajast{
	font-size:100%;
	width: 300px;
	color:#444444;
	border:1px solid #ddd;
	padding:4px 6px;
	margin:5px 0px 10px 0px;
	background-color: #f3f4f4;
	}
	
fieldset {border:1px solid #ddd; padding:10px; }

legend {padding:10px; font-weight:bold;}

.button{
	font-size:100%;
	color: #333;
	border:1px solid #ddd;
	padding:4px 10px;
	margin:5px 0px 0px 0px;
	background: url(/img/fondo_boton_menu_hor.gif) repeat-x  #ffffff;
	cursor: pointer;
}

.but_rojo{
	font-size:100%;
	color: #ffffff;
	border:1px solid #ddd;
	padding:4px 10px;
	margin:5px 0px 0px 0px;
	background: url(/img/fondo_boton_rojo.gif) repeat-x  #ffffff;
	cursor: pointer;
}

.but_verde{
	font-size:100%;
	color: #ffffff;
	border:1px solid #ddd;
	padding:4px 10px;
	margin:5px 0px 0px 0px;
	background: url(/img/fondo_boton_verde.gif) repeat-x  #ffffff;
	cursor: pointer;
}

.but_amarillo{
	font-size:100%;
	color: #333333;
	border:1px solid #ddd;
	padding:4px 10px;
	margin:5px 0px 0px 0px;
	background: url(/img/fondo_boton_amarillo.gif) repeat-x  #ffffff;
	cursor: pointer;
}

.but_gris{
	font-size:100%;
	color: #333333;
	border:1px solid #ddd;
	padding:4px 10px;
	margin:5px 0px 0px 0px;
	background: url(/img/fondo_boton_gris.gif) repeat-x  #ffffff;
	cursor: pointer;
}

.recordar_contra {
	font-size: 10px;
	padding-top: 10px;
}

.pdi{padding-left: 20px;padding-top: 10px;}

.l1{float: left;}

.l2{float: left;padding: 8px 0px 0px 8px;}


/* ----------- capas del cuerpo -------------*/

.caja_servicio_iz{
	width: 213px;
	height: 160px;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	background-image: url('/img/fondo_caja_servicios.gif');
	background-position: bottom;
	background-repeat: repeat-x; 
	float: left;
	padding: 10px 20px 20px 20px;
}

.caja_servicio_dr{
	width: 214px;
	height: 160px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background-color: #ffffff;
	background-image: url('/img/fondo_caja_servicios.gif');
	background-position: bottom;
	background-repeat: repeat-x; 
	float: left;
	padding: 10px 20px 20px 20px;
}

.caja_servicio_iza{
	width: 213px;
	height: 120px;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	background-image: url('/img/fondo_caja_servicios.gif');
	background-position: bottom;
	background-repeat: repeat-x; 
	float: left;
	padding: 10px 20px 20px 20px;
}

.caja_servicio_dra{
	width: 214px;
	height: 120px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background-color: #ffffff;
	background-image: url('/img/fondo_caja_servicios.gif');
	background-position: bottom;
	background-repeat: repeat-x; 
	float: left;
	padding: 10px 20px 20px 20px;
}

.titulo_serv1{
	background-image: url(/img/web.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	font-family: georgia, arial;
	font-size: 24px;
	height:54px;
	padding-left: 75px;
	padding-top: 10px;
}

.titulo_serv1b{
	background-image: url(/img/cli.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	font-family: georgia, arial;
	font-size: 24px;
	height:54px;
	padding-left: 75px;
	padding-top: 10px;
}

.titulo_serv1c{
	background-image: url(/img/buenas.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	font-family: georgia, arial;
	font-size: 24px;
	height:54px;
	padding-left: 75px;
	padding-top: 10px;
}

.titulo_serv1p{
	background-image: url(/img/proy.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	font-family: georgia, arial;
	font-size: 24px;
	height:54px;
	padding-left: 75px;
	padding-top: 10px;
}

.titulo_serv1f{
	background-image: url(/img/fact.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	font-family: georgia, arial;
	font-size: 24px;
	height:54px;
	padding-left: 75px;
	padding-top: 10px;
}

.titulo_serv2{
	background-image: url(/img/inkestak.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	font-family: georgia, arial;
	font-size: 24px;
	height:54px;
	padding-left: 75px;
	padding-top: 10px;
}

.titulo_serv3{
	background-image: url(/img/sip.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	font-family: georgia, arial;
	font-size: 24px;
	height:54px;
	padding-left: 75px;
	padding-top: 10px;
}

.titulo_serv4{
	background-image: url(/img/eboletin.gif);
	background-position: top left;
	background-repeat: no-repeat; 
	font-family: georgia, arial;
	font-size: 24px;
	height:54px;
	padding-left: 75px;
	padding-top: 10px;
}

.pie_serv {
	font-size: 10px;
	text-align: right;
	padding-top: 10px;
}

.conten_actualidad{
	clear: both;
	padding:20px 20px 10px 20px;
	border-bottom: 1px solid #cecece;
}

.texto_pie{
	width: 150px;
	float: left;
	padding: 0px 0px 0px 30px;
	line-height: 18px;
	border-right: 1px dotted #bf2b0f;
}

.direccion{
	float: right;
	text-align: right;
	padding-right: 30px;
}

.tit_pasos{
	padding-bottom: 20px;
	border-bottom: 1px solid #B4B4B4;
	font-weight: bold;
	color:#bf2b0f;
}

.pasos{
	width: 410px;
	height: 20px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom:5px;
}

.pasos1{
	float:left;
	width: 20px;
	border-right: 1px solid #bf2b0f;
	margin-right: 15px;
	clear: both;
}

.pasos2{
	float:left;
	width: 230px;
	margin-right: 15px;
}

.pasos3{
	float:left;
	border-left: 1px solid #bf2b0f;
	padding-left: 15px;
}

.anos{
	padding-bottom: 5px;
	border-bottom: 1px solid #B4B4B4;
	font-weight: bold;
	color:#000000;
	margin-bottom:5px;
}

a.neg{
	color:#333333;
	text-decoration:none;
}

.destacado{
	padding: 10px;
	background-color:#fed0bc;
}


/* ----------- Clases -------------*/
.max{text-transform: uppercase;}
.red{color: #d32f03;}
.vd{background-color: #4fbe00;}
.ved{color: #4fbe00;}
.gris{color:#999999;}
.pd5{padding-top: 5px;}
.pd6{padding-top: 6px;}
.pd10{padding-top: 10px;clear: both;}
.pd15{padding-top: 15px;}
.pd20{padding-top: 20px;}
.pd30{padding-top: 30px;}
.pdl10{padding-left: 10px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.mas{text-align: right;}
.pdb10{padding-bottom: 10px;}
.mt20{margin-top:20px;}
.bdrt{border-top: 20px solid #ffffff;}
.txtact{font-family: trebuchet_ms, arial; font-size: 11px;line-height: 18px;padding-bottom:20px;color:#222222;text-align: justify;}
.txtact2{font-family: trebuchet_ms, arial; font-size: 11px;line-height: 18px;color:#222222;text-align: justify;}
.fecha{color:#4c8be9;font-size: 10px;}
.both{clear: both;}
.port{
	background-image: url("/img/view.gif");
	background-position: left center;
	background-repeat: no-repeat; 
	padding:5px 0px 7px 15px;
	border-bottom: 1px solid #dddddd;
	}
.lh{line-height: 15px;}

.fd1{
	background-color: #fbebe0;
	padding:5px;
}

.fd2{
	background-color: #edebe9;
	padding:5px;
}

.cnt{text-align: center;}

.pdlc{
	padding-left: 10px;
	height: 50px;
	width: 210px;}

/* ----------- Fotos -------------*/

.foto_iz {
	padding: 0px;
	margin: 3px 50px 20px 0px;
	border:4px solid #ececec;
}

.foto_iz_sin {
	float: left;
	padding: 0px 5px 5px 0px;
	margin: 0px;
	border:0px;
}

.foto_web{
	padding: 5px;
	margin: 0px;
	border:1px solid #cbcccb;
}


/* ----------------- enlaces ------------*/

a.titu{
	color: #1C8BE9;
	font-size: 12px;
	font-weight: bold;
}

a.titu:hover{
	color: #E0571C;
	font-size: 12px;
	font-weight: bold;
	
}

a.bl{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	background-color: transparent;
	
}

a.bl:hover{
	color: #d32f03;
	font-weight: normal;
	text-decoration: none;
	background-color: #fff;
}


/* ----------- Listas -------------*/

.clientes li{
	width: 100px;
	margin:10px 9px 0px 0px;
	padding:0px 0px 0px 14px;
	float:left;
}

.portafolio li{
	width: 226px;
	margin:10px 10px 0px 0px;
	padding:0px 0px 15px 16px;
	float:left;
}

.web li {
	clear: both;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding: 0px 0px 0px 10px;
	font-weight:normal;
	font-family: trebuchet_ms, arial; 
	font-size: 11px;
	line-height: 18px;
	color:#d32f03;
}

.des li {
	clear: both;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding: 0px 0px 0px 10px;
	font-weight:normal;
	font-family: trebuchet_ms, arial; 
	font-size: 11px;
	line-height: 18px;
	color:#d32f03;
	margin-left: 146px;
}

/* ----------- Lista del menu horizontal -------------*/
#caja_menu_hor ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#caja_menu_hor li {
	float:left;
}

#caja_menu_hor li a{
	font-weight: bold;
	color:#d32f03;
	padding: 0px 10px 0px 10px;
	margin-right: 1px;
	display: block;
	text-decoration:none;
	font-size:12px;
	line-height:260%;
	height:31px;
	width: 110px;
	text-align: center;
	background-image: url("/img/fondo_boton_menu_hor.gif");
	border-left: 1px solid #ffffff;
}	

#caja_menu_hor li a:hover {
    color: #8f4b32;
	text-decoration:none;
	margin-right: 1px;
	background-image: url("/img/fondo_boton_menu_hor2.gif");
	border-left: 1px solid #ffffff;
}

#caja_menu_hor li a.round_izq{
	background-image: url("/img/round_izq.gif");
	background-position: top left;
	background-repeat: no-repeat;
	border-left: 0px;
}

#caja_menu_hor li a.round_izq:hover{
	background-image: url("/img/round_izq2.gif");
	background-position: top left;
	background-repeat: no-repeat;
	border-left: 0px;
}

#caja_menu_hor li.round_der{
	background-image:url('/img/round_der.gif');
	background-position:right top;
	background-repeat: no-repeat;
	width:27px;
	height:31px;
}


#caja_menu_hor2 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#caja_menu_hor2 li {
	float:left;
}

#caja_menu_hor2 li a{
	font-weight: bold;
	color:#d32f03;
	padding: 0px 10px 0px 10px;
	margin-right: 1px;
	display: block;
	text-decoration:none;
	font-size:12px;
	line-height:260%;
	height:31px;
	width: 150px;
	text-align: center;
	background-image: url("/img/fondo_boton_menu_hor.gif");
	border-left: 1px solid #ffffff;
}	

#caja_menu_hor2 li a:hover {
    color: #8f4b32;
	text-decoration:none;
	margin-right: 1px;
	background-image: url("/img/fondo_boton_menu_hor.gif");
	border-left: 1px solid #ffffff;
}

#caja_menu_hor2 li a.round_izq{
	background-image: url("/img/round_izq3.gif");
	background-position: top left;
	background-repeat: no-repeat;
	border-left: 0px;
	width: 150px;
	color: #ffffff;
}

#caja_menu_hor2 li a.round_izq:hover{
	background-image: url("/img/round_izq2.gif");
	background-position: top left;
	background-repeat: no-repeat;
	border-left: 0px;
	color: #E72910;
}

#caja_menu_hor2 li.round_der{
	background-image:url('/img/round_der2.gif');
	background-position:right top;
	background-repeat: no-repeat;
	width:159px;
	height:31px;
}

#caja_menu_hor2 li a.round_der{
	background-image: url("/img/round_der2.gif");
	background-position: top left;
	background-repeat: no-repeat;
	border-left: 0px;
	width: 159px;
	color: #ffffff;
	text-align: left;
	padding-left: 60px;
}

#caja_menu_hor2 li a.round_der:hover{
	background-image: url("/img/round_der2.gif");
	background-position: top left;
	background-repeat: no-repeat;
	border-left: 0px;
	color: #E72910;
}

/* ----------------- lista de las migas ------------------*/
#migas ul{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
	display:inline;
}
#migas li {
	display:inline;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding: 0px 0px 0px 10px;
	font-weight:normal;
	color:#666;
}
#migas li a{
	display:inline;
	text-decoration: none;
	font-weight:normal;
}
#migas a:hover {
	text-decoration: underline;
}

/* ----------------- lista de pie ------------------*/
#texto_pie ul{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
}
#texto_pie li {
	text-decoration: none;
	padding: 0px;
	font-weight:normal;
	color:#fff;
}
#texto_pie li a{
	text-decoration: none;
	font-weight:normal;
}
#texto_pie a:hover {
	text-decoration: underline;
}



/* ---------- lista del menu -------------------- */
.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
}

.menu li {
	width: 187px;
}

.menu li a{
	font-weight: normal;
	color:#3ebade;
	padding: 15px 40px 0px 0px;
	display: block;
	text-decoration:none;
	font-size:18px;
	height:25px;
}	

.menu li a:hover {
    color: #3ebade;
	text-decoration:none;
	background-image: url(/img/fondo_menu.gif);
	background-position: right;
	background-repeat: no-repeat;
}	


/* ---------- paginacion -------------------- */

#paginacion ul li {
      display: inline;
      width:565px;
}

#paginacion ul li {
        display: inline;
        padding: 2px 7px; /*Separar el texto*/
        margin:5px; /* Separar los botones */
        background-color:#feb431; /* Color de fondo */
}
#paginacion ul li:hover {
        background-color:#CCCCCC; /* Color de fondo sobre el boton */
}
#paginacion ul {
        text-align: center;
}