/* 
  podergrafico.com

  General
*/



body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
line-height: 13px; 	
color: #333333; 
text-decoration: none;
text-align: justify;
}



a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 	
color: #3399cc; 
line-height: 12px; 	
font-weight:normal;
text-decoration: none;

}


a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
line-height: 12px; 	
color: #003399; 
font-weight:normal;
text-decoration: none;

}


.txt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
line-height: 18px; 	
color: #333333; 
text-decoration: none;
text-align: justify;
padding: 15px;
}



.FondoTabla {

 margin-top: 10px; 
 background-image: url('Media/fondo_tabla.png');
 background-repeat: no-repeat;
 width: 600px;
 height: 470px; 
 
}



.titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #333333;
	text-decoration: none;
	text-align: center; 
	font-weight: bold;
	vertical-align: middle;
	margin-top:0px;
}




.textopromo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
	color: #ffffff;
	text-decoration: none;
	text-align: center; 
	font-weight:bold;
	vertical-align: middle;
	margin-top:0px;
}






/* posicion de elementos

----------------------------------*/

.span_centrar {
display:block;
text-align:center;
}


.span_izquierda {
display:block;
text-align:left ;
}


.span_derecha {
display:block;
text-align: right;
}


.span_justificado {
display:block;
text-align: right;
}


.posicion_grid  {
 margin-top: 10px;
 margin-bottom: 10px;
} 


.MargenImageButtom1 {

 margin-top : 2px;
 margin-left : 5px;
 margin-right : 5px;
 margin-bottom : 2px;  
		
} 	


.MargenImageButtom2 {

 margin-top : 2px;
 margin-left : 15px;
 margin-right : 15px;
 margin-bottom : 2px;  
		
} 	







/* 
  podergrafico.com

  Pagina Maestra
*/


#fondo_inicio {

	position: absolute;
	height: 60px;
	width: 300px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	font-weight: bold;

}




#documento {

position:relative;
margin  :0 auto 0 auto;
width: 800px;

}




#Principal {

width: 800px;
height: 750px;
background-image: url('Media/fondo.jpg');
float:left;
position:relative;

}



#P_pie   {

width: 800px;
float:left;
position:relative;

}





#p_menu    {

min-width:180px;
width:auto;
height: 750px;
float:left;
position:relative;
z-index:2000;
text-align:left;  

}



#P_encabezado  {

width: 620px;
height: 750px;
float:right; 
z-index:1000;
position:relative;

}




/* menu */

.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:  black;
	padding-left: 3px;
	background-color: #E2E4E5; 

 }


.menu a{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	padding-left: 3px;

}

.menu a:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: bold;
	color: black;
	padding-left: 3px;

}







/* encabezado */


#usuario {

 display:block;
 width: 600px;
 height: 18px;
 position: relative;
 top: 131px;
 left: 11px;
 text-align :right; 
}



#FlotanteMenu {

 display:block;
 width: 60px;
 height: 60px;
 position: relative;
 top: 12px;
 left: 540px;
 
}



#FlotanteMenu2 {

 display:block;
 width: 120px;
 height: 90px;
 position:absolute;
 top: 50px;
 left: 20px;
 
}







#menudock {

 display:block;
 width: 575px;
 height: 55px;
 position: relative;
 top: 80px;
 margin:0 auto 0 auto;
 
}



#contenido {

 display:block;
 width:  600px;
 height: 500px;
 position: relative;
 top: 92px;
 left: 10px;
}





/* mostrar imagen superpuesta */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}


#boxes #dialog {
  width:550px; 
  height:450px;
  padding:5px;
  background-color:transparent;
}






/* link coretecnologia */

    .corelink {
	padding: 2px;
	text-align: right;
	color: #FFFFFF;
			
}

    .corelink a:link {
    color:silver
}

  .corelink a:visited {
    color:silver
}

  .corelink a:active {
    color:silver
}


    .corelink a:hover {
    color:orange;
    font-weight:bold
     
}







/* 

  TV.aspx

*/



.tvs_FondoTabla {


  background-image : url('Media/tvsfondo.png');


}



#Articulos  {
	
width:340px;
height:445px;
margin:5px;
display:block;
float:left;
	
}





#Carrito  {

	background-image: url('Media/fondo_carrito.png');
	background-repeat: no-repeat;
	background-position: center;
	width:230px;
	height:440px;
    margin-top:12px;
    margin-right: 10px;  
	display:block;
	float:right; 
	border:1px dashed #49608E;
	 
}




.tvs_titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	font-weight: bold;
	vertical-align: middle;
}



.tvs_texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	vertical-align: middle;
}



.tvs_texto1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	vertical-align: middle;
}





.NOtvs_campo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	vertical-align: middle;
	height: 16px;
	
}



.tvs_campo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
	vertical-align: middle;
	height: 14px;
	
}



.tvs_campo_radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: justify;
	vertical-align: middle;
	height: 20px;
	
}



.tvs_campo_verificar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color:  Red;
	text-decoration: none;
	text-align: center;
	width:340px;
    background-color: Transparent;
    border-style:none
 
 }



.ayuda_titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	font-weight: bold;
	font-weight: lighter;
}


.ayuda_texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	font-weight: lighter;
}






.posicion_grid  {
 margin-top: 10px;
 margin-bottom: 10px;
} 


















/* 

  default.aspx


#Flotantebuscar {

 display:block;
 width:auto;
 height:auto;
 position:absolute;
 top: 200px;
 left: 200px;
 border: 1px solid #d0d0d0;
 
*/