html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,
video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}

html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
body{width:100%;zoom:1;background:#fff}
body:before,body:after{content:"";display:table}
body:after{clear:both}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;font-size:1em;color:#333;}

a{text-decoration: none; color: #4074C8;}

#header{
	margin:0 auto;
	width: 100%;
	height: 53px;
	background: url("../img/fondo_encabezado.png") repeat-x scroll 0 0 transparent;
	color: #a6bbdd;
}

span.candado{
	margin: 20px ;
	background: url("../img/candado.png") no-repeat scroll 0 center transparent;
    display: block;
    font-size: 60%;
    height: 12px;
    padding-left: 17px;
    width: 27.396%%;
	float: right;
}

#logo_cucea{ float:left; width: 60%; height: 54px; background: url("../img/logo_cucea.png") no-repeat scroll 20% center transparent;}
	
img{ width: 100%;}

#contenedor{
	margin:19px auto 20px;
	width: 67.708333%;
	min-height: 350px;
	min-width: 200px;
	overflow: hidden;
}

p.bienvenida{ font-size: 90%; margin-bottom: 20px; width:60%;}

p.input{
	float: left;
	color: #4a4e56;
	font-size: 90%;
	margin-left: 10px;
	margin-bottom: 10px;
}

p.amplia1{
		width: 37%; 
		/*min-width: 197px;*/
}

p.amplia2{width: 90%;}

p.amplia1 span{ font-size: 90%;}	
p.amplia1 span.peq{ font-size: 70%; font-weight: bold;}	

.boton{
	background: url("../img/fondo_btn.gif") repeat-x scroll 0 0 transparent;
    border: medium none;
    color: #E8ECF4;
    cursor: pointer;
    font-size: 90%;
    height: 29px;
    padding: 0 16px;
}

p.input input[type="text"]{ 
	width: 90%; 
	height: 32px;
	padding: 5px;
	background: url("../img/fondo_input.gif") repeat-x scroll 0 center transparent;
	border: medium none;
	color: #575a62;
	margin:10px 0;
}

input.ingresar{ margin-top: 24px; }

#lateral_izq{
	float: left;
	padding-top: 20px;
	width: 64.5833%;
	min-width: 190px;
	border: 1px solid #e0e0e0;
	background: #f0f0f0;
}

#ayuda{
	clear: both;
	width: 100%;
	padding: 9px 35px;
	background: url("../img/guarda.png") no-repeat scroll 10px center #F7F7F7;
	border-top: 1px solid #e0e0e0;
}

#ayuda span{font-size: 90%;}

#lateral_der{float: left; margin-left: 5%; width: 30%;}
#lateral_der ul{font-size: 90%; list-style:square inside url("../img/bullet-req.png");}
#lateral_der ul li{margin-bottom: 15px;}
#lateral_der ul li.no-bullet{list-style:none;}
#lateral_der h2{color: #4b4f57; font-size: 90%; padding-bottom: 10px; border-bottom: 1px solid #e6e2e2; margin-bottom: 13px;}

#footer{
	clear: both;
	font-family: Times New Roman;
	font-size: 80%;
	width: 100%;
	background: url("../img/fondo_pie.gif") repeat-x scroll 0 0 #FAFAFA;
	padding-bottom: 10px;
	/*
	position: fixed; 
	bottom: 10px;
	*/
}

#pie_central{
	margin: 0 auto; 
	 padding: 50px 0 0 3%;
	width: 67.7083%;
	height: 100%;
	background: url("../img/bg_firm.gif") no-repeat scroll 0 3px transparent;
}

#pie_central a{color: #666666; margin-top: 5px;  float: left;   margin-bottom: 10px; margin-top: 3px; clear: both;}
#pie_central  p{margin-top: 1%; clear: both;}

#pie_central h2{ color: #666666; font-size: 90%; font-weight: bold;}


#lateral_der ul.bullet{
	list-style-image: url("../img/bullet_go.png");
    list-style-position: inside;
    margin: 0;
    padding: 0;
	display: none;
}


#lateral_der ul.bullet li {
    margin: 5px 0 5px 2px;
    padding-left: 2px;
}


#informacion-uso{	font-size: 90%;}
#informacion-uso h2{ 
	color: #5CA3DD;
    font-size: 1.4em;
    padding: 2%;
    text-align: center;
    width: 100%;
}

a.btn1{
	background: url("../img/fondo_btn.gif") repeat-x scroll 0 0 transparent;
    color: #BBC4D5;
    display: block;
    font-size: 90%;
    margin-bottom: 10px;
    padding: 1%;
    text-align: center;
    width: 20%;
}

a.btn1:hover{
	 color: #FFF;
}	

#busca-codigo{	clear: both; font-size: 90%; color: #4B4F57; display: none;   overflow: hidden; }
#busca-codigo h2{
	margin: 0 auto;
    width: 96%;
	color: #7F7F7F;
	padding: 5px;
}

ul.bus_list{	 color: #7F7F7F; font-size: 90%; list-style: square inside url("../img/bullet_go.png"); margin-bottom: 10px; overflow: hidden; }
ul.bus_list li{ float: left; margin-right: 6px;  padding: 5px;}
#listado-al img{width: 20%;}

#codigo-olvidado{clear: both; display: block; width: 90%; padding:12px;}

.may{ text-transform: uppercase;}
#forma-nombre{display: none;}

#volver{ margin-left: 10px; }

@media screen and (max-width: 319px){
	#contenedor{	width: 95%;}
	
	#lateral_izq{ width: 100%;}
	
	#logo_cucea{	width: 93%;} 
	
	p.amplia1{width: 90% !important;}
	
		
	#logo_cucea {
		background: url("../img/logo_cucea.png") no-repeat scroll -32px 0 transparent;
		width: 99%;
	}
	
	span.candado {
		height: 18px;	
		font-size: 73%;
		line-height: 20px;
	}
	
	#lateral_der h2{	margin-top: 20px;}
	
	#lateral_der { width: 90%;}
		
	#pie_central{ 
		background: url("../img/bg_firm2.gif") no-repeat scroll 0 8px transparent;
		width: 90%;
	}
	
	input.ingresar{ margin: 0; }
	#footer{position: relative;}
	a.btn1{width: 70%; height: 30%; padding: 10px; margin: 10% auto;}
	#listado-al img{width: 40%;}
	p.bienvenida {width: 100%;}
	
}


@media screen and (min-width: 320px) and (max-width: 479px){
	#logo_cucea {
		background: url("../img/logo_cucea.png") no-repeat scroll -32px 0 transparent;
		width: 99%;
		}
		
	#contenedor{	width: 95%;}
	
	span.candado {
		height: 11px;	
		font-size: 90%;
	}
	
	#lateral_izq{ width: 100%; }
	
	#lateral_der { width: 90%; }
	#lateral_der h2{	margin-top: 20px;}
	
	#logo_cucea{ width: 93%; } 
	
	p.amplia1{width: 90% !important;}
	#pie_central{width: 96%; }	
	input.ingresar{ margin: 0; }
	#footer{position: relative;}
	
	a.btn1{width: 70%; height: 30%; padding: 10px; margin: 10% auto;}
	#listado-al img{width: 40%;}
	p.bienvenida {width: 100%;}
}


@media screen and (min-width: 480px) and (max-width: 800px){
	#contenedor{	width: 95%; }
	#lateral_izq{ width: 45%; }
	#lateral_der { width: 50%; }
	p.amplia1{width: 95%;}
	input.ingresar{ margin: 0; }
	#footer{position: relative;}
	#pie_central {width: 96%;}
	a.btn1{width: 50%; height: 30%; padding: 10px; margin: 5% auto;}
	p.bienvenida {width: 100%;}
}


.procesando {
	height: 30px;
	width: 30px;
}