/*------------- RESET -------------*/

html, body, div, span, applet, object, iframe, caption,
del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: #666;
    font: 10px Verdana, Arial, sans-serif;
}
ol, ul {
    list-style: none;
}
caption, th, td {
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a {
    color: #127a97;
}
a:hover, a:active {
    text-decoration: none;
    color: #127a97;
}
a:visited {
	color: #127a97;
}

/*------------- FUERA DEL RESET -------------*/

/* strong
/* text-align: left;
/* table 
/* tbody, tfoot, thead, tr, th, td
/* border-collapse: separate;
/* border-spacing: 0;
/* a

/*------------- ESTRUCTURA PAGINA -------------*/

#contenedor {
	background: #fff;
 	margin: 0 auto;
	padding: 50px 0 0 0;
	width: 772px;
	text-align: left;
}

#cabecera {
	background: url('../img/fondo_cabecera_s_logo.gif') no-repeat top center transparent;
	margin: 0;
	padding: 0;
	width: 772px;
	height: 18px;
}

#cuerpo {
	width: 772px;
	height: 448px;
	background: url('../img/fondo_centro.gif') repeat-y top center transparent;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#pie {
	background: url('../img/fondo_pie.gif') no-repeat top center transparent;
	width: 772px;
	height: 18px;
	margin: 0;
	padding: 0;
}

#logo {
	float: left;
	width: 160px;
	height: 448px;
	overflow: hidden;
	background: url('../img/portada_cr_v3.gif') no-repeat top left transparent;
	margin: 0;
	padding: 0;
}

#cajamenuacordeon {
	float: left;
	width: 620px;
	height: 448px;
	overflow: hidden;
	background: transparent;
	margin: 0;
	padding: 0;
}

#contenido {
	width: 734px;
	height: 448px;
	background: transparent;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}

#creditos {
	background: transparent;
	width: 772px;
	height: 30px;
	margin: 0;
	padding: 0;
}

/*------------- ACORDEON -------------*/

.accordionWrapper{
	display:inline-block;
	background-color:#f9f9f9;
	overflow:hidden;
}
.accordionWrapper img{
	vertical-align:top;
	border:0;
	margin:0;
	padding:0
}
.accordionWrapper div{
	display:inline;
	float:left;
	margin:auto;
}
.accordionWrapper div.title{
	cursor:pointer;
}
.accordionWrapper div.content{
	display:none;
}

#acordeonhor {
	margin: 0;
	padding: 0;
}

#acordeonhor .titulo {
	width: 25px;
	height: 448px;
	background: #00a2c8;
	float: left;
}

#acordeonhor .contenido{
	float:left;
	width:448px;
	height:448px;
	background:url('../img/bkg_content.gif') repeat-y top left transparent;
}

.titulo {
	cursor: pointer;
}

.nofloat{
	clear:left;
}

.foto {
	background-color: #fff;
	padding: 2px;
	border: 1px solid #dadada;
}

.txt_content {
	width:428px;
	height:150px;
	background: transparent;
	overflow: hidden;
	padding: 5px 10px 5px 10px;
}

.img_pres {
	width:448px;
	height:285px;
	background:url('../img/fotos/cabpres2.jpg') no-repeat top left transparent;
}

.img_syt {
	width:448px;
	height:285px;
	background:url('../img/fotos/cabsyt2.jpg') no-repeat top left transparent;
}

.img_inst {
	width:448px;
	height:285px;
	background:url('../img/fotos/cabinst2.jpg') no-repeat top left transparent;
}

.img_prof {
	width:448px;
	height:155px;
	background:url('../img/fotos/cabprof2.jpg') no-repeat top left transparent;
}
.img_cont {
	width:448px;
	height:285px;
	background:url('../img/fotos/cabcont2.jpg') no-repeat top left transparent;
}

/* ------------- Tooltip  ------------- */

.hotspot {
	cursor:pointer;
}

#tt {
	position:absolute;
	display:block;
	background:url('../img/tt_left_verde.gif') top left no-repeat;
	font: 10px Arial, sans-serif;
}

#tttop {
	display:block;
	height:5px;
	margin-left:5px;
	background:url('../img/tt_top_verde.gif') top right no-repeat;
	overflow:hidden;
}

#ttcont {
	display:block;
	padding:2px 12px 3px 7px;
	margin-left:5px;
	background:#8ecee2;
	color:#333;
}

#ttbot {
	display:block;
	height:5px;
	margin-left:5px;
	background:url('../img/tt_bottom_verde.gif') top right no-repeat;
	overflow:hidden;
}