@charset "UTF-8";
/* CSS Document */
* {
margin: 0px;
padding: 0px;
}

html {
height:101%;
}

body {
font-family:Helvetica, Arial, sans-serif;
font-size: 0.7em;
position: relative;
}

/* My Comment */

h1 {
font-size: 1em;
}

#envoltorio {
width:689px;
margin: auto;
position: relative;
}

#cabecera {
position:relative;
background: url(images/pie2.gif) no-repeat;
background-position: bottom;
width:689px;
height:102px;
}

#cabecera a {
	color: black;
	float: right;
	display: block;
	padding: 5px;
	margin-top: 0px;
	text-decoration: none;
	font-size: 0.8em;
	text-align: right;
	position: absolute;
	top: 55px;
	right: 0px;
}

#cabecera a:hover {
background-color: #77E3EF;
}


/*----------------------    navegacion --------------------------------*/

#navegacion {
	margin: 0px;
	margin-top: 8px;
	float:left;
}


.glossymenu{
margin: 5px 0;
padding: 0;
width: 93px; /*width of menu*/
border-bottom: 1px solid #000;
color:black;
}

.glossymenu a{
color: black;
}

.seccion {
	margin: 0px;
	padding: 10px;
	padding: 0px;
	border-top: 1px solid black;
	width: 93px;
}

.current{ /*DIV that contains each sub menu*/
background-color: #77E3EF;
}

.glossymenu a.menuitem{
	background: #fff;
	font: bold 0.9em Arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	padding:0px 0px;
	padding-left: 5px;
	text-decoration: none;
	margin: 4px 0px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #000000;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
	background-color: #77E3EF;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu .current{ /*DIV that contains each sub menu*/
background-color: #77E3EF;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding: 0px 0px 4px 0px;

}

.glossymenu div.submenu ul li{
	padding: 2px 0px;
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 0.85em Arial, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 0px;
	padding-left: 12px;
}

.glossymenu div.submenu ul li a:hover{
	background-color: #77E3EF;
}

/*---------------------------    Contenido --------------------------------*/


#contenido {
	margin: 0px;
	margin-top: 18px;
	padding: 0px;
}
/*
#contenido .imagen{
	float: right;
	display: table;
	width: 583px;
	height: 366px;
	margin-bottom: 15px;
	margin-top: 5px;
	background-color: #E0EAEF;
	text-align: center;
}

#contenido .imagen p{
	display: table-cell;
	vertical-align: middle;
}

#contenido .imagen img{
	display: block;
	margin: auto;
}
*/

#texto {
clear: both;
position: relative;
border-top: solid 1px black;
padding-left: 107px;
padding-top: 10px;
height: 60px;
}

#texto h1 {
background-color: #77E3EF;
display: inline;
padding-left: 5px;
padding-right: 20px;
padding-top:1px;
}

#texto p {
padding-top: 5px;
padding-left: 5px;
padding-right: 20px;
line-height: 1.4em;
}

#navegacion_imagenes {
float: right;
margin-top: 0px;
margin-right: 2px;
}

#enlace_1, #enlace_2, #enlace_3, #enlace_4, #enlace_5, #enlace_6, #enlace_7 {
float: left;
margin-left: 10px;
background-color: #E0EAEF;
}


#navegacion_imagenes a{
display: block;
padding-top: 3px;
width: 12px;
height: 15px;
border: #E0EAEF solid 1px;
text-align:center;
font-weight:normal;
font-size:10px;
color:  #000;
text-decoration:none;
}


#navegacion_imagenes a:hover {
background-color: #77E3EF;
border: #77E3EF solid 1px;
color:#CCCCCC;
}




/*----------------------------  Pie ------------------------------------------------*/

#pie {
clear:both;
position:relative;
background: url(images/pie.gif) no-repeat;
background-position: top;
height: 8px;
padding-top: 10px;
margin-top:15px;
width: 689px;

}

#pie p{
font-size: 0.8em;
text-align: right;
padding: 5px;
float: right;
}



#enlaces {
position:absolute;
top: 478px;
padding-left: 5px;
}

#enlaces a img{
margin-right: 5px;
border:none;
}


#textofotolog, #textoflickr, #textomyspace{
width: 80px;
top: 42px;
font-size: 0.8em;
font-weight: bold;
text-align: center;
position: absolute;
visibility:hidden;
color: #38BFD4;
}

#enlarge_image{
	top: 110px;
	right: 0px;
	padding: 1px 5px;
	position: absolute;
	visibility:hidden;
	color: #FFFFFF;
	z-index: 1000;
	font-weight: bold;
	background-color: #77E3EF;
}


/*-------------------------------   SliddingPanels -------------------------------*/

.imagen{
	display: table;
	width: 583px;
	height: 366px;
	margin: 0px;
	padding:0px;
	background-color: #fff;
}

.imagen p{
	margin: 0px;
	padding:0px;
	width: 583px;
	background-color: #fff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}



.imagen p img {
display:block;
margin:auto;
}

.imagen p a img{
text-decoration: none;
border: none;

}

#newsTicker {
	width: 583px;
	height: 366px;
	float:right;
	margin-bottom:15px;
	margin-top:5px;
}


#newsTicker .SlidingPanelsContentGroup {
	width: 8000em;
	float: left;
}
#newsTicker .SlidingPanelsContent {
	float: left;
	width: 583px;
	height: 366px;
}

#newsTicker .SlidingPanels {
	width: 583px;
	height: 366px;
	float: left;
}

#newsTicker .SlidingPanelsContent .content {
	margin: 0px;
	float: left;
}



.SlidingPanelsAnimating * {
	overflow: visible !important;
}
#contenido .tabla_formulario {
	margin-left: 130px;
}

/*-------------------------------   Friends  -------------------------------*/

#friends {
	margin-top: 0px;
	margin-left: 0px;
	line-height: 2em;
}

#friends a {
	color: black;
	text-decoration:none;
	font-weight:bold;
	letter-spacing: 1px;
	padding: 1px 3px;
}

#friends a:hover {
	color: black;
	background-color: #77E3EF;
}

/*----------- contacto ---------- */

#pop_up_contacto {
	position: absolute;
	top: 180px;
	left: 170px;
	height: 150px;
	width: 400px;
	background-color: #fff;
	display: table;
	visibility: hidden;
	padding: 30px;
}
#pop_up_contacto img {
	float: left;
	padding-right: 30px;
}

#pop_up_contacto a img{
	float: right;
	border-style: none;
}
#pop_up_contacto p {
	vertical-align: left;
	font-size: 1em;
	line-height: 1.6em;
	margin-top: 10px;
}
#pop_up_contacto h1 {
display:inline;
padding-top:1px;
border-bottom:#000000 solid 1px;
}