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

*, html {margin:0; padding:0 }
body {font-size: 13px; font-family:Helvetica, Arial, sans-serif; line-height: 130%}
p {margin:0; padding:0 }

img {border:none }
/*****ASSETS******/

.clear { clear: both; font-size: 0%; line-height: 0%; height: 0 }
.izq {float: left }
.der {float: right }
.oH {overflow: hidden }
.dsB {display: block }
.clB {clear: both }

.pdT25 {padding-top:25px }
.pdB25 {padding-bottom:25px }

.relative {position: relative }

.w255 {width: 255px }
.w311 {width:311px }
.w315 {width:315px }
.w345 {width: 345px }
.w292 {width: 292px }
.w285 {width: 285px }
.w444 {width:444px }
.w490 {width:490px }
.w608 {width:608px }
.w620 {width:620px }

.90 {font-size:80% !important }

sup {font-weight: normal !important; font-size:10px !important }

.mgR12 {margin-right:11px }
.mgT10 {padding-top:10px }

/*****ESTRUCTURA*****/

#cabecera {width: 960px; height: 98px; margin: 0 auto; position: relative; clear: both }
#logo {position: absolute; top:6px; left:0 }
#direccion {
-moz-box-shadow: 1px 1px 4px #333;
-webkit-box-shadow: 1px 1px 4px#333;
box-shadow: 1px 1px 4px #333;
width: 230px; float: right; position: absolute; top: 8px; right:0; background-color:#a2a2a2; color: white; font-size: 12px; padding: 5px 15px }
#direccion .tel {font-size:16px; padding:1px 0 1px 22px; background: url(images/icoTel.gif) no-repeat center left }
#direccion a:link, #direccion a:visited {color: white; text-decoration:none }
#direccion a:hover {text-decoration: underline }


#menuBarWrap {width: 100%; background: #f4f4f4; padding: 5px 0 0 0; clear: both; display: block; height: 22px}
	#menuBar {width: 960px; margin: 0 auto; font-size: 12px; clear: both; text-align: right}
		#menuBar ul {text-align: right; float: right }
		#menuBar li {display: inline; list-style:none }
			#menuBar li a:link, #menuBar li a:visited {color: #555; text-decoration:none; display: block; float: left; padding: 0 0 0 20px}
#menuWrap {width: 100%; background: url(images/fdMenu.gif) repeat-x; clear: both  }
	#menuMain {width: 960px; margin: 0 auto; height: 33px; font-size:12px }
		#menuMain li {display: inline; color: white }
			#menuMain li a:link, #menuMain li a:visited {color: white; display: block; float: left; height: 33px; line-height: 33px; text-transform:uppercase; text-decoration: none; padding: 0 12px; background: url(images/fdItem.gif) no-repeat center right }
			#menuMain li a:hover, #menuMain li a.activo {background: url(images/fdItemHover.gif) center right }
			

#slide {display: block; clear: both; height:263px}
			
#cuerpo1 {width: 960px; overflow: hidden; margin: 0 auto; overflow: hidden }

#cuerpo2Wrap {width:100%; padding: 15px 0 0; background: #f4f4f4; margin-bottom: 25px }
#cuerpo2 {width: 960px; margin: 0 auto; overflow: hidden }

#pieWrap {clear: both; color: white; padding: 15px 0 40px 0; width: 100%; background-color: #253d6b}
	#pie {color: white; width:960px; margin: 0 auto; font-size: 11px; text-align:center}
	#pie a:link, #pie a:visited {color: white; text-decoration:none }
	#pie a:hover {text-decoration: underline }
	


/******MODULOS*********/

.modulo {height: 145px; width: 311px; border: 1px solid #8996af; position: relative; overflow: hidden; margin-bottom: 11px; 
-moz-box-shadow: 1px 1px 8px #BBB;
-webkit-box-shadow: 1px 1px 8px#BBB;
box-shadow: 1px 1px 8px #BBB; 
background: url(images/icoMas.gif) no-repeat bottom right
}
.modulo:hover {background: url(images/icoMasHover.gif) no-repeat bottom right
 }
.moduloTxt {width: 205px; position: absolute; right: 0; top: 2px; z-index:99 }
.moduloTxt h2 {color:#253d6b; text-transform: uppercase; text-align: left; border-bottom: 1px solid #253d6b; margin: 5px 0 3px 0; padding-bottom: 3px; font-size: 16px}
.moduloTxt p {padding-right: 6px; line-height: 120% }
a:link .moduloTxt, a:visited .moduloTxt,
.moduloTxt a {text-decoration: none; color: #666 !important }
.moduloTxt h2 a {color:#253d6b !important}
/**modulo tipo 2 **/

.modulo2 {height: 145px; width: 311px; border: 1px solid #8996af; position: relative; overflow: hidden; margin-bottom: 11px; 
-moz-box-shadow: 1px 1px 8px #BBB;
-webkit-box-shadow: 1px 1px 8px#BBB;
box-shadow: 1px 1px 8px #BBB; 
}
.modMas {width: 25px; height: 26px; position: absolute; bottom:0; right:0;
background: url(images/icoMas.gif) no-repeat bottom right; z-index:999
 }
.modulo2:hover .modMas {background: url(images/icoMasHover.gif) no-repeat bottom right
 }
.modulo2 .moduloTxt {width: 300px; position: absolute; right: 0; top: 5px; z-index:99 }
.modulo2 .moduloTxt h2 {color:#253d6b; text-transform: uppercase; text-align: center; border-bottom: 1px solid #253d6b; margin: 0 0 2px 0 !important; padding-bottom: 4px !important; font-size:18px !important}
.modulo2 .moduloTxt p.tit {color:#253d6b; text-align:center; font-size: 14px; margin:0 }
.modulo2 a:link .moduloTxt, .modulo2 a:visited .moduloTxt {text-decoration: none; color: #666 !important }

.modulo2 p.desc {color: white; position: absolute; left: 8px; top: 55px; width: 200px }

.modulo2 .moduloImg {position: absolute; bottom:0; right:0 }


#cuerpo2 .modulo {height: 108px; border:none; width: 313px;
-moz-box-shadow: 2px 2px 5px #DDD;
-webkit-box-shadow: 2px 2px 5px#DDD;
box-shadow: 2px 2px 5px #DDD; 
 }
#cuerpo2 .moduloTxt {float: left; width: 300px !important}
#cuerpo2 .moduloTxt p {margin-right: 15px }
#cuerpo2 .modulo2 {height: 108px }
#cuerpo2 .modulo2 img {height: 54px }

/********EQUIPO*********/

/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 634px;
    height:268px;
	padding-top:29px;

    /* custom decorations */
    background: url(images/scrollableBar.gif) white repeat-x;
}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
color: #666
}

.items div {
    float:left;
    width:634px;
	background-color: white;
	overflow: hidden
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:0;
    background-color:#fff;
    padding:0;
	width:309px;
	height:238px;
}

/* active item */
.scrollable .active {
    position:relative;
    cursor:default;
}
.scrollable p {margin: 5px 10px 5px 0 }
.scrollable li {list-style: none; padding: 0 10px !important; margin: 0 0 5px 0; background: url(images/bulletMini.gif) no-repeat 0 4px }
.scrollable img {border:none }
.scrollable a:link, .scrollable a:visited {font-weight: bold; text-decoration:none; color: #333 }

.textoCarrusel {width: 290px !important; float: left; margin: 10px 0 0 18px }


/*NAVEGACION*/
/* this makes it possible to add next button beside scrollable */

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(images/hori_large.png) no-repeat;
    display:block;
    width:13px;
    height:29px;
    float:left;
    margin:0;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right { position: absolute; right:5px; top:0; z-index: 9999999; background-position: -13px 0; clear:right; margin-right: 0px;}
/*a.right:hover { background-position:-13px -29px; }*/


/* left */
a.left { position: absolute; left:5px; top:0; z-index: 99999999}
/*
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }*/


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}
#titEquipo {position: absolute; top:6px; left: 270px; z-index:9999999999; color: white; text-transform:uppercase; font-size:16px }

.imagenEquipoHome {width:309px !important; height:238px !important; float: left !important; position: relative }
.doctorSolapado {position: absolute; bottom:0; left:0; height: 30px; line-height: 30px; width: 309px !important; background: url(images/trans.png) repeat transparent !important; background-color: transparent !important; text-align:center; font-weight: bold; font-size:13px }



/************subhome***************/

h2.titSubhome {color:#253d6b; text-transform:uppercase; padding-bottom: 3px; border-bottom: 1px solid #253d6b; margin:25px 0 10px 0 }

/*******ficha*****/

#cuerpo1 .set {margin-top: 18px }
#cuerpo1 .single {float: left; padding: 5px; margin: 7px;
-moz-box-shadow: 1px 1px 8px #CCC;
-webkit-box-shadow: 1px 1px 8px#CCC;
box-shadow: 1px 1px 8px #CCC;
 } 
#cuerpo1 .single:hover {background-color:#ccc; }

/********equipo*******/
.fotoEquipo img {padding: 10px; background-color:#eee; 
-moz-box-shadow: 5px 5px 12px #CCC;
-webkit-box-shadow: 5px 5px 12px#CCC;
box-shadow: 5px 5px 12px #CCC; MARGIN-LEFT: 5PX }

#cuerpo2 .single {float: left; padding: 5px; margin: 0 14px 13px 13px;
-moz-box-shadow: 1px 1px 8px #CCC;
-webkit-box-shadow: 1px 1px 8px#CCC;
box-shadow: 1px 1px 8px #CCC;
text-align:center
 }
#cuerpo2 .single a img {clear: both; display: block; margin-bottom: 4px }
#cuerpo2 .single:hover {background-color:#ccc; }
#cuerpo2 .single a:link,
#cuerpo2 .single a:visited {text-decoration:none; color:#253d6b; text-transform: uppercase }



/************Formularios**************/

form label {float: left; width: 190px; clear: left }
.formInput {border: 1px solid #999; padding: 3px; width: 410px; float: right}
select {border: 1px solid #999; width: 205px; padding: 3px; float: right}
form p {margin:5px 0; clear: both; display:block; float: left }
textarea {width:608px; border: 1px solid #999; clear: both }
input.enviar {border: none; padding: 4px 20px; background-color:#253d6b; float: right; color: white; font-weight: bold; font-size: 13px }


/************Donde***************/

p.titDonde {color:#253d6b; font-size: 110%; }
div.destacado {background-color: #f4f4f4; padding: 10px; margin-top: 20px }
p.subtitDonde {margin-top: 15px }


/************Acordeones*************/

.ampliarConten {
border-top: none !important;
margin: 0 !important;
background-color: white;
padding: 3px 0 !important;
color: #253d6b !important; 
font-size: 14px;
font-weight: bold;
text-transform: uppercase
}

.ampliarConten:hover,
.ampliarConten2:hover  {
cursor: pointer !important
}
.contenAmpliado p, .contenAmpliado div {
background-color: white;
}
.contenAmpliado p {margin: 5px 0 10px 0 }
.contenAmpliado .set {margin-top:0 !important; }
.contenAmpliado { }