html, body, #page{height: 100%;}
body > #page {height: auto; min-height: 100%;}

body {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color:#5b5b50;
	background-color: #94928d;		
}

#wrapper {
	width: 750px;
	margin: 0px auto;
	position: relative;
	min-height: 870px;
	height: 100%;
	padding-bottom: 2.5em;
	#padding-bottom: 4em;
}

#wrapper{
	height: 100%;
	#height: 100%;
}

#page {
	width: 750px;
	float: left;
	margin: 0px auto;
	padding-bottom: 50px;
	border: 1px solid #ccc398;
	min-height: 600px;
	height: auto;
	background-color: #FFF;

}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#cabecera {
	width: 750px;
	height: 173px;
	float: left;
	border: 1px solid #ccc398;
	background-image: url('img/header-bg.png');
	background-repeat: no-repeat;
}

#cabecera h1{
	margin: 0px;
	padding: 0px;
	font: normal bold 22px Verdana;
	color: #827667;
	background-color: transparent;
	width: 160px;
	float: left;
}

#cabecera h1 a {
	text-decoration: none;
	display: block;
	width: 170px;
	height: 110px;
	margin: 5px 0px 0px 5px;
}

#cabecera h1 a span{
	display:none;
}


/************************************************   CONTENIDOS   *********************/

#contenidos {
	width: 745px;
	*height: 500px;
	float: left;
	padding: 10px 0px 0px 0px;

}
/********************************************  MENU  SUPERIOR   *********************/
#menusup{
	width: 100%;
	height: 35px;
	*height:30px;
	display: block;
	float: left;
	background-image: url('img/menu-sup-bg.png');
	background-repeat: x-repeat;
	margin-top: 28px;
}
#menusup ul{
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-align: center;
}
#menusup ul li{
	width: auto;
	margin-right: 19px;
	display: block;
	float: left;
	padding: 3px;
	line-height:25px;
}
#menusup ul li a{
	text-decoration: none;
	color: #f7f1d3;
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
}


/************************************    PRESENTACION    ***********************/
#presentacion{
	margin: 20px 40px 10px 40px;
	text-align: justify;
	line-height: 19px;
	padding: 30px;
}

#presentacion p{
	text-indent: 30px;
	display: block;
}
#presentacion p.despedida{
	font-weight: bold;
	margin-top: 25px;
	text-align: right;
}
#presentacion h2{
	color: #40654D;
	text-align: center;
}
/**********************************    PROGRAMA     ****************************/

#programa{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	min-height: 500px;
	height: auto;
}
#programa hr{
	color:#002420;
	width: 500px;
}
#programa h3{
	text-align: center;
}

#programa ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#programa ul li{
	margin-bottom: 10px;
}
#programa ul li ul{
	margin-left: 40px;
}
#programa ul li ul li{
	margin-bottom: 4px;
	line-height: 18px;
}

#programa .dia{
	float: left;
	display: block;
	border: 0px solid #999;
	margin: 10px 10px;
}

#programa .fecha{
	font-size: 13px;
	font-weight: bold;
	display: block;
	width: 720px;
	background-color: #40654D;
	color: #FFF;
	text-align: center;
	padding: 4px 2px;
	margin-bottom: 0px;
}

#programa .hora {
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	font-size:16px;
	color: #40654D;
	width: 130px;
	margin-right: 10px;
}
#programa .subhora{
	font-family: Helvetica, Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	margin-right: 10px;
	text-align:right;
}
#programa .titulo{
	width: 600px;
	margin-left: 160px;
	display: block;
	border: 0px solid red;
	margin: 5px 0px;
}
#programa .conferencia{
	width: 600px;
	margin-left: 260px;
	display: block;
	border: 0px solid red;
	margin: 5px 0px;
	font-weight: bold;
}
#programa .mini{
	width: 600px;
	margin-left: 160px;
	border: 0px solid red;
	margin: 5px 0px;
	font-size: 9px;
}
#programa .sub{
	width: 600px;
	margin-left: 200px;
	display: block;
	border: 0px solid green;
	margin: 5px 0px;
	font-size: 10px;
}

#programa .dr{
	color: #40654D;
	padding-top: 0px;
	font-size:10px;
	display: block;
	text-indent:55px;
}
#programa .dr2{
	color: #40654D;
	padding-top: 0px;
	font-size:10px;
	display: block;
}

#programa #descarga{
	display: block;
	width: 250px;
	float: right;
	text-align: center;
}

#programa #descarga a{
	text-decoration: none;
	font-weight: bold;
	color:#5b5b50;
	padding-bottom: 2px;
}
/**********************************    COMITES     ****************************/

#comites{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	min-height: 500px;
	height: auto;
}
#comites ul{
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: center;
}

#comites ul li{
	margin-bottom: 6px;
}
#comites ul li ul{
	margin-left: 10px;
}
#comites ul li ul li{
	margin-bottom: 0px;
	line-height: 18px;
}
#comites .dia{
	width: 650px;
	float: left;
	display: block;
	border: 0px solid #999;
	margin: 10px 10px;
}

#comites .fecha{
	font-size: 13px;
	font-weight: bold;
	display: block;
	width: 640px;
	background-color: #40654D;
	color: #FFF;
	text-align: center;
	padding: 4px 2px;
	margin-bottom: 0px;
}
#comites .hora {
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	font-size:16px;
	color: #40654D;
	width: 130px;
	margin-right: 10px;
}
#comites .subhora{
	font-family: Helvetica, Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	margin-right: 10px;
	text-align:right;
}
/****************************************    INSCRIPCION   *********************/	

#contactform { width:680px; height:510px; margin:00px auto 0px auto; padding:10px 20px 0px 20px; background-color:#FFF; }
#contactform h2{
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	font-size:18px;
	text-align: left;
	display: block;
	color: #40654D;
	width: 650px;
	margin: 10px 0px 20px 30px;
}
#contactform form { font-family:Trebuchet MS; margin : 0; padding : 0; background:none; background-color: #FFF; }
#contactform fieldset { float : left; margin : 0 .5em 0 .5em; padding : 1em; border : 1px solid #B5CCBA; background : none; }
#contactform fieldset label{ width:150px; }
* html fieldset label { width:160px;}
#contactform fieldset div {
	width:650px; /* Width for modern browsers */
	border:0px solid #B5CCBA; margin:0 auto 0 auto; padding:1px; }
* html fieldset div { 
	width: 650px; /* Width for IE5 */ 
	w\idth: 630px; /* Width for IE6 */ }
#contactform fieldset div input {
border: 0px double #CCCCCC;
	border-bottom : 1px dotted #B5CCBA; padding : 1px; background:transparent; }
/* html fieldset div input {
	width: 255px; 
	w\idth: 250px; }*/
/*fieldset div br { display : none; }*/
#contactform legend { font-weight : bold; color : #333; margin : 0; padding : 0.5em; }
/*label { display : block; }*/
/*label em { font-style : normal; text-decoration : underline; color : #900; }
input { width: 180px; background: #fafbfc; border-bottom : 1px dotted #B5CCBA; }*/
#contactform  input#submit {
	border: 1px solid #B5CCBA; padding: 1px; margin:5px 4px 5px 7px; #margin: 5px 4px 5px 12px;
	background: #F1F8F6;
	color: #333; font-size:14px; font-family:Trebuchet MS; }

#contactform .imprescindible{
	color: #bd142c;
	font-weight: bold;
	display: block;
	width: 500px;
	margin: 0px auto 15px auto;
	text-align: center;
	line-height: 20px;
}

.tit span{
	font-size: 14px;
	font-weight: bold;
}
.td {text-align:left;}
.sec {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-left: 10px; margin-top:20px;}
.sec1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-left: 550px; margin-top:20px;}

.nombre {width:170px;}
.apell{width:320px;}
.dni{width:140px;}
.dir{width:370px;}
.tlf{width:85px;}
.fax{width:85px;}
.mail{width:300px;}
.cp{width:65px;}
.loc{width:200px;}
.prov{width:140px;}
.trbj{width:500px;}


/***************************************  ALOJAMIENTO  *************************/

#alojamiento{
	margin: 10px 0px 0px 30px;
	padding: 0px;
	min-height: 500px;
	height: auto;
}
#alojamiento h2{
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	font-size:18px;
	text-align: left;
	display: block;
	color: #40654D;
	width: 650px;
	margin: 10px 0px 20px 30px;
}
#imagenalojamiento{
	width: 650px;
	display: block;
	height: 106px;
	background-image: url('img/saray.jpg');
	margin-bottom: 20px;
}
#alojamiento form { 
	font-family: Trebuchet MS; 
	margin: 0px; 
	padding: 0px; 
	background: none; 
	background-color: #FFF; 
}	
#alojamiento fieldset { 
	float: left; 
	margin: 0 .3em 0 .3em; 
	padding: .5em; 
	border: 1px solid #B5CCBA; 
	background: none;
}	
/*#alojamiento fieldset label{ width:150px;}
* html fieldset label { width:160px;}
*/
#alojamiento fieldset div {
	width:650px; /* Width for modern browsers */
	border:0px solid #B5CCBA; margin: 0px; padding: 1px; }
* html fieldset div { 
	width: 630px; /* Width for IE5 */ 
	*width: 620px; /* Width for IE6 */ }

#alojamiento fieldset div input {
	border: 0px double #CCCCCC;
	border-bottom : 1px dotted #B5CCBA; 
	padding : 1px; 
	background:transparent; }

#alojamiento .sede {
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	font-size:18px;
	text-align: center;
	display: block;
	color: #40654D;
	width: 650px;
	margin-right: 10px;
}
#alojamiento  input#submit {
	border: 1px solid #B5CCBA; padding: 1px; margin:5px 4px 5px 7px; #margin: 5px 4px 5px 12px;
	background: #F1F8F6;
	color: #333; font-size:14px; font-family:Trebuchet MS; }
	

/*************************************  COMUNICACIONES   ***********************/	

#comunicaciones{
	margin: 20px 20px 0px 30px;
	line-height: 19px;
}
	
#comunicaciones .titulocomunicaciones{
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	font-size:18px;
	text-align: left;
	display: block;
	color: #40654D;
	width: 650px;
	margin: 0px 0px 20px 0px;
}

#comunicaciones .subtit{
	font-size:15px;
	font-weight: bold;
}

#comunicaciones ol li{
	margin-bottom: 6px;
}

#comunicaciones ol li ul{
	list-style: none;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#comunicaciones a{
	text-decoration:underline;
	font-weight: bold;
	color: #40654D;
}

/************************************   PATROCINIO   ***************************/

#patrocinio{
	border: 0px solid #000;
	width: 550px;
	*width: 450px;
	min-height: 600px;
	height: auto;
}

#patrocinio .logos{
	border: 0px solid #000;
	width: 500px;
	display: block;
	margin: 0px 0px 20px 0px;
	min-height: 150px;
}

#patrocinio .logos span{
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	font-size:18px;
	text-align: left;
	display: block;
	color: #40654D;
	width: 650px;
	margin: 30px 0px 0px 30px;
}

#patrocinio .logos ul{
	list-style: none;
	margin: 20px 200px;
}

#patrocinio .logos ul li{
	margin-bottom: 10px;
	display: block;	
	float: left;
	width: 300px;
}

#patrocinio .logos ul li img{
	border: 0px;
	width: 130px;
}

/*********************************   SECRETARIA   ******************************/

#secretaria{}
#secretaria a{
	text-decoration: none;
}
#secretaria a img{
	border: 0px;
	margin: 0px auto;
	display: block;
}
#secretaria p{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	display: block;
}
#secretaria span{
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	font-size:18px;
	text-align: left;
	display: block;
	color: #40654D;
	width: 650px;
	margin: 30px 0px 0px 30px;
}
/*********************************   FOOTER  ***********************************/

#footer {
	position: relative;
	width: 755px;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	background-color: #bb902d;
	color:#FFF;
	padding-top: 5px;
} 

#footer p{
	text-align: center;
	margin-top: 10px;
}

#footer p a span{
	display:none;
}
#footer p a img {
	border: 0px;
}
