#mydiv {   
    position:absolute;   
    top: 50%;   
    left: 50%;   
    width:994px;   
    height:550px;   
    margin-top: -275px; /*set to a negative number 1/2 of your height*/  
    margin-left: -497px; /*set to a negative number 1/2 of your width*/  

} 
.scroll
{
	width:100%;
	height:91px;
	overflow:hidden;
	border:1px none #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6A6A6A;
	text-align: justify;
}

  .scrollb
{
	width:100%;
	height:216px;
	overflow:hidden;
	border:1px none #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6A6A6A;
	text-align: justify;
}
.scrollc
{
	width:100%;
	height:216px;
	overflow:hidden;
	border:1px none #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6A6A6A;
	text-align: justify;
}
.scrolld
{
	width:100%;
	height:180px;
	overflow:hidden;
	border:1px none #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6A6A6A;
	text-align: justify;
}
.flecha
{

    cursor:pointer;
}
</style>
<style type="text/css">

body {
	background-color: #E4E4E4;
}


.fuentedireccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
.textonormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A6A6A;
	text-align: justify;
}
.enlace {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}
.enlace:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
}
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #EAE9DB;
	overflow-y:hidden;
	text-decoration: none;
	border: 1px solid #999999;
	width: 240px;
	}
.formnormal {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #EAE9DB;
	overflow-y:hidden;
	text-decoration: none;
	border: 1px solid #999999;
	width: 100px;
}
	
.formgrande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #EAE9DB;
	overflow-y:hidden;
	text-decoration: none;
	border: 1px solid #999999;
	width: 335px;
	}	
.textopeque {
	font-size: 8px;
}
#mydiv .textocanje .textotitulo a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#mydiv .textocanje .textotitulo a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.formpeque {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #EAE9DB;
	overflow-y:hidden;
	text-decoration: none;
	border: 1px solid #999999;
	width: 50px;
	}	
.bordefoto{
	padding:2px;
	border: 1px solid #CC0000;
 
}
.textotitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	font-weight: bold;
}
a {
	text-decoration: underline;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
.textooscuro {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
}
.textocanje {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6A6A6A;
}
.formcanje {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #EAE9DB;
	overflow-y:hidden;
	text-decoration: none;
	border: 1px solid #999999;
	width: 100px;
}
.botonesform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #999999;
	border: 0px solid #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	height: 18px;
	background-position: center;
	font-weight: bold;
}
.textoformulario {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
}