.subtitulo
{
    font-weight: bold;
    color: #1383DB;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: 'Century Gothic' , Helvetica !important;
    background-image:none !important;
    padding-left:0px !important;
    margin-bottom: 10px !important;
    margin-top: 2px !important;
}

.h3_seccion
{
    font-variant: small-caps !important;
    font-size: 14px !important;
    background-image:none !important;
    padding-left:0px !important;
    margin-bottom: 10px !important;
    margin-top: 2px !important;
}

.detalle_seccion_ul
{
    list-style-type: none;
    padding-left:0px;
}

.detalle_seccion_li
{
    margin-bottom:10px;  
    padding:5px 5px 5px 5px; 
}

.detalle_seccion_li_i
{
    margin-bottom:10px;   
    background-color:#c7e4ec;    
    padding:5px 5px 5px 5px; 
}

.flecha_titulo
{
 margin-right:5px;   
}

.imagen_buscar
{
    background-image: url('http://www.webprogramacion.com/imgs/boton-buscar.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    padding-top:3px;
    padding-bottom:3px;
    padding-right:5px;
    color: #07A0D9 !important;
}

#publi_sup
{
    background-color: #FFFFFF;
    margin: 0 auto;
    position: relative;
    width: 982px;
    z-index: 500;   
}

#publi_d
{
   left: 998px;
    position: absolute;
    top: 10px;
    z-index: 10;
}

#publi_i
{
   left: -168px;
    min-width: 160px;
    position: absolute;
    top: 10px;
    z-index: 10;
}
/*Portada*/

.recuadro_portada2
{
    text-align: left;
    float: left;
    margin: 0px 5px 0px 5px;
    width: 525px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 4px;
    padding-left: 5px;
    background-color: #fafafa;
}

.recuadro_portada2a
{
    text-align: left;
    float: left;
    margin: 0px 5px 0px 5px;
    width: 525px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 4px;
    padding-left: 5px;
    background-color: #c7e4ec;
}

.recuadro_portada2_texto h3
{
    margin-top: 0px;
    margin-bottom: 0px;
    /*font-family: 'Century Gothic';*/
    font-family: Arial,'Century Gothic',Tahoma;
    font-size:13px !important;
}


.recuadro_portada2_texto h4
{
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 16px;
    font-family: 'Century Gothic';
    font-variant: small-caps;
    font-size:13px !important;
    color: #1383DB;
}

.recuadro_portada2_texto p
{
    font-size:12px;   
    margin-top:5px;
    color:#000000;
    line-height:18px;
    margin-top:0px;
}

.recuadro_portada2_foto
{
    float:left;
    width:110px;   
    /*height:100px;*/
}

.recuadro_portada2_foto img
{
    border-style: none !important;
    border-width: 0px;
    width: 100px;
    margin-left: 6px;
}

.recuadro_portada2_texto
{
    float:right;
    width:408px;
    margin-left:5px;
    font-size:12px;   
    margin-top:0px;
    color:#000000;
}

.recuadro_portada2_h3
{
    float:right;
    width:225px;
    margin-left:5px;
    margin-top:0px;   
    margin-bottom:0px;  
}

/*Fin Portada*/

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

#contenido_registro
{
    display:table;   
}

#texto_registro
{
    float:left;   
}

#imagen_principal
{
    float:right;   
    margin-left:20px;
	margin-right:5px;
	margin-bottom:20px;
	margin-top:0px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	border: 1px solid #999999 !important;
	-webkit-box-shadow: 0px 2px 10px -5px #07357D;
    -moz-box-shadow: 0px 2px 10px -5px #07357D;
    box-shadow: 0px 2px 10px -5px #07357D; 
    width:240px;
}

#imagen_principal_img
{
    text-align:center;
}

#imagen_principal_descripcion
{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width:100%;
    font-size:12px;
}

#social
{
    display: block;
    /*height: 77px;*/
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 245px;
    width: 45px;
    z-index: 10000;
}

#social ul
{
    padding-left:0px;
}

#social li
{
    list-style-type: none; 
    padding:0px;
    margin-top:5px;
}

#social img
{
    border-style:none;
}

#social img:hover
{
    
}

#social a:hover
{
    background-color:transparent !important;   
}


.recuadro_galeria img
{
    width:130px;  
    margin-top:7px; 
}

.h3_resaltado
{
    background-position: left center;
    color: #008BF0;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 2px;
    background-image: url('http://www.webprogramacion.com/imgs/flecha.png');
    background-repeat: no-repeat;
    padding-left:25px;
}

.menu2_descripcion_link
{
 color:#000000 !important;   
}

.recuadro_menu2
{
    text-align: left;
    float: left;
    margin: 5px 5px 15px 5px;
    border: 1px solid #BFD5F7;
    width: 355px;
    height: 110px;
    padding-top: 12px;
    padding-right:4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 2px 10px -5px #07357D;
    -moz-box-shadow: 0px 2px 10px -5px #07357D;
    box-shadow: 0px 2px 10px -5px #07357D;
}

.recuadro_menu2:hover
{
    text-align:left;
	float: left;
    margin: 5px 5px 15px 5px;
    width: 355px;
    height: 110px;
    padding-top: 12px;
    padding-right:4px;
    background-color:#ffffff;
    border-bottom: #5BA1BB 1px solid;
    border-left: #5BA1BB 1px solid;
    border-top: #5BA1BB 1px solid;
    border-right: #5BA1BB 1px solid;
    -webkit-box-shadow: 0px 0px 5px 2px #07357D;
    -moz-box-shadow: 0px 0px 5px 2px #07357D;
    box-shadow: 0px 0px 5px 2px #07357D; 
}

.recuadro_menu_2_texto h3
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    line-height: 16px !important;
    font-family: 'Century Gothic' !important;
    
    
    background-position: left center;
    color: #008BF0;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
    background-image: none !important;
    padding-left:0px !important;
}

.recuadro_menu_2_texto p
{
    font-size:12px;   
    margin-top:5px;
    color:#000000;
    line-height:18px;
    margin-top:0px;
}

.recuadro_menu2_foto
{
    float:left;
    width:110px;   
    height:100px;
    margin-top:10px;
}

.recuadro_menu2_foto img
{
    width:100px;   
    margin-left:6px;
}

.recuadro_menu_2_texto
{
    float:right;
    width:235px;
    margin-left:5px;
    font-size:12px;   
    margin-top:0px;
    color:#000000;
}

.recuadro_menu_2_h3
{
    float:right;
    width:225px;
    margin-left:5px;
    margin-top:0px;   
    margin-bottom:0px;  
}



#cabecera_der
{
    float:right;
}

#cabecera_izq
{
    float:left;  
    margin-top:2px; 
}

#cabecera_registro
{
    display:table;
    width:100%;   
}

#mapa_registro
{
	font-size: 9pt;
	width:80%;
	float:left;
}

#mapa
{
    font-size: 9pt;
    margin-bottom: 5px;
    font-family: 'Century Gothic';
    font-weight:bold;
}

#me_gusta_facebook
{
    float:right;
    width:20%;
}

.lista p
{
    margin-top:2px;   
    margin-bottom:2px;   
}

.pie_izquierda
{
    float:left;
    width:60%;
}

.pie_derecha
{
    float:right;
    width:38%;
}

.thicbox a:hover
{
	background-color:White !important;
}

.thicbox img:hover
{
	background-color:White !important;
}

.imagen_registro
{
	background-color:White !important;
	
}

.imagen_registro:hover
{
	background-color:White !important;
	border-bottom: #5BA1BB 1px solid;
    border-left: #5BA1BB 1px solid;
    border-top: #5BA1BB 1px solid;
    border-right: #5BA1BB 1px solid;
    -webkit-box-shadow: 0px 0px 5px 2px #07357D;
    -moz-box-shadow: 0px 0px 5px 2px #07357D;
    box-shadow: 0px 0px 5px 2px #07357D; 
}

#imagenes a:hover
{
	background-color:White !important;
}

#facebook_twitter
{
    text-align:center;   
}

#facebook_twitter img
{
    border: 0px;
    margin: 0px 5px 0px 5px;
}

.button
{
    line-height: 26px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    background-color: #ffffff !important;
    border-radius: 4px 4px 4px 4px;
    border: #94C1D6 1px solid;
    font-size: 13px;
    color: #333333 !important;
    font-family: Tahoma;
    font-weight: bold;
}

.button:hover
{
    line-height: 26px;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:6px;
    padding-right:6px;
    background-color: #f7f7f7;
	border-radius: 4px 4px 4px 4px;
	color: #333333;
    font-weight: bold;
    font-family: Tahoma;
	font-size:13px;
	border-bottom: #5BA1BB 1px solid;
    border-left: #5BA1BB 1px solid;
    border-top: #5BA1BB 1px solid;
    border-right: #5BA1BB 1px solid;
    -webkit-box-shadow: 0px 0px 5px 2px #07357D;
    -moz-box-shadow: 0px 0px 5px 2px #07357D;
    box-shadow: 0px 0px 5px 2px #07357D; 
}

.pie_importe
{
	border: 2px solid #C99DD0;
	background-color: #EEE4EF;
}

.total_pie
{
	font-size: large;
	font-weight: bold;
}

#menus_portada
{
    margin: 17px auto 20px auto;
    text-align: center;
    width: 520px;
    display: table;
}

#menus_portada h3
{
    font-size: 13px !important;
    margin-left: 2px;
    margin-right: 2px;
    font-family: Arial,'Century Gothic',Tahoma;
}

#menus_portada img
{
	border-style: none;
	margin-bottom: 5px;
}

.recuadro_galeria h3
{
	/*font-size: small !important;*/
}

.recuadro_galeria h4
{
	font-size: x-small !important;
}

.recuadro_galeria
{
    background-position: center center;
    float: left;
    text-align: center;
    /*margin: 5px 5px 10px 5px;*/
    width: 160px;
    height: 200px;
    padding-top: 15px;
    background-image: url('imgs/elemento-destacado.jpg');
    background-repeat: no-repeat;
    margin-right:12px;
}

.recuadro_galeria img:hover
{
	background-color:White !important;	
}

.link_imagen:hover
{
	/*background-color:White !important;	*/
}


#imagenes
{
    margin: 10px 5px 5px 5px;
    padding: 10px 10px 10px 50px; /*background-color: #DAE8F5;*/
    background-color: #FAFAFA;
}

.recuadro_menu
{
	float: left;
    text-align: center;
    margin: 5px 5px 10px 5px;
    border: 1px solid #BFD5F7;
    width: 210px;
    height: 200px;
    padding-top: 15px;
    background-color:#ffffff;
    -webkit-box-shadow: 0px 2px 10px -5px #07357D;
    -moz-box-shadow: 0px 2px 10px -5px #07357D;
    box-shadow: 0px 2px 10px -5px #07357D; 
}

.recuadro_menu:hover
{
	float: left;
    text-align: center;
    margin: 5px 5px 10px 5px;
    /*border: 1px solid #3A80E7;*/
    border: 1px solid #5BA1BB;
    
    width: 210px;
    height: 200px;
    padding-top: 15px;
    background-color:#ffffff;
    /*-webkit-box-shadow: 0px 2px 10px -5px #001c53;
    -moz-box-shadow: 0px 2px 10px -5px #001c53;
    box-shadow: 0px 2px 10px -5px #001c53; */
    -webkit-box-shadow: 0px 2px 10px 0px #07357D;
    -moz-box-shadow: 0px 2px 10px 0px #07357D;
    box-shadow: 0px 2px 10px 0px #07357D;
}



#menus
{
	margin: 17px auto 20px auto;
	text-align: center;
	padding-left: 17px;
	width: 700px;
}

#menus2
{
	margin: 17px auto 20px auto;
	text-align: center;
	padding-left: 0px;
	width: 745px;
}

#menus h3
{
	font-size: 13px !important;
	font-weight:normal;
	padding-left: 0px !important;
	background-image: none !important;
}

#menus img
{
	border-style: none;
	margin-bottom: 5px;
}

#menus2 h3
{
	font-size: 14px !important;
}

#menus2 img
{
	border-style: none;
	margin-bottom: 5px;
}

.recuadro
{
	float: left;
	text-align: center;
	margin: 5px 5px 10px 5px;
	border: 4px solid #C0C0C0;
	width: 150px;
}

.limpiar
{
	clear:both;
}

.recuadro img
{
	border-style: none;
}

#portada
{
	margin: 17px auto 20px auto;
	text-align: center;
	padding-left: 17px;
}

.tabla_div
{
	clear: none;
	overflow: auto;
}

#galeria hr
{
	border-bottom: #5BA1BB 1px solid;
	margin-top: 10px;
}

.fila
{
	clear: both;
}

.redes_sociales
{
	border-width: 1px;
	margin: 17px auto 0px auto;
	width: 500px;
	text-align: center;
}

.redes_sociales ul
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
}

.redes_sociales li
{
	list-style-type: none;
	display: inline;
	padding-right: 5px;	
}

.redes_sociales img
{
	border: none;
}

.columna
{
   float: left;
   padding: 5px;
   border-right-width: 0px;
   border-left-width: 0px;
   border-top-width: 0px;
}

.caja_texto
{
    border-bottom: #5BA1BB 1px solid;
    border-left: #5BA1BB 1px solid;
    padding-bottom: 4px;
    background-color: #e6e6fa;
    padding-left: 4px;
    padding-right: 4px;
    color: #07357D;
    border-top: #5BA1BB 1px solid;
    border-right: #5BA1BB 1px solid;
    padding-top: 4px;
    font-family: Arial, 'Microsoft Sans Serif';
    width: 200px;
    border-color: #058AF0;
    border-width: 1px;
    font-size:14px;
}

.caja_texto_focus
{
    
    padding-bottom: 4px;
    background-color: #e6e6fa;
    padding-left: 4px;
    padding-right: 4px;
    color: #07357D;
    padding-top: 4px;
    font-family: Arial, 'Microsoft Sans Serif';
    width: 200px;
    border-bottom: #008CF3 1px solid;
    border-left: #008CF3 1px solid;
    border-top: #008CF3 1px solid;
    border-right: #008CF3 1px solid;
    -webkit-box-shadow: 0px 0px 5px 2px #008CF3;
    -moz-box-shadow: 0px 0px 5px 2px #008CF3;
    box-shadow: 0px 0px 5px 2px #008CF3; 
    font-size:14px;
}

.caja_texto_contacto
{
    border-bottom: #008CF3 1px solid;
    border-left: #008CF3 1px solid;
    padding-bottom: 4px;
    background-color: #e6e6fa;
    padding-left: 4px;
    padding-right: 4px;
    color: #07357D;
    border-top: #008CF3 1px solid;
    border-right: #008CF3 1px solid;
    padding-top: 4px;
    font-family: Arial, 'Microsoft Sans Serif';
    width: 300px;
    border-color: #008CF3;
    border-width: 1px;
    font-size:14px;
}

.caja_texto_contacto_focus
{
    border-bottom: #5BA1BB 1px solid;
    border-left: #5BA1BB 1px solid;
    padding-bottom: 4px;
    background-color: #e6e6fa;
    padding-left: 4px;
    padding-right: 4px;
    color: #07357D;
    border-top: #5BA1BB 1px solid;
    border-right: #5BA1BB 1px solid;
    padding-top: 4px;
    font-family: Arial, 'Microsoft Sans Serif';
    width: 300px;
    border-color: #008CF3;
    border-width: 1px;
    -webkit-box-shadow: 0px 0px 5px 2px #008CF3;
    -moz-box-shadow: 0px 0px 5px 2px #008CF3;
    box-shadow: 0px 0px 5px 2px #008CF3; 
    font-size:14px;
}

.caja_texto_rojo
{
    border-bottom: #5BA1BB 1px solid;
    border-left: #5BA1BB 1px solid;
    padding-bottom: 4px;
    background-color: #FFA4A4;
    padding-left: 4px;
    padding-right: 4px;
    color: #3300cc;
    border-top: #5BA1BB 1px solid;
    border-right: #5BA1BB 1px solid;
    padding-top: 4px;
    font-family: Arial, 'Microsoft Sans Serif';
    width: 200px;
    border-color: #000099;
    border-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.caja_texto_1
{
	border-bottom: #5BA1BB 1px solid;
	border-left: #5BA1BB 1px solid;
	padding-bottom: 4px;
	background-color: #e6e6fa;
	padding-left: 4px;
	padding-right: 4px;
	color: #3300cc;
	border-top: #5BA1BB 1px solid;
	border-right: #5BA1BB 1px solid;
	padding-top: 4px;
	font-family: Tahoma, 'Microsoft Sans Serif' , Arial;
	width: 300px;
}

.caja_texto_1_validar
{
	border-bottom: #5BA1BB 1px solid;
	border-left: #5BA1BB 1px solid;
	padding-bottom: 4px;
	background-color: #ff9898;
	padding-left: 4px;
	padding-right: 4px;
	color: #3300cc;
	border-top: #5BA1BB 1px solid;
	border-right: #5BA1BB 1px solid;
	padding-top: 4px;
	font-family: Tahoma, 'Microsoft Sans Serif' , Arial;
	width: 300px;
}

.caja_cantidad
{
	border-bottom: #5BA1BB 1px solid;
	border-left: #5BA1BB 1px solid;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	color: #3300cc;
	border-top: #5BA1BB 1px solid;
	border-right: #5BA1BB 1px solid;
	padding-top: 4px;
	font-family: Tahoma, 'Microsoft Sans Serif' , Arial;
}

.caja_cantidad_rojo
{
	border-bottom: #5BA1BB 1px solid;
	border-left: #5BA1BB 1px solid;
	padding-bottom: 4px;
	background-color: #ff9898;
	padding-left: 4px;
	padding-right: 4px;
	color: #3300cc;
	border-top: #5BA1BB 1px solid;
	border-right: #5BA1BB 1px solid;
	padding-top: 4px;
	font-family: Tahoma, 'Microsoft Sans Serif' , Arial;
}

.caja_texto_2_validar
{
	border-bottom: #5BA1BB 1px solid;
	border-left: #5BA1BB 1px solid;
	padding-bottom: 4px;
	background-color: #ff9898;
	padding-left: 4px;
	padding-right: 4px;
	color: #3300cc;
	border-top: #5BA1BB 1px solid;
	border-right: #5BA1BB 1px solid;
	padding-top: 4px;
	font-family: Tahoma, 'Microsoft Sans Serif' , Arial;
	width: 100px;
}

.caja_texto_2
{
	border-bottom: #5BA1BB 1px solid;
	border-left: #5BA1BB 1px solid;
	padding-bottom: 4px;
	background-color: #e6e6fa;
	padding-left: 4px;
	padding-right: 4px;
	color: #3300cc;
	border-top: #5BA1BB 1px solid;
	border-right: #5BA1BB 1px solid;
	padding-top: 4px;
	font-family: Tahoma, 'Microsoft Sans Serif' , Arial;
	width: 100px;
}

.panel_galeria
{
	border-bottom: #5BA1BB 1px solid;
	border-left: #5BA1BB 1px solid;
	padding-bottom: 5px;
	margin: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: #5BA1BB 1px solid;
	border-right: #5BA1BB 1px solid;
	padding-top: 0px;
}

#galeria
{
	margin-left:auto;
	margin-right:auto;
}

#galeria h3
{
	color: #5BA1BB;	
}

.rojo
{
	color: Red;	
	font-weight:bold;
}

.verde
{
	color:Green;	
	font-weight:bold;
}

.menu_servicios
{
	margin: 8px 0 0;
    padding: 0 2px 2px;
    text-align: left;
    width: 210px;
}

.recuadro_naranja p
{
	text-align:center;
	font-family: 'Century Gothic',Helvetica;
	font-size: 16px;
}

.recuadro_naranja ul
{
	padding-left:15px;
}

.recuadro_naranja li
{
	list-style: square outside url("imgs/arrow2.png");
	margin-bottom:4px;
	margin-top:4px;
}

.lista ul
{
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
   margin: 0px;
}

.lista li
{
   list-style-type: none;
   display: inline;
   padding-right: 5px;
}

#publicidad_registro
{
	margin-top: 10px;
	margin-bottom: 10px;
}

code
{
	font-size: 13px;
}

hr
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-width: 0px;
	color: #5BA1BB;
	border-color: #5BA1BB;
	
}

.none
{
	display:none;
}

.rss
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.caja_lateral
{
	text-align: left;
	width: 180px;
	margin: 0px 3px 3px 3px;
	padding: 0px 2px 2px 2px;
}

.caja_lateral a
{
    color:#07a0d9 !important;    
}

.publicidad_portada
{
	width: 210px;
	margin-right: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 3px;
	border-color: #5BA1BB;
	
}

.publicidad_columna
{
	width: 210px;
	margin-right: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-bottom: 5px;
	padding-top: 5px;
	border-color: #5BA1BB;
}

.twitter
{
	width: 210px;
	padding-bottom: 5px;
}

.twitter a:hover
{
	background-color: transparent;
}

.articulos_lateral
{
	text-align: left;
	width: 180px;
	margin: 0px 3px 3px 3px;
	padding: 0px 2px 2px 2px;
}

#menu_principal
{
    text-align: left;
    width: 180px;
    margin: 8px 0px 0px 0px;
    padding: 0px 2px 2px 2px;
}

#menu_principal span
{
	width: 165px;
}

#recientes span
{
	width: 165px;
}

.menu
{
	width: 165px;
	text-align: left;
}

.menu_servicios_ul
{
	width: 165px;
	text-align: left;
}

.descargas
{
	background-color: #f5deb3;
}
.txtBuscar
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-color: #5BA1BB;
	width: 150px;
}

.sin_borde
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.centrado_total
{
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

.tablas_portada
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.item_tablas_derecha
{
	vertical-align: middle;
	width: 20%;
	color: black;
	text-align: center;
}

.item_tablas_izquierda
{
	vertical-align: middle;
	width: 80%;
	color: black;
}

.pie_novedades
{
	color: #4a3c8c;
}

.fila_novedades
{
	font-size: small;
}

.cabecera_novedades
{
	font-weight: bold;
}

.cabecera_masleidos
{
	font-weight: bold;
}

.descripcion
{
	color: #404040;
	font-size: small;
}

body
{
    font-weight: normal;
    word-spacing: normal;
    text-transform: none; /*color: black;*/
    font-family: Arial, Georgia, Verdana, 'Lucida Sans Unicode' , 'Trebuchet MS' , Monospace;
    margin: 10px 0px 10px 0px;
    text-align: center;
    margin: 0px;
    font-size: 14px; /*background-color: #bfd9e3;*/
    background-color: #07357D;
    color: #333333;
    overflow-x:hidden;
}

#contenedor
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background: #6ba0c0 url(http://www.webprogramacion.com/imgs/fondo-laterales.jpg) repeat-x left top;
}

#cabecera
{
    background-position: center;
    background-color: #083791;
    background-image: url('http://www.webprogramacion.com/imgs/cabecera.jpg');
    height: 189px;
    background-repeat: no-repeat;
}

#cabecera_menu
{
    background-position: center;
    padding-bottom: 5px;
    padding-top: 5px;
    
    /*width: 979px;*/
    /*margin-left: auto;
    margin-right: auto;*/
    background-image: url('http://www.webprogramacion.com/imgs/fondo-menu-superior.jpg');
    background-repeat: repeat-x;
}

#menu_superior
{
    width:979px;
    margin-left:auto;
    margin-right:auto;
    font-weight: bold;
    text-align: center;
}

#cabecera_menu ul
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#cabecera_menu li
{
    background-position: left center;
    display: inline;
    margin-left: 10px;
    background-image: url(http://www.webprogramacion.com/imgs/li-menu-superior.jpg);
    background-repeat: no-repeat;
    padding-left:20px;
}

#cuerpo
{
	/*margin: 10px 0px 10px 0px;*/
	background-color:#fafafa;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#pie
{
    text-align: left;
    padding: 4px 4px 4px 4px;
    clear: both;
    background-color: #07357d;
}

#columna1
{
	width: 180px;
	float: left;
	text-align: center;
}

#columna1 h2
{
    background-image: url('http://www.webprogramacion.com/imgs/flecha-titulo.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #00b5dc;
    height: 46px;
    color: #ffffff;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    font-size: 17px;
    font-variant: small-caps;
    vertical-align: middle;
    line-height: 42px;
    width: 182px;
}

#principal h2
{
    background-position: left center;
    color: #1383DB;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 10px;
    background-image: url('http://www.webprogramacion.com/imgs/flecha.png');
    background-repeat: no-repeat;
    padding-left:25px;
}

#principal h4
{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 2px;
}


#principal h1
{
    background-position: center center;
    background-image: url('http://www.webprogramacion.com/imgs/titulo.jpg');
    background-repeat: repeat-x;
    width: 97%;
    height: 33px;
    margin-top: 4px;
    vertical-align: middle;
    line-height:33px;
    padding-left:3px;
    padding-right:3px;
    font-family: 'Century Gothic',Helvetica;
    font-size: 18px;
    color: #008BF0;
}

#contenido h2
{
    background-position: left center;
    color: #1383DB;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 10px;
    background-image: url('http://www.webprogramacion.com/imgs/flecha.png');
    background-repeat: no-repeat;
    padding-left:25px;
}

#contenido h3
{
    
    background-position: left center;
    color: #008BF0;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 2px;
    background-image: url('http://www.webprogramacion.com/imgs/flecha.png');
    background-repeat: no-repeat;
    padding-left:25px;
}

#contenido h1
{
    background-position: center center;
    background-image: url('http://www.webprogramacion.com/imgs/titulo.jpg');
    background-repeat: repeat-x;
    width: 100%;
    height: 33px;
    margin-top: 4px;
    vertical-align: middle;
    line-height:33px;
    padding-left:3px;
    padding-right:3px;
    font-family: 'Century Gothic',Helvetica;
    font-size: 18px;
    color:#008BF0;
}

.titulo_principal
{
    background-position: center center;
    background-image: url('http://www.webprogramacion.com/imgs/titulo.jpg');
    background-repeat: repeat-x;
    width: 97%;
    height: 33px;
    margin-top: 4px;
    vertical-align: middle;
    line-height:33px;
    padding-left:3px;
    padding-right:3px;
    font-family: 'Century Gothic',Helvetica;
    font-size: 18px;
}

#contenido h4
{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 2px;
}

#columna2
{
	width: 210px;
	float: right;
	padding: 0px 2px 2px 2px;
	text-align:center;
}

#columna2 h2
{
    background-image: url('http://www.webprogramacion.com/imgs/flecha-titulo.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #00b5dc;
    height: 46px;
    margin: 5px 0px 0px 0px;
    color: #ffffff;
    font-weight: bold;
    font-size: 17px;
    font-variant: small-caps;
    vertical-align: middle;
    line-height:42px;
	width: 210px;
}

.links
{
	text-align: left;
	width: 210px;
	margin-right:10px;
	padding-top: 5px;
}

#derecha
{
	width: 150px;
	float: right;
	text-align: center;
}

#principal
{
	margin-left: 195px;
	margin-right: 215px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	line-height:20px;
}

#contenido
{
	padding: 4px 10px 4px 10px;
	/*border-width: 3px;*/
	margin-left: 190px;
	margin-right: 2px;
	/*border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #94c1d6;*/
	line-height:20px;
	/*border-left: #d0d0d0 1px solid;*/
	
}



#principal_1c
{
	margin-left: 195px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #5BA1BB;
}

.tabla
{
	text-align: left; 
}

.tabla .enlacemenu:hover
{
	position: relative;
	width: 140px;
	text-align: left; 
}

.tabla .enlacemenu
{
	position: relative;
	width: 140px;
	text-align: left; 
}

.titulo
{
	font-weight: bold;
	color: #5BA1BB;
}





.titulo_tabla
{
	background-color: #b1cdf5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
	border-right-width-value: 1px;
	border-right-style-value: solid;
	border-right-color-value: #888888;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #888888;
	border-left-width-value: 1px;
	border-left-style-value: solid;
	border-left-color-value: #888888;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	font-size: 110%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.tabla A:link
{
	text-decoration: none;
}

.tabla A:visited
{
	text-decoration: none;
}

.tabla A:active
{
	text-decoration: none;
}

a:link
{
	text-decoration: none;
	color: #7f3b89;
}

a:visited
{
	text-decoration: none;
	color: #7f3b89;
}

a:active
{
	text-decoration: none;
	color: #7f3b89;
}

a:hover
{
    color: #07A0D9;
}

#cuadritos
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	width: 170px;
	border-bottom: black 1px solid;
	height: 140px;
	vertical-align: middle;
	text-align: center;
}

#cajas
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	width: 100%;
}

.buscar
{
	width: 165px;
	margin: 3px 3px 3px 3px;
	padding: 2px 2px 2px 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #5BA1BB;
}

.seccion
{
    color: #07A0D9;
    font-variant: small-caps;
}

#correcto
{
	color: green;
}

#error
{
	color: red;
}
.codigo
{
	font-family: 'Courier New';
}

.codigo_marco
{
    padding: 2px;
    background-color: #eff1f8;
    font-family: Consolas, 'Courier New';
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    border-color: #999999;
    font-size:13px;
}

.comentario
{
	color: #009900;
}

.boton_buscar
{
	font-family: Verdana;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: blue;
	border-right-color: blue;
	border-bottom-color: blue;
	border-left-color: blue;
	border-color: #5BA1BB;
}

.boton_buscar:hover
{
	font-family: Verdana;
	color: #5BA1BB;
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-color: #5BA1BB;
}

.tag1
{
	font-size: x-small;
}

.tag2
{
	font-size: small;
}

.tag3
{
	font-size: medium;
}

.tag4
{
	font-size:larger;
	font-weight:bold;
}

.titulo_seccion
{
	font-weight: bold;
	color: #5BA1BB;
}

.titulo_busqueda
{
	font-weight: bold;
	color: #5BA1BB;
}

.titulo_articulo
{
	font-weight: bold;
	color: #5BA1BB;
	font-size: 120%;
	font-family: Georgia;
}

#menu_principal ul
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	list-style-type: none;
}

#menu_servicios ul
{
    margin: 8px 0px 0px 0px;
    padding: 0px 2px 2px 2px;
	list-style-type: none;
}

/*#menu_servicios a
{
	background-position: left center;
	background-image: url(imgs/arrow2.png);
	background-repeat: no-repeat;
	padding-left: 15px;
}*/

.articulos_lateral ul
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	list-style-type: none;
}

.articulos_lateral a
{
	background-position: left center;
	background-image: url(imgs/arrow2.png);
	background-repeat: no-repeat;
	padding-left: 15px;
}

.links ul
{
	padding-right: 3px;
	padding-left: 4px;
	padding-bottom: 0px;
	padding-top: 0px;
	list-style-position: inside;
	margin-left: 15px;
	list-style: square url(imgs/arrow2.png) outside;
}

.links li
{
	margin-top: 4px;
	margin-bottom: 4px;
}

.enlaces_articulo ul
{
	padding-right: 3px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
}

.enlaces_articulo a
{
	background-position: left center;
	background-image: url(imgs/arrow2.png);
	background-repeat: no-repeat;
	padding-left: 15px;
}

.documentos_articulo ul
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
}

.documentos_articulo a
{
	padding-left: 10px;
}

.lista
{
	margin-bottom: 10px;
	list-style-type: none;
	padding:5px 5px 5px 5px;
}

.lista_i
{
	margin-bottom: 10px;
	list-style-type: none;
    background-color:#c7e4ec;    
	padding:5px 5px 5px 5px;
}

.lista_pie
{
	margin-bottom: 10px;
	list-style-type: none;
	width:979px;
	margin-left:auto;
	margin-right:auto;
	color:#ffffff;
}

.lista_pie a
{
    color:#ffffff !important;
}

.lista_pie ul
{
    list-style-image: url('imgs/li-pie.jpg');
}

.lista_tags
{
	list-style-type: none;
	display: inline;
	padding-right: 5px;
}

.lista_ul
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
}

.lista_ul_tags
{
	padding-right: 0px;
	padding-left: 0px !important;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	text-align:center;
	
}

.capa_centrada
{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#sid img
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.lista ul
{
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
   margin: 0px;
}

.lista li
{
   list-style-type: none;
   display: inline;
   padding-right: 5px;
}

.social img
{
	width: 16px;
	height: 16px;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
}

.social ul
{
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
   margin: 0px;
}

.social li
{
   list-style-type: none;
   display: inline;
   padding-right: 5px;
}

.social a:hover
{
	text-decoration: none;
	background-color: #ffffff;
}

a.enlace_foto
{
	text-decoration: none !important;
}

a.enlace_foto:hover
{
	background-color: #ffffff;
	text-decoration: none !important;
}

a.enlace_foto:visited
{
	text-decoration: none !important;
}

a.enlace_foto:active
{
	text-decoration: none !important;
}

img.enlace_foto
{
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	border-width: 1px;
	border-color: #94c1d6;
}

.imagen_registro
{
	margin-left:2px;
	margin-right:2px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	border: 1px solid #999999 !important;
	-webkit-box-shadow: 0px 2px 10px -5px #07357D;
    -moz-box-shadow: 0px 2px 10px -5px #07357D;
    box-shadow: 0px 2px 10px -5px #07357D; 
}

/*Nuevos estilos*/

/* Content */

#content
{
	float: left;
	width: 610px;
}


/* Post */

.post h3
{
	padding-top:20px;
}

.post {
	/*margin-bottom: 45px;*/
	border-bottom: 1px solid #DFDFDF;
}

.post .title {
	height: 30px;
	color: #08252E;
}

.post .title a {
	text-decoration: none;
	text-transform: capitalize;
	font-size: 1.4em;
	font-weight: bold;
	color: #08252E;
}

.post .date {
}

.post .seccion_portada {
	margin-left: 2px;
	padding: 2px 30px 2px 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #66665E;
}

.post .seccion_portada span {
	display: block;
	margin-top: -10px;
}

.post .seccion_portada a { }

.post .entry {
	padding: 0px 0 30px 0;
	font-size: small;
}

.post .entry-content {
	float: right;
	width: 330px;
}

.post .entry-image {
	float: left;
	width: 150px;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 30px;
}

.post .links2 a {
	font-weight: bold;
	color: #08252E;
}

.post .links2 .comments {
}

.post .links2 .permalink {
	padding-left: 17px;
}

/** Menus **/
/* Con esto modifico el menú de la izquierda que lleva una flechita al final de cada item */
ul.menu
{
    border-bottom-style: solid;
    border-bottom-width:1px;
    border-bottom-color:#94C1D6;
    width:180px;
}

ul.menu_servicios
{
    border-bottom-style: solid;
    border-bottom-width:1px;
    border-bottom-color:#94C1D6;
    width:210px;
}


  ul.menu li, li.expanded, li.collapsed, li.leaf, .block .item-list ul li
  {
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#01b5dd;
    width:180px;
    padding-left:0px;
    font-size:12px;
    font-weight:bold;
  }
  
  ul.menu_servicios li
  {
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#01b5dd;
    width:207px;
    padding-left:0px;
    font-size:12px;
    font-weight:bold;
  }
  
  ul.menu li:hover, li.expanded:hover, li.collapsed:hover, li.leaf:hover, .block .item-list ul li:hover
  {
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#01b5dd;
    width:180px;
    padding-left:0px;
    font-size:12px;
    font-weight:bold;
  }
  
  ul.menu_servicios li:hover
  {
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#01b5dd;
    width:207px;
    padding-left:0px;
    font-size:12px;
    font-weight:bold;
  }
  
  ul.menu li a, li.expanded a, li.collapsed a, li.leaf a, .block .item-list ul li a
{
    background-position: left center;
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 8px;
    display: block;
    color: #7f3b89;
    font-family: Arial,Tahoma;
    font-size: 13px;
    background-image: url('http://www.webprogramacion.com/imgs/li-menu.jpg');
    background-repeat: no-repeat;
}

  ul.menu li a:hover
{
    background-position: left center;
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 8px;
    display: block;
    color: #7f3b89;
    font-family: Arial,Tahoma;
    font-size: 13px;
    background-image: url('http://www.webprogramacion.com/imgs/li-menu-hover.jpg');
    background-repeat: no-repeat;
}

ul.menu_servicios li a
{
    background-position: left center;
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 8px;
    display: block;
    color: #7f3b89;
    font-family: Arial,Tahoma;
    font-size: 13px;
    background-image: url('http://www.webprogramacion.com/imgs/li-menu.jpg');
    background-repeat: no-repeat;
}

ul.menu_servicios li a:hover
{
    background-position: left center;
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 8px;
    display: block;
    color: #7f3b89;
    font-family: Arial,Tahoma;
    font-size: 13px;
    background-image: url('http://www.webprogramacion.com/imgs/li-menu-hover.jpg');
    background-repeat: no-repeat;
}

  ul.menu li a:hover, li.expanded a:hover, li.collapsed a:hover, li.leaf a:hover, .block .item-list ul li a:hover
{
	background-color:#C7DDED;
    /*-webkit-box-shadow: 0px 0px 5px 2px #07357D;
    -moz-box-shadow: 0px 0px 5px 2px #07357D;
    box-shadow: 0px 0px 5px 2px #07357D; */
}

 ul.menu_servicios li a:hover
{
	background-color:#C7DDED;
    /*-webkit-box-shadow: 0px 0px 5px 2px #07357D;
    -moz-box-shadow: 0px 0px 5px 2px #07357D;
    box-shadow: 0px 0px 5px 2px #07357D; */
}

  ul.menu li ul, li.expanded ul, li.collapsed ul, li.leaf ul, .block .item-list ul li ul
  { 
    list-style: none; 
    margin: 0; 
    padding: 0.3em 0 0.2em 0.8em; 
  }
  
  ul.menu_servicios 
  { 
    list-style: none; 
    margin: 0; 
    padding: 0.3em 0 0.2em 0.8em; 
  }

  ul.menu li ul li, li.expanded ul li, li.collapsed ul li, li.leaf ul li, .block .item-list ul li ul li
  { 
    padding: 0; 
    margin: 0; 
  }
  
  ul.menu_servicios li ul li
  { 
    padding: 0; 
    margin: 0; 
  }
  
  /*Enlaces*/
  ul.menu li ul li a, li.expanded ul li a, li.collapsed ul li a, li.leaf ul li a, .block .item-list ul li ul li a
  { 
    border: 0; 
    margin: 0; 
    text-transform: none; 
    font-size: 0.9em; 
    height: 19px; 
    background: url(imgs/sub.png) no-repeat; 
  }
  
  ul.menu li ul li a:hover, li.expanded ul li a:hover, li.collapsed ul li a:hover, li.leaf ul li a:hover, .block .item-list ul li ul li a:hover
  { 
    background: #f1f1f1 url(imgs/sub1.png) no-repeat; 
    display:block;
  }

  ul.menu li a.active, li.expanded a.active, li.collapsed a.active, li.leaf a.active, .block .item-list ul li a.active 
  {
    background: #f1f1f1 url(imgs/arrow2.png) no-repeat right 3px; 
    color: #224970;
  }

  ul.menu li ul li a.active, li.expanded ul li a.active, li.collapsed ul li a.active, li.leaf ul li a.active, .block .item-list ul li ul li a.active
  { 
    background: #f1f1f1 url(imgs/sub1.png) no-repeat; 
  }
  
  /*Menus y submenus*/
  ul.style2 {
}

ul.style2 li {
	padding-bottom: 10px;
	display: block;
}

ul.style2 h3 
{
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	color: #6D9306;
}

ul.style2 a {
	/*padding-left: 6px;*/
}

ul.style2 li.first {
	border-top: none;
}

img.alignleft
{
	border: 2px solid #94c1d6;
	float: left;
	margin: 0px 25px 0px 0px; 
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
}

.box-style2 {
	padding-bottom: 40px;
}
.box-style2 li 
{
	margin: 0px;
	padding: 0px;
	line-height: 200%;
	padding: 5px 0px;
}
.box-style2 .title 
{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #D8D8D8;
	letter-spacing: -1px;
	font-size: 18px;
	font-weight: bold;
	color: #487095;
}

.box-style2 .content 
{
	padding-bottom: 20px;
}

.box-style2 strong 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #6D9306;
}
.box-style2 .byline {
	margin: -20px 0px 20px 0px;
	padding: 0px;
	font-size: 10px;
	color: #BABABA;
}

.parrafo
{
	font-size: smaller;
	margin-left: 20px;
}