@import "reset.css";


html {
	height: auto;
	margin: 0;
	padding: 0;
}
body {
	width:100%;
	margin: 0;
	padding: 0;
   text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;	
	font-style: normal;
	background-color: #fff;
	}
/*aplicacion*/
#aplicacion {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;/**/
}
/*Cabecera*/
#cabecera {
	/*width:98%;*/
	height: auto;
	background-color: #fff;
	padding: 0;
	margin:0 0 0 2%;
}
#box {
	position:relative;
	height: auto;
	background-color: #fff;
	/*width: 100%;*/
	margin:0;
	padding: 1.4em 0 0 0;
	display: none;
}

/*logotipo*/
#logotipo {
margin: 1.4em 0 1.4em 0;
padding: 0 0 .5em 0;
background-color:#fff;
vertical-align: top;
height: 40px;
border-bottom: .1em dashed #ccc;
}
#volverMenu{
width: 100%;
font-size: 1.5em;
font-weight: bold;
padding-bottom: .5em;
padding-top: .5em;
padding-left: .5em;
margin: 0;
text-align: left;
background-image: url(../images/fondo_barra.gif);
background-repeat: repeat-x;
background-position: top left;
background-color: #ccc;
border-bottom: 1px solid #cbcbcb; 
}

/*#logotipo a {
height: 80px;
display: block;
margin: 0;
padding: 0;
}
#logotipo a:hover {
background-image: url(../images/pantalla_inicial_bg.gif);
background-repeat: no-repeat;
background-position: bottom left;
}*/

/*menu principal margen*/
#menu_princ {
display: none;
}

h1,h2,h3,h4,h5,h6{
font-family: "Georgia","Times New Roman", serif;
}
h1 {
line-height: normal;
background-image:url(../images/h1_ico.gif);
background-repeat:no-repeat;
padding: 0 0 0 1em;
margin: 0 0 1em 0;
font-size: 1.8em;
color: #a336b5;
font-weight: normal;
font-style: normal;	
}
h2 {
line-height: normal;
font-size: 1.8em;
color: #666;
font-weight: normal;
font-style: italic;
}
h3{
line-height: normal;
margin: 0 0 .4em 0;
font-size: 1.6em;
color: #a336b5;
font-style: italic;
font-weight: normal;
}
h4{
margin-top: 1em;
margin-bottom: 1em;
top:0;
font-size: 1.6em;
color: #a336b5;
font-style:italic;
font-weight:normal;	
}
h5{
margin-top: 1em;
margin-bottom: .5em;
padding-left: 1em;
top:0;
background-image:url(../images/h5_ico.gif);
background-position:left;
background-repeat:no-repeat;
font-size: 1.4em;
color: #a336b5;
font-style: italic;
font-weight: normal;
}
h6{
line-height: normal;
font-size: 1.3em;
color: #666;
font-weight: normal;
line-height: 2.5em;
font-style: italic;
}
/*submenu izquierda*/
#submenu{
position:relative;
/*width: 98%;*/ /*width of menu*/
margin:0 0 1em 0;
line-height: normal;
padding: 0;
background-color:#FFF;
white-space: nowrap;
border-bottom: .1em dashed #ccc;
}
#submenu ul{
/*width: 100%;*/
list-style-type: none;
margin: 1em 0 0 0;
padding: 0;
}
#submenu ul li{
display: block;
margin-bottom: 1em;
}
#submenu ul li a {
color: #666;
font-family:"Georgia","Times New Roman",serif;
font-size: 1.4em;
font-style: italic;
padding:.5em .6em .5em .6em;
margin: 0;
text-decoration: none;
}
#submenu ul li a.selected{
color: #a336b5;
background-color: #f7f7f7;
}
#submenu ul li a.selectedn2{
 color: #a336b5;
 background-image:url(../images/ico_n2.gif);
 background-repeat:no-repeat;
 background-position:left;
 margin: 0;
}
#submenu ul li a:hover{
 color: #a336b5;
}
#submenu ul ul{
/*width: 98%;*/
list-style-type: none;
margin: 1em 0 0 0;
padding: 0 0 0 2%;
border-top: .1em dashed #ccc;
}
#submenu ul ul li{
margin-bottom: -.5em;
padding: 0;
}
#submenu ul ul li+li{
display: block;
margin-bottom: .5em;
}
#submenu ul ul li a{
color: #666;
font-family: "Georgia","Times New Roman",serif;
font-size: 1.4em;
font-style: normal;
padding: 0 0 0 .7em;
margin: 0;
height:1.6em;
background-color: transparent;
text-decoration: none;
}
/* Holly Hack for IE \*/
* html #submenu ul li { height: 1%; }
* html #submenu ul li a { height: 1%; }
/* End */
em {
font-style: italic;
}
a {
text-decoration: none;
color: #a336b5;
}
a:hover{
color: #666;
}
p {
font-style: normal;
font-size:1.4em;
padding: 0;
margin:0 .5em 1.5em 0;
text-align: left;
line-height:1.4em;
color:#666666;
}
p a {
text-decoration: none;
color: #666;
}
p a:hover{
color: #a336b5;
}
#contenedor {
/*width: 98%;*/
margin: 0 0 0 2%;
padding: 0;
background-color: #fff;
}
#titular {
/*width: 100%;*/
display: none;
}
#row {
display: table-row;
/*width:100%;*/
margin: 0;
padding: 0;
background-color: transparent;/**/
}
#row2 {
position: relative;
/*width:100%;*/
background-color: transparent;/**/
margin: 0;
padding: 0;
}
#row3 {
position: relative;
/*width: 100%;*/
background-color: #fff;
margin: 0;
padding: 0;
}
#izquierda {
/*width:100%;*/
padding: 0;
margin: 0 0 1.5em 0;
}
#central {
/*position: relative;*/
/*width:100%;*/
height: auto;
padding: 0;
margin: 0;
}
#central img {
display: block;
}
#central a img {
display: inline;
margin-top: -1.5em;
margin-bottom: 2em;
}
#derecha {
/*position: relative;*/
/*width: 100%;*/
height: auto;
padding: 0;
margin: 0;
}
#derecha img {
display: block;
}
#derecha a img {
display: inline;
margin-top: -1.5em;
margin-bottom: 2em;
}      
#central_unica {
/*width: 100%;*/
padding: 0;
margin: 0;
}
#central_unica .image {
/*width: 27.4em;*/
height: 17em;
}
#izquierda_clie {
/*width: 100%;*/
padding: 0;
margin: 0;
}
#izquierda_clie #volver a {
font-family: "Georgia","Times New Roman", serif;
text-decoration: none;
display: block;
margin: 0 0 1em 0;
padding: 0;
font-size: 1.5em;
font-style: normal;
font-weight: normal;
color: #666666; 
}
#izquierda_clie #volver a:hover {
font-family: "Georgia","Times New Roman", serif;
text-decoration: none;
display: block;
margin: 0 0 1em 0;
padding: 0;
font-size: 1.5em;
font-style: normal;
font-weight: normal;
color: #a336b5; 
}
#izquierda_clie a.btn-slide{
display: none;
}
#izquierda_clie #botones_clie{
display: none;
}

#clie {
/*width:100%;*/
background-color: #fff;
margin: 0;
padding: 0;
}
#clie #col1 {
/*width: 98%;*/
margin: 0 0 0 2%;
}
#clie #col2 {
/*width: 98%;*/
margin: 0 0 0 2%;
}
#clie #col3 {
/*width: 98%;*/
margin: 0 0 0 2%;
}
#clie a img {
padding: .5em;
border: #CCC .1em solid;
/*width: 27.6em;*/
height: 15.3em;
margin: 0 0 0 0;
}
#clie iframe {
display: none;
}
ul.listado li{
text-align: left;
font-size: 1.4em;
line-height: normal;
margin: 0 .5em 1em 2em;
padding:0;
list-style-image: url(../images/ico_li.gif);
line-height:normal;
text-decoration:none;
color:#666666;
}
ul.listado_numerico li{
text-align: left;
font-size: 1.4em;
line-height: normal;
list-style: decimal;
list-style-position: inside;	
margin: 0 0 .8em 0;
margin-top: 0;
padding-left: 0;
line-height: normal;
text-decoration: none;
color:#666666;
}
/*GENERALES*/	  
/*box_servicios*/
#box_serv {
max-width: 27em;
height: auto;
padding:.5em .5em 1em .5em;
margin: 2em 0 1em 0;
border: #CCC 1px solid;
}
#box_serv ul.listado li  {
text-align: left;
font-size:1.4em;
line-height: normal;
margin: 0 0 .8em 0;
margin-top: 0;
padding-left: 0;
list-style-image: url(../images/ico_li.gif);
line-height: normal;
list-style-position: inside;
text-decoration: none;
color: #666666;
}
#box_serv .image{
/*width:11em;*/
height:9.5em;
}
#box_serv .titu{
line-height: normal;
font-family: "Georgia","Times New Roman",serif;
background-image:url(../images/h1_ico.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:1.5em;
font-size:2.8em;
color: #a336b5;
font-weight: normal;
font-style: normal;
}
#box_serv .sub {
font-family: "Georgia","Times New Roman",serif;
font-style: italic;
font-size: 1.4em;
color: #666;
margin: 0 0 .5em 0;
padding: 0;
}
#box_serv p {
/*width: 100%;*/
margin:0 0 1.5em 0;
padding: 0;
}
#box_serv .a {
font-family: "Georgia","Times New Roman",serif;
font-style: italic;
font-size: 0.7em;
}
#box_serv .firma{
position: relative;
line-height: normal;
font-style: italic;
font-size: 1.2em;
color: #666;
line-height: 1.7em;
right: 2em;
}
/*Ntooltip Equipo*/
a.Etooltip {
position: relative; 
text-decoration: none !important; 
color:#0080C0 !important; 
font-weight:normal !important;
}
a.Etooltip:hover {
z-index:999; 
background-color: transparent; 
}
a.Etooltip span {
display: none; /* el elemento va a estar oculto */
color: #666;
font-weight: lighter;
font-size:1.8em;
}
a.Etooltip:hover span {
display: block; 
position: absolute; 
top: 8.0em; 
left: 0.2em; 
line-height:normal;
width:auto; 
padding:.5em 1.5em .5em 1.5em; 
background-color: #fff; 
color: #666; 
}
/*Ntooltip Servicios*/
a.Ntooltip {
position: relative; 
text-decoration: none !important; 
color:#0080C0 !important; 
font-weight: normal !important;
}
a.Ntooltip:hover {
z-index:999; 
background-color: transparent; 
}
a.Ntooltip span {
display: none; 
color: #666;
font-weight: lighter;
}
a.Ntooltip:hover span {
display: block; 
position: absolute; 
top: 0.9em; 
left: 0.9em; 
line-height: normal;
width: auto;
padding: 1em; 
background-color: #fff; 
color: #666; 
border-bottom: #ccc .1em solid;
}
.color_corporativo {
color: #a336b5;
}
.apuntes{
font-size: 0.8em;
color: #383838;
}
.cargo {
color: #a336b5;
font-style: italic;
font-size: 1.8em;
line-height: normal;
display: block;
margin: -1em 0 0 0;
padding: 0;
}
.empleo{
color: #666;
font-family:"Georgia","Times New Roman",serif;
font-size: 1.3em;
font-style:italic;
background-image:url(../images/ico_n2.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:1em;
margin-top:1em;
}
.email {
color: #666;
font-style: italic;
line-height: normal;
}
.pdf {
display: none;
}
.pdf:hover {
color: #a336b5;
}
/*.enviar {
color: #666;
font-size: 1.0em;
line-height: normal;
background-color: #FFF;
border: #CCC 1px solid;
margin-left:0;
}
.enviar:hover {
color: #fff;
font-size:1.0em;
line-height: normal;
background-color:#a336b5;
border:#CCC .1em solid;
margin-left: 0;
}*/
.comment{
color: #fff;
/*width: 90%;*/
font-size: 1.0em;
color: #666;
background-color: #fff;
border:.2em solid #ccc;
margin: 0 0 .5em 0;
padding: 0;
}
.text_area{
color: #fff;
/*width: 90%;*/
font-size: 1.0em;
color:#666;
background-color:#fff;
border:.1em solid #ccc;
margin: 0 0 .5em 0;
padding: 0;
}
td {
line-height: normal;
font-size: 1em;
font-size-adjust: none;
font-stretch: normal;
font-variant: normal;
letter-spacing: normal;
text-align: left;
line-height: normal;
color:#666666;
vertical-align: top;
}
.image{
padding: .5em;
margin:0 0 1em 0;
border:#CCC .1em solid;
}
.image_clie {
padding: .5em;
border:#CCC .1em solid;
z-index:1;
width:26.6em;
height:14.3em;
}
.image_biografia {
padding: .5em;
border:#CCC .1em solid;
z-index: 1;
text-align:left;
margin:0 2em 1em 0;
}
.image_ficha {
padding: .5em;
border:#CCC .1em solid;
z-index:1;
width: 86.5em;
height: 32.1em;
}
.ver_todos{
padding-top: .5em;
}
.ver_text{
font-family:"Georgia","Times New Roman", serif;
margin:.7em 1em 1.4em 0;
font-size: 1.4em;
color:#666666;
font-style: italic;
line-height: normal;
}
.closer{
font-family:"Georgia","Times New Roman",serif;
padding: 0;
margin: 0;
font-size: 1.0em;
padding-top: .7em;
color: #666666;
font-style: italic;
line-height: normal;
}
.mapa{
padding: .5em;
margin:0 0 1em 0;
border:#CCC .1em solid;
}
/*efecto panel slide*/
#trabajos {
/*width: 98%;*/
height:auto;
z-index:0;
}
#panel {
/*width: 100%;*/
font-size: 1.4em;
height: auto;
display: none;
background-color: #fff;
padding:1.4em 0 0 0;
margin: 0;
border-top:#CCCCCC 1px dashed;
}
/*columna 2*/
#panel ul {
/*width: 100%;*/
}
#panel ul#col1 {
padding: 0;
margin: 1.4em 0 0 0;
color: #666;
}
/*columna 3*/
#panel ul#col2 {
padding: 0;
margin: 0;
background-color:transparent;
color:#666;
}
/*columna 4*/
#panel ul#col3 {
padding: 0;
margin: 0;
background-color: transparent;
color:#666;
}
#panel ul li {
list-style: none;
border-bottom: #CCCCCC .1em dashed;
color:#666;
font-family:"Georgia","Times New Roman", serif; 
margin:0;
padding:.5em 0 .5em 0;
}
#panel ul li a {
font-family: "Georgia","Times New Roman", serif;
background-image: url(../images/menu_li_ico_panel.gif);
background-repeat: no-repeat;
background-position: left;
color: #666;
padding-left: 1em;
}
#panel ul li a:hover {
color: #a336b5;
}
#panel ul li a.select{
color: #a336b5;
}
.slide {
margin: 0;
padding: 0;
border-top: solid .4em #422410;
background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
margin: 0;
display: block;
font-size:  1em;
color: #666;
background-color: #333333;
text-decoration: none;
}
.btn-slide2 {
margin: 0;
display: block;
font-size:  1em;
color: #666;
background-color: #333333;
text-decoration: none;
}
/*casos*/
#casos {
font-size: 1.4em;
height: auto;
display: none;
background-color: #fff;
margin:0 0 1.4em 1.5em;
}
#casos ul {
/*width: 100%;*/
}
/*columna 2*/
#casos ul#col1{
padding: 0;
margin: 0;
color: #666;
}
/*columna 3*/
#casos ul#col2{
padding: 0;
margin: 0;
color: #666;
}
/*columna 4*/
#casos ul#col3{
padding: 0;
margin: 0;
color: #666;
}
#casos ul li {
list-style: none;
border-bottom:#CCCCCC .1em dashed; 
padding: .5em;  
}
/*efecto panel slide*/
/*ficha_clie*/
#ficha_clie {
/*width: 100%;*/
height: auto;
background-color: #fff;
margin: 0;
padding: 0;
}
/*columna 2*/
#ficha_clie ul#col1 {
/*width: 100%;*/
padding: 0;
margin: 0;
}
/*columna 3*/
#ficha_clie ul#col2 {
/*width: 100%;*/
padding: 0;
margin: 0;
background-color: transparent;
}
/*columna 4*/
#ficha_clie ul#col3 {
/*width: 100%;*/
padding: 0;
margin: 0;
background-color: transparent;
}
#titu {
position: relative;
/*width: 100%;*/ /*width of menu*/
margin: 0;
line-height: normal;
padding: 0;
background-color:#fff;
}
#ficha_clie p {
font-size:1.4em;
/*width:98%;*/
}
/*contenido*/	
#contenido{
top: 0;
right: 0;
text-align: left;
/*width: 100%;*/
height: auto;
background-color: #000;
margin: 0;
padding: 0;
}
/*pie de pagina*/
#pie {
position: relative;
/*width: 100%;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
letter-spacing: 1px;
padding:5.5em 0 0 0;
margin: 0;
text-align: left;
color: #666;
background-color: #fff;
}
#pie a {
display: inline;
color: #666;
}
#pie a:hover {
color: #a336b5;
}
#pie #col1 {
/*width: 98%;*/
margin-left:2%;
/*display: none;*/
}
#pie #col2 {
/*width: 98%;*/
margin: 0 0 0 2%;
padding: .5em 0 0 0;
}
/*mapa web menu*/
#menu_mapa_web{
position:relative;
/*width: 100%;*/ /*width of menu*/
margin: 0;
line-height: normal;
padding: 0;
background-color: #FFFFFF;
}
#menu_mapa_web ul{
/*width: 100%;*/
list-style-type: none;
margin: 0;
padding: 0;
}
#menu_mapa_web ul ul{
padding-left: 10%;
/*width: 90%;*/
display: block;
background-color:#fff;
}
#menu_mapa_web ul ul li a{
font-size: 1.4em;
font-weight: normal;
padding: .2em .2em .2em 1.5em;
}
#menu_mapa_web ul ul li a:hover{
color: #a336b5;
font-size: 1.4em;
padding: .2em .2em .2em 1.5em;
}
#menu_mapa_web ul li a{	
color: #666;
display: block;
font-family: "Georgia","Times New Roman",serif;
font-size: 1.5em;
font-style: italic;
font-weight: bold;
padding: .2em .2em .2em 1.5em;
text-decoration: none;
border-bottom: 1px dashed #ccc;
}
#menu_mapa_web ul li a:hover{	
color: #a336b5;
display: block;
font-family: "Georgia","Times New Roman",serif;
font-size: 1.5em;
font-style: italic;
padding:.2em .2em .2em 1.5em;
text-decoration: none;
border-bottom: .1em dashed #ccc;
}
#menu_mapa_web ul li a.selected{
color: #a336b5;
background-color:#f7f7f7;
}
#menu_mapa_web ul li a.selectedn2{
color: #a336b5;
background-image: url(../images/ico_n2.gif);
background-repeat: no-repeat;
background-position: left;
}