html{
max-width: 100%;
width: 100%;
}


body {
margin:0;
padding:0;
background-color: white;
background-image: url(http://e-studia.com.mx/sitio_data/img/tile.png);
background-repeat: repeat;
background-position: left top;
}


/* footer*/

#footer{
margin-top:10%;
float: left;
width: 100%;
height: auto;
text-align: center;
font-size: 10pt;
}


#bottom_fade {
width: 100%;
height: 200px;
z-index: 99;
position: fixed;
bottom: 0px;
background-image: url("http://e-studia.com.mx/sitio_data/img/mochila.png");
/background-image: none;
/filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src=http://e-studia.com.mx/sitio_data/img/mochila.png);
/left:50%;
/margin-left:-165px;
background-position: bottom center;
background-repeat: no-repeat;
background-color: transparent;
text-align:center;
}


/*columnas*/


#leftcol {
float:left;
margin-left: 2%;
margin-right: 1%;
width: 30.5%;
height: auto;
}


#middlecol{
float: left;
width: 30%;
margin-left: 1%;
margin-right: 1%;
height: auto;
}

#rightcol{
float: left;
margin-left: 1%;
width: 31%;
height: auto;
}


/*columnas del banner*/

#banleftcol {
float:left;
margin-left: 2%;
margin-right: 1%;
width: 30.5%;
height: auto;
}


#banmiddlecol{
float: left;
width: 30%;
margin-left: 1%;
margin-right: 1%;
height: auto;
text-align:center;
}

#banrightcol{
float: left;
margin-left: 1%;
width: 31%;
height: auto;
text-align:center;
}

/*bloque*/

#bloque{
margin: 2%;
text-align:left;
width: auto;
height: auto;
}


#bloque_top{
height: 28px;
background-color:#ffffff;
background-image: url("http://e-studia.com.mx/sitio_data/img/topcontinuo.png");
background-position: top left;
background-repeat: repeat-x;
border-left:1px solid #b5b3b3;
border-right:1px solid #b5b3b3;
}


#bloque_content{
background-image: url("http://e-studia.com.mx/sitio_data/img/esquina-der.gif");
background-repeat: no-repeat;
background-position: bottom right;
border-bottom:1px solid #b5b3b3;
border-left:1px solid #b5b3b3;
border-right:1px solid #b5b3b3;
background-color:#ffffff;
}


/*otros*/

input{
border:1px solid #1d2a5b;
color:#666666;
width: 150px;
}


.boton{
background:url('http://e-studia.com.mx/sitio_data/img/azul.png');
border:0;
width: 70px;
height:20px;
color:#fff;
font-size:0pt;
display:block;
text-decoration:none;
}




p {
font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
/*color: #363535;*/
color: black;
text-align: justify;
font-size: 9pt;
line-height: 11pt;
}

p.resaltame{
font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
color: #1f3f78;
text-align: justify;
font-size: 9pt;
font-style: italic;
line-height: 11pt;
}


h1.cabecera {
color: #ffffff;
font-size: 15pt;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}

h1.cabecera {
color: #ffffff;
font-size: 15pt;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}


h1.titulos {
color: #1f3f78;
font-family: 'Helvetica Neue',serif;
text-align: center;
font-weight: normal;
font-size: 17pt;
}


h1.subtitulos{
color: #1f3f78;
font-weight: normal
font-family: 'Helvetica Neue',sans-serif;
font-size: 12pt !important;
}
	

h1.left{
text-align: left;
}

		

#title {
color: #1f3f78;
font-family: 'Helvetica Neue',serif;
text-align: center;
font-size: 17pt;
font-weight: normal;
}


#subtitle{
color: #1f3f78;
font-weight: normal;
font-family: 'Helvetica Neue',sans-serif;
font-size: 12pt !important;
}



a {
font-size:10pt;
color:#325FA0;
}

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
color:#325FA0;
}

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

a:active {
text-decoration: none;
color:#0099CC;
}


a:focus {
outline: none;
}