/* Documento css registrado por FLEXO estudio digital */

/* ------------------------------------- General -----------------------------------*/

body {
	margin: 0px;
	padding:0px;
	font-family: Arial, sans-serif;
	font-size: 70%;
	color:#716b66;
	background-color: #f0efec;
	background-image:url(/img/fondo.gif);
	background-repeat:repeat-x;
	border-top: 5px solid #716b66;
	}

img{border:0px;}

acronym {cursor: help; text-decoration:underline;}

/* ----------------- Tablas ------------*/
table{
	margin: 0px 0px 10px 0px;
	}

th{
	background-color:#89837c;
	color:#FFFFFF;
	text-align:center;
	padding:3px;
}

td{
	background-color:#e4e1d6;
	text-align:center;
	padding:3px;
}

td a{ color:#333333;}


/* ----------------- Enlaces ------------*/
a {
	color: #c96036;
	text-decoration: none;
}

a:hover{
	color:#c96036;	
}

/* ----------- Encabezados y parrafo -------------*/
h1 {
	display:none;
	}

h2 {
	padding:0px 0px 0px 0px;
	margin:30px 0px 20px 20px;
	font-size:120%;
	clear:both;
	}
	
h3 {
	color:#716b66;
	font-size:100%;
	padding:3px 5px 3px 0px;
	margin:10px 0px 5px 0px;
	clear:both;
}

h4 {
	color:#333333;
	font-size:100%;
	padding:3px 5px 3px 0px;
	margin:10px 0px 5px 0px;
	clear:both;

}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:100%;
	padding:0px;
	margin:15px 0px 5px 0px;
	clear:both;
}



p	{
	margin:0px 0px 10px 0px;
	padding:0px;
	}


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

form{
	margin:0px;
	padding:0px;
}
label{
	margin:10px 0px 10px 0px;
	padding:2px;
}
input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #d8d5cf;
	padding: 2px 5px;
	margin:0px 10px 0px 0px;
	background-color: #ffffff;
	color: #716b66;
	}
select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #d8d5cf;
	padding:1px 1px;
	margin:0px 0px 0px 0px;
	background-color: #ffffff;
	color: #716b66;
	}
textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #d8d5cf;
	padding-left:3px;
	margin:0px 0px 10px 0px;
	background-color: #ffffff;
	color: #716b66;
	}

.boton{margin:0px 0px; background-color: #e3dfda; color:#62584f;}
	
.noborder{border:none;}
	
/* ------------------------------------- Capas principales -----------------------------------*/


	
#cabecera{
	padding:0px;
	margin:0px auto;
	width:800px;
	height:200px;
}

#logo{
	float:left;
	width:375px;
	padding:0px;
	margin: 0px;
	text-align:center;
}

#menu{
	float:right;
	padding:0px;
	width:300px;
	margin:80px 0px 0px 0px;
	text-align:center;
}

#sub_servicios{
	clear:both;
	float:left;
	background-image:url(/img/submenu_llave.gif);
	background-repeat:no-repeat;
	background-position:top center;
	width:220px;
	height:20px;
	padding:25px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	text-align:center;
}

#carrusel{
	width:800px;
	margin:0px auto;
	padding:25px 0px;
}

#contenedor{
	width:750px;
	margin: 20px auto 00px auto;
	padding:25px;
	background-image:url(/img/linea_up.gif);
	background-repeat:no-repeat;
}

.servicios{
	float:left;
	margin:10px 30px 20px 30px;
	padding:0px;
	width: 300px;
}

.portfolio{
	float:left;
	margin:10px 0px;
	padding:0px 25px;
	width: 200px;
}

#clientes{
	clear:both;
	background-color: #cec7bf;
	background-image:url(/img/tt_clientes.gif);
	background-position:10px center;
	background-repeat:no-repeat;
	padding:10px;
	margin: 20px auto 0px auto;
	width:620px;
	text-align:right;
}
#clientes_ref{
	clear:both;
	background-image: url(/img/ref_clientes.gif);
	background-position: center;
	background-repeat:no-repeat;
	height:43px;
	padding:0px;
	margin: 0px auto;
	width:640px;
}


#pie{
	clear:both;
	background-image:url(/img/linea_down.gif);
	background-repeat:no-repeat;
	padding:30px 0px;
	margin: 0px auto;
	width:800px;
	text-align:center;
}

/* -------------------------------------clases -----------------------------------*/



.fotoparrafode {
	float: right;
	padding: 1px;
	margin: 5px 0px 10px 20px;
}

.fotoparrafoiz {
	float: left;
	padding: 1px;
	margin: 5px 20px 10px 0px;
}
.fotomarco {
	padding: 1px;
	margin: 5px 5px 0px 0px;
	border: 2px solid #d8d5cf;
}

.fotoparrafomarcode {
	float: right;
	padding: 1px;
	margin: 5px 5px 0px 0px;
	border:3px solid #d8d5cf;
}

.fotoparrafomarcoiz {
	float: left;
	padding: 1px;
	margin: 0px 15px 10px 0px;
	border:3px solid #d8d5cf;
}

.banner_portfolio{
	clear: both;
	display:block;
	height:40px;
	padding:0px;
	margin:0px;
	background-image: url(/img/bt_portfolio.gif);
	background-position:center;
	background-repeat:no-repeat;
}
.banner_portfolio:hover{
	clear: both;
	display:block;
	height:40px;
	padding:0px;
	margin:0px;
	background-image: url(/img/bt_portfolio_over.gif);
	background-position:center;
	background-repeat:no-repeat;
}

.recuadro{
	padding:10px 20px 10px 10px;
	margin:10px 0px;
	background-color: #e4e1d6;
}


.separador {
	clear:both;
	margin:0px;
	padding:0px;
}

.mini{font-size:90%; color:#999999;}
.fecha{font-size:90%; color:#999999;}
.oculto{display:none;}
.tecla {text-decoration: underline;} 
.noborder{border: none;}

.volver{
	font-size:90%;
	border-top:1px solid #dddddd;
	margin:10px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	}
	
.subir{
	clear:both;
	font-size:90%;
	text-align:right;
	background-image:url(/img/ico_subir.gif);
	background-repeat:no-repeat;
	background-position: right;
	margin:15px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}
.cerrar{
	font-size:90%;
	margin:10px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:right;
	}
	

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

/* ----------------- general ------------*/
ul{
	margin:0px;
	padding:0px;
}
li{
	list-style-type:none;
	margin:0px;
	padding:0px;
	line-height:120%;
}


/* ---------- lista del menu -------------------- */

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

#menu li {
	display: inline;
	padding: 0px 8px;
	margin: 0px;
	font-weight:bold;
	float:left;
}

#menu li a{
	padding:0px 0px;
	color:#716b66;
	height:15px;
	background-repeat:no-repeat;
	background-position:center;
}	

#menu li a:hover{
	color: #c96036;
	text-decoration:none;
	}


.bt_menu_flexo{background-image:url(/img/bt_menu_flexo.png);	width:40px;}
.bt_menu_flexo:hover{background-image:url(/img/bt_menu_flexo_over.png);}

.bt_menu_servicios{background-image:url(/img/bt_menu_servicios.png);height:15px; float:left;	background-repeat:no-repeat; background-position:center; width:60px;}
.bt_menu_servicios2:hover{background-image:url(/img/bt_menu_servicios_over.png);}

.bt_menu_portfolio{background-image:url(/img/bt_menu_portfolio.png);	width:70px;}
.bt_menu_portfolio:hover{background-image:url(/img/bt_menu_portfolio_over.png);}

.bt_menu_contacto{	background-image:url(/img/bt_menu_contacto.png);	width:70px;}
.bt_menu_contacto:hover{background-image:url(/img/bt_menu_contacto_over.png);}



/* ---------- lista del submenu -------------------- */

#sub_servicios li a{
	float:left;
	padding:0px 0px;
	color:#716b66;
	font-weight:lighter;
}	

#sub_servicios li a:hover{
	color: #c96036;
	text-decoration:none;
	}
	
	
/* ----------------- listado ------------*/
.listado ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listado li {
	margin: 0px 0px 0px 2px;
	padding: 3px 0px 3px 15px;
	text-decoration: none;	
	border-bottom:1px solid #e4e1d6;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px 8px;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}

/* ----------------- listado portfolio ------------*/
.portfolio ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.portfolio li {
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 5px;
	text-decoration: none;	
	border-bottom:1px solid #e4e1d6;
}
.portfolio li a{
	display:inline;
	padding:0px;
	margin:0px;
	text-decoration: none;
	color:#716b66;
}
.portfolio a:hover {
	color: #c96036;
	text-decoration: none;
}

/* ----------------- clases para logos de pie ----------------*/

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

#pie li {
	float: none;
	display: inline;
	padding: 0px 5px 0px 0px;
	margin: 0px;
}

#pie li a{
	margin:0px;
	color: #716b66;
	padding:0px 0px 0px 10px;
	border-left:1px solid #cec7bf;
}	
#pie li a:hover{
	color: #c96036;
}

/* ----------------- clases para titulos de seccion ----------------*/

.tt_flexo{
background-image:url(/img/tt_flexo.gif);
background-repeat:no-repeat;
height:25px;
}

.tt_serv_web{
background-image:url(/img/tt_serv_web.gif);
background-repeat:no-repeat;
height:25px;
}
.tt_serv_grafico{
background-image:url(/img/tt_serv_grafico.gif);
background-repeat:no-repeat;
height:25px;
}
.tt_serv_multimedia{
background-image:url(/img/tt_serv_multimedia.gif);
background-repeat:no-repeat;
height:25px;
}
.tt_serv_sms{
background-image:url(/img/tt_serv_sms.gif);
background-repeat:no-repeat;
height:25px;
}

.tt_port_web{
background-image:url(/img/tt_port_websites.gif);
background-repeat:no-repeat;
height:25px;
}
.tt_port_grafico{
background-image:url(/img/tt_port_grafico.gif);
background-repeat:no-repeat;
height:25px;
}
.tt_port_multimedia{
background-image:url(/img/tt_port_multimedia.gif);
background-repeat:no-repeat;
height:25px;
}

.tt_contacto{
background-image:url(/img/tt_contacto.gif);
background-repeat:no-repeat;
height:25px;
}

.tt_accesibilidad{
background-image:url(/img/tt_accesibilidad.gif);
background-repeat:no-repeat;
height:25px;
}

.tt_legal{
background-image:url(/img/tt_legal.gif);
background-repeat:no-repeat;
height:25px;
}