@charset "utf-8";
/* CSS Document */

body{
	background:#FFF;
	font-size:12px;
	font-family:Arial;
	}
img{
	border:none;
	}


/*divs centrales*/
.div_central{
	text-align:center;
	margin:0 auto 0 auto;
	width:1280px;
	height:600px;
	}

.div_cabecera{
	text-align:center;
	margin:0 auto 0 auto;
	width:990px;
	height:123px;
	border-bottom:solid 7px #ffc200;
}
.div_logo{
	float:left;
	width:206px;
	height:81px;
	margin:20px 0 0 0;
	
}
.div_menu{
	float:left;
	height:81px;
	width:780px;
	margin:20px 0 0 0;
	font-size:9px;
	font-weight:bold;
}
/*****************************************/
.mi-menu  {
    
    list-style-type: none;
    margin: 30px auto; /* si queremos centrarlo */
    padding: 0;
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
    width: 750px;
    
  }

  /* cada item del menu */
  .mi-menu  li {
	  border-radius: 5px;
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 25px;
	width:145px;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
	
	/*para ie*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fedca9', endColorstr='#faa31a');
	/* */
	/* el color de fondo */
    background: #555;
    background: -moz-linear-gradient(#fedca9,#faa31a);
    background: -webkit-linear-gradient(#fedca9,#faa31a);
    background: -o-linear-gradient(#fedca9,#faa31a);
    background: -ms-linear-gradient(#fedca9,#faa31a);
    background: linear-gradient(#fedca9,#faa31a);
  }
  .mi-menu li a {
    
    color: #514f51;
    display: block;
    font-family: Arial;
    font-size: 9px;
    font-weight: bold;
    line-height: 12px;
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color: Crimson; }

  /* los submenús */
  .mi-menu ul {
    border-radius:5px;
    left: -40px;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 28px; /* se ubican debajo del enlace principal */
   
   
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .mi-menu li:hover > ul li {
    height: 20px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
  
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 20px 0 12px;
    width: 120px;
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }
  /*********************/
  
  .div-contenido{
	  width:730px;
	  height:470px;
	  float:left;
  }
   .div-info{
	  width:250px;
	  height:470px;
	  float:left;
  }
  .div-info1{
	  margin:5px;
	  padding:10px 5px 0 10px;
	  background:#f9f9f5;
	  width:240px;
	  height:460px;
	  color:#646263;
	  font-size:10px;	
	  text-align:left; 
  }
  .div-info1 span{
	  font-size:12px;
	  color:#fa9d0c;
	  font-weight:bold;
  }
  .div-cont-central{
	  width:990px;
	  height:480px;
	  margin:0 auto;
  }
  
 /**************para el scroll to***/
 #wrapper {
	width:700px;
	height:240px;
	position:absolute;
	top:2px;
	left:2px;
	background-color:#fff;
	overflow:hidden;
}
 
    #mask {
        width:400%;
        height:100%;
 
        background-color:#fff;
    }
 
    .item {
        width:25%;
        height:100%;
        float:left;
        background-color:#fff;
    }
     
     
    .content {
        width:720px;
        height:460px;
        top:0;
        margin:0 auto;
        background-color:#eee;
        position:relative;
    }
     
    .selected {
        background:#fff;
        font-weight:700;
    }
 
    .clear {
        clear:both;
    }
	/******************************** fin css**/
	
/**estilos del contenido del iframe link 1***/
.div_banner{
	width:700px;
	height:230px;
	float:left;
	position:relative;
}
.div_tituloamarillo{
	color:#ffc200;
	font:Verdana;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
}
.div_izqder{
	margin:0 20px 0 0;
	width:320px;
	height:230px;
	float:left;
	font:Verdana;
	color:#727072;
	font-size:11px;
	text-align:justify;
}
.div_izqder strong{
	font-size:14px;
	color:#514f51;
}

.div_flecha{
	float:left;
	height:150px;
	width:20px;
}
/**************/
/****CARTILLAS**/
.div_cont_cart{
	width:700px;
	height:440px;
}
.div_cont_cart2{
	width:660px;
	height:380px;
}
.div_cart_menu{
	text-align:center;
	width:690px;
	height:80px;
	color:#666;
	
}
.div_cart_iframe{
	width:690px;
	height:360px;
}
.div_cart_menu a{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	font-size:9px;
	margin:0 5px 0 5px;
	}
.div_cart_menu a:hover{
	color: #F30;
}
.div_cart_menu a:active{
	color:#FC0;
}
.div_cart_menu ul li{
	float:left;
	background-color: #FC6;
	border:solid 1px #F60;
	list-style:none;
	width:auto;
	height:18px;
	margin:0 10px 5px 0;
}
.div_cont_cartint{
	width:660px;
	height:345px;
}
.div_cartint_izq{
	float:left;
	width:180px;
	height:345px;
}
.div_cartint_izq img{
	margin:60px 0 0 0;
}
.div_cartint_der{
	float:left;
	width:480px;
	height:345px;
	font-size:11px;
	color:#666;
}
.div_cartint_der strong{
	color:#333;
}
/****FIN CARTILLAS*/
/****NOTICIAS*/
.div_cont_NOT{
	width:690px;
	height:440px;
}
.div_NOT_menu{
	text-align:center;
	width:690px;
	height:20px;
	color:#666;
	font-size:14px
}
.div_NOT_iframe{
	width:690px;
	height:380px;
}
/****************/
/***equipo medico******/
.div_equip_menu{
	float:left;
	width:150px;
	height:380px;
}
.div_equip_iframe{
	float:left;
	width:530px;
	height:380px;
}
/******/
/*****************BOTNOES DE EQUIPO***********************/
.mi-menu2  {
    
    list-style-type: none;
    margin: 30px auto; /* si queremos centrarlo */
    padding: 0;
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
    width: 250px;
    
  }

  /* cada item del menu */
  .mi-menu2  li {
	  border-radius: 5px;
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 25px;
	width:145px;
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
    position: relative;
	
	/*para ie*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7ead5', endColorstr='#ebc688');
	/* */
	/* el color de fondo */
    background: #555;
    background: -moz-linear-gradient(#f7ead5,#ebc688);
    background: -webkit-linear-gradient(#f7ead5,#ebc688);
    background: -o-linear-gradient(#f7ead5,#ebc688);
    background: -ms-linear-gradient(#f7ead5,#ebc688);
    background: linear-gradient(#f7ead5,#ebc688);
  }
  .mi-menu2 li a {
    
    color: #514f51;
    display: block;
    font-family: Arial;
    font-size: 8px;
    font-weight: bold;
    line-height: 12px;
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu2 li:first-child a { border-left: none; }
  .mi-menu2 li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu2 li:hover > a { color: Crimson; }

  /* los submenús */
  .mi-menu2 ul {
    border-radius:5px;
    left: -40px;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 28px; /* se ubican debajo del enlace principal */
   
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu2 li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu2 ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .mi-menu2 li:hover > ul li {
    height: 20px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu2 ul li a {
    border: none;
  
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 20px 0 15px;
    width: 110px;
  }
  /* el último n otiene un borde */
  .mi-menu2 ul li:last-child a { border: none; }
 
 /******************************************/
 /********CURRICULUM********/
 .div_curr_cont{
	 width:500px;
	 height:380px;
 }
 .div_infocurr{
	 float:left;
	 width:500px;
	 height:100px;
	 background-color:#f8f7f3;
	 color:#333;
	 font-size:12px;
 }
 .div_foto{
	 float:left;
	 width:80px;
	 height:80px;
	 margin:10px;
 }
 .infodoc{
	 float:left;
	 width:300px;
	 height:80px;
	 margin:10px 0;
	 font-weight:bold;
	 color:#666;
 }
  .infodoc a{
	  color: #F00;
	 text-decoration:none;
  }
 .div_curri{
	 float:left;
	 width:500px;
	 font:Verdana;
 }
 
 /*************************/