/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote,a, font, img, ins, center,dl, dt, dd, ol, ul, li, content, puentes, grupos, blog{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
focus {outline: 0;}

/* =Clearfix (all browsers) */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* IE6 */ 
* html .clearfix {height: 1%;}
/* IE7 */
*:first-child+html .clearfix {min-height: 1px;}


/* MAIN STYLE */
html {
	text-align:center;
	background: #dbdcde url('images/bg.jpg') no-repeat;

	font-family: Verdana, Helvetica, Arial, san-serif;
}

body{
	height: 100%;
	width:961px;
	margin: 0 auto;
}

#ie{
 	background-color: #f8ac45;
 	color: #ffffff;
 	font-size: smaller;

 	padding: 5px;
 	border: 1px solid #e95412;
}

#ie a {
	text-decoration: underline;
	font-weight: bold;
	color: #ffffff;
}


#headersection {
	position: relative;
	height: 236px;

	width: 961px;
	z-index: 1000;
}

#header{
	text-align: left;
	text-indent: -9999px;
	width: 961px;
	height: 236px;
	background: transparent url('images/header.jpg') no-repeat;
	border-top: 1px solid #c1140e;

	margin: 30px 0px 0px 0px;
}

#contenido {
	background: transparent url('images/content_bg.jpg') no-repeat;
	width: 961px;
	height: 237px;
	font-weight: bold;
	font-size: 25px;
	position: relative;

	}

#contenido a{
	text-decoration: none;
	color: #000000;
	display: block;
}

.boton {
	width: 319px;
	height: 237px;
}

#puentes {
	width: 319px;
	height: 145px;
	position: relative;

	float: left;
	padding-top: 20px;
}


#puentes a:hover{
	color: #368520;
}

#grupos {
	width: 319px;
	height: 145px;
	position: relative;
	float: left;
	padding-top: 20px;
}


#grupos a:hover{
	color: #2848bf;
}

#blog {
	width: 320px;
	height: 132px;
	position: relative;
	float: left;
	padding-top: 33px;
}

#blog a:hover{
	color: #92278f;
}


#footer {
	width: 961px;
	height: 228px;
	background: transparent url('images/footer.jpg') no-repeat;
	text-align: left;
	font-size: 20px;
	position: relative;
	z-index: 1;
}

#footer_left{

	float:left;
	position: relative;
	width: 660px;
	border-right:1px solid black;
	margin: 25px;

}

#footer h2{
	margin-bottom: 10px;	
	width: 445px;
	height: 22px;
	padding-left: 10px;

	background-image: url('images/rss_bg.png') !important;
	background-image: none;
	filter: none !important;
	 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rss_bg.png');


}

#footer h3{
	font-weight: lighter;
	margin:10px;
	font-size:medium;
}

#footer_right {
	float: left;
	position: relative;

	width: 150px;
	height: 180px;
	margin: 13px 0px 0px 40px;
}

#footer a{
	text-decoration: none;
	color: #cccccc;
}

#footer a:hover {
	text-decoration: none;
	color: #000000;
}


#logo_uni {
	text-indent: -9999px;
	background: transparent url('images/UMH-trans.png') no-repeat;
	height: 75px;
	width: 75px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 1000;
}

#fade {

background:#000000 none repeat scroll 0 0;
height:100%;
left:0;
opacity:0.8;
filter:alpha(opacity=80);
position:fixed;
top:0;
width:100%;
z-index:10;
}
#hideshow {
height:100%;
left:0;

position:absolute;
top:0;
width:100%;
}
.popup_block {
background:#DDDDDD none repeat scroll 0 0;
border:10px solid #FFFFFF;
float:left;
left:50%;
margin:0 0 0 -250px;
padding:10px 20px;
position:absolute;

top:150px;
width:480px;
z-index:100;
}
.popup_block .popup {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #BBBBBB;
float:left;
margin:10px 0;
padding:10px 0;
width:100%;
}

.popup h3 {
border-bottom:1px solid #BBBBBB;
font-size:1.5em;
font-weight:normal;
margin:0 0 20px;
padding:5px 10px;
}
.popup p {
margin:5px 0;
padding:5px 10px;
text-align:left;
}
.popup img.cntrl {

position:absolute;
right:-20px;
top:-20px;
}
.contacto {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#520308;

color:#FFFFFF;
font-size:medium;
font-weight:bold;
left:850px;
padding:5px;
position:absolute;
text-decoration:none;
top:200px;
_top:230px;
}

/* INPUTS */

element.style {
cursor:pointer;

}